/* V32 — Mikrobetonzemin özgün hero: sakin, mimari, kutusuz */
#header4-l{
  position:relative!important;
  min-height:100vh!important;
  height:100vh!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:flex-end!important;
  background-position:center center!important;
}
#header4-l .mbr-overlay{
  background:linear-gradient(180deg,rgba(19,17,15,.18) 0%,rgba(19,17,15,.12) 36%,rgba(19,17,15,.62) 100%)!important;
  opacity:1!important;
}
#header4-l .container-fluid{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:none!important;
  padding:0 clamp(28px,6vw,96px) clamp(42px,6.2vh,76px)!important;
  margin:0!important;
}
#header4-l .row{margin:0!important;display:block!important;}
#header4-l .content-wrap{
  width:100%!important;
  max-width:1380px!important;
  margin:0 auto!important;
  padding:28px 0 0!important;
  display:grid!important;
  grid-template-columns:minmax(320px,.88fr) minmax(420px,1.12fr)!important;
  grid-template-areas:
    "kicker kicker"
    "title side"!important;
  column-gap:clamp(56px,7vw,122px)!important;
  row-gap:22px!important;
  text-align:left!important;
  align-items:end!important;
  border-top:1px solid rgba(255,255,255,.28)!important;
}
#header4-l .mbz-v2-kicker{
  grid-area:kicker!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.70)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
#header4-l h1,
#header4-l .display-1{
  grid-area:title!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(56px,6.4vw,94px)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  font-weight:400!important;
  max-width:680px!important;
  text-wrap:balance!important;
}
#header4-l h1 strong{font-weight:400!important;}
#header4-l h2,
#header4-l .display-2{
  margin:0 0 18px!important;
  padding:0!important;
  color:rgba(255,255,255,.72)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
#header4-l h2 strong{font-weight:500!important;}
#header4-l .hero-desc{
  margin:0!important;
  padding:0!important;
  max-width:610px!important;
  color:rgba(255,255,255,.88)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(15px,1.05vw,17px)!important;
  line-height:1.68!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
#header4-l .content-wrap > h2,
#header4-l .content-wrap > .hero-desc,
#header4-l .content-wrap > .mbz-hero-links{
  grid-column:2!important;
}
#header4-l .content-wrap > h2{grid-row:2!important;align-self:start!important;}
#header4-l .hero-desc{grid-row:2!important;align-self:start!important;margin-top:38px!important;}
#header4-l .mbz-hero-links{
  grid-row:2!important;
  align-self:end!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:28px!important;
  margin:0!important;
  padding-top:178px!important;
}
#header4-l .mbz-hero-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 0 5px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.52)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.025em!important;
  text-decoration:none!important;
  text-transform:none!important;
  transition:opacity .2s ease,border-color .2s ease!important;
}
#header4-l .mbz-hero-link:hover,
#header4-l .mbz-hero-link:focus-visible{
  opacity:.7!important;
  border-bottom-color:rgba(255,255,255,.85)!important;
  background:transparent!important;
  transform:none!important;
}
#header4-l .mbz-v2-hero-rail{display:none!important;}

@media(max-width:991px){
  #header4-l{min-height:100svh!important;height:100svh!important;}
  #header4-l .container-fluid{padding:0 30px 42px!important;}
  #header4-l .content-wrap{
    grid-template-columns:1fr!important;
    grid-template-areas:"kicker" "title" "side"!important;
    row-gap:18px!important;
    padding-top:22px!important;
  }
  #header4-l h1,#header4-l .display-1{grid-area:title!important;font-size:clamp(50px,10vw,76px)!important;max-width:760px!important;}
  #header4-l .content-wrap > h2,
  #header4-l .content-wrap > .hero-desc,
  #header4-l .content-wrap > .mbz-hero-links{grid-column:1!important;grid-row:auto!important;}
  #header4-l h2,#header4-l .display-2{margin:10px 0 0!important;}
  #header4-l .hero-desc{margin-top:0!important;max-width:680px!important;}
  #header4-l .mbz-hero-links{padding-top:2px!important;align-self:auto!important;}
}
@media(max-width:575px){
  #header4-l .container-fluid{padding:0 20px 30px!important;}
  #header4-l .content-wrap{padding-top:18px!important;row-gap:14px!important;}
  #header4-l .mbz-v2-kicker{font-size:9.5px!important;letter-spacing:.18em!important;}
  #header4-l h1,#header4-l .display-1{font-size:clamp(44px,14vw,62px)!important;line-height:.98!important;}
  #header4-l h2,#header4-l .display-2{font-size:10px!important;letter-spacing:.14em!important;}
  #header4-l .hero-desc{font-size:14px!important;line-height:1.58!important;}
  #header4-l .hero-desc br{display:none!important;}
  #header4-l .mbz-hero-links{gap:20px!important;}
  #header4-l .mbz-hero-link{font-size:12px!important;}
}
