/* VideoCarousel — eski video-carousel section JSX Tailwind zincirleri,
   satır satır. Karo (slayt) stilleri VideoSlide child'ında. */

/* section: w-full bg-white pb-6 pt-10 outline-none md:pt-14 */
.cc_dadnPAQTf5_Gvgn98hlYE .vc {
  width: 100%;
  background: #ffffff;
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
  outline: none;
}

/* Mobilde bölüm ekran dışıyken render maliyeti sıfırlanır (kampveotesi
   dersi). YALNIZ mobil: masaüstünde contain-intrinsic-size sapması CLS
   üretiyor (kampveotesi'de ölçülmüş 0.2). `auto` anahtarı ilk render'dan
   sonra gerçek ölçüyü hatırlar — tahmin yalnız ilk kareyi taşır. */
@media (max-width: 1023px) {
  .cc_dadnPAQTf5_Gvgn98hlYE .vc {
    content-visibility: auto;
    contain-intrinsic-size: auto 640px;
  }
}

/* relative sarmalayıcı — oklar buna göre konumlanır */
.cc_dadnPAQTf5_Gvgn98hlYE .vc-rel {
  position: relative;
}

/* ── Şerit: keen-slider kapsayıcısı ──
   keen kaydırmayı transform'la yapar; kapsayıcı temel stilleri
   keen-slider.min.css'in karşılığı olarak burada (CSS import edilmez —
   kütüphane sınıf eklemez, yalnız inline stil basar).
   --vc-w yalnız keen init'inden ÖNCEKİ tek karelik yerleşim içindir
   (FOUC'suz): keen sonra karo genişliğini inline min/max-width ile sabitler.
   Mobil: perView 1,5 / spacing 4px · Masaüstü: perView 4 / spacing 8px
   (index.tsx'teki PER_VIEW/SPACING sabitleriyle eş tutulmalı). */
.cc_dadnPAQTf5_Gvgn98hlYE .vc-track {
  --vc-w: calc((100% - 2px) / 1.5);
  --vc-gap: 4px;
  position: relative;
  display: flex;
  overflow: hidden;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: grab;
}
.cc_dadnPAQTf5_Gvgn98hlYE .vc-track:active {
  cursor: grabbing;
}
/* Renderer sarmalayıcıları SAYDAM — sayıları/derinlikleri runtime'da
   belirlendiği için (bkz. CategoryTiles/styles.css başlık notu) slayt kökü
   DIŞINDAKİ her ara kutu yerleşimden çıkar; keen `selector: ".vslide"` ile
   doğrudan karo köklerini ölçer/kaydırır (Hero `.hs-wrapper` emsali). */
.cc_dadnPAQTf5_Gvgn98hlYE .vc-track > *, .cc_dadnPAQTf5_Gvgn98hlYE .vc-track > * > *:not(.vslide), .cc_dadnPAQTf5_Gvgn98hlYE .vc-track *:has(> .vslide) {
  display: contents;
}
/* 3 sınıf: çocuğun kendi `.vslide { width:100% }` kuralını (2 sınıf) ezer.
   Boşluk keen `spacing`'inden gelir (margin verme — keen hesabına katmaz,
   hiza kayardı); init öncesi kare boşluksuz durur, tek karelik kozmetik. */
.cc_dadnPAQTf5_Gvgn98hlYE .vc .vc-track .vslide {
  position: relative;
  flex: 0 0 var(--vc-w);
  width: var(--vc-w);
  overflow: hidden;
}

/* Oklar: absolute left-2/right-2 top-1/2 z-content flex h-10 w-10
   -translate-y-1/2 items-center justify-center bg-white/70 text-ink
   backdrop-blur-sm transition-colors hover:bg-white md:left-4 / md:right-4 */
.cc_dadnPAQTf5_Gvgn98hlYE .vc-nav {
  position: absolute;
  top: 50%;
  z-index: var(--lp-z-content);
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: var(--lp-ink);
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.cc_dadnPAQTf5_Gvgn98hlYE .vc-nav:hover {
  background: #ffffff;
}
.cc_dadnPAQTf5_Gvgn98hlYE .vc-nav--prev {
  left: 0.5rem;
}
.cc_dadnPAQTf5_Gvgn98hlYE .vc-nav--next {
  right: 0.5rem;
}

/* İlerleme çizgisi: relative mx-1 mt-5 h-0.5 bg-line md:mx-2
   iz: absolute inset-y-0 bg-ink transition-[left] duration-300 ease-out */
.cc_dadnPAQTf5_Gvgn98hlYE .vc-progress {
  position: relative;
  margin: 1.25rem 0.25rem 0;
  height: 0.125rem;
  background: var(--lp-line);
}
.cc_dadnPAQTf5_Gvgn98hlYE .vc-progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  background: var(--lp-ink);
  transition: left 0.3s cubic-bezier(0, 0, 0.2, 1);
}

/* ── md (768px+) ── */
@media (min-width: 768px) {
  .cc_dadnPAQTf5_Gvgn98hlYE .vc {
    padding-top: 3.5rem;
  }
  .cc_dadnPAQTf5_Gvgn98hlYE .vc-track {
    --vc-w: calc((100% - 24px) / 4);
    --vc-gap: 8px;
  }
  .cc_dadnPAQTf5_Gvgn98hlYE .vc-nav--prev {
    left: 1rem;
  }
  .cc_dadnPAQTf5_Gvgn98hlYE .vc-nav--next {
    right: 1rem;
  }
  .cc_dadnPAQTf5_Gvgn98hlYE .vc-progress {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}