.ticker {
  position: fixed;
  bottom: 50; left: 0; width: 100%;
  overflow: hidden;
  background: rgba(0,0,0,.35);
  z-index: 99999;            /* over swiper */
  pointer-events: none;
}

.ticker__track {
  display: flex;
  white-space: nowrap;
  will-change: transform;
  animation: ticker var(--ticker-duration, 300s) linear infinite;
}

.ticker__item {
  display: inline-block;
  padding: 0.5rem 2rem;
  color: #fff;
  font-weight: 600;
  font-size: clamp(16px, 2.2vw, 28px);
}

@keyframes ticker {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-465%); }
}