/* Ornek kliplerin canli altyazisi (vitrin.js). Boyutlar kutunun genisligine gore (cqw): ayni stil
   132 px'lik seritte de, 270 px'lik telefonda da ayni oranda durur. */
[data-vt]{container-type:inline-size}
[data-vt]>.vt-alt{position:absolute; left:5%; right:5%; top:63%; z-index:3; margin:0; padding:0; text-align:center; pointer-events:none;
  font:850 8.6cqw/1.18 var(--hero); letter-spacing:-.01em; color:#fff; text-transform:uppercase;
  text-shadow:0 .5cqw 0 rgba(0,0,0,.55),0 0 4cqw rgba(0,0,0,.55)}
[data-vt]>.vt-alt span{display:inline-block; margin:0 .6cqw; opacity:0; transform:translateY(2cqw) scale(.9);
  transition:opacity .14s ease,transform .22s cubic-bezier(.3,1.6,.5,1),color .12s,background-color .12s}
[data-vt]>.vt-alt span.gor{opacity:1; transform:none}
/* stiller: Kesit'in altyazi stillerinden dordu */
[data-vt]>.vt-punch span.su{color:#ffd60a; transform:scale(1.08)}
[data-vt]>.vt-neon span.su{color:#d9ff3f; text-shadow:0 0 3cqw rgba(217,255,63,.55)}
[data-vt]>.vt-kutu{text-transform:none; font-weight:760; font-size:7.6cqw; text-shadow:none}
[data-vt]>.vt-kutu span{margin:.5cqw .3cqw; padding:.8cqw 1.8cqw; border-radius:1.8cqw; background:rgba(8,10,24,.78)}
[data-vt]>.vt-kutu span.su{background:#ff3d8b}
[data-vt]>.vt-temiz{text-transform:none; font:700 7.6cqw/1.25 var(--ui)}
[data-vt]>.vt-temiz span.su{color:#5eead4}
@media (prefers-reduced-motion:reduce){[data-vt]>.vt-alt span{transition:none}}
