/* =========================================
   Page Hero — assets/css/pages/page-hero.css
   Only inner pages (Home + Contact hariç)
   JS yok: her zaman görünür
========================================= */

.eskiz-pageHero{
  position: relative;
  overflow: hidden;
  color: #fff;

  /* Hero yüksekliği + header boşluğu */
  padding: calc(var(--headerH, 96px) + clamp(36px, 5vw, 72px)) var(--pad, 24px)
           clamp(46px, 6vw, 96px);

  /* Görsel yoksa fallback */
  background: #0f0f10;

  /* Footer ile “birleşme” hissini azalt */
  border-bottom: 1px solid rgba(255,255,255,.10);
}

/* İçerik genişliği */
.eskiz-pageHero__frame{
  width: min(var(--wrap, 1280px), 100%);
  margin: 0 auto;
  position: relative;
  z-index: 2; /* içerik overlay üstünde */
}

.eskiz-pageHero__inner{
  max-width: 980px;
}

/* Başlık */
.eskiz-pageHero__title{
  margin: 10px 0 0;
  font-weight: 300;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: clamp(26px, 3.1vw, 54px);
  line-height: 1.06;
  color: #fff;
}

/* Breadcrumb */
.eskiz-breadcrumb{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
}

.eskiz-breadcrumb a{
  color: rgba(255,255,255,.86);
  border-bottom: 1px solid rgba(255,255,255,.22);
  text-decoration: none;
}
.eskiz-breadcrumb a:hover{
  color: #fff;
  border-bottom-color: rgba(255,255,255,.60);
}
.eskiz-breadcrumb__sep{ opacity: .55; }

/* Background image via CSS var (--ph-bg) */
.eskiz-pageHero.has-bg .eskiz-pageHero__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background-image: var(--ph-bg);
  background-size: cover;
  background-position: center;
  transform: scale(1.03);

  /* Görseli daha “net” tutmak için daha hafif filtre */
  filter: grayscale(.55) contrast(1.05) brightness(.90);
}

/* Overlay (yazı okunabilir) */
.eskiz-pageHero__overlay{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    radial-gradient(90% 80% at 20% 25%, rgba(0,0,0,.18), rgba(0,0,0,.62)),
    linear-gradient(to bottom, rgba(0,0,0,.50), rgba(0,0,0,.78));
}

/* Hero minimum yükseklik: resim daha net görünsün */
.eskiz-pageHero{
  min-height: clamp(280px, 38vh, 460px);
  display: flex;
  align-items: flex-end; /* içerik alt kısma yakın */
}

/* Mobile */
@media (max-width: 980px){
  .eskiz-pageHero{
    padding: calc(var(--headerH, 96px) + 18px) 16px 46px;
    min-height: min(46vh, 420px);
    align-items: flex-end;
  }
  .eskiz-pageHero__title{
    font-size: clamp(24px, 6.2vw, 40px);
  }
}

/* Opsiyonel: içerik alanı boş kalacaksa (şimdilik) sayfada göze batmasın
   Kullanım: içerik wrapper’ına class ekle -> .eskiz-pageContent
*/
.eskiz-pageContent{
  min-height: 40vh;
  padding: clamp(34px, 5vw, 80px) var(--pad, 24px);
}