/* MIKROBETONZEMIN — responsive QA fixes
   Layout-only: typography, colors, content, logo and CTA effects are preserved. */

@media (max-width:1180px){
  html,body{max-width:100%;overflow-x:clip;}
  body *{box-sizing:border-box;}
  :where(.row,[class*="grid"],[class*="shell"],[class*="wrap"],[class*="copy"],[class*="content"],[class*="panel"]){min-width:0;}
  :where(img,video,iframe,svg){max-width:100%;}
}

/* Tablet portrait / compact tablets: prevent narrow two-column hero and fixed-height clipping. */
@media (min-width:701px) and (max-width:991px){
  #header4-l.mbz-hero-v34{
    height:auto!important;
    min-height:86svh!important;
    padding-top:max(104px,calc(88px + env(safe-area-inset-top)))!important;
    padding-bottom:72px!important;
    align-items:flex-end!important;
    overflow:hidden!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-shell{
    width:calc(100% - 56px)!important;
    max-width:1120px!important;
    margin:0 auto!important;
    padding-bottom:0!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-top:22px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-copy-col{
    max-width:620px!important;
    min-width:0!important;
  }
  #header4-l.mbz-hero-v34 .hero-desc{
    max-width:620px!important;
    overflow-wrap:normal!important;
  }
  #header4-l.mbz-hero-v34 .hero-desc br{
    display:none!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-links{
    flex-wrap:wrap!important;
    max-width:100%!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-link{
    max-width:100%!important;
    white-space:normal!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    max-width:100%!important;
    flex-wrap:wrap!important;
  }
}

/* Phones: allow content to define hero height instead of clipping to one viewport. */
@media (max-width:700px){
  #header4-l.mbz-hero-v34{
    height:auto!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    padding-top:max(84px,calc(68px + env(safe-area-inset-top)))!important;
    padding-bottom:max(64px,calc(48px + env(safe-area-inset-bottom)))!important;
    align-items:flex-end!important;
    overflow:hidden!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-shell{
    width:auto!important;
    max-width:none!important;
    margin-left:max(20px,env(safe-area-inset-left))!important;
    margin-right:max(20px,env(safe-area-inset-right))!important;
    padding-bottom:0!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding-top:18px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-title-col,
  #header4-l.mbz-hero-v34 .mbz34-copy-col{
    min-width:0!important;
    max-width:100%!important;
  }
  #header4-l.mbz-hero-v34 .hero-desc{
    max-width:100%!important;
    overflow-wrap:normal!important;
  }
  #header4-l.mbz-hero-v34 .hero-desc br{
    display:none!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-links{
    max-width:100%!important;
    flex-wrap:wrap!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-link{
    max-width:100%!important;
    white-space:normal!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    max-width:100%!important;
    flex-wrap:wrap!important;
  }
}

/* 844×390-class landscape: compact geometry without changing the typography scale. */
@media (orientation:landscape) and (min-width:701px) and (max-width:991px) and (max-height:500px){
  #header4-l.mbz-hero-v34{
    height:auto!important;
    min-height:100dvh!important;
    padding-top:max(78px,calc(68px + env(safe-area-inset-top)))!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
    align-items:flex-end!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-shell{
    width:calc(100% - 48px)!important;
    max-width:none!important;
    padding-bottom:0!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-kicker{
    margin-bottom:8px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    gap:32px!important;
    padding-top:10px!important;
    align-items:end!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-copy-col{
    max-width:none!important;
  }
  #header4-l.mbz-hero-v34 .hero-desc{
    max-width:none!important;
  }
  #header4-l.mbz-hero-v34 .hero-desc br{
    display:none!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-links{
    margin-top:10px!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    margin-top:12px!important;
    gap:5px 8px!important;
  }
}

/* Contact/subscription: let the field shrink correctly beside the nowrap button. */
#iletisim .mbz-subscribe-line,
#iletisim .mbz-subscribe-line > *,
#iletisim .mbz-subscribe-line input{
  min-width:0!important;
}
#iletisim .mbz-subscribe-line input{
  width:100%!important;
  max-width:100%!important;
}

/* Form/modal/flex-grid safety on compact screens. */
@media (max-width:860px){
  .mbz-project-modal-panel,
  .mbz-project-modal-layout,
  .mbz-project-modal-intro,
  .mbz-project-modal-form,
  .mbz-project-modal .mbz-form-grid,
  .mbz-project-modal .mbz-field{
    min-width:0!important;
    max-width:100%!important;
  }
  .mbz-project-modal input,
  .mbz-project-modal select,
  .mbz-project-modal textarea{
    max-width:100%!important;
  }
}


/* FINAL MOBILE HERO POSITION — Mikrobetonkaplama reference parity
   Keep the hero content visually anchored 30px from the bottom on phones. */
@media (max-width:767px){
  #header4-l.mbz-hero-v34{
    height:auto!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    padding-top:0!important;
    padding-bottom:0!important;
    display:flex!important;
    align-items:flex-end!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-shell{
    width:calc(100% - 38px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding-top:0!important;
    padding-bottom:30px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-grid{
    padding-top:18px!important;
  }
}
@media (orientation:portrait) and (min-width:350px) and (max-width:430px){
  #header4-l.mbz-hero-v34 .mbz34-grid{
    padding-top:14px!important;
  }
  #header4-l.mbz-hero-v34 .mbz34-shell{
    padding-bottom:30px!important;
  }
}


