.sale-marquee {
  --sale-banner-bg: #123553;
  --sale-banner-accent: #f4b942;
  align-items: center;
  background: var(--sale-banner-bg);
  color: #f8fbff;
  display: flex;
  font: 700 clamp(0.72rem, 1.5vw, 0.84rem)/1.25 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.02em;
  min-height: 2.35rem;
  overflow: hidden;
  text-transform: uppercase;
  white-space: nowrap;
}

.sale-marquee__track {
  animation: fasttravelers-sale-marquee 20s linear infinite;
  display: inline-block;
  min-width: 100%;
  padding: 0.55rem 1.25rem;
  text-align: center;
  will-change: transform;
}

.sale-marquee a {
  color: var(--sale-banner-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.sale-marquee a:hover,
.sale-marquee a:focus-visible {
  color: #fff;
}

.sale-marquee a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@keyframes fasttravelers-sale-marquee {
  from { transform: translateX(-100%); }
  to { transform: translateX(100%); }
}

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