/* Cementare surface pages mobile/tablet parity
   Scope: duvar-zemin / concrete-look-surfaces / brut-beton-cephe families
   Desktop >=1200px intentionally untouched. */

@media (max-width:1199.98px){
  .mc-page .mc-shell,.bc-page .bc-shell,.cc-page .cc-shell{width:min(100% - 40px,1120px);margin-inline:auto;}
  .mc-page .mc-hero-inner,.bc-page .bc-hero-inner,.cc-page .cc-hero-inner{min-width:0;}
  .mc-page .mc-grid2,.bc-page .bc-grid2,.cc-page .cc-grid2,.cc-page .cc-tech-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);}
  .mc-page .mc-facts,.bc-page .bc-facts,.cc-page .cc-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mc-page .mc-visual-pair-grid,.bc-page .bc-visual-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .mc-page img,.bc-page img,.cc-page img{max-width:100%;height:auto;}
  .mc-page .mc-actions,.bc-page .bc-actions,.cc-page .cc-actions{flex-wrap:wrap;}
}

@media (max-width:700px){
  .mc-page .mc-shell,.bc-page .bc-shell,.cc-page .cc-shell{width:min(100% - 28px,1120px);}
  .mc-page .mc-hero,.bc-page .bc-hero,.cc-page .cc-hero{min-height:auto!important;height:auto!important;padding-top:clamp(108px,20vw,136px);padding-bottom:48px;}
  .mc-page .mc-h1,.bc-page .bc-h1,.cc-page .cc-h1{font-size:clamp(34px,10vw,52px);line-height:.98;overflow-wrap:anywhere;}
  .mc-page .mc-lead,.bc-page .bc-lead,.cc-page .cc-lead{font-size:clamp(16px,4.4vw,19px);line-height:1.5;max-width:100%;}
  .mc-page .mc-grid2,.bc-page .bc-grid2,.cc-page .cc-grid2,.cc-page .cc-tech-grid{grid-template-columns:1fr;gap:28px;}
  .mc-page .mc-facts,.bc-page .bc-facts,.cc-page .cc-facts{grid-template-columns:1fr 1fr;gap:10px;}
  .mc-page .mc-visual-pair-grid,.bc-page .bc-visual-pair-grid{grid-template-columns:1fr;gap:14px;}
  .mc-page .mc-use-grid,.bc-page .bc-use-grid{grid-template-columns:1fr!important;}
  .mc-page .mc-actions,.bc-page .bc-actions,.cc-page .cc-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
  .mc-page .mc-link,.bc-page .bc-link,.cc-page .cc-link{width:100%;min-width:0;justify-content:center;text-align:center;}
  .mc-page .mc-hero-note,.bc-page .bc-hero-note{margin-top:26px;}
  .mc-page .mc-section,.bc-page .bc-section,.cc-page .cc-section{padding-block:clamp(48px,12vw,72px);}
  .mc-page .mc-title,.bc-page .bc-title,.cc-page .cc-title{font-size:clamp(28px,8vw,40px);line-height:1.05;}
  .cc-page .cc-gallery{grid-template-columns:1fr!important;gap:14px!important;}
  .cc-page .cc-lightbox{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));}
  .cc-page .cc-lightbox-stage{width:100%;max-width:100%;max-height:calc(100dvh - 96px);}
  .cc-page .cc-lightbox-stage img{max-width:100%;max-height:calc(100dvh - 130px);object-fit:contain;}
  .cc-page .cc-lightbox-close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));}
}

@media (max-width:420px){
  .mc-page .mc-facts,.bc-page .bc-facts,.cc-page .cc-facts{grid-template-columns:1fr;}
}

@media (orientation:landscape) and (max-width:991.98px) and (max-height:520px){
  .mc-page .mc-hero,.bc-page .bc-hero,.cc-page .cc-hero{padding-top:88px!important;padding-bottom:28px!important;min-height:auto!important;}
  .mc-page .mc-h1,.bc-page .bc-h1,.cc-page .cc-h1{font-size:clamp(30px,7vw,44px);}
  .mc-page .mc-lead,.bc-page .bc-lead,.cc-page .cc-lead{font-size:15px;line-height:1.4;}
  .mc-page .mc-hero-note,.bc-page .bc-hero-note{margin-top:18px;}
  .cc-page .cc-lightbox-stage img{max-height:calc(100dvh - 80px);}
}