/* One shared brand system, including informational and transaction pages. */
:root{--brand-ink:#0f012b;--brand-navy:#11164f;--brand-red:#e20b17;--brand-muted:#665d75;--brand-line:#e0d8ed;--font-sans:Arial,Helvetica,sans-serif}
html,body{font-family:Arial,Helvetica,sans-serif;color:var(--brand-ink)}
body :is(h1,h2,h3,h4,p,a,button,input,select,textarea,summary,label,legend){font-family:inherit}
body :is(button,input,select,textarea){font-size:16px}
body :is(main,section,article,aside,nav,figure,.shell,.layout,.fields)>*{min-width:0}
body img{max-width:100%}body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #303b8a;outline-offset:4px}
body :is(.region-header,.header,.checkout-header) img[src*="bouwdroger-dark"]{width:220px;height:auto;aspect-ratio:1431/324;object-fit:contain}
body :is(.region-header,.header,.checkout-header){font-family:Arial,Helvetica,sans-serif}
body .region-header-inner{min-height:80px}body .region-header summary{font-size:14px}body .region-header nav{gap:22px}
body .region-service{font-size:12px;letter-spacing:.045em}body .region-shell{width:min(1320px,calc(100% - 96px))}
body .region-header .header-order{min-height:48px;border-radius:12px;font-size:14px}
body :is(.btn.orange,.region-button){background:var(--brand-red);border-color:var(--brand-red);border-radius:12px}
body :is(.btn.orange,.region-button):hover{background:#be0913;border-color:#be0913}
.brand-content{background:#fff}.brand-content::before{display:none!important}
.brand-content .shell{width:min(1240px,calc(100% - 64px))}
.brand-content .page-intro{padding:34px 0 30px;max-width:960px}
.brand-content .page-intro h1,.brand-content .product-page-title{font-size:clamp(2.25rem,4.7vw,4rem);font-weight:800;letter-spacing:-.055em;line-height:1.08;hyphens:none;text-wrap:balance}
.brand-content .page-intro>p{max-width:68ch;font-size:18px;line-height:1.7;color:var(--brand-muted)}
.brand-content .content-answer{background:#f1f3fb;border:1px solid #e0e4f0;border-radius:18px;padding:26px 30px;margin:0 0 40px}
.brand-content .content-answer p{max-width:80ch;font-size:17px;line-height:1.7;color:#11164f;margin-bottom:0}
.brand-content .eyebrow{font-size:11px;letter-spacing:.13em;font-weight:700;color:#665d75}
.brand-content .article-layout{grid-template-columns:minmax(0,1fr) 310px;gap:60px;align-items:start}
.brand-content .article-body{max-width:80ch;font-size:16px;line-height:1.8}
.brand-content .article-body h2{font-size:clamp(1.65rem,2.3vw,2.25rem);font-weight:800;line-height:1.15;letter-spacing:-.04em;hyphens:none;scroll-margin-top:30px}
.brand-content .article-body h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.02em}
.brand-content .article-body p{color:#5e586b}.brand-content .article-body section{margin-bottom:38px}
.brand-content .article-contents{border:1px solid #e0e4f0;border-radius:14px;padding:22px;background:#fff;margin-bottom:38px}
.brand-content .article-contents a{min-height:40px;display:flex;align-items:center;color:#11164f;text-decoration:underline;text-underline-offset:4px}
.brand-content .aside-card{background:#11164f;color:#fff;border:0;border-radius:20px;padding:28px;position:sticky;top:24px}
.brand-content .aside-card :is(p,h2,.eyebrow){color:#fff}.brand-content .aside-card p{color:#e0e4f3}.brand-content .aside-card .btn{background:#e20b17;color:#fff;border:0;border-radius:12px;width:100%;white-space:normal;text-align:center}
.brand-content .related{display:flex;flex-wrap:wrap;gap:10px 24px}.brand-content .related h2{width:100%}.brand-content .related a{font-weight:700;color:#11164f;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}
.brand-content .faq summary{min-height:56px;padding:18px 6px;font-weight:700}.brand-content .faq p{padding-bottom:20px;max-width:70ch}
.brand-content .product-detail{align-items:center;gap:48px}.brand-content .product-detail-image{border-radius:22px;background:#f1f3fb;overflow:hidden}.brand-content .product-detail-image img{object-fit:contain;width:100%;height:auto}.brand-content .product-detail-image figcaption{padding:12px 20px;text-align:center;font-size:12px}
.brand-content .specs{width:100%;border-collapse:collapse}.brand-content .specs :is(th,td){padding:12px;text-align:left;border-bottom:1px solid #e0e4f0;vertical-align:top;white-space:normal;overflow-wrap:anywhere}
.energy-calculator{padding:26px;border:1px solid #dce1ee;border-radius:18px;background:#f6f7fc;margin:28px 0}.energy-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.energy-fields label{display:flex;flex-direction:column;gap:7px;font-weight:700}.energy-fields input{width:100%;min-width:0;background:white;border:1px solid #8c8ca1;border-radius:9px;padding:11px;font:inherit}.energy-result{display:block;color:#11164f;font-size:22px;font-weight:800;margin-top:22px;line-height:1.4}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid #dce1ee;border-radius:12px}.table-scroll table{width:100%;border-collapse:collapse}.table-scroll :is(th,td){padding:12px;text-align:left;border-bottom:1px solid #dce1ee;font-size:14px}.table-scroll th{background:#f1f3fb}
.journey-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0}.journey-overview a{display:block;padding:23px;background:#f4f5fb;border:1px solid #e0e4f0;border-radius:16px}.journey-overview b{display:block;color:#11164f;font-size:18px;margin-bottom:10px}.journey-overview span{font-size:14px;color:#665d75}.content-hub-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}.content-hub-links a{padding:24px;border:1px solid #e0e4f0;border-radius:16px;font-weight:700;color:#11164f}.content-hub-links small{display:block;font-size:14px;font-weight:400;color:#665d75;margin-top:9px}
.brand-content .footer{margin-top:70px}.brand-content .footer .shell{width:min(1240px,calc(100% - 64px))}.brand-content .footer h3{letter-spacing:0}
body .checkout-header{max-width:1320px}.checkout-header>a:first-child{max-width:55%}
#menu-2.mega{max-height:calc(100dvh - 110px);overflow-y:auto}#menu-2 .mega-links{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
@media(max-width:1100px){body .region-header nav{gap:14px}.brand-content .article-layout{gap:32px;grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:860px){body .region-shell,.brand-content .shell,.brand-content .footer .shell{width:calc(100% - 40px)}.brand-content .article-layout,.brand-content .product-detail{grid-template-columns:minmax(0,1fr)}.brand-content .aside-card{position:static}.brand-content .page-intro h1,.brand-content .product-page-title{font-size:clamp(2rem,8vw,3.25rem)}.brand-content .content-answer{padding:22px}.brand-content .page-intro>p{font-size:16px}.journey-overview{grid-template-columns:1fr 1fr}.content-hub-links{grid-template-columns:1fr}body :is(.region-header,.header,.checkout-header) img[src*="bouwdroger-dark"]{width:190px}.brand-content .article-body{max-width:100%}#menu-2 .mega-links{grid-template-columns:1fr}.brand-content .mobile-sticky{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.brand-content .has-sticky{padding-bottom:100px}}
@media(max-width:430px){.energy-fields,.journey-overview{grid-template-columns:1fr}.energy-calculator{padding:20px}.brand-content .article-contents{padding:18px}.brand-content .aside-card{padding:24px}.table-scroll :is(th,td){padding:10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *::before,body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Match the homepage stack even when an older component declares its own family. */
html body,html body *{font-family:Inter,Arial,Helvetica,sans-serif!important}