/* ==========================================================================
   "Şimdi sahnede" kaydırıcısı (ana sayfa "Maç merkezi" sahnesi; web/home2/_stage, spotlight.js; sekme / nokta görünümü home-v2.css).
   Kart görünümü portal.css'teki .spot'tur; buradaki kurallar .spotlight önekli (yükleme sırasından bağımsız).
   Mantıksal özellikler (RTL hazır), iki tema, azaltılmış hareket.
   ========================================================================== */
.spotlight { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
/* Duraklat (iki çubuk) / sürdür (oynat simgesi) */
.spotlight__pause { display: inline-flex; gap: 3px; }
.spotlight__pause::before, .spotlight__pause::after { content: ''; width: 3px; height: 11px; border-radius: 1px; background: currentColor; }

.spotlight__viewport {
  overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch; border-radius: var(--radius-xl); outline: none;
}
.spotlight__viewport::-webkit-scrollbar { display: none; }
.spotlight__track { display: flex; align-items: stretch; list-style: none; margin: 0; padding: 0; }
.spotlight__slide { flex: 0 0 100%; min-width: 0; display: flex; scroll-snap-align: start; scroll-snap-stop: always; }
/* Kart iz içinde: hover kaldırması kırpılmasın diye yalnızca gölge / kenar; slaytlar eşit boyda, alt satır dibe yaslı */
.spotlight .spot { flex: 1 1 auto; width: 100%; }
.spotlight .spot:hover { transform: none; }
.spotlight .spot__pred, .spotlight .spot__cta { margin-block-start: auto; }
/* Kendiliğinden ilerlerken etkin sekmenin çubuğu bir sonraki geçişe kadar dolar (home-v2.css .hx-tab__bar) */
@keyframes spotfill { from { transform: scaleX(0); } to { transform: scaleX(1); } }