/* Promo strip marquee — rightward, seamless */
.promo-strip {
  position: relative;
  overflow: hidden;
  background: #fff;
  /* keep the strip height consistent */
  min-height: 44px;
  display: flex;
  align-items: center;
}

.promo-strip .marquee {
  width: 100%;
  overflow: hidden;
  contain: layout paint style;
}

.promo-strip .track {
  display: inline-flex;
  white-space: nowrap;
  will-change: transform;
  /* tune speed via --speed; higher = slower */
  animation: marquee-right var(--speed, 18s) linear infinite;
}

.promo-strip .track > span {
  display: inline-block;
  padding-inline: 2rem;
  font-weight: 600;
  letter-spacing: .2px;
}

/* make sure swipers inside don't fight us */
.promo-strip .swiper,
.promo-strip .swiper-wrapper,
.promo-strip .swiper-slide {
  all: unset;
  display: contents;
}

@keyframes marquee-right {
  from { transform: translateX(0); }
  to   { transform: translateX(50%); } /* move content to the right */
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .promo-strip .track {
    animation: none;
    transform: translateX(0);
  }
}