/* HaarLab Stage 18B - Hero Slider Position Fix
   Amaç: Slider görseli sadece arka plan olsun, hero içerik/form kaymasın.
*/

.hero,
.site-hero,
.home-hero,
.hl-hero,
.hero-section{
  position:relative !important;
  overflow:hidden !important;
}

/* Slider arka plan katmanı */
.hl-hero-slider-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.hl-hero-slider-bg img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:58% center !important;
  display:block !important;
  opacity:.82 !important;
  transform:none !important;
  transition:opacity .45s ease !important;
}

/* Var olan hero background görselleri de arka planda kalsın */
.hero-bg,
.hero-media,
.hero-image{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.hero-bg img,
.hero-media img,
.hero-image img,
img.hero-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:58% center !important;
  display:block !important;
}

/* Koyu overlay */
.hero::before,
.site-hero::before,
.home-hero::before,
.hl-hero::before,
.hero-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      90deg,
      rgba(7,18,33,.48) 0%,
      rgba(7,18,33,.28) 34%,
      rgba(7,18,33,.10) 66%,
      rgba(7,18,33,.02) 100%
    ) !important;
}

/* Hero içeriği her zaman üstte */
.hero > *:not(.hl-hero-slider-bg):not(.hero-bg):not(.hero-media):not(.hero-image),
.site-hero > *:not(.hl-hero-slider-bg):not(.hero-bg):not(.hero-media):not(.hero-image),
.home-hero > *:not(.hl-hero-slider-bg):not(.hero-bg):not(.hero-media):not(.hero-image),
.hl-hero > *:not(.hl-hero-slider-bg):not(.hero-bg):not(.hero-media):not(.hero-image),
.hero-section > *:not(.hl-hero-slider-bg):not(.hero-bg):not(.hero-media):not(.hero-image){
  position:relative !important;
  z-index:2 !important;
}

/* Slider fade */
.hl-hero-fade-out{
  opacity:.18 !important;
}

/* Hero minimum yükseklik kontrolü */
.hero,
.site-hero,
.home-hero,
.hl-hero,
.hero-section{
  min-height:720px !important;
}

/* Wizard/form kutusunun kaymasını engelle */
.hero-wizard-slot,
.hl-wizard,
.analysis-card,
.hero form,
.hero .form-card{
  position:relative !important;
  z-index:4 !important;
}

/* Mobilde hero çok uzamasın */
/* Mobil ayar */
@media(max-width:900px){
  .hero-wizard-slot,
  .hero-copy{
    transform:none !important;
  }

  .brand-logo-img{
    max-height:54px !important;
    max-width:180px !important;
  }

  .hl-hero-slider-bg img,
  .hero-bg img,
  .hero-media img,
  .hero-image img,
  img.hero-img{
    object-position:center center !important;
  }
}

/* Desktop form pozisyonu */
@media(min-width:981px){
  .premium-hero .hero-grid .hero-wizard-slot,
  .hero.premium-hero .hero-grid .hero-wizard-slot,
  section.hero.premium-hero .hero-wizard-slot{
    transform: translate(45px, 35px) !important;
  }
}