/* =========================================================
   SELÇUK YEM V5.11 — GENİŞ YERLEŞİM + TAM GENİŞLİK HERO
   V5.9 onaylı üst/alt dalga assetlerine DOKUNMAZ.
   V5.10 slider yapısını korur.
   ========================================================= */

@media (min-width:981px){
  /* Siteyi bir miktar genişlet. */
  body>.site-header,
  body>main,
  body>.footer{
    width:min(1320px,calc(100% - 28px))!important;
  }
  .container{
    width:min(1160px,calc(100% - 56px))!important;
  }
  .approved-hero .container{
    width:min(1160px,calc(100% - 56px))!important;
  }

  /* Header da yeni genişliğe göre biraz daha okunaklı. */
  .nav-wrap{height:78px!important;gap:20px!important;}
  .brand{width:190px!important;flex-basis:190px!important;}
  .brand img{width:170px!important;height:60px!important;}
  .nav{font-size:9.2px!important;gap:28px!important;}
  .quote-btn{height:40px!important;padding:0 20px!important;font-size:9px!important;}

  /* HERO: fotoğraf artık sahnenin tamamını soldan sağa doldurur. */
  .approved-hero-stage{
    height:500px!important;
    background:#18281d!important;
  }
  .approved-hero-art{
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  .approved-hero-art .hero-cattle-slide img{
    inset:-2%!important;
    width:104%!important;
    height:104%!important;
    object-fit:cover!important;
  }
  .hero-cattle-slide:nth-child(1) img{object-position:52% 48%!important;}
  .hero-cattle-slide:nth-child(2) img{object-position:50% 49%!important;}
  .hero-cattle-slide:nth-child(3) img{object-position:50% 47%!important;}

  /* Eski beyaz sis tamamen kaldırıldı. Sadece yazıyı okunur tutan şeffaf koyu ton var;
     fotoğraf soldan sağa görünmeye devam eder. */
  .approved-hero-art::after{
    z-index:3!important;
    background:linear-gradient(90deg,
      rgba(7,22,14,.62) 0%,
      rgba(7,22,14,.48) 18%,
      rgba(7,22,14,.26) 34%,
      rgba(7,22,14,.08) 49%,
      rgba(7,22,14,0) 64%)!important;
  }

  .approved-hero-copy{
    width:52%!important;
    padding-top:92px!important;
    color:#fff!important;
    text-shadow:0 2px 12px rgba(0,0,0,.22);
  }
  .approved-hero-copy h1{
    margin-bottom:26px!important;
    letter-spacing:-1.5px!important;
  }
  .approved-hero-copy h1 span,
  .approved-hero-copy h1 strong{
    font-size:45px!important;
    line-height:1.02!important;
  }
  .approved-hero-copy h1 span{color:#fff!important;}
  .approved-hero-copy h1 strong{color:#78cf3c!important;margin-top:7px!important;}
  .approved-hero-copy p{
    max-width:540px!important;
    margin-bottom:31px!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.62!important;
    font-weight:600!important;
    text-shadow:0 2px 8px rgba(0,0,0,.34);
  }
  .approved-btn{
    height:50px!important;
    min-width:208px!important;
    padding:0 25px!important;
    font-size:10.4px!important;
  }
  .approved-btn-secondary{
    color:#fff!important;
    background:rgba(0,0,0,.08)!important;
    border-color:rgba(255,255,255,.92)!important;
    backdrop-filter:blur(2px);
    text-shadow:0 1px 4px rgba(0,0,0,.35);
  }

  /* Alt içeriklerin yazılarını da hafifçe büyüt. */
  .v57-stat b{font-size:17px!important;}
  .v57-stat small{font-size:9.2px!important;}
  .v57-categories .category-body h3{font-size:15.5px!important;}
  .v57-categories .category-body p{font-size:10px!important;}
  .v57-categories .category-body a{font-size:9px!important;}
  .v57-process .process-title h2{font-size:20px!important;}
  .v57-process .process-title p{font-size:9.2px!important;}
  .v57-process-step h3{font-size:10px!important;}
  .v57-process-step p{font-size:8.5px!important;}
  .v57-about .about-copy h2{font-size:17px!important;}
  .v57-about .about-copy p{font-size:10px!important;}
  .v57-about .about-copy li{font-size:9.2px!important;}
  .knowledge-head h2{font-size:18px!important;}
  .home-articles article h3{font-size:11px!important;}
  .home-articles article p{font-size:9px!important;}
  .home-articles article a{font-size:8.5px!important;}
  .footer-brand p{font-size:9px!important;max-width:255px!important;}
  .footer h4{font-size:10px!important;}
  .footer a,.footer-contact p{font-size:9px!important;}
  .footer-bottom{font-size:8px!important;}
}

/* Tablet/telefon: beyaz sis yerine fotoğrafı görünür tutan koyu yarı saydam örtü. */
@media (max-width:980px){
  .approved-hero-art::after{
    background:linear-gradient(180deg,
      rgba(5,20,12,.50) 0%,
      rgba(5,20,12,.24) 34%,
      rgba(5,20,12,.05) 58%,
      rgba(5,20,12,0) 78%)!important;
  }
  .approved-hero-copy h1 span{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.38);}
  .approved-hero-copy h1 strong{color:#78cf3c!important;text-shadow:0 2px 8px rgba(0,0,0,.38);}
  .approved-hero-copy p{color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.42);}
}