/* Cementare About + Order mobile parity v1
   Scope: <=1199px only. Desktop >=1200 remains unchanged. */

@media (max-width:1199.98px){
  body.ct-page-about .ct-nav-hero--utility,
  body.ct-page-order .ct-nav-hero--utility{
    min-height:0!important;
  }
  body.ct-page-about .ct-about-shell,
  body.ct-page-order .ct-order-shell,
  body.ct-page-order .ct-order-grid,
  body.ct-page-order .ct-order-summary,
  body.ct-page-order .ct-order-form-card,
  body.ct-page-order .cementare-order-form,
  body.ct-page-order .cementare-offer-grid,
  body.ct-page-order .cementare-offer-field{
    min-width:0!important;
    max-width:100%!important;
  }
  body.ct-page-about .ct-about-copy,
  body.ct-page-about .ct-about-section,
  body.ct-page-about .ct-about-benefits li,
  body.ct-page-order .ct-order-intro,
  body.ct-page-order .ct-order-support,
  body.ct-page-order .ct-order-links{
    overflow-wrap:break-word!important;
  }
  body.ct-page-about .ct-about-figure img{
    max-width:100%!important;
    object-fit:cover!important;
  }
  body.ct-page-order .cementare-offer-input,
  body.ct-page-order .cementare-offer-textarea,
  body.ct-page-order select.cementare-offer-input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:701px) and (max-width:1199.98px){
  body.ct-page-about .ct-about-shell,
  body.ct-page-order .ct-order-shell{
    width:min(100% - 48px,1040px)!important;
  }
  body.ct-page-about .ct-about-intro,
  body.ct-page-about .ct-about-benefits-wrap{
    gap:clamp(34px,5vw,64px)!important;
  }
  body.ct-page-order .ct-order-grid{
    gap:clamp(32px,4vw,52px)!important;
  }
}

@media (max-width:700px){
  body.ct-page-about .ct-nav-hero--utility,
  body.ct-page-order .ct-nav-hero--utility{
    padding-top:max(88px,calc(76px + env(safe-area-inset-top)))!important;
  }
  body.ct-page-about .ct-nav-hero--utility .ct-nav-top,
  body.ct-page-order .ct-nav-hero--utility .ct-nav-top{
    min-height:0!important;
    height:auto!important;
  }

  body.ct-page-about .ct-about-shell,
  body.ct-page-order .ct-order-shell{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    padding-left:max(0px,env(safe-area-inset-left))!important;
    padding-right:max(0px,env(safe-area-inset-right))!important;
    box-sizing:border-box!important;
  }

  body.ct-page-about .ct-about-content{
    padding-top:44px!important;
    padding-bottom:68px!important;
  }
  body.ct-page-about .ct-about-intro,
  body.ct-page-about .ct-about-use,
  body.ct-page-about .ct-about-benefits-wrap{
    grid-template-columns:minmax(0,1fr)!important;
    gap:26px!important;
  }
  body.ct-page-about .ct-about-intro{
    padding-bottom:44px!important;
  }
  body.ct-page-about .ct-about-copy p,
  body.ct-page-about .ct-about-section p,
  body.ct-page-about .ct-about-benefits li{
    font-size:15px!important;
    line-height:1.7!important;
  }
  body.ct-page-about .ct-about-figure{
    margin-left:0!important;
    margin-right:0!important;
    margin-bottom:46px!important;
    width:100%!important;
  }
  body.ct-page-about .ct-about-figure img{
    width:100%!important;
    height:clamp(280px,72vw,430px)!important;
    min-height:0!important;
  }
  body.ct-page-about .ct-about-figure figcaption{
    gap:12px!important;
    padding-left:0!important;
    padding-right:0!important;
    flex-wrap:wrap!important;
  }
  body.ct-page-about .ct-about-benefits li{
    padding-left:42px!important;
  }

  body.ct-page-order .ct-order-content{
    padding:40px 0 64px!important;
  }
  body.ct-page-order .ct-order-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:34px!important;
  }
  body.ct-page-order .ct-order-summary{
    position:static!important;
    top:auto!important;
    width:100%!important;
  }
  body.ct-page-order .ct-order-facts{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.ct-page-order .ct-order-fact{
    min-width:0!important;
  }
  body.ct-page-order .ct-order-links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px 16px!important;
  }
  body.ct-page-order .ct-order-form-card{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.ct-page-order .cementare-offer-grid,
  body.ct-page-order .ct-order-form-card .cementare-offer-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.ct-page-order .cementare-offer-field--wide,
  body.ct-page-order .ct-order-form-card .cementare-offer-field--wide{
    grid-column:auto!important;
  }
  body.ct-page-order .cementare-offer-input,
  body.ct-page-order .cementare-offer-textarea,
  body.ct-page-order select.cementare-offer-input{
    font-size:16px!important;
  }
  body.ct-page-order .cementare-offer-actions,
  body.ct-page-order .ct-order-form-card .cementare-offer-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  body.ct-page-order .cementare-offer-action{
    width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:390px){
  body.ct-page-about .ct-about-shell,
  body.ct-page-order .ct-order-shell{
    width:calc(100% - 28px)!important;
  }
  body.ct-page-order .ct-order-links{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

@media (orientation:landscape) and (max-width:991.98px) and (max-height:520px){
  body.ct-page-about .ct-nav-hero--utility,
  body.ct-page-order .ct-nav-hero--utility{
    min-height:0!important;
    height:auto!important;
    padding-top:max(72px,calc(62px + env(safe-area-inset-top)))!important;
  }
  body.ct-page-about .ct-nav-hero--utility .ct-nav-top,
  body.ct-page-order .ct-nav-hero--utility .ct-nav-top{
    min-height:0!important;
    height:auto!important;
  }
  body.ct-page-about .ct-about-content,
  body.ct-page-order .ct-order-content{
    padding-top:32px!important;
  }
  body.ct-page-about .ct-about-figure img{
    height:min(66vh,360px)!important;
  }
}
