/* Tanitim videosu kaplamasi.
   Renkler tema degiskenlerinden; acik temada da dogru duruyor. */
.krw-video-perde{
  position:fixed; inset:0; z-index:9000;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  background:rgba(2,10,16,.88);
  backdrop-filter:blur(6px);
  opacity:0; transition:opacity .22s ease;
}
.krw-video-perde.acik{opacity:1}
.krw-video-perde[hidden]{display:none}

.krw-video-kutu{
  width:min(1180px,100%);
  aspect-ratio:16/9;
  border-radius:16px; overflow:hidden;
  box-shadow:0 30px 90px -30px rgba(0,0,0,.9);
  background:#04121c;
}
.krw-video-kutu video{width:100%; height:100%; display:block; background:#04121c}

.krw-video-kapat{
  position:absolute; top:18px; right:22px;
  width:46px; height:46px; border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08); color:#fff;
  font-size:28px; line-height:1; cursor:pointer;
}
.krw-video-kapat:hover{background:rgba(255,255,255,.16)}

/* Kaplama acikken arkadaki sayfa kaymasin. */
html.krw-video-kilit,
html.krw-video-kilit body{overflow:hidden}

@media(max-width:700px){
  .krw-video-perde{padding:12px}
  .krw-video-kapat{top:10px; right:12px; width:40px; height:40px; font-size:24px}
}