/* V643 — Beton Panel / Concrete Panel visual parity with Mikro Beton / Micro Concrete.
   Scope: typography, hero/CTA support and responsive type rhythm only.
   Product collection structure/content remain untouched. */

body.ct-cowall-beton-product-page{
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif)!important;
}

/* Custom collection headings join the shared Micro Concrete type hierarchy. */
body.ct-cowall-beton-product-page .beton197-products h2{
  font-family:var(--ct-type-serif,Georgia,"Times New Roman",serif)!important;
  font-size:var(--ct-type-section,clamp(34px,3.2vw,48px))!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
body.ct-cowall-beton-product-page :is(
  .beton197-products .beton198-family-title h3,
  .beton197-products .beton198-help h3
){
  font-family:var(--ct-type-serif,Georgia,"Times New Roman",serif)!important;
  font-size:var(--ct-type-card,22px)!important;
  font-weight:400!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
body.ct-cowall-beton-product-page :is(
  .beton197-head p,
  .beton198-family-title p,
  .beton198-help p,
  .beton197-note p
){
  font-family:var(--ct-type-sans,Arial,Helvetica,sans-serif)!important;
  line-height:1.68!important;
}

/* CTA arrows inherit the same motion used by the shared product system. */
body.ct-cowall-beton-product-page :is(
  .micro151-text-link,
  .micro151-inline-links a,
  .micro151-docs a,
  .micro151-gallery-links a,
  .micro151-invite-actions a
) .ct63-arrow{
  display:inline-block!important;
  flex:0 0 auto!important;
  transition:transform .24s ease!important;
}
body.ct-cowall-beton-product-page :is(
  .micro151-text-link,
  .micro151-inline-links a,
  .micro151-docs a,
  .micro151-gallery-links a,
  .micro151-invite-actions a
):is(:hover,:focus-visible) .ct63-arrow{
  transform:translate(3px,-3px)!important;
}

/* The final project CTA follows the Micro Concrete composition: one clear action. */
body.ct-cowall-beton-product-page .micro151-invite-actions{
  align-items:flex-start!important;
}

@media(max-width:700px){
  body.ct-cowall-beton-product-page .beton197-products h2{
    font-size:var(--ct-type-section,clamp(29px,7.8vw,34px))!important;
    line-height:1.08!important;
  }
  body.ct-cowall-beton-product-page :is(
    .beton197-products .beton198-family-title h3,
    .beton197-products .beton198-help h3
  ){
    font-size:var(--ct-type-card,22px)!important;
  }
}