/* === CUSTOM CSS (includes robust ticker rules) === */

/* preserve any existing rules above... */

/* Robust Ticker CSS (force GPU compositing, vendor prefixes) */
@keyframes ticker-slide {
  0%   { transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%,0,0); }
  100% { transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%,0,0); }
}

.ticker-track {
  white-space: nowrap;
  display: inline-block;
  will-change: transform;
  animation: ticker-slide 18s linear infinite !important;
  -webkit-animation: ticker-slide 18s linear infinite !important;
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

/* pause when parent has .paused */
.ticker.paused .ticker-track {
  animation-play-state: paused !important;
  -webkit-animation-play-state: paused !important;
}

/* ensure overflow container clips it */
.ticker > .max-w-6xl, .ticker > .max-w-6xl > .relative { overflow: hidden; }

/* Respect reduced motion by default; comment out or adjust if you want to ignore it */
@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none !important; -webkit-animation: none !important; transform: none !important; }
}