/* CONCRETTA V453 — index.html responsive parity for selected brand pages.
   Scope is limited by inclusion to concretta.html, co-wall.html and tas-hali.html.
   Desktop >=1181px remains untouched. */

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

/* Tablet portrait / compact tablets — same safe gutter and calm hero rhythm as index V425. */
@media (min-width:701px) and (max-width:991px){
  body.ct-concretta-page .cb119-wrap{
    width:calc(100% - 56px)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.ct-concretta-page .cb119-hero{
    height:auto!important;
    min-height:86svh!important;
    padding-top:max(104px,calc(88px + env(safe-area-inset-top)))!important;
    padding-bottom:72px!important;
  }
  body.ct-concretta-page .cb119-hero-layout{grid-template-columns:1fr!important;gap:28px!important;}
  body.ct-concretta-page .cb119-hero-rail{display:none!important;}
  body.ct-concretta-page .cb119-hero h1{
    max-width:640px!important;
    font-size:clamp(48px,6.4vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }
  body.ct-concretta-page .cb119-hero-copy{max-width:560px!important;font-size:14px!important;line-height:1.65!important;}
  body.ct-concretta-page .cb119-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:12px 20px!important;margin-top:22px!important;}

  body.ct-concretta-page :where(.cb119-intro,.cb119-systems,.cb119-story,.cb119-invite,.cw133-seo,.cs146-seo){padding-top:82px!important;padding-bottom:86px!important;}
  body.ct-concretta-page :where(.cb119-intro-grid,.cb119-story-grid,.cb119-architecture-grid,.cw133-seo-grid,.cs146-seo-grid){gap:36px!important;}
  body.ct-concretta-page :where(.cw133-series-grid,.cs146-series-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  body.ct-concretta-page :where(.cb119-story-media,.cb119-architecture-media){min-height:0!important;height:auto!important;}
  body.ct-concretta-page :where(.cb119-story-media,.cb119-architecture-media) img{width:100%!important;height:auto!important;min-height:0!important;object-fit:cover!important;}
}

/* Phones / large phones — mirror index V425 safe-area, type scale and gutters. */
@media (max-width:700px){
  body.ct-concretta-page{overflow-x:hidden!important;}
  body.ct-concretta-page .cb119-wrap{
    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;
  }
  body.ct-concretta-page .cb119-hero{
    height:auto!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    overflow:hidden!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;
  }
  body.ct-concretta-page .cb119-hero-layout{grid-template-columns:1fr!important;gap:18px!important;}
  body.ct-concretta-page .cb119-hero-rail{display:none!important;}
  body.ct-concretta-page .cb119-hero h1{
    max-width:340px!important;
    margin:0!important;
    font-size:clamp(38px,10.8vw,44px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-wrap:balance;
  }
  body.ct-concretta-page .cb119-hero-copy{
    max-width:340px!important;
    margin-top:0!important;
    font-size:13.5px!important;
    line-height:1.58!important;
    overflow-wrap:anywhere!important;
  }
  body.ct-concretta-page .cb119-hero-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:7px!important;
    margin-top:21px!important;
  }
  body.ct-concretta-page .cb119-hero-actions :where(a,button){max-width:100%!important;white-space:normal!important;}
  body.ct-concretta-page .cb121-hero-signature{max-width:100%!important;margin-top:18px!important;}

  body.ct-concretta-page :where(.cb119-intro,.cb119-systems,.cb119-story,.cb119-invite,.cw133-seo,.cs146-seo){padding-top:68px!important;padding-bottom:72px!important;}
  body.ct-concretta-page :where(.cb119-intro-grid,.cb119-story-grid,.cb119-architecture-grid,.cw133-seo-grid,.cs146-seo-grid){grid-template-columns:1fr!important;gap:26px!important;}
  body.ct-concretta-page :where(.cw133-series-grid,.cs146-series-grid,.cb119-system-grid){grid-template-columns:1fr!important;gap:12px!important;}
  body.ct-concretta-page :where(.cb119-story-media,.cb119-architecture-media){min-height:0!important;height:auto!important;}
  body.ct-concretta-page :where(.cb119-story-media,.cb119-architecture-media) img{width:100%!important;height:auto!important;min-height:0!important;object-fit:cover!important;}
  body.ct-concretta-page .cb119-architecture-copy{padding:52px 20px 58px!important;}
  body.ct-concretta-page :where(.cw133-docs,.cs146-docs){flex-direction:column!important;align-items:stretch!important;}
  body.ct-concretta-page :where(.cw133-docs a,.cs146-docs a){justify-content:center!important;}
  body.ct-concretta-page :where(input,select,textarea,button){max-width:100%;}
  body.ct-concretta-page :where(input,select,textarea){font-size:16px;}
}

/* Small iPhones. */
@media (max-width:390px){
  body.ct-concretta-page .cb119-wrap{
    margin-left:max(16px,env(safe-area-inset-left))!important;
    margin-right:max(16px,env(safe-area-inset-right))!important;
  }
  body.ct-concretta-page .cb119-hero h1{font-size:37px!important;}
  body.ct-concretta-page .cb119-hero-copy{font-size:13px!important;}
}

/* iPhone Safari browser bars. */
@supports (-webkit-touch-callout:none){
  @media (max-width:700px){
    body.ct-concretta-page .cb119-hero{min-height:100svh!important;}
    body.ct-concretta-page .cb119-hero-layout{-webkit-transform:none!important;transform:none!important;}
  }
}

/* Short phones / landscape — content wins over portrait-height forcing, like index. */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.ct-concretta-page .cb119-wrap{
    margin-left:max(20px,env(safe-area-inset-left))!important;
    margin-right:max(20px,env(safe-area-inset-right))!important;
  }
  body.ct-concretta-page .cb119-hero{
    min-height:0!important;
    height:auto!important;
    padding-top:max(78px,calc(64px + env(safe-area-inset-top)))!important;
    padding-bottom:max(34px,calc(24px + env(safe-area-inset-bottom)))!important;
  }
  body.ct-concretta-page .cb119-hero-layout{gap:10px!important;}
  body.ct-concretta-page .cb119-hero h1{max-width:520px!important;font-size:clamp(34px,6vw,42px)!important;}
  body.ct-concretta-page .cb119-hero-copy{max-width:560px!important;font-size:12.5px!important;line-height:1.5!important;}
  body.ct-concretta-page .cb119-hero-actions{flex-direction:row!important;flex-wrap:wrap!important;gap:8px 16px!important;margin-top:14px!important;}
  body.ct-concretta-page .cb121-hero-signature{margin-top:14px!important;}
}

/* Landscape touch-tablets: preserve desktop structure with index-safe gutters. */
@media (min-width:992px) and (max-width:1180px) and (hover:none) and (pointer:coarse){
  body.ct-concretta-page .cb119-wrap{width:calc(100% - 64px)!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;}
  body.ct-concretta-page .cb119-hero{height:auto!important;min-height:82svh!important;padding-top:96px!important;padding-bottom:70px!important;}
}