/* =========================================================
   SELÇUK YEM V5.25+ HOTFIX — HERO / DALGA HİZALAMA DÜZELTMESİ
   Amaç:
   - Slider görüntüsü yalnızca yeşil dalganın üstünde görünsün.
   - Sağ taraftaki beyaz boşluk kalksın.
   - Sol alttaki taşma kalksın.
   - Onaylı dalga formu ve mevcut slider tasarımı bozulmasın.
   Teknik yaklaşım:
   - Hero görseli artık kırpılmıyor.
   - Onun yerine, dalganın altındaki beyaz alan dalga formuna uygun
     ayrı bir beyaz maske ile kapatılıyor.
   ========================================================= */

body.home-page .approved-hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

body.home-page .approved-hero-stage{
  position:relative!important;
  overflow:hidden!important;
  z-index:1!important;
}

/* Hero görsel alanını doğal halinde bırak. */
body.home-page .approved-hero-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  overflow:hidden!important;
  z-index:1!important;
  -webkit-clip-path:none!important;
  clip-path:none!important;
}

body.home-page .hero-cattle-slider,
body.home-page .hero-cattle-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

/* Dalganın altında beyaz kalması gereken bölgeyi, onaylı üst yeşil eğriye
   göre kapat. Böylece slider sadece yeşil dalgaya kadar görünür. */
body.home-page .approved-hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:148px;
  background:#fff;
  z-index:8;
  pointer-events:none;
  -webkit-clip-path:polygon(
    0% 50.62%,
    3% 42.32%,
    6% 35.68%,
    9% 31.12%,
    12% 27.39%,
    15% 25.73%,
    18% 24.90%,
    21% 24.90%,
    24% 26.56%,
    27% 29.05%,
    30% 32.78%,
    33% 36.93%,
    36% 41.91%,
    39% 47.30%,
    42% 53.11%,
    45% 60.58%,
    48% 63.49%,
    51% 65.98%,
    54% 68.05%,
    57% 69.29%,
    60% 70.12%,
    63% 68.46%,
    66% 67.63%,
    69% 65.98%,
    72% 63.49%,
    75% 60.58%,
    78% 56.85%,
    81% 52.28%,
    84% 46.89%,
    87% 40.66%,
    90% 33.61%,
    93% 25.31%,
    96% 15.77%,
    99% 4.98%,
    100% 0%,
    100% 100%,
    0% 100%
  )!important;
  clip-path:polygon(
    0% 50.62%,
    3% 42.32%,
    6% 35.68%,
    9% 31.12%,
    12% 27.39%,
    15% 25.73%,
    18% 24.90%,
    21% 24.90%,
    24% 26.56%,
    27% 29.05%,
    30% 32.78%,
    33% 36.93%,
    36% 41.91%,
    39% 47.30%,
    42% 53.11%,
    45% 60.58%,
    48% 63.49%,
    51% 65.98%,
    54% 68.05%,
    57% 69.29%,
    60% 70.12%,
    63% 68.46%,
    66% 67.63%,
    69% 65.98%,
    72% 63.49%,
    75% 60.58%,
    78% 56.85%,
    81% 52.28%,
    84% 46.89%,
    87% 40.66%,
    90% 33.61%,
    93% 25.31%,
    96% 15.77%,
    99% 4.98%,
    100% 0%,
    100% 100%,
    0% 100%
  )!important;
}

/* Onaylı dalga asseti, beyaz maskenin üstünde kalsın. */
body.home-page .approved-hero-wave-img{
  position:relative!important;
  z-index:9!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin-top:-80px!important;
  pointer-events:none!important;
}

@media (max-width:980px){
  body.home-page .approved-hero::before{height:112px!important;}
  body.home-page .approved-hero-wave-img{height:112px!important;margin-top:-64px!important;}
}

@media (max-width:560px){
  body.home-page .approved-hero::before{height:86px!important;}
  body.home-page .approved-hero-wave-img{height:86px!important;margin-top:-48px!important;}
}