.marquee {
  background-color: var(--color-promo-bg);
  color: var(--color-text);
  height: var(--marquee-height, 36px);
  overflow: hidden;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.marquee__track {
  display: flex;
  width: max-content;
  height: 100%;
  animation: marquee-scroll var(--marquee-speed, 30s) linear infinite;
}

.marquee__group {
  display: flex;
  align-items: center;
  gap: var(--space-xl);
  padding-right: var(--space-xl);
  flex-shrink: 0;
}

.marquee__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: var(--fs-sm);
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: 0.02em;
}

.marquee__icon {
  width: calc(var(--marquee-height, 36px) - 12px);
  height: calc(var(--marquee-height, 36px) - 12px);
  object-fit: contain;
  display: inline-block;
}

.marquee__text {
  display: inline-block;
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

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