/* v20.7 VİTRİN SAHNESİ */
.vs-raf {
  display: flex; gap: 16px; overflow-x: auto; padding: 6px 4px 14px;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
}
.vs-kart {
  flex: 0 0 min(560px, 88vw); scroll-snap-align: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 18px;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.12); overflow: hidden;
}
.vs-sahne { position: relative; aspect-ratio: 16 / 9; background: #0f172a; overflow: hidden; }
.vs-sahne img, .vs-sahne video {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.vs-ust { position: absolute; inset: 0; }
.vs-kol {
  position: absolute; top: 0; bottom: 0; left: 50%; width: 34px;
  transform: translateX(-50%); cursor: ew-resize; touch-action: none; z-index: 3;
}
.vs-kol::before {
  content: ''; position: absolute; top: 0; bottom: 0; left: 50%;
  width: 3px; transform: translateX(-50%); background: #fff;
  box-shadow: 0 0 10px rgba(15, 23, 42, 0.45);
}
.vs-kol span {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 34px; height: 34px; border-radius: 50%; background: #fff;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.35);
}
.vs-kol span::before { content: '↔'; display: grid; place-items: center; height: 100%; color: #4f46e5; font-weight: 700; }
.vs-rozet {
  position: absolute; top: 10px; left: 10px; z-index: 2;
  background: rgba(15, 23, 42, 0.68); color: #fff; font-size: 0.66rem;
  font-weight: 800; letter-spacing: 0.08em; border-radius: 999px; padding: 4px 10px;
}
.vs-rozet-sag { left: auto; right: 10px; background: rgba(79, 70, 229, 0.85); }
.vs-oynat {
  position: absolute; inset: 0; margin: auto; width: 62px; height: 62px;
  border-radius: 50%; border: none; cursor: pointer; z-index: 4;
  background: rgba(255, 255, 255, 0.92); color: #4f46e5; font-size: 1.4rem;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.3);
  transition: transform .2s ease, opacity .2s ease;
}
.vs-oynat:hover { transform: scale(1.06); }
.vs-oynuyor .vs-oynat { opacity: 0; pointer-events: none; }
.vs-sahne:hover .vs-oynat, .vs-oynuyor .vs-sahne:hover .vs-oynat { opacity: 1; pointer-events: auto; }
.vs-oynuyor .vs-oynat { content: ''; }
.vs-kunye {
  padding: 10px 14px; font-size: 0.85rem; color: #334155; font-weight: 600;
  display: flex; align-items: center; gap: 6px;
}
@media (prefers-reduced-motion: reduce) {
  .vs-oynat { transition: none; }
}