/* Sticky promotional ticker bar — pure CSS marquee, no JS */
.marquee-wrapper {
  position: sticky;
  top: 0;
  z-index: var(--z-ticker);
  overflow: hidden;
  background: #000;
  padding: 9px 0;
}

.marquee-track {
  display: flex;
  white-space: nowrap;
  animation: marquee 25s linear infinite;
  will-change: transform;
}

.marquee-track span {
  color: #FFE000;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  padding-right: 6rem;
  flex-shrink: 0;
}

/* -25% = exactly one copy-width out of four, so the loop point is invisible */
@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-25%); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track { animation: none; }
}