:root{--spd-navy:#06142d;--spd-purple:#5d2597;--spd-cyan:#65c9ef;--spd-lilac:#d8c3ee;--spd-paper:#f6f3ed;--spd-ink:#111827}
.spd-dash-site{background:#fff;color:var(--spd-ink)}
.spd-dash-site h1,.spd-dash-site h2,.spd-dash-site h3,.spd-dash-site h4{letter-spacing:-.035em}
.spd-dash-site #top-header{background:var(--spd-navy)!important}
.spd-dash-site #main-header,.spd-dash-site header.et-l--header{box-shadow:0 1px 0 rgba(6,20,45,.12)}
.spd-dash-site #main-header a,.spd-dash-site header a{transition:color .2s ease}
.spd-dash-site #main-header a:hover,.spd-dash-site header a:hover{color:var(--spd-purple)!important}
.spd-dash-site .woocommerce a.button,.spd-dash-site .woocommerce button.button,.spd-dash-site .et_pb_button{border-radius:999px!important;background:var(--spd-purple)!important;color:#fff!important;border-color:var(--spd-purple)!important}
.spd-home-hero{position:relative;display:grid;min-height:clamp(680px,72vh,840px);background:var(--spd-navy);color:#fff;overflow:hidden;isolation:isolate}
.spd-home-hero__copy{position:relative;z-index:2;display:flex;max-width:820px;flex-direction:column;justify-content:center;padding:80px clamp(32px,7vw,110px)}
.spd-home-hero h1{max-width:760px;margin:0 0 28px;color:#fff!important;font-size:clamp(58px,5.8vw,94px);font-weight:600;line-height:.92;letter-spacing:-.055em}
.spd-home-hero__copy>p:not(.spd-eyebrow){max-width:650px;margin:0;color:#e8edf7;font-size:clamp(18px,1.5vw,23px);line-height:1.55}
.spd-home-hero__visual{position:absolute;z-index:-1;inset:0;margin:0;background:#1c2636}.spd-home-hero__visual:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(6,20,45,.99) 0%,rgba(6,20,45,.94) 27%,rgba(6,20,45,.62) 48%,rgba(6,20,45,.16) 76%,rgba(6,20,45,.1) 100%),linear-gradient(0deg,rgba(6,20,45,.26),transparent 42%)}
.spd-home-hero__visual img{position:absolute;inset:0;display:block;width:100%;height:100%!important;max-width:none;object-fit:cover;object-position:center}.spd-home-hero__visual figcaption{position:absolute;z-index:2;right:28px;bottom:24px;padding:9px 13px;background:rgba(6,20,45,.82);color:#fff;font-size:13px}
.spd-home-routes{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:78px clamp(24px,7vw,110px);background:var(--spd-paper)}
.spd-home-routes h2{margin:0;font-size:clamp(42px,4vw,68px);line-height:1}.spd-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.spd-route-grid>a{display:flex;min-height:220px;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:24px;background:#fff;color:var(--spd-ink)!important;box-shadow:0 12px 35px rgba(6,20,45,.07)}
.spd-route-grid>a:first-child{background:var(--spd-purple);color:#fff!important}.spd-route-grid span{margin-bottom:auto;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.spd-route-grid strong{font-size:26px}.spd-route-grid small{margin-top:9px;font-size:16px;line-height:1.45}
.spd-legacy-content{background:#fff}
.spd-applications{padding:100px clamp(24px,7vw,110px);background:#fff}.spd-applications>header{display:block;max-width:760px;margin-bottom:42px;background:none}.spd-applications h2,.spd-home-band h2,.spd-sample-callout h2,.spd-page-hero h1,.spd-prefooter h2{margin:0;color:var(--spd-ink);font-size:clamp(42px,5vw,76px);line-height:.95}.spd-applications>header>p:last-child{font-size:19px;line-height:1.6}.spd-application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spd-application-grid>a{display:flex;min-height:300px;flex-direction:column;padding:26px;border:1px solid #dce2ea;color:var(--spd-ink)!important;transition:transform .2s ease,box-shadow .2s ease}.spd-application-grid>a:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(6,20,45,.1)}.spd-application-grid span{color:var(--spd-purple);font-size:12px;font-weight:800}.spd-application-grid strong{margin-top:auto;font-size:25px}.spd-application-grid p{min-height:72px;line-height:1.55}.spd-application-grid b{padding-top:17px;border-top:1px solid #dce2ea;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.spd-home-band{display:grid;grid-template-columns:1fr 1fr auto;gap:55px;align-items:end;padding:90px clamp(24px,7vw,110px);background:var(--spd-navy);color:#fff}.spd-home-band h2{color:#fff}.spd-home-band>p{max-width:570px;margin:0;color:#dbe5f4;font-size:18px;line-height:1.7}.spd-sample-callout{display:flex;justify-content:space-between;align-items:end;gap:60px;padding:90px clamp(24px,7vw,110px);background:var(--spd-paper)}.spd-sample-callout>div{max-width:820px}.spd-sample-callout p:last-child{font-size:18px;line-height:1.6}.spd-page-hero{padding:105px clamp(24px,7vw,110px) 80px;background:var(--spd-navy);color:#fff}.spd-page-hero h1{max-width:900px;color:#fff!important}.spd-page-hero>p:last-child{max-width:760px;margin:28px 0 0;color:#e5ebf5;font-size:20px;line-height:1.65}.spd-page-content{padding:70px clamp(24px,7vw,110px)}.spd-page-content>.et_pb_section,.spd-page-content>.bde-section{padding-right:0!important;padding-left:0!important}.spd-sample-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0 clamp(24px,7vw,110px);background:var(--spd-navy)}.spd-sample-steps article{padding:42px;background:#fff}.spd-sample-steps span{color:var(--spd-purple);font-size:12px;font-weight:900}.spd-sample-steps h2{margin:28px 0 12px;font-size:26px}.spd-sample-steps p{line-height:1.6}.spd-prefooter{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding:80px clamp(24px,7vw,110px);background:var(--spd-purple);color:#fff}.spd-prefooter h2{color:#fff}.spd-prefooter>div:last-child{display:flex;flex-direction:column;gap:12px}.spd-prefooter a{padding:15px 20px;border:1px solid rgba(255,255,255,.55);color:#fff!important;font-weight:800}.spd-site-footer{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:45px;padding:65px clamp(24px,7vw,110px) 28px;background:var(--spd-navy);color:#fff}.spd-site-footer>div strong{font-size:25px}.spd-site-footer>div p{max-width:360px;color:#c5d0e0;line-height:1.7}.spd-site-footer nav{display:flex;flex-direction:column;gap:10px}.spd-site-footer nav b{margin-bottom:8px;color:var(--spd-cyan);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.spd-site-footer a{color:#fff!important;font-size:13px}.spd-site-footer small{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);color:#8fa0b8;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.spd-dash-pilot .container,.spd-dash-pilot #main-content .container{width:100%;max-width:none;padding:0}
.spd-product-main{min-height:560px;background:#fff}.spd-product-main>.woocommerce{width:100%;max-width:none}.spd-product-main .woocommerce-notices-wrapper{padding:0 clamp(24px,7vw,110px)}
.spd-dash-pilot #left-area{width:100%;padding:0}.spd-dash-pilot #sidebar{display:none}.spd-dash-pilot #main-content .container:before{display:none}
/* SPD-0027, Bas 5-9-2026: de hero was even groot als die van Nexo (kop 92px, 893px hoog) en dat
   is te veel voor een productpagina: de productkop stond helemaal onder de vouw. Nu een kop die op
   een of twee regels past en een hero die ongeveer een derde van het scherm neemt. */
.spd-hero{display:grid;grid-template-columns:minmax(360px,46%) 1fr;min-height:340px;background:var(--spd-navy);color:#fff;overflow:hidden}
/* VAN RAND TOT RAND, zoals bij Nexo. De hero staat in de contentkolom van WooCommerce en had
   daardoor marges links en rechts; met deze twee regels loopt hij door tot de rand van het scherm.
   100vw telt de verticale schuifbalk mee, dus er steekt een paar pixels uit; daarom overflow-x:clip
   op de body. Bewust clip en niet hidden: hidden maakt er een scrollcontainer van en dan werkt de
   position:sticky van het previewvak in de configurator niet meer. Het kruimelpad boven de hero valt weg, ook zoals bij Nexo, en
   de bovenruimte van de productcontainer gaat eraf zodat de hero tegen de koptekst aan staat. */
.spd-heeft-hero-html,.spd-heeft-hero{overflow-x:clip}
.spd-heeft-hero .spd-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:auto;max-width:none}
.spd-heeft-hero .woocommerce-breadcrumb{display:none!important}
.spd-heeft-hero.spd-dash-pilot .spd-product-main{padding-top:0!important}
/* GEEN TWEEDE KEER HETZELFDE BEELD. De hero toont de uitgelichte afbeelding van het product al over
   de volle breedte; de galerij eronder liet exact hetzelfde bestand nog een keer zien, op 380 bij
   380 (gemeten 5-9-2026 op het rallyschild: beide 5513e4b03d67d5a8.jpg). De wizard gaat dan van drie
   naar twee kolommen: productinformatie en de hulpkaart. Zonder hero verandert er niets. */
/* Het THEMA zet body.single-product .spd-product-main .bnx-wizard__beeld > .woocommerce-product-gallery
   op display:block!important, en dat wint van een regel op de galerij zelf. Daarom verbergen we de
   omhullende kolom; dan doet de regel van het thema er niet meer toe. */
.spd-heeft-hero.spd-dash-pilot .spd-product-main .bnx-wizard__beeld{display:none!important}
.spd-heeft-hero.spd-dash-pilot .bnx-wizard{grid-template-columns:minmax(280px,1fr) minmax(220px,300px)!important}
.spd-heeft-hero.spd-dash-pilot .product{padding-top:clamp(20px,2vw,32px)!important}
/* Geen voorlopige productkaart voordat de materiaalkaart staat (BNO-0565, uit codex/spd-first-render-hero). */
.spd-heeft-material-hero .summary.entry-summary>.price,
.spd-heeft-material-hero .summary.entry-summary>.woocommerce-product-details__short-description{display:none!important}
.spd-heeft-material-hero:not(.spd-material-layout-ready) .bnx-wizard__stappen{visibility:hidden}
.spd-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:28px clamp(28px,5vw,72px)}
.spd-eyebrow{margin:0 0 10px;color:var(--spd-cyan);font-size:13px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.spd-dash-pilot .spd-hero h1,.spd-dash-pilot .spd-hero h2{margin:0 0 12px;color:#fff!important;font-size:clamp(32px,2.8vw,44px);font-weight:500;line-height:1;letter-spacing:-.04em}
.spd-lead{max-width:630px;margin:0;color:#e8edf7;font-size:clamp(18px,1.35vw,21px);line-height:1.45}
.spd-actions{display:flex;align-items:center;gap:28px;margin-top:20px}.spd-button{display:inline-flex;padding:14px 24px;border-radius:999px;background:var(--spd-purple);color:#fff!important;font-weight:800}.spd-textlink{color:#fff!important;font-weight:800;border-bottom:2px solid #fff}
.spd-trust{display:flex;flex-wrap:wrap;gap:12px 24px;margin:32px 0 0;padding:0;list-style:none}.spd-trust li:before{content:'✓';margin-right:9px;color:var(--spd-lilac)}
/* Een VASTE hoogte en niet alleen een minimum: het beeld is vierkant, en met alleen een minimum
   werd de kolom net zo hoog als hij breed is (691 px gemeten). Het beeld snijdt nu bij. */
.spd-hero__visual{position:relative;margin:0;height:auto;min-height:340px;background:#1c2636}.spd-hero__visual:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--spd-navy) 0,transparent 34%,rgba(6,20,45,.08) 100%)}
.spd-hero__visual img{width:100%;height:100%;object-fit:cover}.spd-hero__visual figcaption{position:absolute;z-index:2;right:28px;bottom:24px;padding:8px 12px;background:rgba(6,20,45,.78);color:#fff;font-size:13px}
.spd-hero-slider__track{position:absolute;inset:0}.spd-hero-slider__slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}.spd-hero-slider__slide.is-active{opacity:1}.spd-hero-slider__controls{position:absolute;z-index:3;right:22px;bottom:18px;display:flex;align-items:center;gap:10px}.spd-hero-slider__controls>button{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(6,20,45,.72);color:#fff;font-size:19px;cursor:pointer}.spd-hero-slider__dots{display:flex;gap:7px}.spd-hero-slider__dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}.spd-hero-slider__dots button.is-active{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2)}
@media(prefers-reduced-motion:reduce){.spd-hero-slider__slide{transition:none}}
.spd-section{padding:88px clamp(24px,7vw,110px)}.spd-section-head{position:static!important;display:block;max-width:760px;margin-bottom:38px;transform:none!important}.spd-section h2{margin:0 0 16px;color:var(--spd-ink);font-size:clamp(38px,4vw,64px);line-height:1;letter-spacing:-.045em}.spd-section-head>p:last-child{font-size:20px}
.spd-choice{background:var(--spd-paper)}.spd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.spd-grid article{padding:28px;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(5,16,38,.07)}.spd-grid article>span{color:var(--spd-purple);font-weight:800}.spd-grid h3{margin:28px 0 12px;font-size:25px}.spd-grid p{min-height:118px;line-height:1.6}.spd-grid a{color:var(--spd-purple);font-weight:800}
.spd-order-anchor{position:relative;top:-120px}.spd-dash-pilot .product{padding:clamp(20px,2vw,32px) clamp(24px,7vw,110px) 70px!important}.spd-dash-pilot .product .summary h1.product_title{font-size:clamp(40px,4vw,62px)}
.spd-editorial{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;background:#fff}.spd-editorial>div>p:last-child{font-size:18px;line-height:1.7}.spd-chipgroup{display:flex;align-content:center;flex-wrap:wrap;gap:12px}.spd-chipgroup span{padding:13px 18px;border:1px solid #d8dce4;border-radius:999px;background:#fafafa;font-weight:700}
.spd-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;background:var(--spd-paper)}.spd-faq details{border-top:1px solid #cfd1d3}.spd-faq details:last-child{border-bottom:1px solid #cfd1d3}.spd-faq summary{padding:21px 4px;font-size:20px;font-weight:800;cursor:pointer}.spd-faq details p{max-width:780px;padding:0 4px 20px;line-height:1.7}
.spd-related{background:var(--spd-navy);color:#fff}.spd-related h2{color:#fff}.spd-related nav{display:flex;flex-wrap:wrap;gap:12px}.spd-related a{padding:14px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff!important}
.spd-mobile-cta{display:none}.spd-dash-pilot .woocommerce-breadcrumb{padding:18px clamp(24px,7vw,110px)!important}
.spd-product-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;grid-column:1/-1}.spd-product-title-row .product_title{margin:0!important}.spd-heeft-hero .spd-product-breadcrumb,.spd-product-breadcrumb{display:block!important;margin:0!important;padding:0!important;color:#7a8598!important;font-size:13px!important}.spd-product-breadcrumb a{color:var(--spd-purple)!important}.bno-mat__tegel-beeld{width:132px!important;height:132px!important;max-width:none!important;object-fit:cover;border-radius:14px;cursor:zoom-in}.bno-mat__naar-vergelijk{grid-column:3/5!important;width:100%!important;box-sizing:border-box;text-align:center}.spd-material-lightbox{width:min(760px,calc(100vw - 40px));max-width:none;padding:58px 32px 28px;border:0;border-radius:24px;background:#f6f3ed;box-shadow:0 30px 100px rgba(6,20,45,.35)}.spd-material-lightbox::backdrop{background:rgba(6,20,45,.72)}.spd-material-lightbox img{display:block;width:auto;max-width:100%;max-height:68vh;margin:auto;object-fit:contain;border-radius:14px}.spd-material-lightbox p{margin:18px 0 0;color:var(--spd-navy);font-size:18px;font-weight:850;text-align:center}.spd-material-lightbox button{position:absolute;top:14px;right:16px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:var(--spd-navy);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.spd-dash-pilot .spd-product-main .woocommerce-breadcrumb:not(.spd-product-breadcrumb){display:none!important}.spd-dash-pilot .bnx-wizard .product_meta{display:none!important}.spd-product-sku{color:#7a8598;font-size:13px}
.spd-product-sku{color:#7a8598;font-size:13px;white-space:nowrap}.bno-mat__tegel-meta{display:none!important}
.spd-dash-pilot .bnx-wizard{align-items:stretch!important}.spd-dash-pilot .product .summary{height:100%}.spd-dash-pilot .bno-mat__tegel,.spd-dash-pilot .spd-product-support{height:100%;box-sizing:border-box}

/* Een productkop, ongeacht het soort product. Materiaalproducten gebruiken dezelfde kaartvorm als
   Banner 510; gewone producten houden hun echte productbeeld en krijgen dezelfde label- en
   teksthierarchie. De configurator blijft eronder de bron voor bestelbare opties. */
.spd-product-card-label,.spd-material-choice-heading span{display:block;margin:0 0 8px;color:#7a8598;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.spd-product-card-label{margin-bottom:14px}
.spd-material-choice-heading{margin:0 0 14px}
.spd-material-choice-heading strong{display:block;color:var(--spd-navy);font-size:20px;line-height:1.25}
.spd-dash-pilot .bno-mat__tegelrij--meerdere .bno-mat__tegel-naam{display:block!important}
.spd-dash-pilot .bno-mat__tegelrij--meerdere .bno-mat__tegel{min-width:0;height:auto}
.spd-dash-pilot .bno-mat__tegelrij--meerdere .bno-mat__tegel-beeldvak{width:92px;height:92px}
.spd-dash-pilot .bno-mat__tegelrij--meerdere .bno-mat__tegel-beeld{width:92px!important;height:92px!important}
.spd-dash-pilot .bno-mat__tegelrij--meerdere .bno-mat__tegel-tekst{min-width:150px;flex:1 1 150px}
.spd-dash-pilot .bno-mat__tegelrij--meerdere .bno-mat__tegel-kenmerken{grid-template-columns:repeat(2,minmax(0,1fr))}
.spd-dash-pilot .bno-mat__tegelrij--meerdere .bno-mat__naar-vergelijk{grid-column:1/-1!important}
/* De catalogus kan tientallen alternatieven bevatten. Vier kaarten blijven direct zichtbaar;
   de rest blijft bereikbaar in dezelfde kolom zonder de volledige productkaart uit te rekken. */
.spd-dash-pilot .bno-mat__alternatieven{align-self:start;max-height:360px;padding:14px;box-sizing:border-box;border:1px solid #cbd6e8;border-radius:14px;background:#f7f9ff;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.spd-dash-pilot .bno-mat__tegelrij:not(.bno-mat__tegelrij--meerdere) .bno-mat__naar-vergelijk{grid-column:1/-1!important;max-width:100%;min-width:0;padding:10px 12px!important;font-size:12px;white-space:normal}
.spd-dash-pilot .bno-mat__alternatieven>a{position:relative;grid-template-columns:42px minmax(0,1fr);min-height:58px}
.spd-dash-pilot .bno-mat__alternatieven img{width:42px!important;height:42px!important}
.spd-dash-pilot .bno-mat__alternatieven small{position:absolute;z-index:10;right:0;bottom:calc(100% + 8px);left:0;visibility:hidden;padding:10px 12px;border-radius:10px;background:var(--spd-navy);box-shadow:0 12px 30px rgba(6,20,45,.22);color:#fff;opacity:0;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.spd-dash-pilot .bno-mat__alternatieven>a:hover small,.spd-dash-pilot .bno-mat__alternatieven>a:focus small{visibility:visible;opacity:1}
.spd-compact-material-options{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;overflow:visible;padding:2px 2px 8px}
.spd-compact-material-options__label{flex:0 0 100%;color:var(--spd-navy);font-size:13px;line-height:1.3}
.spd-compact-material-option{position:relative;display:grid;flex:0 0 96px;width:96px;padding:5px;grid-template-rows:84px auto;gap:6px;border:1px solid #d9e0ed;border-radius:13px;background:#fff;color:var(--spd-navy);font:inherit;text-align:center;cursor:pointer}
.spd-compact-material-option:hover,.spd-compact-material-option:focus-visible,.spd-compact-material-option.is-active{border-color:transparent;box-shadow:none}
.spd-compact-material-option:hover::after,.spd-compact-material-option:focus-visible::after,.spd-compact-material-option.is-active::after{position:absolute;z-index:20;inset:0;border-radius:12px;box-shadow:inset 0 0 0 3px #075bff;content:'';pointer-events:none}
.spd-dash-pilot .spd-compact-material-option img,.spd-dash-pilot .spd-compact-material-option img.bno-mat__tegel-beeld{display:block!important;width:84px!important;height:84px!important;max-width:none!important;object-fit:cover;border-radius:9px}
.spd-compact-material-option__name{display:block;min-width:0;font-size:11px;font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.spd-compact-material-option:not(:has(img)){background:#fff}
.spd-compact-material-option:not(:has(img))::before{display:block;width:84px;height:84px;border-radius:9px;background:#f1f4fa;content:''}
.spd-compact-material-option__details{position:absolute;z-index:12;top:calc(100% + 8px);left:0;visibility:hidden;width:260px;padding:11px 12px;box-sizing:border-box;border-radius:10px;background:var(--spd-navy);box-shadow:0 12px 30px rgba(6,20,45,.24);color:#fff;font-size:12px;font-weight:500;line-height:1.35;text-align:left;opacity:0;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.spd-compact-material-option:hover .spd-compact-material-option__details{visibility:visible;opacity:1}
.spd-material-choice-heading:has(+.spd-materials-compact){display:none}
.spd-dash-pilot .bno-mat__tegelrij--meerdere.spd-materials-compact{grid-template-columns:1fr!important;align-items:start;padding:16px;border:1px solid #cbd6e8;border-radius:16px;background:#eaf0ff}
.spd-dash-pilot .bno-mat__tegelrij--meerdere.spd-materials-compact>.bno-mat__tegel{grid-column:1;grid-row:2;width:auto;height:auto!important;padding:14px 0 0;border:0;border-top:1px solid #cbd6e8;border-radius:0;background:transparent}
.spd-dash-pilot .bno-mat__tegelrij--meerdere.spd-materials-compact .bno-mat__sterk{display:none!important}
.spd-dash-pilot .bno-mat__tegelrij--meerdere.spd-materials-compact>.bno-mat__tegel[hidden]{display:none!important}
.spd-dash-pilot .bno-mat__tegelrij--meerdere.spd-materials-compact>.spd-compact-material-options{grid-column:1;grid-row:1}
.spd-material-empty-state{display:grid;min-height:92px;padding:14px 4px 0;grid-column:1;grid-row:2;place-items:center;border-top:1px solid #cbd6e8;color:#69758a;font-size:14px;text-align:center}
.spd-material-empty-state[hidden]{display:none!important}

/* Zonder hero blijft het productbeeld behouden, maar vormt het samen met de productinformatie
   dezelfde brede productkaart als de materiaalkaart op producten met een hero. */
@media(min-width:1101px){
  .spd-dash-pilot:not(.spd-heeft-hero) .bnx-wizard{grid-template-columns:160px minmax(300px,1fr) 340px!important;gap:0!important}
  .spd-dash-pilot:not(.spd-heeft-hero) .bnx-wizard__beeld{height:100%!important;min-height:0;box-sizing:border-box;padding:20px;border:1px solid #cbd6e8;border-right:0;border-radius:18px 0 0 18px;background:#eaf0ff}
  .spd-dash-pilot:not(.spd-heeft-hero) .bnx-wizard__stappen{padding:24px;border:1px solid #cbd6e8;border-left:0;border-radius:0 18px 18px 0;background:#eaf0ff}
  .spd-dash-pilot:not(.spd-heeft-hero) .spd-product-support{margin-left:40px}
  .spd-dash-pilot:not(.spd-heeft-hero) .woocommerce-product-gallery{height:100%}
  .spd-dash-pilot:not(.spd-heeft-hero) .woocommerce-product-gallery__wrapper,
  .spd-dash-pilot:not(.spd-heeft-hero) .woocommerce-product-gallery__image{height:100%}
  .spd-dash-pilot:not(.spd-heeft-hero) .woocommerce-product-gallery__image img.wp-post-image{width:132px!important;height:132px!important;margin:0 auto;object-fit:contain;border-radius:12px;background:#f7f8fb}
}
@media(min-width:1101px){
  .spd-heeft-hero.spd-dash-pilot .spd-wizard--materials{grid-template-columns:minmax(0,1fr) 300px!important}
  .spd-heeft-hero.spd-dash-pilot .spd-wizard--materials .bnx-wizard__stappen{min-width:0}

  /* Bij veel echte materiaalkeuzes is een smalle kolom naast het productbeeld niet bruikbaar.
     Houd het bronbeeld zichtbaar, maar geef de materiaalkaarten daarna de volle hoofdcolom. */
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere){grid-template-columns:minmax(0,1fr) 300px!important;column-gap:40px!important}
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .spd-product-title-row{grid-column:1/-1;grid-row:1}
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .bnx-wizard__beeld{grid-column:1;grid-row:2;height:240px!important;min-height:240px!important;border:1px solid #cbd6e8!important;border-radius:18px!important;background:#eaf0ff!important}
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .bnx-wizard__beeld .woocommerce-product-gallery,
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .bnx-wizard__beeld .woocommerce-product-gallery__wrapper,
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .bnx-wizard__beeld .woocommerce-product-gallery__image{height:100%!important}
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .bnx-wizard__beeld img.wp-post-image{width:100%!important;height:100%!important;object-fit:contain!important}
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .bnx-wizard__stappen{grid-column:1;grid-row:3;min-width:0!important;padding:20px 0 0!important;border:0!important;background:transparent!important}
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .summary.entry-summary{width:100%!important}
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere) .spd-product-support{grid-column:2;grid-row:2/span 2;height:auto!important;margin-left:0!important;align-self:start}
  .spd-dash-pilot .spd-wizard--materials:has(.bno-mat__tegelrij--meerdere):not(:has(.spd-materials-compact)) .bno-mat__tegelrij--meerdere{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .spd-heeft-hero.spd-dash-pilot .spd-wizard--materials:has(.spd-materials-compact) .bnx-wizard__beeld{display:none!important}
  .spd-heeft-hero.spd-dash-pilot .spd-wizard--materials:has(.spd-materials-compact) .bnx-wizard__stappen{grid-row:2;padding-top:0!important}
  .spd-heeft-hero.spd-dash-pilot .spd-wizard--materials:has(.spd-materials-compact) .spd-product-support{grid-row:2}
}
@media(max-width:820px){
  .spd-dash-pilot .bno-mat__tegelrij--meerdere{grid-template-columns:1fr!important}
  .spd-dash-pilot .bno-mat__tegelrij--meerdere.spd-materials-compact>.bno-mat__tegel{grid-column:1;grid-row:2}
  .spd-dash-pilot .bno-mat__tegelrij--meerdere.spd-materials-compact>.spd-compact-material-options{grid-column:1;grid-row:1}
  .spd-compact-material-options{display:flex}
}
.spd-dash-site .bnx-sug{overflow:hidden;border:1px solid #d7dde7!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 40px rgba(6,20,45,.16)!important}.spd-dash-site .bnx-sug__item{display:grid!important;height:98px!important;min-height:98px!important;max-height:98px!important;padding:12px!important;box-sizing:border-box;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;overflow:hidden;border:0!important;border-bottom:1px solid #e2e6ed!important;background:#fff!important}.spd-dash-site .bnx-sug__item:last-child{border-bottom:0!important}.spd-dash-site .bnx-sug__item:hover,.spd-dash-site .bnx-sug__item:focus{background:#f4f7ff!important}.spd-dash-site .bnx-sug__item img{display:block!important;width:48px!important;height:48px!important;margin:0!important;object-fit:contain!important;border-radius:7px;background:#f5f6f8}.spd-dash-site .bnx-sug__item>div{min-width:0!important}.spd-dash-site .bnx-sug__item strong{display:block;overflow:hidden;color:#075bff;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.spd-dash-site .bnx-sug__item small{display:-webkit-box!important;overflow:hidden;color:#687386!important;line-height:1.3!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:980px){.spd-home-hero{min-height:720px}.spd-home-hero__copy{max-width:680px;padding:64px 24px 86px}.spd-home-hero h1,.spd-hero h1{font-size:62px}.spd-home-hero__visual:before{background:linear-gradient(90deg,rgba(6,20,45,.97) 0%,rgba(6,20,45,.83) 48%,rgba(6,20,45,.28) 100%),linear-gradient(0deg,rgba(6,20,45,.5),transparent 50%)}.spd-hero{grid-template-columns:1fr;min-height:0}.spd-dash-pilot .spd-hero h1,.spd-dash-pilot .spd-hero h2{font-size:38px}.spd-hero__copy{padding:40px 24px 34px}.spd-hero__visual{height:260px;min-height:260px;order:2}.spd-hero__visual:before{background:linear-gradient(180deg,var(--spd-navy),transparent 38%)}.spd-home-routes,.spd-editorial,.spd-faq,.spd-home-band{grid-template-columns:1fr;gap:30px}.spd-grid{grid-template-columns:repeat(2,1fr)}.spd-application-grid{grid-template-columns:repeat(2,1fr)}.spd-home-band{align-items:start}.spd-home-band .spd-button{width:max-content}.spd-site-footer{grid-template-columns:1fr 1fr}.spd-site-footer>div{grid-column:1/-1}}
@media(max-width:620px){.spd-home-hero{min-height:680px}.spd-home-hero__copy{padding:52px 20px 110px}.spd-home-hero h1,.spd-hero h1{font-size:49px}.spd-home-hero__visual img{object-position:62% center}.spd-home-hero__visual:before{background:linear-gradient(180deg,rgba(6,20,45,.9) 0%,rgba(6,20,45,.68) 55%,rgba(6,20,45,.88) 100%)}.spd-home-hero__visual figcaption{right:16px;bottom:18px}.spd-hero{min-height:0}.spd-dash-pilot .spd-hero h1,.spd-dash-pilot .spd-hero h2{font-size:31px}.spd-hero__copy{padding:34px 20px 28px}.spd-lead{font-size:18px}.spd-actions{align-items:flex-start;flex-direction:column;gap:20px}.spd-trust{display:grid}.spd-hero__visual{height:210px;min-height:210px}.spd-home-routes,.spd-section{padding:58px 20px}.spd-route-grid,.spd-grid{grid-template-columns:1fr}.spd-route-grid>a{min-height:190px}.spd-grid p{min-height:0}.spd-dash-pilot .product{padding:48px 20px 100px!important}.spd-heeft-hero.spd-dash-pilot .product{padding-top:36px!important}.spd-mobile-cta{position:fixed;z-index:9999;right:12px;bottom:12px;left:12px;display:flex;justify-content:center;padding:17px;border-radius:999px;background:var(--spd-purple);box-shadow:0 8px 30px rgba(0,0,0,.24);color:#fff!important;font-weight:900}.spd-dash-pilot #main-footer{padding-bottom:80px}}
@media(max-width:620px){.spd-applications,.spd-page-hero,.spd-page-content,.spd-home-band,.spd-sample-callout{padding-right:20px;padding-left:20px}.spd-application-grid,.spd-sample-steps{grid-template-columns:1fr}.spd-application-grid>a{min-height:250px}.spd-home-band{display:grid;grid-template-columns:1fr}.spd-home-band .spd-button{width:100%;text-align:center}.spd-sample-callout{display:grid;align-items:start;gap:26px}.spd-sample-callout .spd-button{width:100%;justify-content:center}.spd-site-footer{grid-template-columns:1fr}.spd-site-footer>div,.spd-site-footer small{grid-column:1}.spd-page-hero h1,.spd-applications h2,.spd-home-band h2,.spd-sample-callout h2{font-size:42px}.spd-dash-site{overflow-x:hidden}}
.spd-application-grid>a{min-width:0;color:var(--spd-ink)!important;text-decoration:none!important}
.spd-application-grid>a *{color:inherit!important;text-decoration:none!important}
.spd-application-grid .spd-card-index{color:var(--spd-purple)!important;font-size:18px;font-weight:800;line-height:1}
.spd-application-grid .spd-card-copy{min-height:72px;margin:16px 0;line-height:1.55}
.spd-application-grid .spd-card-link{padding-top:17px;border-top:1px solid #dce2ea;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.spd-legacy-page .spd-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.spd-product-entry{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:56px;background:var(--spd-paper)}
.spd-product-entry h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1}
.spd-product-entry p:last-child{max-width:640px;font-size:18px;line-height:1.6}
@media(max-width:620px){.spd-legacy-page .spd-application-grid{grid-template-columns:1fr}.spd-product-entry{grid-template-columns:1fr;padding:30px 20px}.spd-product-entry .spd-button{justify-content:center}}

/* SPD-0025: toepassingsgerichte productroute. Alle inhoud staat server-side in de pagina;
   JavaScript filtert alleen de reeds zichtbare richtingen en voegt meting toe. */
.spd-legacy-page:has(.spd-product-finder){padding:0;background:#fff}
.spd-legacy-page>article:has(.spd-product-finder){width:100%;max-width:none;margin:0;padding:0;border-radius:0;background:#fff;box-shadow:none}
.spd-page-content:has(.spd-product-finder){padding:0}
.spd-product-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(34px,6vw,90px);align-items:end;padding:72px clamp(24px,7vw,110px);background:#edf3ff}
.spd-product-finder__title,.spd-choice-route h2,.spd-choice-helper h2,.spd-outdoor-route h2{margin:0;color:var(--spd-navy);font-size:clamp(36px,4.2vw,66px);font-weight:600;line-height:1;letter-spacing:-.045em}
.spd-product-finder>div>p:last-child,.spd-choice-route>header>p:last-child,.spd-choice-helper>div>p:last-child,.spd-outdoor-route__intro>p:last-child{max-width:720px;margin:20px 0 0;color:#526078;font-size:18px;line-height:1.6}
.spd-product-search{padding:24px;border:1px solid #cdd8ed;border-radius:18px;background:#fff}
.spd-product-search>label{display:block;margin-bottom:10px;color:var(--spd-navy);font-weight:600}
.spd-product-search>div{display:flex;gap:10px}
.spd-product-search input[type=search]{width:100%;min-width:0;padding:14px 16px;border:1px solid #b8c6df;border-radius:10px;background:#fff;color:var(--spd-ink);font-size:16px}
.spd-product-search button{flex:0 0 auto;padding:14px 22px;border:0;border-radius:999px;background:#075dff;color:#fff;font-weight:600}
.spd-choice-route{padding:88px clamp(24px,7vw,110px);background:#fff}
.spd-choice-route>header{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:34px}
.spd-choice-route>header .spd-eyebrow,.spd-choice-route>header h2{grid-column:1}
.spd-choice-route>header>p:last-child{grid-column:2;grid-row:1/3;margin:0 0 4px}
.spd-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.spd-choice-card{display:flex;min-width:0;min-height:330px;flex-direction:column;overflow:hidden;border:1px solid #d6deeb;border-radius:18px;background:#fff;color:var(--spd-ink)!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.spd-choice-card:hover,.spd-choice-card:focus-visible{transform:translateY(-4px);border-color:#8daef0;box-shadow:0 18px 42px rgba(6,20,45,.1)}
.spd-choice-card__visual{display:block;height:155px;overflow:hidden;background:#e9eef7}
.spd-choice-card__visual img{display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .35s ease}
.spd-choice-card:hover .spd-choice-card__visual img{transform:scale(1.035)}
.spd-choice-card>strong{padding:20px 22px 0;color:var(--spd-navy);font-size:23px;font-weight:600;line-height:1.1}
.spd-choice-card>span:not(.spd-choice-card__visual){padding:9px 22px 18px;color:#68758b;line-height:1.45}
.spd-choice-card>b{margin:auto 22px 20px;padding-top:14px;border-top:1px solid #e0e6ef;color:#075dff;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.spd-choice-card--help{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr) auto;min-height:0;align-items:center;background:var(--spd-navy);color:#fff!important}
.spd-choice-card--help .spd-choice-card__visual{grid-row:1/3;width:180px;height:100%;min-height:150px;display:grid;place-items:center;background:linear-gradient(135deg,var(--spd-purple),#075dff)}
.spd-choice-card--help .spd-choice-card__visual i{font-size:72px;font-style:normal;font-weight:500;color:#fff}
.spd-choice-card--help>strong{align-self:end;color:#fff;font-size:26px}
.spd-choice-card--help>span:not(.spd-choice-card__visual){align-self:start;color:#d5deed}
.spd-choice-card--help>b{grid-column:3;grid-row:1/3;margin:0 28px;padding:13px 18px;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fff;white-space:nowrap}
.spd-choice-helper{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);gap:clamp(32px,6vw,90px);padding:72px clamp(24px,7vw,110px);background:var(--spd-navy);color:#fff}
.spd-choice-helper h2{color:#fff}
.spd-choice-helper>div>p:last-child{color:#cbd5e6}
.spd-choice-helper form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.spd-choice-helper label{display:grid;gap:8px;color:#fff;font-weight:600}
.spd-choice-helper select{width:100%;padding:14px;border:1px solid #62718b;border-radius:10px;background:#fff;color:var(--spd-ink);font-size:16px}
.spd-choice-helper__result{grid-column:1/-1;margin:8px 0 0;padding:18px 20px;border-left:4px solid var(--spd-cyan);background:rgba(255,255,255,.1);color:#fff;line-height:1.5}
.spd-outdoor-route{padding:88px clamp(24px,7vw,110px);background:#f6f8fc}
.spd-product-route{scroll-margin-top:110px}
.spd-product-route:nth-of-type(even){background:#fff}
.spd-outdoor-route__intro{max-width:850px}
.spd-outdoor-situations{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 28px}
.spd-outdoor-situations button{padding:12px 17px;border:1px solid #c9d3e4;border-radius:999px;background:#fff;color:var(--spd-navy);font-weight:600}
.spd-outdoor-situations button.is-active{border-color:#075dff;background:#075dff;color:#fff}
.spd-outdoor-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.spd-outdoor-product{min-width:0;background:#fff;border:1px solid #d8dfeb;border-radius:16px;overflow:hidden}
.spd-outdoor-product[hidden]{display:none}
.spd-outdoor-product>a{display:grid;grid-template-columns:128px minmax(0,1fr);height:100%;color:var(--spd-ink)!important;text-decoration:none!important}
.spd-outdoor-product img{display:block;width:128px;height:100%!important;min-height:176px;object-fit:cover;background:#edf1f7}
.spd-outdoor-product span{display:flex;min-width:0;flex-direction:column;padding:19px}
.spd-outdoor-product strong{color:var(--spd-navy);font-size:21px;font-weight:600}
.spd-outdoor-product small{margin:8px 0 18px;color:#68758b;font-size:14px;line-height:1.45}
.spd-outdoor-product b{margin-top:auto;color:#075dff;font-size:12px;font-weight:600;text-transform:uppercase}
@media(max-width:980px){.spd-product-finder,.spd-choice-helper{grid-template-columns:1fr}.spd-choice-grid,.spd-outdoor-products{grid-template-columns:repeat(2,minmax(0,1fr))}.spd-choice-route>header{grid-template-columns:1fr}.spd-choice-route>header>p:last-child{grid-column:1;grid-row:auto}.spd-choice-helper form{max-width:760px}}
@media(max-width:620px){.spd-product-finder,.spd-choice-route,.spd-choice-helper,.spd-outdoor-route{padding:52px 20px}.spd-product-search>div{display:grid}.spd-product-search button{width:100%}.spd-choice-grid,.spd-outdoor-products,.spd-choice-helper form{grid-template-columns:1fr}.spd-choice-card{min-height:300px}.spd-choice-card--help{display:flex;min-height:300px}.spd-choice-card--help .spd-choice-card__visual{display:grid;width:100%;height:120px;min-height:120px}.spd-choice-card--help>strong{align-self:auto}.spd-choice-card--help>b{margin:auto 22px 20px;padding:14px 0 0;border-width:1px 0 0;border-radius:0}.spd-choice-helper__result{grid-column:1}.spd-outdoor-situations{display:grid;grid-template-columns:1fr 1fr}.spd-outdoor-situations button{text-align:left}.spd-outdoor-product>a{grid-template-columns:104px minmax(0,1fr)}.spd-outdoor-product img{width:104px;min-height:164px}}
.spd-contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(36px,6vw,88px);align-items:start}.spd-contact-layout h2{margin:0 0 18px;color:var(--spd-navy);font-size:clamp(34px,4vw,58px);font-weight:600;line-height:1}.spd-contact-layout>div>p:not(.spd-eyebrow){max-width:650px;color:#5f6c82;font-size:17px;line-height:1.6}.spd-contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.spd-contact-card{display:flex;min-width:0;min-height:132px;flex-direction:column;padding:20px;border:1px solid #d6deeb;border-radius:14px;background:#fff;color:var(--spd-navy)!important;text-decoration:none!important}.spd-contact-card--link{padding:0}.spd-contact-card--link>a{display:flex;min-width:0;min-height:132px;flex:1;flex-direction:column;padding:20px;box-sizing:border-box;color:var(--spd-navy)!important;text-decoration:none!important}.spd-contact-cards small{margin-bottom:10px;color:#738096;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.spd-contact-cards strong{font-size:19px;font-weight:600;overflow-wrap:anywhere}.spd-contact-cards span{margin-top:auto;color:#69768b;font-size:14px}.spd-contact-form{padding:34px;border:1px solid #cbd7eb;border-radius:20px;background:#edf3ff}.spd-contact-form .gform_wrapper{margin-top:24px}.spd-contact-form input:not([type=submit]),.spd-contact-form textarea,.spd-contact-form select{width:100%!important;padding:12px 14px!important;border:1px solid #b9c6db!important;border-radius:9px!important;background:#fff!important}.spd-contact-form input[type=submit],.spd-contact-form button[type=submit]{padding:14px 24px!important;border:0!important;border-radius:999px!important;background:#075dff!important;color:#fff!important;font-weight:700!important}.spd-contact-form .gfield_label{color:var(--spd-navy)!important;font-weight:600!important}.spd-contact-form .gform_footer{margin-top:20px!important}@media(max-width:860px){.spd-contact-layout{grid-template-columns:1fr}.spd-contact-form{padding:26px}}@media(max-width:520px){.spd-contact-cards{grid-template-columns:1fr}.spd-contact-form{padding:22px 18px}}
.spd-contact-form #gform_wrapper_1 .gfield.gform_validation_container,.spd-contact-form #gform_wrapper_1 .gfield.gfield--type-honeypot,.spd-contact-form #gform_wrapper_1 .gform_required_legend{display:none!important;visibility:hidden!important}
.spd-material-intro{max-width:780px;margin-bottom:34px}.spd-material-intro h2,.spd-material-next h2{margin:0 0 14px;color:var(--spd-ink);font-size:clamp(34px,4vw,58px);line-height:1}.spd-material-intro p,.spd-material-next p{font-size:18px;line-height:1.65}.spd-material-table-wrap{overflow-x:auto;border:1px solid #dce2ea}.spd-material-table{width:100%;min-width:900px;border-collapse:collapse;background:#fff}.spd-material-table th,.spd-material-table td{padding:18px;border-bottom:1px solid #dce2ea;text-align:left;vertical-align:top}.spd-material-table thead th{background:var(--spd-navy);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.spd-material-table tbody th{color:var(--spd-purple);font-size:16px}.spd-material-next{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-top:45px;padding:42px;background:var(--spd-paper)}
@media(max-width:620px){.spd-material-next{grid-template-columns:1fr;padding:28px 20px}.spd-material-next .spd-button{justify-content:center}}
.spd-legacy-page>article>h1:first-child{display:none}
.spd-page-content:has(.spd-material-table-wrap){padding-right:0;padding-left:0}
.spd-dash-site img.woocommerce-placeholder{display:none!important}
.spd-shop-main{padding:70px clamp(20px,6vw,96px) 100px;background:#fff}.spd-shop-main>.woocommerce{width:100%;max-width:1480px;margin:0 auto}.spd-shop-hero{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:45px;padding:54px;background:var(--spd-navy);color:#fff}.spd-shop-hero h1{margin:0;color:#fff!important;font-size:clamp(42px,5vw,76px);line-height:.95}.spd-shop-hero p{max-width:660px;margin:18px 0 0;color:#e5ebf5;font-size:18px;line-height:1.6}.spd-shop-main ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0 0!important}.spd-shop-main ul.products:before,.spd-shop-main ul.products:after{display:none!important}.spd-shop-main ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:22px!important;border:1px solid #dce2ea;background:#fff}.spd-shop-main ul.products li.product a{text-decoration:none!important}.spd-shop-main ul.products li.product img{aspect-ratio:1;object-fit:contain;background:#f7f7f5}.spd-shop-main .woocommerce-loop-product__title{color:var(--spd-ink);font-size:20px!important;line-height:1.25}.spd-shop-main .price{color:var(--spd-purple)!important;font-weight:800}.spd-shop-main .woocommerce-ordering select{padding:11px;border:1px solid #ccd3dd;background:#fff}.spd-shop-main .woocommerce-pagination{margin-top:45px}
@media(max-width:980px){.spd-shop-main ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.spd-shop-main{padding:35px 20px 85px}.spd-shop-hero{grid-template-columns:1fr;padding:34px 24px}.spd-shop-main ul.products{grid-template-columns:1fr}}
.spd-dash-pilot .product{display:block;width:100%!important;max-width:none!important;box-sizing:border-box}.spd-dash-pilot .bnx-wizard{display:grid!important;width:100%!important;max-width:none!important;box-sizing:border-box;grid-template-columns:minmax(240px,36%) minmax(280px,1fr) minmax(220px,260px)!important;gap:32px;align-items:start}.spd-dash-pilot .bnx-wizard__beeld,.spd-dash-pilot .bnx-wizard__stappen{min-width:0}.spd-dash-pilot .product .woocommerce-product-gallery{float:none!important;width:auto!important;margin:0!important}.spd-dash-pilot .product .summary{float:none!important;width:auto!important;margin:0!important}.spd-product-support{padding:26px;border:1px solid #dce2ea;border-radius:18px;background:var(--spd-paper)}.spd-product-support h2{margin:0 0 20px!important;color:var(--spd-ink)!important;font-size:23px!important}.spd-product-support p{margin:0 0 17px;line-height:1.45}.spd-product-support p:last-child{margin-bottom:0}.spd-product-support strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.spd-product-support a{color:var(--spd-purple)!important;font-weight:750}.spd-product-materials,.spd-dash-pilot .product>.bnx-configurator-below,.spd-dash-pilot .product>#spd-configurator,.spd-dash-pilot .product>.bde-tabs,.spd-dash-pilot .product>.woocommerce-tabs,.spd-dash-pilot .product>#spd-documents,.spd-dash-pilot .product>section.spd-section{width:100%!important;max-width:none!important;min-width:0;box-sizing:border-box}.spd-product-materials{padding-top:42px;scroll-margin-top:120px}#spd-configurator,#spd-documents{margin-top:42px;scroll-margin-top:120px}#spd-configurator{display:block;overflow:visible}#spd-documents{padding:38px;border-radius:18px;background:var(--spd-paper)}
/* WooCommerce levert de galerij-interactie, maar het kale Breakdance-thema levert niet alle
   basisopmaak voor de gegenereerde thumbnail-lijst. Houd dit daarom bij het productsjabloon:
   een compacte, ongenummerde rij die voor ieder aantal afbeeldingen en elke schermbreedte werkt. */
.spd-dash-pilot .woocommerce-product-gallery .flex-control-thumbs{display:grid!important;height:auto!important;margin:12px 0 0!important;padding:0!important;grid-template-columns:repeat(auto-fit,minmax(62px,78px));gap:10px;list-style:none!important}
.spd-dash-pilot .woocommerce-product-gallery .flex-control-thumbs li{display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;float:none!important;list-style:none!important}
.spd-dash-pilot .woocommerce-product-gallery .flex-control-thumbs li::marker{content:''}
.spd-dash-pilot .woocommerce-product-gallery .flex-control-thumbs img{display:block;width:100%!important;height:auto!important;aspect-ratio:1;object-fit:contain;border:1px solid #dce2ea;border-radius:10px;background:var(--spd-paper);cursor:pointer;opacity:.72}
.spd-dash-pilot .woocommerce-product-gallery .flex-control-thumbs img.flex-active,.spd-dash-pilot .woocommerce-product-gallery .flex-control-thumbs img:hover,.spd-dash-pilot .woocommerce-product-gallery .flex-control-thumbs img:focus{border-color:var(--spd-purple);opacity:1}
@media(max-width:1100px){.spd-dash-pilot .bnx-wizard{grid-template-columns:minmax(260px,42%) 1fr!important}.spd-product-support{grid-column:1/-1}}@media(max-width:620px){.spd-dash-pilot .bnx-wizard{grid-template-columns:1fr!important}.spd-product-support{grid-column:auto}#spd-documents{padding:26px 20px}}
.spd-shop-main ul.products{padding:0!important;list-style:none!important}.spd-shop-main ul.products li.product{display:flex;min-width:0;flex-direction:column;overflow:hidden;list-style:none!important}.spd-shop-main ul.products li.product:before{display:none!important}.spd-shop-main .bde-woo-product-image{position:relative;display:flex;min-height:170px;align-items:center;justify-content:center;margin:-22px -22px 20px;background:var(--spd-paper)}.spd-shop-main .bde-woo-product-image:has(img.woocommerce-placeholder):after{content:'Productbeeld volgt';color:#697386;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.spd-shop-main .bde-woo-product-footer{display:flex!important;align-items:center;gap:10px;margin-top:auto}.spd-shop-main .quantity.quantity--number{position:static!important;display:flex!important;width:108px;flex:0 0 108px;align-items:center}.spd-shop-main .quantity .bde-quantity-button{position:static!important;display:flex!important;width:30px;height:38px;align-items:center;justify-content:center;border:1px solid #ccd3dd;background:#fff}.spd-shop-main .quantity .bde-quantity-button--dec:before{content:'−'}.spd-shop-main .quantity .bde-quantity-button--inc:before{content:'+'}.spd-shop-main .quantity input.qty{width:46px!important;height:38px;margin:0!important;padding:4px!important;text-align:center}.spd-shop-main .bde-woo-product-footer>a.button{display:flex;min-width:0;flex:1;align-items:center;justify-content:center;margin:0!important;padding:12px 10px!important;text-align:center;white-space:normal}.spd-shop-main .woocommerce-loop-product__link{display:flex;flex:1;flex-direction:column}.spd-shop-main .bno-price-hint{display:block;min-height:44px;font-size:14px;line-height:1.35}
.spd-hero[hidden] {
  display: none !important;
}

/* Productpagina's moeten op telefoon altijd als een enkele leeskolom eindigen.
   De hero-variant heeft bovenin dit bestand bewust een specifiekere desktop-gridregel;
   zonder dezelfde specificiteit won die regel op smalle schermen nog van het breakpoint. */
@media (max-width: 900px) {
  html,
  body.spd-dash-pilot,
  body.spd-dash-pilot .spd-product-main,
  body.spd-dash-pilot .spd-product-main > .woocommerce {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  html,
  body.spd-dash-pilot {
    overflow-x: hidden;
  }

  body.spd-dash-pilot .spd-site-header {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
    grid-template-columns: minmax(0, 190px) auto !important;
    gap: 10px !important;
    box-sizing: border-box;
  }

  body.spd-dash-pilot .spd-logo,
  body.spd-dash-pilot .spd-logo img {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 190px !important;
  }

  body.spd-dash-pilot .spd-header-cta {
    max-width: 100%;
    padding: 11px 13px;
    box-sizing: border-box;
  }

  body.spd-dash-pilot.spd-heeft-hero .spd-hero,
  body.spd-dash-pilot .spd-hero {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    box-sizing: border-box;
  }

  body.spd-dash-pilot .spd-hero__copy,
  body.spd-dash-pilot .spd-hero__copy > * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.spd-dash-pilot .spd-hero h1,
  body.spd-dash-pilot .spd-hero h2,
  body.spd-dash-pilot .spd-hero p {
    overflow-wrap: anywhere;
  }

  body.spd-dash-pilot .spd-product-main .product {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 16px 64px !important;
    overflow: clip;
  }

  body.spd-dash-pilot .spd-product-main .bnx-wizard,
  body.spd-dash-pilot.spd-heeft-hero .spd-product-main .bnx-wizard,
  body.spd-dash-pilot:not(.spd-heeft-hero) .spd-product-main .bnx-wizard {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  body.spd-dash-pilot .spd-product-main .bnx-wizard > .spd-product-title-row,
  body.spd-dash-pilot .spd-product-main .bnx-wizard > .bnx-wizard__beeld,
  body.spd-dash-pilot .spd-product-main .bnx-wizard > .bnx-wizard__stappen,
  body.spd-dash-pilot .spd-product-main .bnx-wizard > .spd-product-support {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    box-sizing: border-box;
  }

  body.spd-dash-pilot .spd-product-title-row {
    display: grid;
    gap: 8px;
    align-items: start;
  }

  body.spd-dash-pilot .spd-product-title-row .product_title {
    min-width: 0;
    font-size: clamp(28px, 8vw, 40px) !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body.spd-dash-pilot .bno-version-badge {
    display: none !important;
  }

  body.spd-dash-pilot .spd-product-breadcrumb,
  body.spd-dash-pilot .spd-product-sku,
  body.spd-dash-pilot .spd-product-support a {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.spd-dash-pilot .bno-mat__tegelrij,
  body.spd-dash-pilot .bno-mat__tegel,
  body.spd-dash-pilot .bno-mat__alternatieven {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  body.spd-dash-pilot .bno-mat__tegelrij:not(.bno-mat__tegelrij--meerdere) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.spd-dash-pilot .bno-mat__tegelrij:not(.bno-mat__tegelrij--meerdere) > .bno-mat__tegel,
  body.spd-dash-pilot .bno-mat__tegelrij:not(.bno-mat__tegelrij--meerdere) > .bno-mat__alternatieven {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.spd-dash-pilot .spd-product-support {
    padding: 22px 20px;
  }
}