/* =========================================================
   Uysal Otogaz - page.php hero/slider desktop full-width fix v3
   Amaç: v2'de slider fazla daraldı. Desktop'ta eski hissine yakın,
   sağa-sola yayılan full-bleed slider. İçerik/ürün kartlarına dokunmaz.
   ========================================================= */

:root{
  --uo-hero-desktop-ratio:1920 / 700;
}

/* Full-bleed: parent container dar olsa bile viewport genişliğine çıkar */
main#main-content > .hero-kb{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-top:0 !important;
  margin-bottom:28px !important;
  padding:0 0 22px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  background:transparent !important;
}

main#main-content > .hero-kb .kb-wrapper{
  position:relative !important;
  display:block !important;
  width:100vw !important;
  max-width:none !important;
  margin:0 !important;
  aspect-ratio:var(--uo-hero-desktop-ratio) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
  border-radius:0 !important;
  background:#0b1220 !important;
  box-shadow:none !important;
  line-height:0 !important;
  isolation:isolate !important;
}

main#main-content > .hero-kb .kb-slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
}

main#main-content > .hero-kb .kb-slide picture,
main#main-content > .hero-kb .kb-slide img{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

/* 1920x700 görsel oranı ile aynı wrapper kullanıldığı için kırpma minimumdur */
main#main-content > .hero-kb .kb-slide img{
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
}

/* Full width sliderda oklar kenarda kalmasın */
main#main-content > .hero-kb .kb-nav.prev{
  left:clamp(14px,2.2vw,42px) !important;
}
main#main-content > .hero-kb .kb-nav.next{
  right:clamp(14px,2.2vw,42px) !important;
}
main#main-content > .hero-kb .kb-dots{
  bottom:34px !important;
}

/* Çok geniş ekranlarda yükseklik abartılı büyümesin ama genişlik yine dolsun */
@media (min-width:1921px){
  main#main-content > .hero-kb .kb-wrapper{
    max-height:720px !important;
  }
  main#main-content > .hero-kb .kb-slide img{
    object-fit:cover !important;
  }
}

/* Tablet ve küçük ekranlarda tam taşma yerine güvenli genişlik */
@media (max-width:991.98px){
  main#main-content > .hero-kb{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding:0 10px 16px !important;
    margin-bottom:18px !important;
  }
  main#main-content > .hero-kb .kb-wrapper{
    width:100% !important;
    aspect-ratio:16 / 9 !important;
    border-radius:16px !important;
    box-shadow:0 12px 30px rgba(15,23,42,.12) !important;
  }
  main#main-content > .hero-kb .kb-nav.prev{left:18px !important;}
  main#main-content > .hero-kb .kb-nav.next{right:18px !important;}
  main#main-content > .hero-kb .kb-dots{bottom:24px !important;}
}

/* =========================================================
   Uysal Otogaz - H1 / Slider proximity fix v4
   Amaç: Full-width slider sonrası H1 başlık kartını slidere yaklaştırmak.
   page.php HTML yapısına dokunmaz; sadece boşluk/hizalama düzeltir.
   ========================================================= */

@media (min-width: 992px){
  main#main-content > .hero-kb{
    padding-bottom:8px !important;
    margin-bottom:12px !important;
  }

  main#main-content > .hero-kb .kb-dots{
    bottom:22px !important;
  }

  main#main-content > .uo-titlebar{
    margin-top:0 !important;
    margin-bottom:18px !important;
  }

  main#main-content > .uo-titlebar .container{
    max-width:min(1260px, calc(100vw - 72px)) !important;
  }

  main#main-content > .uo-titlebar .uo-titlebar-inner{
    padding:13px 24px !important;
    border-radius:16px !important;
    box-shadow:0 12px 30px rgba(15,23,42,.055) !important;
  }

  main#main-content > .uo-titlebar .uo-title{
    font-size:clamp(1.18rem, 1.45vw, 1.55rem) !important;
    line-height:1.25 !important;
  }
}

@media (max-width: 991.98px){
  main#main-content > .hero-kb{
    padding-bottom:10px !important;
    margin-bottom:10px !important;
  }

  main#main-content > .uo-titlebar{
    margin-top:0 !important;
    margin-bottom:14px !important;
  }

  main#main-content > .uo-titlebar .uo-titlebar-inner{
    padding:12px 16px !important;
    border-radius:14px !important;
  }
}