/* Source: beton-panel-micro-parity-v643.css */
/* 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;
  }
}


/* Source: beton-panel-hero-title-fit-v644.css */
/* V644 — Beton Panel hero title fit.
   Keep the Mikro Beton hero typography character, but scale the longer TR/EN
   product names to the available hero copy width at each breakpoint. */
body.ct-product-responsive-v428.ct-micro-product-page.ct-product-hero-standard-v625.ct-cowall-beton-product-page .micro158-hero h1{
  font-family:var(--ct-type-serif,Georgia,"Times New Roman",serif)!important;
  font-size:clamp(38px,3.7vw,48px)!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
}

@media (min-width:901px) and (max-width:1180px){
  body.ct-product-responsive-v428.ct-micro-product-page.ct-product-hero-standard-v625.ct-cowall-beton-product-page .micro158-hero h1{
    font-size:clamp(35px,3.8vw,42px)!important;
  }
}

@media (min-width:701px) and (max-width:900px){
  body.ct-product-responsive-v428.ct-micro-product-page.ct-product-hero-standard-v625.ct-cowall-beton-product-page .micro158-hero h1{
    font-size:clamp(32px,4.5vw,36px)!important;
  }
}

@media (max-width:700px){
  body.ct-product-responsive-v428.ct-micro-product-page.ct-product-hero-standard-v625.ct-cowall-beton-product-page .micro158-hero h1{
    font-size:clamp(29px,8.1vw,32px)!important;
    line-height:1!important;
  }
}


/* Source: beton-panel-cta-parity-v645.css */
/* V645 — Beton Panel CTA hierarchy aligned to Mikro Beton.
   Hero: text + arrow + growing line.
   Body support CTAs: text + arrow only, arrow motion.
   Project CTA: Mikro Beton project treatment (text + arrow + growing line). */

/* HERO — reset legacy cb119 pseudo styles and use one clean growing line. */
body.ct-cowall-beton-product-page .micro158-actions > a.v625-hero-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  opacity:1!important;
}
body.ct-cowall-beton-product-page .micro158-actions > a.v625-hero-cta::before{
  content:none!important;
  display:none!important;
}
body.ct-cowall-beton-product-page .micro158-actions > a.v625-hero-cta::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  margin:0!important;
  background:currentColor!important;
  opacity:0!important;
  transform:none!important;
  transition:width .34s cubic-bezier(.22,.61,.36,1),opacity .22s ease,height .22s ease!important;
  pointer-events:none!important;
}
body.ct-cowall-beton-product-page .micro158-actions > a.v625-hero-cta:is(:hover,:focus-visible)::after{
  width:100%!important;
  height:2px!important;
  opacity:.92!important;
}
body.ct-cowall-beton-product-page .micro158-actions > a.v625-hero-cta .ct63-arrow{
  display:inline-block!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  transition:transform .24s ease!important;
}
body.ct-cowall-beton-product-page .micro158-actions > a.v625-hero-cta:is(:hover,:focus-visible) .ct63-arrow{
  transform:translate(3px,-3px)!important;
}

/* BODY SUPPORT CTAs — only text + the real arrow span. No line, no pseudo arrow. */
body.ct-cowall-beton-product-page :is(
  .micro151-text-link,
  .micro151-inline-links a,
  .micro151-docs a,
  .micro151-gallery-links a,
  .micro536-system-link
):not(.bp645-project-cta){
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body.ct-cowall-beton-product-page :is(
  .micro151-text-link,
  .micro151-inline-links a,
  .micro151-docs a,
  .micro151-gallery-links a,
  .micro536-system-link
):not(.bp645-project-cta)::before,
body.ct-cowall-beton-product-page :is(
  .micro151-text-link,
  .micro151-inline-links a,
  .micro151-docs a,
  .micro151-gallery-links a,
  .micro536-system-link
):not(.bp645-project-cta)::after{
  content:none!important;
  display:none!important;
}
body.ct-cowall-beton-product-page :is(
  .micro151-text-link,
  .micro151-inline-links a,
  .micro151-docs a,
  .micro151-gallery-links a,
  .micro536-system-link
):not(.bp645-project-cta) .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,
  .micro536-system-link
):not(.bp645-project-cta):is(:hover,:focus-visible) .ct63-arrow{
  transform:translate(3px,-3px)!important;
}

