/* Kategori tanitim videosu. Gorunurluk JS ile degil CSS ile ayarlanir —
   sunucuda cizilen isaretleme ile tarayicidaki hep ayni kalsin diye. */

.cc_liCOqq6YcZ_GKmPoed5xn .video-banner {
  display: none;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 0; /* video satir ici; altta 4px hayalet bosluk birakiyor */
  background: var(--color-surface-alt);
}

/* Mobil (<768px) ve masaustu gorunurlugu ayri anahtarlar. Ikisi de kapaliysa
   bilesen zaten hic cizilmiyor (bkz. index.tsx). */
@media (max-width: 767px) {
  .cc_liCOqq6YcZ_GKmPoed5xn .video-banner--mobile {
    display: block;
    margin-bottom: var(--video-banner-spacing, 20px);
  }
}

@media (min-width: 768px) {
  .cc_liCOqq6YcZ_GKmPoed5xn .video-banner--desktop {
    display: block;
    margin-bottom: var(--video-banner-spacing, 20px);
  }
}

/* Kenardan kenara: bolum bir kapsayicinin icinde olsa bile ekran genisligine
   yayilir.
   DIKKAT — yalnizca DOGRUDAN cocuga uygulaniyor (`>`). Bag varsa tasmayi
   <a> ustlenir; hem <a>'ya hem icindeki <video>'ya verilseydi kaydirma iki
   kez uygulanip video ekranin soluna kacardi.
   `100vw` dikey kaydirma cubugunu saymaz; tasmayi ustteki
   `overflow: hidden` kesiyor. */
.cc_liCOqq6YcZ_GKmPoed5xn .video-banner--full-bleed > .video-banner__player, .cc_liCOqq6YcZ_GKmPoed5xn .video-banner--full-bleed > .video-banner__poster, .cc_liCOqq6YcZ_GKmPoed5xn .video-banner--full-bleed > .video-banner__link {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.cc_liCOqq6YcZ_GKmPoed5xn .video-banner__link {
  display: block;
  width: 100%;
}

.cc_liCOqq6YcZ_GKmPoed5xn .video-banner__link:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -4px;
}

.cc_liCOqq6YcZ_GKmPoed5xn .video-banner__player, .cc_liCOqq6YcZ_GKmPoed5xn .video-banner__poster {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  /* Metadata gelmeden once yer ayirir. Yoksa videonun yuksekligi 0'dan
     gercek degerine siciriyor ve sayfanin en ustunde olduğu icin altindaki
     her seyi asagi itiyor. */
  aspect-ratio: var(--video-banner-ratio, 9 / 16);
  background: var(--color-surface-alt);
}

/* Video tiklama almaz: uzun basinca cikan indirme/oynatma menusunu ve
   kazara duraklatmayi engeller. Bag varsa tiklamayi saran <a> karsilar. */
.cc_liCOqq6YcZ_GKmPoed5xn .video-banner__player {
  pointer-events: none;
}

/* Otomatik oynatma tamamen engellendiyse videonun yerini tek kare alir. */
.cc_liCOqq6YcZ_GKmPoed5xn .video-banner:has(.video-banner__poster) .video-banner__player {
  display: none;
}