/* Mikrobetonzemin home hero — Cementare final layout-system parity
   Reference: cementare_final_HERO_KISA_METIN_V2.zip
   Scope: geometry/responsive behavior only. Existing imagery, palette, font family and site identity remain. */

#header4-l.mbz-hero-v34{
  position:relative!important;
  min-height:100vh!important;
  min-height:100svh!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  display:block!important;
}

#header4-l.mbz-hero-v34 .mbz34-shell{
  position:relative!important;
  z-index:2!important;
  width:min(1380px,calc(100% - 10vw))!important;
  min-height:100vh!important;
  min-height:100svh!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0 0 clamp(42px,6.5vh,76px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  box-sizing:border-box!important;
}

#header4-l.mbz-hero-v34 .mbz34-kicker{
  margin:0 0 20px!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

#header4-l.mbz-hero-v34 .mbz34-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.16fr) minmax(340px,.62fr)!important;
  gap:clamp(68px,8.5vw,138px)!important;
  align-items:start!important;
  padding-top:24px!important;
  border-top:1px solid rgba(255,255,255,.24)!important;
}

#header4-l.mbz-hero-v34 .mbz34-title-col,
#header4-l.mbz-hero-v34 .mbz34-copy-col{
  min-width:0!important;
}

#header4-l.mbz-hero-v34 .mbz34-title-col h1{
  margin:0!important;
  max-width:760px!important;
  font-size:clamp(58px,6.3vw,92px)!important;
  line-height:.94!important;
  font-weight:400!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}

#header4-l.mbz-hero-v34 .mbz34-copy-col{
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  max-width:440px!important;
  padding-top:2px!important;
}

#header4-l.mbz-hero-v34 .hero-desc{
  width:100%!important;
  max-width:430px!important;
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.65!important;
  text-wrap:pretty!important;
  overflow-wrap:normal!important;
}

#header4-l.mbz-hero-v34 .mbz34-links{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:30px!important;
  margin:28px 0 0!important;
  padding:0!important;
}

#header4-l.mbz-hero-v34 .mbz34-link{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0 0 7px!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.3!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

#header4-l.mbz-hero-v34 .mbz40-material-line{
  margin-top:clamp(34px,5vh,58px)!important;
  display:flex!important;
  align-items:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0!important;
  border:0!important;
  font-size:10px!important;
  line-height:1.4!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#header4-l.mbz-hero-v34 .mbz40-material-line span{opacity:.42!important;}
#header4-l.mbz-hero-v34 .mbz40-material-line::before{content:none!important;display:none!important;}
#header4-l.mbz-hero-v34 .mbz40-material-line::after{
  content:""!important;
  position:static!important;
  display:block!important;
  flex:0 0 clamp(4.5rem,9vw,8rem)!important;
  width:clamp(4.5rem,9vw,8rem)!important;
  height:1px!important;
  margin:7px 0 0 0!important;
  background:linear-gradient(90deg,rgba(235,229,219,.42) 0%,rgba(235,229,219,.22) 68%,rgba(235,229,219,0) 100%)!important;
  opacity:1!important;
  transform:none!important;
  border:0!important;
  pointer-events:none!important;
}

/* Remove only the old legacy bottom hero line. */
#header4-l::after,#header4-l:after{content:none!important;display:none!important;}

/* Tablet — Cementare geometry */
@media(max-width:1024px){
  #header4-l.mbz-hero-v34 .mbz34-shell{width:calc(100% - 56px)!important;}
  #header4-l.mbz-hero-v34 .mbz34-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
    gap:42px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-title-col h1{font-size:clamp(50px,6.4vw,64px)!important;}
  #header4-l.mbz-hero-v34 .mbz34-copy-col{max-width:410px!important;}
  #header4-l.mbz-hero-v34 .hero-desc{max-width:400px!important;font-size:14px!important;}
  #header4-l.mbz-hero-v34 .mbz34-links{
    flex-wrap:wrap!important;
    gap:18px 26px!important;
    margin-top:25px!important;
  }
}

/* Mobile — Cementare stack; CTA text never breaks, whole CTA wraps instead. */
@media(max-width:767px){
  #header4-l.mbz-hero-v34{min-height:100svh!important;height:auto!important;}
  #header4-l.mbz-hero-v34 .mbz34-shell{
    width:auto!important;
    min-height:100svh!important;
    height:auto!important;
    margin-left:max(20px,env(safe-area-inset-left))!important;
    margin-right:max(20px,env(safe-area-inset-right))!important;
    padding-top:0!important;
    padding-bottom:max(30px,calc(22px + env(safe-area-inset-bottom)))!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-kicker{margin-bottom:14px!important;font-size:9px!important;}
  #header4-l.mbz-hero-v34 .mbz34-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding-top:18px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-title-col h1{
    max-width:340px!important;
    font-size:clamp(38px,10.8vw,44px)!important;
    line-height:.98!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-copy-col{max-width:none!important;padding-top:0!important;}
  #header4-l.mbz-hero-v34 .hero-desc{
    max-width:100%!important;
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  #header4-l.mbz-hero-v34 .hero-desc br{display:none!important;}
  #header4-l.mbz-hero-v34 .mbz34-links{
    flex-wrap:wrap!important;
    gap:18px 24px!important;
    margin-top:18px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-link{
    font-size:13px!important;
    white-space:nowrap!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    margin-top:28px!important;
    gap:8px!important;
    font-size:9px!important;
    letter-spacing:.11em!important;
    white-space:normal!important;
    flex-wrap:wrap!important;
  }
}

@media(max-width:390px){
  #header4-l.mbz-hero-v34 .mbz34-title-col h1{font-size:37px!important;}
  #header4-l.mbz-hero-v34 .hero-desc{font-size:13px!important;}
}

/* Short landscape — content defines height, so no clipping. */
@media(orientation:landscape) and (max-width:991px) and (max-height:520px){
  #header4-l.mbz-hero-v34{height:auto!important;min-height:100svh!important;overflow:hidden!important;}
  #header4-l.mbz-hero-v34 .mbz34-shell{
    width:calc(100% - 48px)!important;
    min-height:0!important;
    height:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:max(84px,calc(66px + env(safe-area-inset-top)))!important;
    padding-bottom:22px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-kicker{margin-bottom:10px!important;}
  #header4-l.mbz-hero-v34 .mbz34-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important;
    gap:32px!important;
    padding-top:14px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-title-col h1{font-size:clamp(34px,6vw,42px)!important;}
  #header4-l.mbz-hero-v34 .hero-desc{font-size:12.5px!important;line-height:1.5!important;}
  #header4-l.mbz-hero-v34 .mbz34-links{
    flex-wrap:wrap!important;
    margin-top:14px!important;
    gap:14px 18px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-link{white-space:nowrap!important;}
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    margin-top:18px!important;
    font-size:8.5px!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{margin-top:5px!important;}
}