/* V580 — Concretta + Co-Wall responsive final QA fixes.
   Scope: concretta.html / en/concretta.html / co-wall.html / en/co-wall.html.
   Desktop design and content are untouched. */

/* Tablet portrait: override the higher-specificity desktop hero grid that
   was leaving an empty second column at 768/820px. */
@media (min-width:701px) and (max-width:991px){
  body.ct-concretta-page .cb119-hero .cb119-hero-layout{
    grid-template-columns:minmax(0,1fr)!important;
    gap:28px!important;
  }
  body.ct-concretta-page .cb119-hero .cb119-hero-layout > div:first-child{
    width:100%!important;
    max-width:660px!important;
  }
}

/* Phones: restore the small semantic Co-Wall H1 and force section heads /
   project CTA to one clean column. */
@media (max-width:700px){
  body.ct-product-responsive-v428.ct-concretta-page.ct-cowall-page
  .cb119-hero h1.cw499-seo-h1{
    display:block!important;
    margin:0 0 18px!important;
    max-width:340px!important;
    font-size:12px!important;
    line-height:1.25!important;
    letter-spacing:.21em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:wrap!important;
  }

  body.ct-concretta-page .cb119-systems-head{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  body.ct-concretta-page .cb119-systems-head > .cb119-body{
    width:100%!important;
    max-width:none!important;
    justify-self:start!important;
  }

  body.ct-concretta-page .cb119-invite-inner{
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
    align-items:start!important;
  }
  body.ct-concretta-page .cb119-invite-inner > .cb119-link{
    justify-self:start!important;
    white-space:normal!important;
  }
}

/* Short landscape phones: content gets the full row and the Co-Wall SEO H1
   stays a small kicker instead of becoming a display heading. */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.ct-concretta-page .cb119-hero .cb119-hero-layout{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  body.ct-concretta-page .cb119-hero .cb119-hero-layout > div:first-child{
    width:100%!important;
    max-width:660px!important;
  }
  body.ct-product-responsive-v428.ct-concretta-page.ct-cowall-page
  .cb119-hero h1.cw499-seo-h1{
    max-width:520px!important;
    font-size:12px!important;
    line-height:1.25!important;
    letter-spacing:.21em!important;
  }
}