/* BETONPANELLER — Cementare hero layout parity
   Geometry/responsive behavior only.
   Existing Betonpaneller typography, content, image, overlay, CTA effects and brand identity remain unchanged. */

/* Desktop */
body.bp-premium.bp-home #header4-l.mbz-hero-v34{
  height:auto!important;
  min-height:100vh!important;
  min-height:100svh!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  display:block!important;
}

body.bp-premium.bp-home #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;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}

body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-kicker{
  margin-top:0!important;
  margin-bottom:20px!important;
}

body.bp-premium.bp-home #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;
}

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

body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-copy-col{
  align-self:start!important;
  max-width:440px!important;
  padding-top:2px!important;
}

body.bp-premium.bp-home #header4-l.mbz-hero-v34 .hero-desc{
  width:100%!important;
  max-width:430px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

body.bp-premium.bp-home #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;
  column-gap:30px!important;
  row-gap:14px!important;
  margin-top:28px!important;
}

body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-link{
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz40-material-line{
  margin-top:clamp(34px,5vh,58px)!important;
  align-items:flex-start!important;
  gap:10px!important;
}

/* Tablet / compact desktop — Cementare geometry */
@media (max-width:1024px){
  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-shell{
    width:calc(100% - 56px)!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
    gap:42px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-copy-col{
    max-width:410px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .hero-desc{
    max-width:400px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-links{
    column-gap:26px!important;
    margin-top:25px!important;
  }
}

/* CTA text stays intact; whole CTA can move to the next line. */
@media (min-width:768px) and (max-width:991px){
  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-links{
    flex-wrap:wrap!important;
    column-gap:22px!important;
    row-gap:14px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-link{
    white-space:nowrap!important;
    max-width:100%!important;
  }
}

/* Mobile — 375 / 390 / 412 / 430 */
@media (max-width:767px){
  body.bp-premium.bp-home #header4-l.mbz-hero-v34{
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-shell{
    width:auto!important;
    min-height:100svh!important;
    height:auto!important;
    margin-left:20px!important;
    margin-right:20px!important;
    padding-top:0!important;
    padding-bottom:max(30px,calc(22px + env(safe-area-inset-bottom)))!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-kicker{
    margin-bottom:14px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-grid{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding-top:18px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-copy-col{
    max-width:none!important;
    padding-top:0!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .hero-desc{
    max-width:100%!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-links{
    flex-wrap:wrap!important;
    column-gap:24px!important;
    row-gap:18px!important;
    margin-top:18px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-link{
    white-space:nowrap!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz40-material-line{
    margin-top:28px!important;
    gap:8px!important;
  }
}

/* Short landscape — content must grow the hero instead of being clipped. */
@media (orientation:landscape) and (max-width:991px) and (max-height:520px){
  body.bp-premium.bp-home #header4-l.mbz-hero-v34{
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-shell{
    width:calc(100% - 56px)!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding-top:max(84px,calc(66px + env(safe-area-inset-top)))!important;
    padding-bottom:max(22px,calc(16px + env(safe-area-inset-bottom)))!important;
    justify-content:flex-start!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-kicker{
    margin-bottom:12px!important;
  }

  body.bp-premium.bp-home #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;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-copy-col{
    max-width:none!important;
    overflow:visible!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-links{
    flex-wrap:wrap!important;
    column-gap:18px!important;
    row-gap:12px!important;
    margin-top:14px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-link{
    white-space:nowrap!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz40-material-line{
    margin-top:18px!important;
  }
}


/* Mobile hero CTA alignment final fix */
@media (max-width:767px){
  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-links{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    width:100%!important;
    margin-top:18px!important;
  }

  body.bp-premium.bp-home #header4-l.mbz-hero-v34 .mbz34-link{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    align-self:flex-start!important;
    white-space:nowrap!important;
  }
}