@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#e13b2c;--ink:#1d2325;--muted:#5c6466;--paper:#f3f4f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #226fa8;outline-offset:5px}.preview{background:#252b2d;color:#fff;text-align:center;padding:7px 15px;font-size:14px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 5%;border-bottom:1px solid #e4e6e3}.logo{font-size:28px;font-weight:800;letter-spacing:-1.2px;line-height:1.1}.logo span{color:var(--red)}.logo small{display:block;font-size:10px;letter-spacing:2px;margin-top:9px}nav{display:flex;gap:30px;font-size:14px;font-weight:700}.bag{font-size:14px;font-weight:800}.bag span{display:inline-grid;place-items:center;background:var(--ink);color:white;border-radius:50%;width:27px;height:27px;margin-left:8px}.hero{display:grid;grid-template-columns:1.25fr 1fr;padding:65px 5%;gap:7%;background:var(--paper)}.hero-copy{align-self:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--red);margin:0 0 22px}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;line-height:1.04;letter-spacing:-1px;margin:0;font-weight:700}h1{font-size:clamp(46px,5.4vw,82px)}h1 em{font-style:normal;color:var(--red)}.intro{max-width:540px;font-size:17px;color:var(--muted);margin:28px 0}.button{display:inline-flex;gap:30px;background:var(--red);color:white;padding:16px 23px;font-weight:800;font-size:14px}.textlink{display:inline-block;font-size:14px;font-weight:700;margin:15px 0 15px 22px;border-bottom:1px solid #888}.hero-stats{display:flex;gap:35px;border-top:1px solid #d4d8d3;padding-top:27px;margin-top:35px}.hero-stats strong{display:block;font-size:25px}.hero-stats span{font-size:12px;color:var(--muted)}.hero-photo{position:relative;background:white;display:flex;justify-content:center;padding:45px 25px 38px;min-height:480px}.hero-photo img{width:100%;height:430px;object-fit:contain}.photo-label,.photo-bottom{position:absolute;font-size:10px;letter-spacing:2px;font-weight:800;left:23px}.photo-label{top:18px}.photo-bottom{bottom:16px;color:var(--muted)}.system{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:75px 5%;border-bottom:1px solid #e4e6e3}h2{font-size:clamp(36px,4vw,54px)}.system p:not(.eyebrow){color:var(--muted);margin-top:0}.products{padding:75px 5%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-heading>p{font-size:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid #dfe2dd;display:flex;flex-direction:column}.product-image{height:300px;background:#f7f8f6;position:relative;padding:42px 18px 12px}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.tag{position:absolute;top:17px;left:20px;font-size:10px;font-weight:800;letter-spacing:1.8px}.product-body{padding:25px;display:flex;flex-direction:column;flex:1}h3{font-size:20px;line-height:1.4;margin:0 0 10px}.product-body p{font-size:14px;color:var(--muted);margin:0 0 20px;flex:1}.price{font-weight:800;font-size:25px;margin-bottom:23px}.price small{font-size:12px;font-weight:500;color:var(--muted)}button{cursor:pointer}.product button{display:flex;justify-content:space-between;width:100%;border:1px solid #c2c8c0;padding:11px 15px;background:white;font-weight:700;font-size:14px}.product button:hover{background:var(--ink);color:white}.fluid-head{height:300px;background:var(--ink);color:white;position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px}.fluid-head strong{font:800 105px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:-3px}.fluid-head strong span{font-size:40px;color:#ff7464;letter-spacing:0}.fluid-head>p{font-size:12px;letter-spacing:4px}.cart-message{min-height:26px;font-size:14px;color:var(--muted)}.payment{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:65px 5%}.payment .eyebrow{color:#ff8778}.payment-options article{display:flex;gap:25px}.payment-options article+article{border-top:1px solid #52585a;padding-top:25px;margin-top:25px}.payment-options article>span{color:#ff8778;font-size:14px}.payment-options p{color:#d1d7d8;font-size:14px;margin:0}.order{padding:75px 5%;display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.order>div>p:not(.eyebrow){color:var(--muted);font-size:14px}aside{background:var(--paper);padding:30px;align-self:start}dl{font-size:14px}dl>div{display:flex;justify-content:space-between;gap:15px;margin:15px 0}dd{margin:0;font-weight:700;text-align:right}.total{border-top:1px solid #ccd1ca;padding-top:20px}.notice{font-size:14px;color:var(--muted)}.checkout{background:#d4d8d2;color:#50564e;width:100%;padding:15px;border:0;font-size:14px;cursor:not-allowed}.cart-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding:20px 0;gap:20px}.cart-line strong{display:block;font-size:15px}.cart-line small{font-size:14px;color:var(--muted)}.cart-line input{width:75px;padding:8px;border:1px solid #abb3a8}.cart-line label{font-size:12px;display:grid;gap:4px}footer{padding:35px 5%;border-top:1px solid #ddd;display:flex;gap:30px;align-items:center;justify-content:space-between}footer p,footer>span{font-size:12px;color:var(--muted)}@media(min-width:1500px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:900px){nav{gap:14px}.hero{gap:30px}.hero-photo img{height:360px}.hero-photo{min-height:410px}.hero-stats{gap:18px}.grid{gap:14px}.product-body{padding:18px}.product-image,.fluid-head{height:230px}.fluid-head{padding:25px}.fluid-head strong{font-size:85px}.order{gap:30px}}@media(max-width:680px){header{flex-wrap:wrap;padding:22px 5%}nav{order:3;justify-content:space-between;width:100%;font-size:12px}.logo{font-size:25px}.hero,.system,.payment,.order{grid-template-columns:1fr;gap:35px;padding:40px 5%}h1{font-size:54px}.hero-photo img{height:360px}.hero-stats{justify-content:space-between}.textlink{margin-left:0;display:table}.hero-photo{min-height:420px}.products{padding:45px 5%}.section-heading{display:block}.grid{grid-template-columns:1fr;gap:25px}.product-image,.fluid-head{height:280px}.product-body{padding:25px}.product-body p{font-size:16px}.section-heading>p{margin-top:20px}footer{align-items:start;flex-direction:column;gap:10px}footer p{margin:0}.cart-line{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Originele huisstijl uit FIRETESTER folder V1.1 2026. */
:root{--red:#d71916}header{position:relative;padding-top:42px;background:#fff url('briefpapier-oranje.png') no-repeat top left;background-size:340px auto}.logo{display:block}.logo img{display:block;width:260px;height:auto}.logo small{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:1.5;margin-top:8px}.customer-bar{padding:13px 5%;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid #e4e6e3;font-size:13px}.customer-bar>span:last-child{margin-left:auto;color:var(--muted)}.customer-bar>div{display:flex;gap:5px}.customer-bar button{padding:8px 12px;border:1px solid #ddd;background:#fff;font-size:13px;color:var(--ink)}.customer-bar button[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink)}footer{position:relative;align-items:start;padding-top:45px;padding-bottom:90px;background:#fff url('briefpapier-rood.png') no-repeat bottom right;background-size:210px auto}footer .logo img{width:240px}footer h3{font-size:16px}footer p,footer address{font-size:14px;line-height:1.8;font-style:normal}footer a:hover{text-decoration:underline}.address-pending{color:var(--muted);font-size:13px}footer>div{position:relative}footer>div:last-child{padding-right:70px}@media(max-width:900px){header{flex-wrap:wrap;gap:20px}header nav{order:3;width:100%;justify-content:center}.customer-bar{flex-wrap:wrap}.customer-bar>span:last-child{margin-left:0}footer{flex-wrap:wrap}}@media(max-width:680px){.logo img{width:220px}.logo small{max-width:220px}.bag{margin-left:auto}.customer-bar{gap:8px}.customer-bar>span:first-child{width:100%}.customer-bar button{font-size:12px}header nav{justify-content:space-between}footer{gap:25px}footer>div:last-child{padding-right:30px}}

/* Prijskeuze volgt dezelfde gecentreerde breedte als de website. */
.customer-bar{max-width:1600px;margin-inline:auto;justify-content:center}.customer-bar>span:last-child{margin-left:24px}@media(max-width:680px){.customer-bar{text-align:center}.customer-bar>span:last-child{margin-left:0;width:100%}}

.bag{display:inline-flex;align-items:center;gap:9px}.basket-icon{width:23px;height:23px;flex-shrink:0}.bag #count{margin-left:0}


.branded-bag{margin:0 0 18px;display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #e3e6e0;border-bottom:1px solid #e3e6e0;min-height:90px}.branded-bag img{width:125px;height:60px;object-fit:contain;flex-shrink:0}.branded-bag figcaption{font-size:12px;color:var(--muted);line-height:1.5}.set-contents{margin:0 0 20px;font-size:14px}.set-contents summary{cursor:pointer;font-weight:700;padding:5px 0}.set-contents ul{padding-left:20px;color:var(--muted)}.payment-brand{width:250px;max-width:100%;height:auto;display:block;margin-bottom:24px}

/* Verdieping: systeem, onderdelen en praktische vragen. */
.system-story{padding:75px 5%;border-bottom:1px solid #e4e6e3}.system-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.system-intro p:not(.eyebrow),.system-copy p:not(.eyebrow),.system-extras p:not(.eyebrow),.system-faq p:not(.eyebrow){color:var(--muted)}.system-intro p:first-child{margin-top:0}.system-jumps{display:flex;gap:0;margin:36px 0 55px;border-top:1px solid #dce0d9;border-bottom:1px solid #dce0d9}.system-jumps a{flex:1;display:flex;justify-content:space-between;padding:18px 20px;font-size:14px}.system-jumps a+a{border-left:1px solid #dce0d9}.system-jumps a:hover{background:var(--paper)}.system-jumps span{color:var(--red)}.system-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-bottom:65px}.system-picture{margin:0;background:#fff;border:1px solid #e3e6e0;padding:24px}.system-picture img{display:block;width:100%;height:340px;object-fit:contain}.system-picture figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:18px;padding-top:15px;border-top:1px solid #e3e6e0}.system-copy h3,.system-faq h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:40px;line-height:1.1}.system-specs{margin:25px 0 0}.system-specs>div{padding:9px 0;border-bottom:1px solid #e3e6e0;margin:0}.system-copy .textlink,.system-extras .textlink{margin-left:0}.system-extras{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:var(--paper);padding:36px;margin-bottom:55px}.system-extras h3{font-size:23px}.system-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.system-faq a{text-decoration:underline;overflow-wrap:anywhere}.system-faq details{border-bottom:1px solid #dce0d9;padding:18px 0}.system-faq details:first-child{border-top:1px solid #dce0d9}.system-faq summary{font-weight:700;cursor:pointer}.system-faq details p{font-size:14px}.system-story [id]{scroll-margin-top:25px}summary:focus-visible{outline:3px solid #226fa8;outline-offset:5px}@media(max-width:680px){.system-story{padding:45px 5%}.system-intro,.system-feature,.system-faq,.system-extras{grid-template-columns:1fr;gap:25px}.system-jumps{flex-direction:column;margin:20px 0 35px}.system-jumps a+a{border-left:0;border-top:1px solid #dce0d9}.system-jumps a{padding:14px 8px}.system-feature{margin-bottom:40px}.system-feature.reverse .system-picture{order:-1}.system-picture{padding:18px}.system-picture img{height:230px}.system-copy h3,.system-faq h3{font-size:34px}.system-extras{padding:24px}.system-extras article+article{border-top:1px solid #dce0d9;padding-top:25px}}

/* Het originele logo heeft een zwarte achtergrond. */
.payment{background:#000}


[hidden]{display:none!important}.checkout.active{background:var(--red);color:#fff;cursor:pointer;font-weight:700}.checkout-panel{padding:55px 5% 75px;border-top:1px solid #ddd;max-width:1100px;margin:auto}.checkout-heading{margin-bottom:30px}.checkout-panel fieldset{border:1px solid #dce0d9;margin:0 0 24px;padding:25px}.checkout-panel legend{font-weight:800;font-size:20px;padding:0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:15px}.form-grid label{display:grid;gap:6px;font-size:14px}.form-grid .full{grid-column:1/-1}.form-grid input{width:100%;padding:12px;border:1px solid #abb3a8;background:white;border-radius:0}.form-grid input[readonly]{background:var(--paper)}.check-label{display:flex;align-items:center;gap:10px;margin:20px 0;font-size:14px}.check-label input,.payment-choice input{width:20px;height:20px;accent-color:var(--red);flex-shrink:0}.payment-choice{display:flex;align-items:start;gap:12px;border:1px solid #dce0d9;padding:18px;margin:12px 0;cursor:pointer}.payment-choice strong,.payment-choice small{display:block}.payment-choice small{color:var(--muted);font-size:14px}.checkout-panel .button{border:0;cursor:pointer}.checkout-panel .button:disabled{opacity:.6;cursor:wait}.checkout-review{padding:30px;background:var(--paper);margin-top:30px}.checkout-review dd{overflow-wrap:anywhere;max-width:65%}#checkout-status{font-size:14px}@media(max-width:680px){.form-grid{grid-template-columns:1fr}.checkout-panel fieldset{padding:16px}.checkout-review{padding:20px}.checkout-review dl>div{flex-direction:column;gap:4px}.checkout-review dd{text-align:left;max-width:100%}}
/* Directe productaantallen en winkelwagenvenster. */
.product-cart-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--ink);color:white;padding:14px 20px;margin-bottom:26px;box-shadow:0 4px 14px #0002}.product-cart-bar button{background:var(--red);color:white;border:0;padding:12px 18px;font-weight:700}.product-quantity>span{display:block;font-size:13px;margin-bottom:8px}.product-quantity>div{display:flex;align-items:stretch;gap:0}.product .product-quantity button{width:48px;display:block;font-size:22px;padding:6px}.product-quantity input{width:70px;min-width:0;text-align:center;border:1px solid #c2c8c0;border-left:0;border-right:0;background:white;border-radius:0}.product-quantity button:disabled{opacity:.4;cursor:default}.cart-dialog{width:min(1100px,94vw);max-width:94vw;max-height:92dvh;border:0;padding:22px;background:white;color:var(--ink);overflow:auto;box-shadow:0 20px 90px #0005}.cart-dialog::backdrop{background:#101719db}.cart-close{display:block;margin-left:auto;background:white;border:1px solid #c2c8c0;padding:10px 16px;font-weight:700}.cart-dialog .order{padding:20px 0;gap:35px}.cart-dialog h2{font-size:42px}.cart-dialog .checkout:disabled{opacity:.45;cursor:not-allowed}.cart-dialog aside{padding:22px}.cart-dialog .cart-line label{flex-shrink:0}.cart-dialog .cart-line input{width:85px}@media(max-width:680px){.product-cart-bar{padding:10px;gap:8px;font-size:12px}.product-cart-bar button{padding:10px;font-size:12px}.cart-dialog{padding:15px}.cart-dialog .order{grid-template-columns:1fr;padding:10px 0;gap:20px}.cart-dialog h2{font-size:34px}.cart-line label{max-width:100px}.cart-dialog aside{padding:16px}}
/* De bestelstappen blijven binnen hetzelfde venster. */
.cart-dialog .checkout-panel{padding:10px 0 20px;border-top:0;max-width:850px}.cart-dialog .checkout-heading{margin:20px 0 25px}.back-to-cart{border:0;border-bottom:1px solid #bbb;background:transparent;padding:8px 0;font-size:14px;font-weight:700;color:var(--ink)}.cart-dialog .checkout-panel fieldset{min-width:0}.cart-dialog .checkout-panel input{min-width:0}.cart-dialog .checkout-review{scroll-margin-top:20px}@media(max-width:680px){.cart-dialog .checkout-panel{padding:10px 0}.cart-dialog .checkout-panel legend{font-size:18px}}
.checkout-review{background:transparent;padding:0!important}.checkout-review>h3{font-size:25px;margin:0 0 20px}.review-block{background:#f5f6f3;border:1px solid #dce0d9;padding:24px;margin:0 0 18px}.review-block h4{font-size:18px;margin:0 0 20px}.checkout-review .review-customer>div{display:block;margin:0 0 15px}.checkout-review .review-customer dt{font-size:12px;color:var(--muted);margin-bottom:3px}.checkout-review .review-customer dd{text-align:left;max-width:none;white-space:pre-line;overflow-wrap:anywhere;font-weight:600}.review-items{width:100%;border-collapse:collapse;font-size:14px}.review-items th{text-align:left;font-size:12px;color:var(--muted);font-weight:600}.review-items th,.review-items td{padding:12px 0;border-bottom:1px solid #dce0d9}.review-items th:nth-child(2),.review-items td:nth-child(2){text-align:center;padding-inline:12px}.review-items th:last-child,.review-items td:last-child{text-align:right;white-space:nowrap}.checkout-review .review-totals{margin-top:20px}.checkout-review .review-totals>div{display:flex;flex-direction:row;justify-content:space-between;gap:20px}.checkout-review .review-totals dd{text-align:right;max-width:none;white-space:nowrap}.review-totals>div:last-child{border-top:2px solid #c8cec4;padding-top:15px;font-size:17px;font-weight:800}.review-payment-method{font-weight:800}.review-block p{font-size:14px}.review-block .checkout{margin-top:12px}@media(max-width:680px){.review-block{padding:16px}.review-items{font-size:12px}.checkout-review .review-totals{font-size:12px}.review-totals>div:last-child{font-size:14px}}
/* Sluiten blijft zichtbaar tijdens scrollen door winkelwagen en bestelling. */
.cart-dialog .cart-close{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 8px #00000012}

/* Houd de briefpapierlijn boven het logo, zodat beide beeldmerken vrij blijven. */
header{padding-top:92px;background-size:340px auto}
@media(max-width:680px){header{padding-top:78px;background-size:280px auto}}