/* PROJECT CTA — exact Mikro Beton hierarchy: no button box, growing underline + arrow motion. */
body.ct-cowall-beton-product-page .bp645-project-cta{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  opacity:1!important;
}
body.ct-cowall-beton-product-page .bp645-project-cta::before{
  content:none!important;
  display:none!important;
}
body.ct-cowall-beton-product-page .bp645-project-cta::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  margin:0!important;
  background:currentColor!important;
  opacity:0!important;
  transform:none!important;
  transition:width .34s cubic-bezier(.22,.61,.36,1),opacity .22s ease,height .22s ease!important;
  pointer-events:none!important;
}
body.ct-cowall-beton-product-page .bp645-project-cta:is(:hover,:focus-visible)::after{
  width:100%!important;
  height:2px!important;
  opacity:.92!important;
}
body.ct-cowall-beton-product-page .bp645-project-cta .ct63-arrow{
  display:inline-block!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  transition:transform .24s ease!important;
}
body.ct-cowall-beton-product-page .bp645-project-cta:is(:hover,:focus-visible) .ct63-arrow{
  transform:translate(3px,-3px)!important;
}

/* Final dark invitation keeps Mikro Beton contrast while staying text-only. */
body.ct-cowall-beton-product-page .micro151-invite .bp645-project-cta{
  color:#f7f2ea!important;
  -webkit-text-fill-color:#f7f2ea!important;
}

@media(max-width:700px){
  body.ct-cowall-beton-product-page :is(
    .micro151-text-link,
    .micro151-inline-links a,
    .micro151-docs a,
    .micro151-gallery-links a,
    .micro536-system-link,
    .bp645-project-cta
  ){
    font-size:13px!important;
    white-space:normal!important;
  }
}

@media(hover:none){
  body.ct-cowall-beton-product-page .micro158-actions > a.v625-hero-cta::after,
  body.ct-cowall-beton-product-page .bp645-project-cta::after{
    width:100%!important;
    height:1px!important;
    opacity:.38!important;
    transition:none!important;
  }
  body.ct-cowall-beton-product-page a .ct63-arrow{
    transition:none!important;
  }
}


/* Source: beton-panel-cta-cleanup-v646.css */
body.ct-cowall-beton-product-page .beton197-note a,
body.ct-cowall-beton-product-page .beton203-help .beton198-help-action,
body.ct-cowall-beton-product-page .beton203-help-action{
  display:inline-flex;
  align-items:center;
  gap:.45em;
  padding:0;
  border:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
  color:#514840;
  font-size:12.5px;
  font-weight:500;
  line-height:1.35;
  white-space:nowrap;
}
body.ct-cowall-beton-product-page .beton197-note a .ct63-arrow,
body.ct-cowall-beton-product-page .beton203-help .beton198-help-action .ct63-arrow,
body.ct-cowall-beton-product-page .beton203-help-action .ct63-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .18s ease, opacity .18s ease;
}
body.ct-cowall-beton-product-page .beton197-note a:hover,
body.ct-cowall-beton-product-page .beton203-help .beton198-help-action:hover,
body.ct-cowall-beton-product-page .beton203-help-action:hover{
  color:#312c28;
}
body.ct-cowall-beton-product-page .beton197-note a:hover .ct63-arrow,
body.ct-cowall-beton-product-page .beton203-help .beton198-help-action:hover .ct63-arrow,
body.ct-cowall-beton-product-page .beton203-help-action:hover .ct63-arrow,
body.ct-cowall-beton-product-page .beton197-note a:focus-visible .ct63-arrow,
body.ct-cowall-beton-product-page .beton203-help .beton198-help-action:focus-visible .ct63-arrow,
body.ct-cowall-beton-product-page .beton203-help-action:focus-visible .ct63-arrow{
  transform:translate3d(3px,-1px,0);
}
body.ct-cowall-beton-product-page .beton197-note a:focus-visible,
body.ct-cowall-beton-product-page .beton203-help .beton198-help-action:focus-visible,
body.ct-cowall-beton-product-page .beton203-help-action:focus-visible{
  outline:2px solid #7d6d5f;
  outline-offset:4px;
}
@media(max-width:760px){
  body.ct-cowall-beton-product-page .beton197-note a,
  body.ct-cowall-beton-product-page .beton203-help .beton198-help-action,
  body.ct-cowall-beton-product-page .beton203-help-action{
    white-space:normal;
  }
}