/* HERO MATERIAL LINE — Mikrobetonkaplama side-line treatment */
#header4-l.mbz-hero-v34 .mbz40-material-line{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding-left:30px!important;
  border:0!important;
  text-decoration:none!important;
  background:none!important;
}
#header4-l.mbz-hero-v34 .mbz40-material-line::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:20px!important;
  height:1px!important;
  background:currentColor!important;
  opacity:.55!important;
  transform:translateY(-50%)!important;
}
#header4-l.mbz-hero-v34 .mbz40-material-line::after{
  content:none!important;
}
#header4-l.mbz-hero-v34 .mbz40-material-line span{
  display:inline!important;
  border:0!important;
  text-decoration:none!important;
}
@media(max-width:767px){
  #header4-l.mbz-hero-v34 .mbz40-material-line{padding-left:28px!important;}
  #header4-l.mbz-hero-v34 .mbz40-material-line::before{width:18px!important;}
}


/* HERO MATERIAL LINE FINAL — no underline; editorial line on the right */
#header4-l.mbz-hero-v34 .mbz40-material-line{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  padding-left:0!important;
  padding-right:34px!important;
  border:0!important;
  border-bottom:0!important;
  text-decoration:none!important;
  background:none!important;
  box-shadow:none!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:absolute!important;
  right:0!important;
  top:50%!important;
  width:24px!important;
  height:1px!important;
  background:currentColor!important;
  opacity:.52!important;
  transform:translateY(-50%)!important;
}
#header4-l.mbz-hero-v34 .mbz40-material-line,
#header4-l.mbz-hero-v34 .mbz40-material-line span{
  text-decoration:none!important;
  border-bottom:0!important;
  background-image:none!important;
}
@media(max-width:767px){
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    padding-right:30px!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    width:20px!important;
  }
}


/* MATERIAL LINE TRUE FINAL — no underline, line is an inline flex item on the right */
#header4-l.mbz-hero-v34 .mbz40-material-line{
  position:relative!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  gap:7px!important;
  padding:0!important;
  margin-left:0!important;
  margin-right:0!important;
  border:0!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  background:none!important;
  background-image:none!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 24px!important;
  width:24px!important;
  height:1px!important;
  margin-left:6px!important;
  background:currentColor!important;
  background-image:none!important;
  opacity:.52!important;
  transform:none!important;
  border:0!important;
}
#header4-l.mbz-hero-v34 .mbz40-material-line span{
  display:inline!important;
  border:0!important;
  border-bottom:0!important;
  text-decoration:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Match Mikrobetonkaplama compact material-line sizing so it remains one row. */
@media(max-width:767px){
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    font-size:9.3px!important;
    letter-spacing:.05em!important;
    gap:6px!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    flex-basis:20px!important;
    width:20px!important;
    margin-left:5px!important;
  }
}
@media(max-width:430px){
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    font-size:8.5px!important;
    gap:5px!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    flex-basis:18px!important;
    width:18px!important;
    margin-left:4px!important;
  }
}
@media(max-width:390px){
  #header4-l.mbz-hero-v34 .mbz40-material-line{
    font-size:7.8px!important;
    gap:4px!important;
  }
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    flex-basis:16px!important;
    width:16px!important;
  }
}


/* TRUE HERO BOTTOM-LINE FIX
   The visible line below the material row came from legacy #header4-l::after,
   not from .mbz40-material-line. Disable only that decorative hero pseudo-element. */
#header4-l::after,
#header4-l:after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
  border:0!important;
}

/* Keep only the intended short line to the RIGHT of the material row. */
#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 24px!important;
  width:24px!important;
  height:1px!important;
  margin-left:6px!important;
  background:currentColor!important;
  opacity:.52!important;
  transform:none!important;
  border:0!important;
}
@media(max-width:767px){
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    flex-basis:20px!important;
    width:20px!important;
    margin-left:5px!important;
  }
}
@media(max-width:430px){
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    flex-basis:18px!important;
    width:18px!important;
    margin-left:4px!important;
  }
}


/* HERO MATERIAL LINE — exact Mikrobetonkaplama-style short line on the RIGHT */
#header4-l.mbz-hero-v34 .mbz40-material-line{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  gap:6px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  text-decoration:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!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 42px!important;
  width:42px!important;
  height:1px!important;
  margin-left:10px!important;
  background:rgba(221,200,177,.8)!important;
  opacity:1!important;
  transform:none!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:767px){
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    flex-basis:36px!important;
    width:36px!important;
    margin-left:8px!important;
  }
}
@media(max-width:430px){
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    flex-basis:32px!important;
    width:32px!important;
    margin-left:7px!important;
  }
}


/* EXACT REFERENCE RULE — copied from Mikrobetonkaplama final hero material line */
#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-left:0!important;
  margin-top:9px!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;
  box-shadow:none!important;
  pointer-events:none!important;
}
@media (max-width:767px){
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    margin-top:7px!important;
  }
}
@media (orientation:landscape) and (max-width:991.98px) and (max-height:500px){
  #header4-l.mbz-hero-v34 .mbz40-material-line::after{
    margin-top:5px!important;
  }
}