/* =========================================================
   SELÇUK YEM V5.13 — FULL-BLEED HERO + FULL-BLEED FOOTER
   Amaç: Ana sayfa hero/slider ve mavi footer ekranın sağ/sol
   kenarlarına kadar uzanır. İçerik kolonları kontrollü genişlikte
   kalır. Onaylı üst/alt dalga assetleri değiştirilmez.
   ========================================================= */

@media (min-width:981px){
  /* Ana sayfadaki beyaz main artık ekranın tamamına yayılır.
     Alt bölümlerin içerikleri .container ile ortalanmaya devam eder. */
  body.home-page > main{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    overflow:hidden!important;
  }

  /* Hero / slider gerçek full-bleed. */
  body.home-page .approved-hero{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    border-radius:0!important;
  }
  body.home-page .approved-hero-stage,
  body.home-page .approved-hero-wave-img{
    width:100%!important;
    max-width:none!important;
  }

  /* İç hero metnini mevcut geniş ekranda dengeli tutuyoruz. */
  body.home-page .approved-hero .container{
    width:min(1420px,calc(100% - 92px))!important;
  }

  /* Hero görseli tüm ekranı doldursun; slider animasyonu korunur. */
  body.home-page .approved-hero-art{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
  }

  /* Alt mavi footer da gerçek full-bleed. */
  body > .footer{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    margin-bottom:0!important;
    border-radius:0!important;
  }
  body > .footer .footer-wave-image,
  body > .footer .footer-wave-image img{
    width:100%!important;
    max-width:none!important;
  }

  /* Footer içerik kolonları ise çok açılmasın. */
  body > .footer .container{
    width:min(1420px,calc(100% - 92px))!important;
  }
}

/* Tablet ve mobilde zaten ekran genişliği kullanılır; kenar boşluğunu sıfırla. */
@media (max-width:980px){
  body.home-page > main,
  body > .footer{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    border-radius:0!important;
  }
}