/* Shared spacing for observed card components on every public page.
 * No global div padding, fixed text heights, content changes or shop behavior. */
body.bbx-global-refresh{--bbx-card-inset:clamp(24px,2.4vw,32px)}
body.bbx-global-refresh #main .bbx .bbx-nav-card{padding:24px;gap:20px 14px;box-sizing:border-box}
body.bbx-global-refresh #main .bbx .bbx-role-card{padding:28px;box-sizing:border-box}
body.bbx-global-refresh #main .bbx .bbx-step{padding:30px;box-sizing:border-box}
body.bbx-global-refresh #main .fusion-content-boxes .content-wrapper-background{padding:var(--bbx-card-inset)!important;box-sizing:border-box}
body.bbx-global-refresh #main .fusion-content-boxes .content-wrapper-background .heading{margin-bottom:20px}
body.bbx-global-refresh #main .fusion-content-boxes .content-container>:last-child{margin-bottom:0}
body.bbx-global-refresh #main .fusion-accordian .panel-title.toggle>a{padding:18px 22px!important;gap:14px}
body.bbx-global-refresh #main .fusion-accordian .panel-body{padding:22px!important}
body.bbx-global-refresh #main .bbx-ideas-faq summary{padding:22px 20px}
body.bbx-global-refresh #main .bbx-ideas-faq details>p{padding:0 20px 24px}
body.bbx-global-refresh #main .products .product-details{padding:24px 24px 16px!important;box-sizing:border-box}
body.bbx-global-refresh #main .products .product-buttons{padding:16px 24px 24px!important;box-sizing:border-box}
body.bbx-global-refresh #main .products .product-details .product-title{margin:0 0 16px!important;line-height:1.4!important}
body.bbx-global-refresh #main .products .woocommerce-loop-category__title{padding:24px!important;margin:0!important;line-height:1.4!important;box-sizing:border-box}
body.bbx-global-refresh #main :is(.bbx-nav-card,.bbx-role-card,.bbx-step,.content-wrapper-background,.fusion-product-wrapper){min-width:0}
body.bbx-global-refresh #main :is(.bbx-nav-card,.bbx-role-card,.bbx-step,.content-wrapper-background,.fusion-product-wrapper) :is(h2,h3,p,li){overflow-wrap:break-word}
body.bbx-global-refresh #main :is(.bbx-role-card,.bbx-step) p:last-child{margin-bottom:0}
body.bbx-global-refresh #main .fusion-content-boxes .content-container :is(ul,ol){padding-inline-start:1.4em}
body.bbx-global-refresh #main .fusion-content-boxes .content-container li+li{margin-top:.5em}
body.bbx-global-refresh #main #projektanfrage .gform_wrapper .gform_fields{column-gap:28px;row-gap:24px}
body.bbx-global-refresh #main #projektanfrage .gfield_description{padding-top:9px;line-height:1.55}
@media(max-width:760px){
 body.bbx-global-refresh{--bbx-card-inset:24px}
 body.bbx-global-refresh #main :is(h1,h2,h3,p,li,label,summary){overflow-wrap:anywhere;hyphens:auto}
 body.bbx-global-refresh #main .bbx .bbx-nav-card{padding:20px;gap:18px 12px}
 body.bbx-global-refresh #main .bbx .bbx-role-card,body.bbx-global-refresh #main .bbx .bbx-step{padding:24px}
 body.bbx-global-refresh #main .fusion-accordian .panel-title.toggle>a{padding:18px 20px!important}
 body.bbx-global-refresh #main .fusion-accordian .panel-body{padding:20px!important}
 body.bbx-global-refresh #main .products .product-details{padding:22px 20px 14px!important}
 body.bbx-global-refresh #main .products .product-buttons{padding:16px 20px 22px!important}
 body.bbx-global-refresh #main .products .woocommerce-loop-category__title{padding:22px 20px!important}
 body.bbx-global-refresh #main .fusion-content-boxes .heading-with-icon{display:flex;align-items:flex-start;gap:16px}
 body.bbx-global-refresh #main .fusion-content-boxes .heading-with-icon>.icon{float:none!important;flex:0 0 52px;margin:0!important}
 body.bbx-global-refresh #main .fusion-content-boxes .heading-with-icon>.icon i{width:52px!important;height:52px!important;line-height:52px!important;font-size:26px!important}
 body.bbx-global-refresh #main .fusion-content-boxes .heading-with-icon>.content-box-heading{min-width:0;padding:0!important;overflow-wrap:anywhere}
}

/* Reference page 4243 only: preserve the 24 existing cards, media and toggles.
 * Append after spacing.css and the main-plugin typography.
 * Observed source: seven legacy card rows (4 through 10), 22 quarter + 2 half.
 */
body.bbx-global-refresh.page-id-4243 #main .fusion-accordian .panel-title.toggle > a {
  font: 600 16px/1.5 var(--bbx-shell-sans, Arial, sans-serif) !important;
  padding: 18px 20px !important;
  gap: 12px;
  align-items: flex-start;
  text-wrap: wrap;
}
body.bbx-global-refresh.page-id-4243 #main .fusion-accordian .panel-title.toggle > a > .fusion-toggle-heading {
  min-width: 0;
  font: inherit !important;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}
/* Retain the theme's existing mobile stack; normalize only desktop card rows. */
@media (min-width: 801px) {
  body.bbx-global-refresh.page-id-4243 #post-4243 :is(.fusion-builder-row-4,.fusion-builder-row-5,.fusion-builder-row-6,.fusion-builder-row-7,.fusion-builder-row-8,.fusion-builder-row-9,.fusion-builder-row-10) > .fusion-builder-row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px;
    align-items: start;
  }
  body.bbx-global-refresh.page-id-4243 #post-4243 :is(.fusion-builder-row-4,.fusion-builder-row-5,.fusion-builder-row-6,.fusion-builder-row-7,.fusion-builder-row-8,.fusion-builder-row-9,.fusion-builder-row-10) > .fusion-builder-row::before,
  body.bbx-global-refresh.page-id-4243 #post-4243 :is(.fusion-builder-row-4,.fusion-builder-row-5,.fusion-builder-row-6,.fusion-builder-row-7,.fusion-builder-row-8,.fusion-builder-row-9,.fusion-builder-row-10) > .fusion-builder-row::after {
    display: none;
  }
  body.bbx-global-refresh.page-id-4243 #post-4243 :is(.fusion-builder-row-4,.fusion-builder-row-5,.fusion-builder-row-6,.fusion-builder-row-7,.fusion-builder-row-8,.fusion-builder-row-9,.fusion-builder-row-10) > .fusion-builder-row > .fusion-layout-column {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    float: none;
    clear: none;
  }
}