/* ==========================================================================
   VALENTİ — 3. tasarım: tek videolu tam ekran hero
   Video ekranın tamamını kaplar (başlığın altına kadar), böylece kırpılmaz.
   Başlık video üstünde şeffaf başlar, aşağı inince açık zemine döner.
   ========================================================================== */

/* ------------------------------------------- video üstünde şeffaf başlık */
.v3 .baslik {
  /* şeffafken kendi karartmasını taşır: menü, videonun aydınlık yerinde de okunur */
  background: linear-gradient(to bottom, rgba(9,8,11,.46) 0%, rgba(9,8,11,.28) 62%, rgba(9,8,11,.04) 100%);
  backdrop-filter: none; -webkit-backdrop-filter: none;
  border-bottom-color: rgba(246,244,240,.16);
  transition: background var(--gecis), border-color var(--gecis), color var(--gecis);
}
.v3 .baslik:not(.kayik) { color: var(--kagit); }
/* gezinti bağlantıları valenti.css'te koyu renge sabitli — şeffafken açığa çevir */
.v3 .baslik:not(.kayik) .gezinti > li > a,
.v3 .baslik:not(.kayik) .gezinti > li > button { color: var(--kagit); }
.v3 .baslik:not(.kayik) .baslik-alt { border-top-color: rgba(246,244,240,.16); }
.v3 .baslik:not(.kayik) .bilgi em { color: rgba(246,244,240,.6); }
.v3 .baslik:not(.kayik) .bilgi:hover em { color: rgba(246,244,240,.85); }
.v3 .baslik:not(.kayik) .bilgi-ayrac { background: rgba(246,244,240,.24); }
.v3 .baslik:not(.kayik) .bilgi b::after,
.v3 .baslik:not(.kayik) .bilgi-degis::after { background: #EFC470; }
.v3 .baslik:not(.kayik) .arac:hover { background: rgba(246,244,240,.14); }
.v3 .baslik:not(.kayik) .arac .sayi { background: var(--kagit); color: var(--murekkep); }
.v3 .baslik:not(.kayik) .menu-dugme i { background: var(--kagit); }
/* şeffafken yazılar video üstünde okunsun */
.v3 .baslik:not(.kayik) .baslik-ust,
.v3 .baslik:not(.kayik) .baslik-alt { text-shadow: 0 1px 3px rgba(0,0,0,.55), 0 2px 18px rgba(0,0,0,.5); }
/* açılır menü kendi AÇIK zemininde durur: şeffaf başlığın açık yazı rengi ve
   metin gölgesi buraya miras kalmamalı — yoksa model adları beyaz üstü beyaz. */
.v3 .baslik .mega, .v3 .baslik .mega * { text-shadow: none; }
.v3 .baslik:not(.kayik) .mega { color: var(--murekkep); }
/* mobil menü de kendi açık zemininde: gölge ve açık yazı rengi miras kalmasın */
.v3 .baslik .gezinti.mobil, .v3 .baslik .gezinti.mobil * { text-shadow: none; }
.v3 .baslik:not(.kayik) .gezinti.mobil,
.v3 .baslik:not(.kayik) .gezinti.mobil > li > a,
.v3 .baslik:not(.kayik) .gezinti.mobil > li > button { color: var(--murekkep); }

.v3 .baslik.kayik {
  background: rgba(246,244,240,.94);
  backdrop-filter: saturate(1.5) blur(18px); -webkit-backdrop-filter: saturate(1.5) blur(18px);
  border-bottom-color: var(--cizgi-ince);
}

/* mobil menü açıkken başlık şeffaf kalmasın (menü zemini açık) */
.v3 body.menu-acik .baslik,
body.menu-acik.v3 .baslik { background: rgba(246,244,240,.96); color: var(--murekkep); }

/* ================================================================ hero */
.hero3 {
  position: relative; isolation: isolate; overflow: hidden;
  min-height: 100vh; min-height: 100svh;
  margin-top: calc(-1 * var(--bas-y));     /* video başlığın altına kadar uzansın */
  background: #0B0A0D;
}

.hero3-film { position: absolute; inset: 0; z-index: -2; }
.hero3-film video {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}

/* başlık videonun aydınlık yerine denk gelse de okunsun diye üstte karartma */
.hero3-perde {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(to bottom, rgba(9,8,11,.22) 0%, rgba(9,8,11,0) 26%),
    linear-gradient(to top, rgba(9,8,11,.28) 0%, rgba(9,8,11,0) 20%);
}


/* ---------------------------------------------------------------- duyarlı */
@media (max-width: 1040px) {
  .hero3 { min-height: 78svh; }
}
@media (max-width: 720px) {
  .hero3 { min-height: 64svh; }
}