/* ==========================================================================
   Bi'Tişört v6.6.86 — Ana Sayfa Hero Yükseklik Optimizasyonu
   Amaç:
   - Hero'nun ilk ekranı gereğinden fazla kaplamasını engellemek.
   - Alt bölümlerin ilk bakışta görünürlüğünü artırmak.
   - Görseli ezmeden object-fit:cover ile kontrollü kırpmak.
   - Desktop / tablet / mobil için ayrı, dengeli yükseklikler kullanmak.
   ========================================================================== */

/* Desktop: eski full-width 2.05:1 oranının oluşturduğu aşırı yüksek sahneyi
   yaklaşık %40–50 daha kompakt bir vitrine dönüştürür. */
@media (min-width:1024px){
  html body.bt-hybrid-pro-home #anasayfa.hp-signature-slider{
    --bt-hero-compact-ratio:auto!important;
  }

  html body.bt-hybrid-pro-home #anasayfa .hp-signature-viewport{
    width:100%!important;
    height:clamp(360px,27vw,460px)!important;
    min-height:0!important;
    max-height:460px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }

  html body.bt-hybrid-pro-home #anasayfa .hp-signature-track,
  html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide,
  html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide picture{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }

  html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Tablet: hero alt içerikleri itmeden güçlü görünmeye devam eder. */
@media (min-width:761px) and (max-width:1023px){
  html body.bt-hybrid-pro-home #anasayfa .hp-signature-viewport{
    height:clamp(320px,36vw,360px)!important;
    min-height:0!important;
    max-height:360px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }

  html body.bt-hybrid-pro-home #anasayfa .hp-signature-track,
  html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide,
  html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide picture,
  html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }

  html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide img{
    object-fit:cover!important;
    object-position:center center!important;
  }
}

/* Mobilde kullanılan ayrı hero sahnesi artık kare olmak zorunda değil.
   300–340 px aralığı CTA'ları ve aşağıdaki içeriği aynı ekranda daha görünür tutar. */
@media (max-width:760px){
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-square-v6321{
    width:100%!important;
    height:clamp(300px,88vw,340px)!important;
    min-height:300px!important;
    max-height:340px!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }

  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-track-v6341,
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-slide-v6341,
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-slide-v6341 > a{
    height:100%!important;
  }

  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-slide-v6341 img,
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-square-v6321 > img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

/* Çok küçük telefonlarda hero tekrar gereksiz büyümesin. */
@media (max-width:390px){
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-square-v6321{
    height:300px!important;
    min-height:300px!important;
  }
}


/* v6.6.88 revizyon — ilk hero görselini hiçbir çözünürlükte kırpma */
@media (min-width:761px){
  html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide img[src*="slider-giydigin-sey-v621"]{
    object-fit:contain!important;
    object-position:center center!important;
    background:#fff!important;
  }
}


/* ==========================================================================
   Bi'Tişört v6.6.89 — Hero 2188x719 Birebir Yerleşim Standardı
   Kullanıcının yükleyeceği tüm hero görselleri 2188x719 px olacaktır.
   Amaç:
   - Görselin hiçbir kenarı kırpılmasın.
   - Görsel en ve boy oranı birebir korunsun.
   - Hero alanı görsel oranını takip etsin.
   - object-fit: cover kullanılmasın.
   ========================================================================== */

html body.bt-hybrid-pro-home #anasayfa.hp-signature-slider,
html body.bt-hybrid-pro-home #anasayfa .hp-signature-viewport{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:2188 / 719!important;
  overflow:hidden!important;
}

html body.bt-hybrid-pro-home #anasayfa .hp-signature-track,
html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide,
html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide picture{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:2188 / 719!important;
}

html body.bt-hybrid-pro-home #anasayfa .hp-signature-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  object-position:center center!important;
  aspect-ratio:2188 / 719!important;
}

/* Mobilde de aynı 2188x719 oranı korunur.
   Ayrı mobil hero sahnesi varsa ona da aynı birebir oran uygulanır. */
@media (max-width:760px){
  html body.bt-hybrid-pro-home #anasayfa .hp-signature-viewport,
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-square-v6321{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:2188 / 719!important;
    overflow:hidden!important;
  }

  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-track-v6341,
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-slide-v6341,
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-slide-v6341 > a{
    width:100%!important;
    height:100%!important;
    aspect-ratio:2188 / 719!important;
  }

  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-slide-v6341 img,
  html body.bt-hybrid-pro-home #btMobileHeroV6321 .bt-mobile-hero-square-v6321 > img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center center!important;
    aspect-ratio:2188 / 719!important;
  }
}