:root{--kleur-achtergrond:#f3f4f6;--kleur-oppervlak:#fff;--kleur-oppervlak-zacht:#f8f9fb;--kleur-oppervlak-donker:#1c1f23;--kleur-tekst:#181b20;--kleur-tekst-zacht:#6d7480;--kleur-tekst-licht:#fff;--kleur-rand:#e2e5e9;--kleur-rand-donker:#d3d7dd;--kleur-oranje:#f28c18;--kleur-oranje-hover:#dd7910;--kleur-oranje-zacht:#fff5e9;--kleur-oranje-rand:#ffd3a1;--kleur-groen:#25925c;--kleur-groen-zacht:#eaf8f1;--kleur-rood:#c94444;--kleur-rood-zacht:#fff0f0;--schaduw-klein:0 1px 2px #1018280a, 0 2px 6px #1018280a;--schaduw:0 10px 30px #14182014;--schaduw-groot:0 24px 60px #1418201f;--radius-klein:9px;--radius:14px;--radius-groot:20px;--header-hoogte:86px;--transitie:.16s ease}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{isolation:isolate;min-height:100vh;color:var(--kleur-tekst);-webkit-font-smoothing:antialiased;background:#f3f1ed;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}body.intro-actief{overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff2e,#f8f7f461),url(/assets/vorq-werkplaats-schets-DIR8uRXx.webp) top/cover no-repeat;position:fixed;inset:0}button,input,select,textarea{font:inherit}button{border:0}button,label,input{-webkit-tap-highlight-color:transparent}button:not(:disabled){cursor:pointer}button:disabled{cursor:default}svg{display:block}strong{font-weight:700}.verborgen{display:none!important}.merk-intro{z-index:9999;pointer-events:auto;will-change:opacity, visibility;background:radial-gradient(circle at 50% 45%,#fff 0%,#f7f7f5 48%,#ececea 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden auto}.merk-intro.intro-afsluiten{pointer-events:none;animation:.4s cubic-bezier(.65,0,.35,1) forwards vorq-intro-verdwijn}.merk-intro:before{content:"";opacity:.28;background-image:linear-gradient(#14161909 1px,#0000 1px),linear-gradient(90deg,#14161909 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.merk-intro-gloed{aspect-ratio:1;opacity:0;will-change:opacity, transform;background:radial-gradient(circle,#f28c1829,#f28c1800 68%);border-radius:50%;width:min(66vw,760px);animation:1.2s cubic-bezier(.22,1,.36,1) 30ms forwards vorq-gloed;position:absolute;transform:scale(.64)}.merk-intro-inhoud{z-index:1;pointer-events:none;position:absolute;inset:0}.merk-intro-merkblok{transform-origin:0 0;will-change:top, left, transform;justify-items:center;gap:clamp(20px,3vw,34px);width:min(920px,100vw - 40px);transition:top .76s cubic-bezier(.16,1,.3,1),left .76s cubic-bezier(.16,1,.3,1),transform .76s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.merk-intro.intro-omhoog .merk-intro-merkblok{top:clamp(22px,3.2vh,34px);left:clamp(22px,3vw,46px);transform:translate(0,0)scale(.28)}.merk-intro-beeld{aspect-ratio:2073/450;opacity:0;transform-origin:50%;backface-visibility:hidden;filter:drop-shadow(0 22px 38px #0f111421);will-change:opacity, transform;width:100%;animation:.55s linear 40ms forwards vorq-logo-puls;position:relative;overflow:hidden;transform:translateY(16px)scale(.82)}.merk-intro-logo{width:100%;height:auto;display:block;position:absolute;top:0;left:0;transform:translateY(-10%)}.merk-intro-slogan{color:#202328;letter-spacing:.075em;text-align:center;white-space:nowrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(14px,2.15vw,25px);font-weight:600;line-height:1.35;position:relative}.merk-intro-slogan span{border-right:2px solid var(--kleur-oranje);opacity:0;width:max-content;max-width:0;animation:1ms linear .65s forwards vorq-slogan-zichtbaar,1.5s steps(30,end) .65s forwards vorq-slogan-typen,.56s step-end .65s 4 vorq-cursor,1ms linear 2.3s forwards vorq-cursor-uit;display:block;overflow:hidden}.merk-startkeuze{opacity:0;visibility:hidden;pointer-events:none;width:min(760px,100vw - 40px);transition:opacity .76s cubic-bezier(.16,1,.3,1),transform .76s cubic-bezier(.16,1,.3,1),visibility 0s linear .76s;position:absolute;top:52%;left:50%;transform:translate(-50%,calc(32px - 50%))scale(.965)}.merk-intro.keuze-zichtbaar .merk-startkeuze{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(-50%,-50%)scale(1)}.merk-startkeuze-taal{z-index:3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .76s cubic-bezier(.16,1,.3,1),transform .76s cubic-bezier(.16,1,.3,1),visibility 0s linear .76s;display:flex;position:absolute;top:clamp(18px,2.6vh,30px);right:clamp(20px,2.8vw,42px);transform:translateY(-10px)}.merk-intro.keuze-zichtbaar .merk-startkeuze-taal{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0,0)}.merk-startkeuze-taal label{color:#636b75;letter-spacing:.035em;background:#ffffffeb;border:1px solid #1f262e21;border-radius:10px;align-items:center;gap:9px;padding:5px 6px 5px 11px;font-size:10px;font-weight:750;display:inline-flex;box-shadow:0 5px 18px #181b2012}.merk-startkeuze-taal label:before{content:"A/文";color:var(--kleur-oranje);letter-spacing:-.025em;font-size:9px;font-weight:850}.merk-startkeuze-taal select{color:#20252b;min-width:128px;min-height:32px;font:inherit;letter-spacing:0;transition:border-color var(--transitie), box-shadow var(--transitie), background var(--transitie);background:#f4f5f7;border:1px solid #e1e4e8;border-radius:7px;outline:none;padding:6px 28px 6px 10px;font-size:11px;font-weight:750}.merk-startkeuze-taal select:hover{background:#fff;border-color:#cfd4da}.merk-startkeuze-taal select:focus-visible{border-color:var(--kleur-oranje);background:#fff;box-shadow:0 0 0 3px #f28c1829}.merk-startkeuze-kop{text-align:center;justify-items:center;gap:6px;margin-bottom:18px;display:grid}.merk-startkeuze-kop h1{color:#181b20;margin:0;font-size:clamp(24px,3vw,34px);line-height:1.08}.merk-startkeuze-kop p{color:#6d7480;max-width:610px;margin:0;font-size:13px;line-height:1.55}.merk-startkeuze-opties{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.merk-startkeuze-optie{color:#20242a;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0;min-height:104px;transition:transform var(--transitie), border-color var(--transitie), background var(--transitie), box-shadow var(--transitie);background:#ffffffd6;border:1px solid #dfe3e7;border-radius:16px;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:13px;padding:16px;display:grid;box-shadow:0 8px 26px #14182012}.merk-startkeuze-optie:hover,.merk-startkeuze-optie:focus-visible{border-color:var(--kleur-oranje);background:#fff;transform:translateY(-2px);box-shadow:0 14px 34px #1418201f}.merk-startkeuze-optie:focus-visible{outline-offset:2px;outline:3px solid #f28c1833}.merk-startkeuze-optie.primair{background:var(--kleur-oranje-zacht);border-color:var(--kleur-oranje-rand)}.merk-startkeuze-icoon{color:#fff;background:var(--kleur-oranje);border-radius:12px;place-items:center;width:46px;height:46px;font-size:23px;font-weight:800;display:grid}.merk-startkeuze-tekst{flex-direction:column;gap:4px;min-width:0;display:flex}.merk-startkeuze-tekst strong{font-size:14px;line-height:1.25}.merk-startkeuze-tekst small{color:#707680;font-size:11px;line-height:1.4}.merk-startkeuze-pijl{color:var(--kleur-oranje);transition:transform var(--transitie);font-size:20px;font-weight:800}.merk-startkeuze-optie:hover .merk-startkeuze-pijl,.merk-startkeuze-optie:focus-visible .merk-startkeuze-pijl{transform:translate(3px)}@keyframes vorq-logo-puls{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(16px)scale(.82)}38%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(0,0)scale(1.055)}66%{opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(0,0)scale(.985)}84%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(0,0)scale(1.008)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes vorq-slogan-zichtbaar{to{opacity:1}}@keyframes vorq-slogan-typen{0%{max-width:0}to{max-width:35ch}}@keyframes vorq-cursor{0%,49%{border-right-color:var(--kleur-oranje)}50%,to{border-right-color:#0000}}@keyframes vorq-cursor-uit{to{border-right-color:#0000}}@keyframes vorq-gloed{45%{opacity:1}to{opacity:.5;transform:scale(1)}}@keyframes vorq-intro-verdwijn{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}.site-header{z-index:100;height:var(--header-hoogte);background:linear-gradient(135deg,#181b1f,#24282d);border-bottom:1px solid #ffffff0f;position:relative;box-shadow:0 4px 16px #0000001f}.header-inhoud{grid-template-columns:auto minmax(0,700px) auto;justify-content:space-between;align-items:center;gap:clamp(14px,2.4vw,38px);width:min(1600px,100% - 48px);height:100%;margin:0 auto;display:grid}.merk{height:100%;color:inherit;grid-column:1;align-items:center;text-decoration:none;display:flex;position:relative}.merk-logo-wrap{align-items:center;height:100%;padding:8px 0 7px;display:flex;position:relative}.merk-logo-wrap:after{content:"";opacity:.78;transform-origin:0;background:linear-gradient(90deg, var(--kleur-oranje), #f28c1800);border-radius:99px;height:2px;transition:transform .28s,opacity .28s;position:absolute;bottom:5px;left:4px;right:4px;transform:scaleX(.34)}.merk:hover .merk-logo-wrap:after,.merk:focus-visible .merk-logo-wrap:after{opacity:1;transform:scaleX(1)}.merk:focus-visible{outline:2px solid var(--kleur-oranje);outline-offset:5px;border-radius:5px}.merk-logo{object-fit:contain;object-position:left center;filter:brightness(0)invert()drop-shadow(0 4px 12px #0000003d);width:clamp(126px,11.5vw,174px);max-height:51px;transition:transform .28s cubic-bezier(.16,1,.3,1),filter .28s;display:block}.merk:hover .merk-logo{filter:brightness(0)invert()drop-shadow(0 6px 16px #f28c1833);transform:translateY(-1px)}.header-rechts{grid-column:3;justify-self:end;align-items:center;gap:16px;display:flex}.tekst-knop{color:#c4c8cf;transition:color var(--transitie), background var(--transitie);background:0 0;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600}.snelle-prijs{background:#ffffff12;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:10px;padding:7px 12px;display:flex}.snelle-prijs span{color:#aeb3bc;font-size:11px;font-weight:600}.snelle-prijs strong{color:#fff;font-size:14px}.stappenbalk{z-index:50;background:0 0;border:0;grid-column:2;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;padding:0;display:flex;position:relative}.stappenbalk-item{color:#979ea8;text-align:left;background:0 0;flex:1 1 0;align-items:center;gap:8px;min-width:0;padding:7px 5px;display:flex}.stap-bol{color:#9da4ad;width:30px;height:30px;transition:color var(--transitie), background var(--transitie), border-color var(--transitie), box-shadow var(--transitie);background:#292d33;border:1px solid #ffffff12;border-radius:50%;flex:0 0 30px;place-items:center;font-size:12px;font-weight:800;display:grid}.stap-label{flex-direction:column;gap:1px;display:flex}.stap-label strong{color:#aeb4bd;font-size:12px}.stap-label small{color:#747b85;font-size:10px}.stappenbalk-lijn{background:#ffffff1f;flex:0 28px;width:clamp(10px,2vw,28px);height:1px}.stappenbalk-item.actief .stap-label small{color:#aeb4bd}.stappenbalk-item.voltooid .stap-label strong{color:#d3d7dd}.app-main{width:100%;padding:24px}.configurator-layout{width:min(1680px,100%);min-height:calc(100vh - var(--header-hoogte) - 48px);grid-template-columns:390px minmax(0,1fr);gap:18px;margin:0 auto;display:grid}.instellingen{border-radius:var(--radius-groot);min-width:0;box-shadow:var(--schaduw);background:#fffffff0;border:1px solid #d8dce2d9;overflow:hidden}.stap-paneel{flex-direction:column;min-height:100%;padding:26px;display:flex}.stap-kop{margin-bottom:24px}.stap-kop.groot{margin-bottom:30px}.bovenkop,.viewer-bovenkop{color:var(--kleur-oranje);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;line-height:1;display:block}.stap-kop h1,.stap-kop h2{color:var(--kleur-tekst);letter-spacing:-.035em;margin:0;font-weight:760}.stap-kop h1{font-size:clamp(27px,3vw,38px);line-height:1.06}.stap-kop h2{font-size:25px;line-height:1.15}.stap-kop p{color:var(--kleur-tekst-zacht);margin:12px 0 0;font-size:13px;line-height:1.65}.vorm-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;display:grid}.vorm-kaart{background:var(--kleur-oppervlak-zacht);border:1px solid var(--kleur-rand);cursor:pointer;min-height:148px;transition:transform var(--transitie), border-color var(--transitie), background var(--transitie), box-shadow var(--transitie);border-radius:14px;flex-direction:column;padding:14px;display:flex;position:relative}.vorm-kaart:hover{box-shadow:var(--schaduw-klein);background:#fff;border-color:#cfd4da;transform:translateY(-2px)}.vorm-kaart input{opacity:0;pointer-events:none;position:absolute}.vorm-icoon{background:#fff;border:1px solid #eceef1;border-radius:10px;justify-content:center;align-items:center;height:76px;margin-bottom:7px;display:flex}.vorm-icoon svg{width:100%;height:100%}.vorm-lijn{fill:none;stroke:#333840;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--transitie)}.vorm-bank{fill:none;stroke:#adb2ba;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--transitie)}.vorm-kaart-tekst{flex-direction:column;gap:2px;display:flex}.vorm-kaart-tekst strong{font-size:13px}.vorm-kaart-tekst small{color:var(--kleur-tekst-zacht);font-size:10px}.vorm-check{color:#fff;background:var(--kleur-oranje);border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:none;position:absolute;top:9px;right:9px;box-shadow:0 3px 8px #f28c1847}.vorm-kaart:has(input:checked){background:var(--kleur-oranje-zacht);border-color:var(--kleur-oranje);box-shadow:0 0 0 3px #f28c1814}.vorm-kaart:has(input:checked) .vorm-check{display:grid}.vorm-kaart:has(input:checked) .vorm-lijn{stroke:var(--kleur-oranje)}.stap-uitlegkaart{background:var(--kleur-oppervlak-zacht);border:1px solid var(--kleur-rand);border-radius:var(--radius);align-items:flex-start;gap:13px;margin-bottom:10px;padding:15px;display:flex}.uitleg-nummer{width:34px;height:34px;color:var(--kleur-oranje);background:var(--kleur-oranje-zacht);border-radius:9px;flex:0 0 34px;place-items:center;font-size:18px;font-weight:700;display:grid}.stap-uitlegkaart strong{margin-bottom:4px;font-size:13px;display:block}.stap-uitlegkaart p{color:var(--kleur-tekst-zacht);margin:0;font-size:11px;line-height:1.55}.paneelformaat-keuze{border:0;margin:0 0 12px;padding:0}.paneelformaat-keuze legend{color:#b8bdc3;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800}.paneelformaat-opties{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.paneelformaat-opties label{cursor:pointer;min-width:0;position:relative}.paneelformaat-opties input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.paneelformaat-opties label>span{color:#ece9e4;background:#1d2023;border:1px solid #31353a;border-radius:10px;flex-direction:column;justify-content:center;gap:2px;min-height:58px;padding:9px 10px;display:flex}.paneelformaat-opties strong{font-size:11px}.paneelformaat-opties small{color:#979da4;font-size:9px;line-height:1.35}.paneelformaat-opties input:checked+span{background:#d08a4a1f;border-color:#bd743b;box-shadow:0 0 0 3px #f28c1812}.paneelformaat-opties input:focus-visible+span{outline:2px solid var(--kleur-oranje);outline-offset:2px}.tool-keuzes{gap:10px;margin-bottom:12px;display:grid}.tool-knop{width:100%;color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:var(--radius);text-align:left;transition:transform var(--transitie), border-color var(--transitie), background var(--transitie), box-shadow var(--transitie);background:#fff;align-items:center;gap:12px;padding:13px;display:flex}.tool-knop:hover:not(:disabled){box-shadow:var(--schaduw-klein);border-color:#c7ccd3;transform:translateY(-1px)}.tool-knop.actief{background:var(--kleur-oranje-zacht);border-color:var(--kleur-oranje);box-shadow:0 0 0 3px #f28c1812}.tool-knop:disabled{opacity:1}.tool-icoon,.paneel-bewerk-icoon{color:#31363d;background:#eef1f4;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:21px;font-weight:800;display:grid}.primair-tool .tool-icoon,.tool-knop.actief .tool-icoon{color:#1c1e21;background:var(--kleur-oranje)}.tool-knop>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.tool-knop strong{font-size:13px}.tool-knop small{color:var(--kleur-tekst-zacht);font-size:10px}@media (width<=430px){.paneelformaat-opties{grid-template-columns:1fr}}.bewerken-stoppen{color:#fff;width:100%;transition:background var(--transitie), transform var(--transitie);background:#2c3035;border-radius:10px;margin:0 0 16px;padding:11px 14px;font-size:12px;font-weight:700}.bewerken-stoppen:hover{background:#1d2024;transform:translateY(-1px)}.stap-tip{border-left:3px solid var(--kleur-oranje);background:linear-gradient(90deg,#fafafa,#f7f8fa);border-radius:0 10px 10px 0;margin-top:4px;padding:15px}.stap-tip strong{margin-bottom:5px;font-size:11px;display:block}.stap-tip p{color:var(--kleur-tekst-zacht);margin:0;font-size:10px;line-height:1.6}.wizard-navigatie{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:24px;display:flex}.vorm-navigatie{align-items:flex-end}.stap2-navigatie{flex-wrap:wrap}.navigatie-hint{color:#9298a1;max-width:150px;font-size:10px;line-height:1.45}.wizard-knop,.primaire-knop,.secundaire-knop{min-height:42px;transition:transform var(--transitie), background var(--transitie), border-color var(--transitie), color var(--transitie), box-shadow var(--transitie);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:700;display:inline-flex}.wizard-knop:hover:not(:disabled),.primaire-knop:hover:not(:disabled),.secundaire-knop:hover:not(:disabled){transform:translateY(-1px)}.wizard-knop.primair,.primaire-knop{color:#181a1d;background:var(--kleur-oranje);border:1px solid var(--kleur-oranje);box-shadow:0 5px 14px #f28c1833}.wizard-knop.primair:hover,.primaire-knop:hover{background:var(--kleur-oranje-hover);border-color:var(--kleur-oranje-hover)}.wizard-knop.secundair,.secundaire-knop{color:#464c55;border:1px solid var(--kleur-rand-donker);background:#fff}.wizard-knop.secundair:hover,.secundaire-knop:hover{color:#191c20;background:#f6f7f8;border-color:#bfc4ca}.wizard-knop.groot{min-height:46px;padding:11px 18px}.wizard-knop.gevaar{width:100%;color:var(--kleur-rood);background:var(--kleur-rood-zacht);border:1px solid #f0cccc}.wizard-knop:disabled{opacity:.45}[data-stap-inhoud="2"]>.primaire-knop{width:100%;margin-top:18px}[data-stap-inhoud="3"]>.secundaire-knop{width:100%;margin-bottom:18px}.accessoire-kaart{border:1px solid var(--kleur-rand);border-radius:var(--radius);box-shadow:var(--schaduw-klein);background:#fff;grid-template-columns:56px minmax(0,1fr) 44px;align-items:start;gap:12px;margin-bottom:12px;padding:16px;display:grid}.accessoire-preview{color:#646b74;background:#f0f2f4;border-radius:10px;place-items:center;width:56px;height:56px;font-size:22px;display:grid}.accessoire-preview-code{color:#c7ccd1;letter-spacing:.04em;font-size:11px;font-weight:850}.accessoire-info{flex-direction:column;gap:2px;min-width:0;display:flex}.accessoire-info strong{font-size:13px;line-height:1.3}.accessoire-info span{color:var(--kleur-oranje);font-size:12px;font-weight:800}.accessoire-info small{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:9px;line-height:1.4}.accessoire-info .houder-voorraadstatus{margin-top:1px;font-size:10px;font-weight:800}.accessoire-info .houder-voorraadstatus.is-beschikbaar{color:#3f8a67}.accessoire-info .houder-voorraadstatus.is-niet-beschikbaar,.accessoire-info .houder-voorraadstatus.is-fout{color:#c96f4b}.accessoire-info .houder-voorraadstatus.is-laden{color:var(--kleur-tekst-zacht)}.accessoire-info small a{color:#d99a5e;font-weight:750;text-decoration:none}.accessoire-info small a:hover,.accessoire-info small a:focus-visible{color:#efb273;text-underline-offset:2px;text-decoration:underline}.accessoire-plus{color:#16181b;background:var(--kleur-oranje);width:44px;height:44px;transition:background var(--transitie), transform var(--transitie);border-radius:10px;align-self:center;place-items:center;font-size:22px;font-weight:800;display:grid}.accessoire-plus:hover:not(:disabled){background:var(--kleur-oranje-hover);transform:scale(1.04)}.accessoire-plus:disabled{opacity:.4}.accessoire-plus.accessoire-plus-wacht:disabled{color:#aeb4ba;box-shadow:none;opacity:.78;letter-spacing:.04em;background:#282c30;border-color:#3b4045;font-size:10px}.kostenkaart{color:#fff;border-radius:var(--radius);background:linear-gradient(145deg,#22262b,#17191c);margin-top:18px;padding:16px;box-shadow:0 12px 26px #14161a2e}.kostenkaart.compact{margin-top:18px}.kostenregel{color:#c3c8cf;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:10px;display:flex}.kostenregel strong{color:#fff;font-size:11px}.kosten-groep[hidden],.kosten-groepregels>[hidden],.kostenregel[hidden]{display:none}.kosten-groep+.kosten-groep{margin-top:7px}.kosten-groepkop{color:#fff;padding:8px 0 3px;font-size:10px;font-weight:800}.kostenregel.kosten-groepkop{padding-bottom:8px}.kosten-groepregels .kostenregel{padding-left:9px}.kosten-groepregels .kosten-kortingsregel{color:#d99a5e}.kosten-kortingsregel strong{color:#e8a363}.kostenregel.totaal{color:#fff;border-bottom:0;margin-top:5px;padding-top:12px;font-size:12px}.kostenregel.totaal strong{color:var(--kleur-oranje);font-size:17px}.viewer-kaart{border-radius:var(--radius-groot);min-width:0;min-height:680px;box-shadow:var(--schaduw);background:#fff;border:1px solid #d8dce2e6;flex-direction:column;display:flex;overflow:hidden}.viewer-bovenkant{border-bottom:1px solid var(--kleur-rand);background:#fffffff7;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:15px 18px;display:flex}.viewer-titelblok{min-width:0}.paneelvoordeel-balk{flex:1;gap:6px;min-width:260px;max-width:620px;margin:0 auto;padding:0 14px 9px;display:grid}.paneelvoordeel-balk[hidden]{display:none}.paneelvoordeel-status{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.paneelvoordeel-status strong{color:#e9a15d;font-size:10px;line-height:1.25}.paneelvoordeel-status span{color:#989fa6;text-align:right;font-size:9px;line-height:1.25}.paneelvoordeel-meter{background:#30353a;border:1px solid #3c4248;border-radius:99px;height:7px;margin:0 26px 0 8px;position:relative}.paneelvoordeel-vulling{background:var(--kleur-oranje);border-radius:inherit;width:0;transition:width .22s;position:absolute;inset:-1px auto -1px -1px}.paneelvoordeel-grens{top:50%;left:var(--paneelvoordeel-positie);background:#697078;width:2px;height:13px;position:absolute;transform:translate(-50%,-50%)}.paneelvoordeel-grens.is-behaald{background:#f2b174}.paneelvoordeel-grens small{color:#7f878e;white-space:nowrap;font-size:7px;font-weight:750;line-height:1;position:absolute;top:12px;left:50%;transform:translate(-50%)}.paneelvoordeel-grens.is-behaald small{color:#d99a5e}.paneelvoordeel-grens-laatste small{left:auto;right:0;transform:translate(0)}.viewer-titelblok h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:730}.viewer-bovenkop{margin-bottom:5px}.viewer-acties{align-items:center;gap:10px;display:flex}.viewer-actie{color:#505761;border:1px solid var(--kleur-rand);min-height:35px;transition:background var(--transitie), border-color var(--transitie);background:#fff;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}.viewer-actie:hover{background:#f5f6f8;border-color:#c9cdd3}.weergave-keuze{background:#eef0f2;border-radius:9px;padding:3px;display:flex}.weergave-keuze button{color:#767c85;min-width:42px;transition:color var(--transitie), background var(--transitie), box-shadow var(--transitie);background:0 0;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800}.three-container{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#bec4ca;flex:1;min-width:0;min-height:590px;position:relative;overflow:hidden}.three-container *{-webkit-user-select:none;user-select:none}.three-container.camera-wordt-bediend{cursor:grabbing}#threeCanvas{outline:none;width:100%;height:100%;display:block}.viewer-maatvoering{z-index:4;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;position:absolute;inset:0;overflow:hidden}.viewer-maatvoering.zichtbaar{opacity:1;visibility:visible}.viewer-maatvoering svg{width:100%;height:100%;display:block;overflow:visible}.viewer-maatgroep{opacity:0;transition:opacity .14s}.viewer-maatgroep.zichtbaar{opacity:1}.viewer-maatverlenging{stroke:#31384040;stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.viewer-maatlijn-halo{stroke:#ffffffb8;stroke-width:3.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.viewer-maatlijn{stroke:#2b3138a3;stroke-width:1.15px;stroke-linecap:round;vector-effect:non-scaling-stroke}#viewerMaatPijl path{fill:none;stroke:#2b3138ad;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.viewer-maatlabel rect{fill:#ffffffe0;stroke:#343a411f;stroke-width:1px;vector-effect:non-scaling-stroke}.viewer-maatlabel text{fill:#262c33c7;letter-spacing:.01em;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;font-weight:750}.viewer-maatlabel.verborgen{display:none}.three-container.tweedimensionaal .viewer-maatvoering,body:not([data-stap="2"]) .viewer-maatvoering{opacity:0;visibility:hidden}.three-container.muur-aanwijsbaar,.muur-aanwijsbaar{cursor:pointer}.paneel-toevoegen{cursor:crosshair}.paneel-verwijderen{cursor:pointer}.viewer-onderbalk{color:#747a83;border-top:1px solid var(--kleur-rand);background:#fbfbfc;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-size:10px;display:flex}.viewer-dot{background:var(--kleur-groen);border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 0 3px #25925c1a}.maat-overlay{z-index:1;background:linear-gradient(145deg,#fff 0%,#fbfbfc 100%);border:1px solid #e1e4e8;border-radius:16px;width:100%;max-width:none;margin:0 0 18px;padding:0;position:relative;overflow:hidden;box-shadow:0 10px 26px #1f232917}.maat-overlay:before{content:"";background:linear-gradient(90deg, var(--kleur-oranje), #ffb14f);height:3px;position:absolute;top:0;left:0;right:0}.maat-overlay:after{content:var(--i18n-directe-wijziging,"✓ Changes are applied to the 3D model instantly.");color:#68717c;background:#f3f5f7;border-radius:9px;margin:5px 14px 14px;padding:9px 10px;font-size:9px;line-height:1.4;display:block}body:not([data-stap="2"]) .maat-overlay{display:none}.maat-overlay-kop{background:linear-gradient(110deg,#f28c1817,#f28c1804 72%);border-bottom:1px solid #eceef1;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:11px;margin:0;padding:16px 14px 13px;display:grid}.maat-overlay-kop:before{content:"↔";color:#fff;background:var(--kleur-oranje);border-radius:10px;grid-row:1/span 2;place-items:center;width:38px;height:38px;font-size:17px;font-weight:800;display:grid;box-shadow:0 6px 14px #f28c183d}.maat-overlay-kop span{color:var(--kleur-oranje);letter-spacing:.12em;text-transform:uppercase;grid-column:2;font-size:9px;font-weight:800}.maat-overlay-kop strong{grid-column:2;font-size:13px;line-height:1.25}.maat-rij{transition:background var(--transitie);border-bottom:1px solid #eff0f2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.maat-rij:last-child{border-bottom:0}.maat-label{flex-direction:column;min-width:0;display:flex}.maat-label strong{font-size:11px;line-height:1.2}.maat-label small{color:var(--kleur-tekst-zacht);margin-top:1px;font-size:8.5px}.maat-stepper{background:#fff;border:1px solid #dfe2e6;border-radius:8px;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 2px #1f23290a}.maat-stepper>button{color:#484e56;width:32px;height:34px;transition:background var(--transitie), color var(--transitie);background:#f7f8f9;place-items:center;font-size:15px;font-weight:700;display:grid}.maat-input-wrap{border-left:1px solid #e3e5e8;border-right:1px solid #e3e5e8;align-items:center;height:34px;display:flex}.maat-input-wrap input{color:#25292e;text-align:right;appearance:textfield;background:0 0;border:0;outline:0;width:50px;padding:0 3px;font-size:11px;font-weight:750}.maat-input-wrap input::-webkit-outer-spin-button{appearance:none;margin:0}.maat-input-wrap input::-webkit-inner-spin-button{appearance:none;margin:0}.maat-input-wrap span{color:#858b94;padding-right:5px;font-size:8.5px;font-weight:600}.stap1-muurkasten-keuze{color:var(--kleur-tekst);border:1px solid var(--kleur-rand);box-shadow:var(--schaduw-klein);cursor:pointer;transition:transform var(--transitie), border-color var(--transitie), background var(--transitie), box-shadow var(--transitie);background:linear-gradient(120deg,#f28c1814,#fffffff0 58%);border-radius:15px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;margin:-10px 0 24px;padding:15px 17px;display:grid;position:relative;overflow:hidden}.stap1-muurkasten-keuze:before{content:"";background:var(--kleur-oranje);opacity:.55;width:3px;position:absolute;inset:0 auto 0 0}.stap1-muurkasten-keuze:hover{box-shadow:var(--schaduw);border-color:#cfd4da;transform:translateY(-1px)}.stap1-muurkasten-keuze:has(input:checked){background:linear-gradient(120deg, #f28c1824, var(--kleur-oranje-zacht) 100%);border-color:var(--kleur-oranje);box-shadow:0 0 0 3px #f28c1814, var(--schaduw-klein)}.stap1-muurkasten-icoon{color:#68717b;width:58px;height:50px;transition:color var(--transitie), background var(--transitie), border-color var(--transitie);background:#f3f5f7;border:1px solid #e1e5e9;border-radius:11px;place-items:center;display:grid}.stap1-muurkasten-icoon svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:43px;height:34px}.stap1-muurkasten-keuze:has(input:checked) .stap1-muurkasten-icoon{color:#fff;background:var(--kleur-oranje);border-color:var(--kleur-oranje)}.stap1-muurkasten-tekst{flex-direction:column;gap:3px;min-width:0;display:flex}.stap1-muurkasten-tekst strong{font-size:13px;line-height:1.25}.stap1-muurkasten-tekst small{color:var(--kleur-tekst-zacht);font-size:10px;line-height:1.4}.muurkasten-schakelaar{flex:0 0 48px;width:48px;height:28px;position:relative}.muurkasten-schakelaar input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.muurkasten-schakelaar>span[aria-hidden=true]{background:#d8dde2;border-radius:99px;transition:background .2s,box-shadow .2s;position:absolute;inset:0;box-shadow:inset 0 1px 3px #171b2021}.muurkasten-schakelaar>span[aria-hidden=true]:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #181c2233}.muurkasten-schakelaar input:checked+span[aria-hidden=true]{background:var(--kleur-oranje);box-shadow:inset 0 1px 3px #7f420026}.muurkasten-schakelaar input:checked+span[aria-hidden=true]:after{transform:translate(20px)}.muurkasten-schakelaar input:focus-visible+span[aria-hidden=true]{box-shadow:0 0 0 4px #f28c1833,inset 0 1px 3px #171b2021}.alleen-screenreader{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#muurkastenInstelling[hidden],#maatOverlay .maat-rij[hidden]{display:none!important}.muurkasten-oppervlak{color:#66717d;grid-column:1/-1;font-size:9px;line-height:1.4}.muurkasten-hoogte-rij button{transition:color var(--transitie), background var(--transitie)}@keyframes vorq-muurkastoptie-openen{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.wand-selector{border-bottom:1px solid var(--kleur-rand);background:#fafbfc;align-items:center;gap:12px;padding:10px 16px;display:flex}.wand-selector-label{color:#8a9099;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.wand-tabs{gap:5px;display:flex}.wand-tab{color:#6e747c;background:#fff;border:1px solid #e1e4e7;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:700}.three-status,.modus-melding,.plaatsings-melding{z-index:30;pointer-events:none;border-radius:9px;font-size:10px;font-weight:700;position:absolute}.three-status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#24282dd1;padding:8px 10px;top:12px;left:12px;box-shadow:0 5px 15px #0000001f}.three-status.gelukt{background:#25925ce6}.three-status.fout{background:#be3e3eeb}.modus-melding{color:#fff;background:#25292e;padding:9px 13px;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #00000029}.modus-melding.toevoegen{color:#1e2023;background:var(--kleur-oranje)}.modus-melding.verwijderen{color:#fff;background:#b74848}.plaatsings-melding{color:#fff;background:#1e2125e6;padding:9px 13px;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #0000002e}.wizard-melding{color:#9d3535;background:var(--kleur-rood-zacht);border:1px solid #f0caca;border-radius:10px;width:min(1680px,100%);margin:0 auto 14px;padding:11px 14px;font-size:11px;font-weight:650}.informatie{color:#626872;border-top:1px solid var(--kleur-rand);background:#fafbfc;padding:12px 16px;font-size:10px}.wand-klik-oproep{display:none}body[data-stap="1"] .configurator-layout{max-width:1050px;display:block}body[data-stap="1"] .instellingen{min-height:620px}body[data-stap="1"] .stap-paneel{padding:38px 42px}body[data-stap="1"] .viewer-kaart{display:none}body[data-stap="1"] .vorm-grid{grid-template-columns:repeat(4,1fr)}body[data-stap="1"] .vorm-kaart{min-height:190px}body[data-start-route=accessoires] .stappenbalk{display:none}body[data-start-route=accessoires] .app-main{min-height:calc(100vh - var(--header-hoogte));align-items:center;display:flex}body[data-start-route=accessoires] .configurator-layout{width:min(780px,100%);min-height:0;display:block}body[data-start-route=accessoires] .viewer-kaart{display:none!important}body[data-start-route=accessoires] .instellingen{min-height:0}body[data-start-route=accessoires] [data-stap-inhoud="4"]>:not(.losse-accessoire-pagina){display:none!important}.losse-accessoire-pagina{flex-direction:column;gap:24px;min-height:0;display:flex}.losse-accessoire-kop{gap:8px;display:grid}.losse-accessoire-terug{color:#6d7480;background:0 0;width:max-content;padding:0;font-size:12px;font-weight:700}.losse-accessoire-terug:hover,.losse-accessoire-terug:focus-visible{color:var(--kleur-oranje-hover)}.losse-accessoire-kop h1{margin:4px 0 0;font-size:clamp(25px,4vw,36px);line-height:1.08}.losse-accessoire-kop p{max-width:610px;color:var(--kleur-tekst-zacht);margin:0;font-size:13px;line-height:1.6}.losse-accessoire-product{border:1px solid var(--kleur-rand);box-shadow:var(--schaduw-klein);background:#fff;border-radius:16px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.losse-accessoire-preview{color:#637080;background:#eef1f4;border-radius:13px;place-items:center;width:62px;height:62px;font-size:26px;display:grid}.losse-accessoire-info{flex-direction:column;gap:4px;min-width:0;display:flex}.losse-accessoire-info strong{font-size:15px}.losse-accessoire-prijs{color:var(--kleur-oranje-hover);font-size:13px;font-weight:800}.losse-accessoire-info small{color:var(--kleur-tekst-zacht);font-size:11px;line-height:1.45}.losse-accessoire-stepper{border:1px solid var(--kleur-rand);background:#f5f6f8;border-radius:11px;grid-template-columns:38px 46px 38px;align-items:center;display:grid;overflow:hidden}.losse-accessoire-stepper button{color:#30353b;background:0 0;height:40px;font-size:20px;font-weight:800}.losse-accessoire-stepper button:hover:not(:disabled),.losse-accessoire-stepper button:focus-visible{color:#fff;background:var(--kleur-oranje)}.losse-accessoire-stepper button:disabled{opacity:.35}.losse-accessoire-aantal{place-items:center;font-size:14px;font-weight:800;display:grid}.losse-accessoire-samenvatting{color:#fff;box-shadow:var(--schaduw);background:linear-gradient(135deg,#1a1d21,#272b30);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.losse-accessoire-samenvatting span{color:#c2c7cf;font-size:12px}.losse-accessoire-samenvatting strong{color:var(--kleur-oranje);font-size:22px}.losse-accessoire-opmerking{color:#7a818b;margin:-8px 0 0;font-size:11px;line-height:1.55}*{scrollbar-width:thin;scrollbar-color:#c5cad0 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c5cad0 padding-box padding-box;border:2px solid #0000;border-radius:99px}@media (width<=1150px){.configurator-layout{grid-template-columns:320px minmax(0,1fr)}.stap-paneel{padding:21px}.maat-overlay{width:100%}.stappenbalk-item{min-width:0}.stap-label small{display:none}}@media (width<=900px){.app-main{padding:14px}.configurator-layout{grid-template-columns:1fr}.instellingen{order:1}.viewer-kaart{order:2;min-height:620px}body[data-stap="3"] .viewer-bovenkant{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;display:grid}body[data-stap="3"] .paneelvoordeel-balk{grid-area:2/1/auto/-1;width:100%;min-width:0;max-width:none;margin:0;padding:0 6px 10px}.three-container{min-height:520px}.stappenbalk{justify-content:space-between;padding:0}.stappenbalk-item{min-width:0;padding:5px}.stappenbalk-lijn{flex:1;max-width:40px}.stap-label{display:none}body[data-stap="1"] .vorm-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){:root{--header-hoogte:62px}.header-inhoud{grid-template-columns:118px minmax(0,1fr) auto;gap:8px;width:calc(100% - 24px)}.merk-logo{width:118px;max-height:43px}.snelle-prijs span,.tekst-knop{display:none}.stappenbalk{height:100%;min-height:0}.app-main{padding:8px}.instellingen,.viewer-kaart{border-radius:14px}.stap-paneel,body[data-stap="1"] .stap-paneel{padding:18px}.vorm-grid,body[data-stap="1"] .vorm-grid{grid-template-columns:1fr 1fr}.vorm-kaart,body[data-stap="1"] .vorm-kaart{min-height:145px}.viewer-bovenkant{flex-direction:column;align-items:flex-start;gap:12px}.viewer-acties{justify-content:space-between;width:100%}.three-container{min-height:430px}.maat-overlay{width:100%}.wizard-navigatie{flex-direction:column;align-items:stretch}.wizard-knop,.primaire-knop,.secundaire-knop{width:100%}.navigatie-hint{max-width:none}.merk-intro-merkblok{gap:16px;width:min(920px,100vw - 28px)}.merk-intro.intro-omhoog .merk-intro-merkblok{top:16px;left:14px;transform:translate(0,0)scale(.32)}.merk-startkeuze{width:calc(100vw - 28px);top:54%}.merk-startkeuze-taal{top:14px;right:14px}.merk-startkeuze-taal label{gap:7px;padding-left:9px}.merk-startkeuze-taal label>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.merk-startkeuze-taal select{min-width:112px}.merk-startkeuze-opties{grid-template-columns:1fr}.merk-startkeuze-optie{min-height:86px}.losse-accessoire-product{grid-template-columns:52px minmax(0,1fr)}.losse-accessoire-preview{width:52px;height:52px}.losse-accessoire-stepper{grid-column:1/-1;grid-template-columns:44px minmax(54px,1fr) 44px;justify-self:stretch}}@media (width<=460px){.header-inhoud{grid-template-columns:86px minmax(0,1fr) auto;gap:5px;width:calc(100% - 16px)}.merk-logo{width:86px;max-height:36px}.merk-logo-wrap{padding:5px 0}.stappenbalk-item{padding:2px}.stap-bol{flex-basis:24px;width:24px;height:24px;font-size:10px}.stappenbalk-lijn{flex-basis:7px;width:7px;max-width:7px}.snelle-prijs{gap:0;padding:5px 6px}.snelle-prijs strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.merk-logo,.merk-logo-wrap:after{transition:none}}.gereedschap-meebestellen{color:#cfd3d6;cursor:pointer;background:#ffffff06;border:1px solid #353a3e;border-radius:8px;gap:7px;min-height:42px;margin-top:9px;padding:9px 10px;display:grid}.gereedschap-meebestellen-keuze{cursor:pointer;align-items:flex-start;gap:8px;min-width:0;display:flex}.gereedschap-meebestellen:hover{background:#d08a4a0e;border-color:#4a4f54}.gereedschap-meebestellen:has(input:checked){background:#d08a4a1c;border-color:#b8723c}.gereedschap-meebestellen input{accent-color:#d88f4e;flex:none;width:15px;height:15px;margin:0}.accessoire-info .gereedschap-meebestellen-keuze>span{min-width:0;color:inherit;font-size:inherit;font-weight:inherit;gap:1px;display:grid}.accessoire-info .gereedschap-meebestellen strong{color:#e7e3de;font-size:11px;font-weight:760;line-height:1.25}.accessoire-info .gereedschap-meebestellen small{color:#d69a62;margin:0;font-size:10px;font-weight:700;line-height:1.2}.gereedschap-bronlink{color:#d69a62;flex:none;justify-self:start;margin:0 0 0 23px;font-size:10px;font-weight:750;line-height:1.2;text-decoration:none}.gereedschap-bronlink:hover,.gereedschap-bronlink:focus-visible{color:#f0b478;text-underline-offset:2px;text-decoration:underline}.gereedschap-meebestellen:focus-within{border-color:#d08a4a;box-shadow:0 0 0 3px #d08a4a21}.gereedschap-meebestellen.niet-beschikbaar{color:#8d9398;cursor:not-allowed;background:#ffffff04;border-color:#303438}.gereedschap-meebestellen.niet-beschikbaar:hover{background:#ffffff04;border-color:#303438}.gereedschap-meebestellen.niet-beschikbaar small{color:#9ba1a6}.gereedschap-meebestellen.niet-beschikbaar .gereedschap-bronlink{color:#d69a62}.gereedschap-meebestellen input:disabled{cursor:not-allowed;opacity:.55}#naarAfrekenen{margin-left:auto}.accessoire-kaart[data-makita-productcode] .accessoire-info{grid-template-columns:minmax(0,1fr);align-content:start;gap:3px;display:grid}.accessoire-kaart[data-makita-productcode] .accessoire-info>strong,.accessoire-kaart[data-makita-productcode] .accessoire-info>span,.accessoire-kaart[data-makita-productcode] .houder-voorraadstatus,.accessoire-kaart[data-makita-productcode] .accessoire-info>small:not(.houder-voorraadstatus),.accessoire-kaart[data-makita-productcode] .gereedschap-meebestellen{grid-column:1}.accessoire-kaart[data-makita-productcode] .houder-voorraadstatus{text-align:left;white-space:nowrap;margin:0}.accessoire-kaart[data-makita-productcode] .accessoire-info>span{white-space:nowrap}.accessoire-kaart[data-makita-productcode] .accessoire-info>small:not(.houder-voorraadstatus){margin-top:4px}body[data-stap="4"]:not([data-start-route=accessoires]) [data-stap-inhoud="4"]>.wizard-navigatie{z-index:20;background:linear-gradient(#121517e6,#121517 24%);border-top:1px solid #34383c;margin:24px -26px -26px;padding:14px 26px 26px;position:sticky;bottom:-26px;box-shadow:0 -14px 30px #0a0c0d47}body.afrekenen-open{min-height:100dvh;height:auto!important;overflow:hidden auto!important}body.afrekenen-open .app-main{min-height:calc(100dvh - var(--header-hoogte));height:auto!important;padding:26px!important;display:block!important;overflow:visible!important}body.afrekenen-open .configurator-layout[hidden]{display:none!important}.afreken-scherm{gap:22px;width:min(1180px,100%);margin:0 auto;display:grid}.afreken-scherm.verborgen{display:none}.afreken-kop{justify-content:space-between;align-items:end;gap:30px;padding:8px 2px 0;display:flex}.afreken-kop h1{color:#f4f1ed;letter-spacing:-.035em;margin:7px 0 0;font-size:clamp(28px,4vw,44px);line-height:1.05}.afreken-kop p{color:#979da3;max-width:630px;margin:12px 0 0;font-size:13px;line-height:1.6}.afreken-stappen{align-items:center;gap:18px;margin:0;padding:0;list-style:none;display:flex}.afreken-stappen li{color:#737a80;align-items:center;gap:7px;font-size:10px;font-weight:760;display:flex}.afreken-stappen li>span{color:#8f969c;background:#1d2124;border:1px solid #353a3e;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.afreken-stappen li.actief{color:#ece8e3}.afreken-stappen li.actief>span{color:#160e08;background:#da9453;border-color:#da9453}.afreken-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.afreken-kaart{color:#ebe8e3;background:linear-gradient(150deg,#1d2124,#15181a);border:1px solid #32373b;border-radius:17px;min-width:0;padding:24px;box-shadow:0 20px 48px #00000038,inset 0 1px #ffffff06}.afreken-kaart-kop{gap:4px;margin-bottom:18px;display:grid}.afreken-kaart-kop>span{color:#d99353;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:850}.afreken-kaart-kop>strong{color:#f2efea;font-size:19px;line-height:1.3}.afreken-samenvatting{display:grid}.afreken-productregel{border-bottom:1px solid #2f3438;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 0;display:grid}.afreken-productregel>span{gap:4px;min-width:0;display:grid}.afreken-productregel strong{color:#e7e3de;font-size:12px}.afreken-productregel small{color:#858c92;font-size:10px}.afreken-leeg{color:#8f969c;margin:0;padding:16px 0;font-size:12px}.afreken-totaal{justify-content:space-between;align-items:center;gap:20px;padding:20px 0 4px;display:flex}.afreken-totaal>span{color:#eeeae5;gap:3px;font-size:13px;font-weight:760;display:grid}.afreken-totaal small{color:#777e84;font-size:9px;font-weight:600}.afreken-totaal>strong{color:#e2a064;font-size:22px}.afreken-prijsbron{color:#7f868c;background:#ffffff05;border:1px solid #2f3438;border-radius:9px;margin:18px 0 0;padding:12px 13px;font-size:9px;line-height:1.5}.afreken-prijsbron[hidden]{display:none}.afreken-prijsbron a{color:#d99a5e;font-weight:760;text-decoration:none}.afreken-prijsbron a:hover,.afreken-prijsbron a:focus-visible{text-underline-offset:2px;text-decoration:underline}.afreken-terug{width:100%;margin-top:18px}.afreken-formulier{gap:16px;display:grid}.afreken-formulier .afreken-kaart-kop{margin-bottom:0}.afreken-shopify-uitleg{color:#d9d5d0;margin:0;font-size:13px;line-height:1.6}.afreken-shopify-punten{color:#9ca3a8;gap:10px;margin:0;padding-left:20px;font-size:11px;line-height:1.55;display:grid}.afreken-shopify-punten li::marker{color:#d08a4a}.afreken-velden{gap:12px;display:grid}.afreken-velden.twee-kolommen{grid-template-columns:repeat(2,minmax(0,1fr))}.afreken-velden label{gap:6px;min-width:0;display:grid}.afreken-velden label>span,.afreken-betaalmethoden legend{color:#a8aeb3;font-size:10px;font-weight:730}.afreken-velden input{color:#f0ede8;width:100%;min-width:0;height:43px;font:inherit;background:#111416;border:1px solid #383d42;border-radius:9px;outline:none;padding:0 12px;font-size:12px}.afreken-velden input:hover{border-color:#50565c}.afreken-velden input:focus-visible{border-color:#cf8647;box-shadow:0 0 0 3px #d08a4a21}.afreken-formulier.is-gevalideerd .afreken-velden input:invalid:not(:focus){border-color:#9f534f}.afreken-betaalmethoden{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:2px 0 0;padding:0;display:grid}.afreken-betaalmethoden legend{grid-column:1/-1;margin-bottom:7px}.afreken-betaalmethoden label{cursor:pointer;background:#15191b;border:1px solid #373c41;border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex}.afreken-betaalmethoden label:has(input:checked){background:#d08a4a1a;border-color:#b9733d}.afreken-betaalmethoden input{accent-color:#d68c4c}.afreken-betaalmethoden label>span{gap:2px;display:grid}.afreken-betaalmethoden strong{color:#e8e4df;font-size:11px}.afreken-betaalmethoden small{color:#7e858b;font-size:8px;line-height:1.3}.afreken-proefmelding{color:#b6bcc0;background:#d08a4a12;border:1px solid #d08a4a3d;border-left:3px solid #d08a4a;border-radius:9px;gap:4px;padding:12px 13px;display:grid}.afreken-proefmelding strong{color:#e7e2dd;font-size:11px}.afreken-proefmelding span{font-size:9px;line-height:1.5}.afreken-bevestigen{width:100%;min-height:48px}.afreken-resultaat{color:#c8ddce;background:#528b621a;border:1px solid #6fa77f57;border-radius:9px;padding:13px 14px;font-size:10px;line-height:1.5}.afreken-resultaat[hidden]{display:none}.afreken-resultaat.is-fout{color:#efc4c0;background:#9f534f1f;border-color:#b967616b}@media (width<=900px){body.afrekenen-open .app-main{padding:20px!important}.afreken-kop{flex-direction:column;align-items:start;gap:18px}.afreken-layout{grid-template-columns:1fr}}@media (width<=620px){body.afrekenen-open .app-main{padding:14px!important}.afreken-kop h1{font-size:30px}.afreken-stappen{justify-content:space-between;gap:8px;width:100%}.afreken-stappen li{flex-direction:column;font-size:8px}.afreken-kaart{border-radius:14px;padding:18px}.afreken-velden.twee-kolommen,.afreken-betaalmethoden{grid-template-columns:1fr}.afreken-adresregel{grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr)!important}.wizard-navigatie{flex-wrap:wrap}#naarAfrekenen{width:100%;margin-left:0}}@media (width>=901px){.viewer-kaart{align-self:start;height:calc(100vh - 36px);min-height:0;max-height:calc(100vh - 36px);position:sticky;top:18px}.three-container{flex:1;min-height:0}.viewer-kaart{overflow:hidden}}:root{--kleur-achtergrond:#0d0f11;--kleur-oppervlak:#171a1d;--kleur-oppervlak-zacht:#1d2023;--kleur-oppervlak-donker:#090b0d;--kleur-tekst:#f1eee9;--kleur-tekst-zacht:#9ba1a8;--kleur-tekst-licht:#fff;--kleur-rand:#2d3135;--kleur-rand-donker:#3a3f44;--kleur-oranje:#d08a4a;--kleur-oranje-hover:#e09a58;--kleur-oranje-zacht:#d08a4a21;--kleur-oranje-rand:#d08a4a7a;--kleur-groen:#6fa77f;--kleur-groen-zacht:#6fa77f24;--kleur-rood:#db7771;--kleur-rood-zacht:#db777121;--schaduw-klein:0 1px 2px #00000038, 0 8px 20px #00000021;--schaduw:0 18px 45px #00000040;--schaduw-groot:0 30px 80px #00000061;--radius-klein:9px;--radius:14px;--radius-groot:22px}html{background:#0d0f11}body{color:var(--kleur-tekst);background:radial-gradient(circle at 12% -8%,#d08a4a21,#0000 31%),radial-gradient(circle at 88% 105%,#89553014,#0000 34%),#0d0f11}::selection{color:#130d08;background:#d08a4a}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #e09a58e6}label:has(input:focus-visible){outline-offset:2px;outline:2px solid #e09a58e6}.merk-intro{background:radial-gradient(circle at 50% 44%,#25292c 0%,#15181b 47%,#090b0d 100%)}.merk-intro:before{opacity:.32;background-image:linear-gradient(#d08a4a11 1px,#0000 1px),linear-gradient(90deg,#d08a4a11 1px,#0000 1px)}.merk-intro-gloed{background:radial-gradient(circle,#d08a4a38,#d08a4a00 68%)}.merk-intro-logo{filter:brightness(0)invert()drop-shadow(0 18px 40px #0000006b)}.merk-intro-slogan{color:#d9a676}.site-header{background:linear-gradient(#0d0f11fa,#090b0dfa);border-bottom:1px solid #d08a4a29;box-shadow:0 8px 28px #00000038}.merk-logo-wrap:after{background:linear-gradient(90deg,#d08a4a,#d08a4a00)}.tekst-knop{color:#b8bdc2}.tekst-knop:hover{color:#fff;background:#d08a4a1a}.snelle-prijs{background:#d08a4a17;border-color:#d08a4a33}.snelle-prijs strong{color:#e4aa74}.stappenbalk{background:#111315f2;border-color:#2b2f33;box-shadow:inset 0 -1px #ffffff04,0 10px 30px #00000021}.stappenbalk-item{color:#70767d}.stap-bol{color:#8f959c;background:#1d2023;border-color:#34383c}.stap-label strong{color:#a8adb3}.stap-label small{color:#6f757c}.stappenbalk-lijn{background:linear-gradient(90deg,#34383c,#34383c8c)}.stappenbalk-item.actief .stap-bol{color:#160e08;background:linear-gradient(135deg,#e0a064,#b86d35);border-color:#d08a4a;box-shadow:0 0 0 4px #d08a4a1f,0 7px 18px #99562547}.stappenbalk-item.actief .stap-label strong{color:#f2eee9}.stappenbalk-item.voltooid .stap-bol{color:#dfa064;background:#d08a4a1c;border-color:#d08a4a57}.instellingen,.viewer-kaart{background:linear-gradient(160deg,#191c1ffc,#121517fc);border-color:#2d3135;box-shadow:0 24px 55px #00000047,inset 0 1px #ffffff06}.stap-kop h1,.stap-kop h2,.viewer-titelblok h2{color:#f3f0eb}.stap-kop p,.navigatie-hint,.vorm-kaart-tekst small,.tool-knop small,.accessoire-info small,.stap-tip p,.maat-label small{color:#979da4}.bovenkop,.viewer-bovenkop{color:#d99a5e}.vorm-kaart,.stap-uitlegkaart,.tool-knop,.accessoire-kaart{color:#ece9e4;background:#1d2023;border-color:#31353a;box-shadow:inset 0 1px #ffffff05}.vorm-kaart:hover,.tool-knop:hover:not(:disabled){color:#fff;background:#24282b;border-color:#4a4f54;box-shadow:0 14px 30px #00000038,inset 0 1px #ffffff09}.vorm-icoon{background:radial-gradient(circle at 50% 15%,#2c3034,#181b1e);border-color:#34383d}.vorm-lijn{stroke:#c8c4be}.vorm-bank{stroke:#747a80}.vorm-kaart:has(input:checked){color:#fff;background:#d08a4a1c;border-color:#bd743b;box-shadow:0 0 0 3px #d08a4a14,0 16px 34px #0003}.vorm-kaart:has(input:checked) .vorm-bank{stroke:#9f6a3c}.stap1-muurkasten-keuze{color:#ece9e4;background:linear-gradient(120deg,#d08a4a14,#1d2023 58%);border-color:#31353a;box-shadow:inset 0 1px #ffffff05}.stap1-muurkasten-keuze:hover{background:linear-gradient(120deg,#d08a4a1f,#24282b 62%);border-color:#4a4f54}.stap1-muurkasten-keuze:has(input:checked){color:#fff;background:#d08a4a1c;border-color:#bd743b;box-shadow:0 0 0 3px #d08a4a14,0 16px 34px #0003}.stap1-muurkasten-icoon{color:#b9bec3;background:radial-gradient(circle at 50% 15%,#2c3034,#181b1e);border-color:#34383d}.stap1-muurkasten-tekst small{color:#979da4}.muurkasten-schakelaar>span[aria-hidden=true]{background:#3a3f44}.vorm-check,.uitleg-nummer,.tool-knop.actief .tool-icoon,.primair-tool .tool-icoon,.accessoire-plus{color:#140d08;background:linear-gradient(135deg,#e2a468,#b86a32)}.tool-knop.actief{background:#d08a4a1f;border-color:#bd743b}.tool-icoon,.paneel-bewerk-icoon,.accessoire-preview{color:#bec3c8;background:#282c30}.stap-tip{background:linear-gradient(90deg,#d08a4a1a,#d08a4a06);border-left-color:#d08a4a}.wizard-knop.primair,.primaire-knop,.accessoire-plus{color:#160e08;background:linear-gradient(135deg,#e0a064,#b86d35);border-color:#d08a4a;box-shadow:0 8px 22px #914e214d,inset 0 1px #ffffff38}.wizard-knop.primair:hover,.primaire-knop:hover,.accessoire-plus:hover:not(:disabled){color:#120b07;background:linear-gradient(135deg,#edaf72,#c77a40);border-color:#e09a58}.wizard-knop.secundair,.secundaire-knop,.viewer-actie,.wand-tab{color:#c1c5ca;background:#1b1e21;border-color:#383d41}.wizard-knop.secundair:hover,.secundaire-knop:hover,.viewer-actie:hover,.wand-tab:hover{color:#fff;background:#262a2e;border-color:#50555a}.bewerken-stoppen{color:#e9e5df;background:#292d31;border:1px solid #3a3f44}.bewerken-stoppen:hover{background:#353a3e}.viewer-bovenkant{background:#14171afa;border-bottom-color:#2e3236}.viewer-acties{color:#d2d5d8}.weergave-keuze{background:#0e1012;border:1px solid #303438}.weergave-keuze button{color:#858b91}.weergave-keuze button:hover{color:#d9dcdf}.weergave-keuze button.actief{color:#160e08;background:linear-gradient(135deg,#dda061,#b96c35);box-shadow:0 4px 12px #0000004d}.three-container{background:radial-gradient(circle at 54% 39%,#373c40 0%,#292d31 48%,#1b1e21 100%)}.viewer-onderbalk,.informatie{color:#92989e;background:#14171a;border-color:#2c3034}.viewer-dot{background:#d08a4a;box-shadow:0 0 0 3px #d08a4a1a,0 0 14px #d08a4a6b}.three-status{color:#ece9e4;background:#0d0f11d6;border:1px solid #ffffff14}.three-status.gelukt{color:#e9f2eb;background:#305d3feb;border-color:#6fa77f57}.modus-melding{background:#0d0f11eb;border:1px solid #ffffff14}.modus-melding.toevoegen{color:#160e08;background:#d08a4a;border-color:#e1a167}.maat-overlay{color:#ece9e4;background:#14171aed;border-color:#d08a4a2e;box-shadow:0 22px 52px #00000061,inset 0 1px #ffffff08}.maat-overlay-kop,.maat-rij{border-color:#303438}.maat-stepper{background:#111315;border-color:#3a3f44}.maat-stepper>button{color:#cbd0d4;background:#1d2023}.maat-stepper>button:hover{color:#fff;background:#2a2e32}.maat-input-wrap{border-color:#353a3e}.maat-input-wrap input{color:#f4f1ec}.maat-input-wrap span{color:#858c93}.wand-selector{background:#171a1d;border-color:#2f3337}.wand-selector-label{color:#8e949a}.wand-tab.actief{color:#f1eee9;background:#d08a4a21;border-color:#b66d36}#muurkastenBeschikbaarOppervlak{color:#959ca3!important}.kostenkaart{background:linear-gradient(145deg,#22262a,#101214);border:1px solid #33373b;box-shadow:0 18px 38px #0000004d}.kostenregel{color:#b2b7bc;border-color:#ffffff13}.wizard-melding{color:#e89993;background:#82312e38;border-color:#db777159}.wizard-melding.succes{color:#9bc6a7;background:#34634238;border-color:#6fa77f57}@media (width>=901px){body:not([data-stap="1"]){height:100dvh;overflow:hidden}body:not([data-stap="1"]) .app-main{height:calc(100dvh - var(--header-hoogte) - 78px);flex-direction:column;min-height:0;padding:16px 24px;display:flex;overflow:hidden}body:not([data-stap="1"]) .configurator-layout{flex:1;height:auto;min-height:0}body:not([data-stap="1"]) .instellingen{overscroll-behavior:contain;height:100%;overflow:hidden auto}body:not([data-stap="1"]) .viewer-kaart{align-self:stretch;height:100%;min-height:0;max-height:none;position:relative;top:auto}body:not([data-stap="1"]) .three-container{min-height:0}}*{scrollbar-color:#5a4738 transparent}::-webkit-scrollbar-thumb{background:linear-gradient(#7a5335,#4d382a)}@media (width<=900px){body:not([data-stap="1"]){height:100dvh;overflow:hidden}body:not([data-stap="1"]) .app-main{height:calc(100dvh - var(--header-hoogte) - 58px);flex-direction:column;min-height:0;padding:8px;display:flex;overflow:hidden}body:not([data-stap="1"]) .configurator-layout{flex:1;grid-template-rows:minmax(350px,58%) minmax(0,1fr);grid-template-columns:1fr;gap:8px;height:auto;min-height:0;display:grid}body:not([data-stap="1"]) .viewer-kaart{order:1;height:100%;min-height:0;overflow:hidden}body:not([data-stap="1"]) .instellingen{overscroll-behavior:contain;order:2;height:100%;min-height:0;overflow:hidden auto}body:not([data-stap="1"]) .three-container{min-height:0}body[data-stap="2"] .maat-overlay{width:min(230px,100% - 20px);max-width:calc(100% - 20px);padding:10px;top:10px;right:10px}body[data-stap="2"] .maat-overlay-kop{margin-bottom:5px;padding-bottom:6px}body[data-stap="2"] .maat-rij{gap:7px;padding:5px 0}}@media (width<=620px){.instellingen,.viewer-kaart{border-radius:16px}body:not([data-stap="1"]) .viewer-bovenkant{flex-direction:row;align-items:center;gap:8px;min-height:56px;padding:9px 10px}body[data-stap="3"] .viewer-bovenkant{align-items:center;min-height:94px}body[data-stap="3"] .paneelvoordeel-status{gap:8px}body[data-stap="3"] .paneelvoordeel-status strong{font-size:9px}body[data-stap="3"] .paneelvoordeel-status span{font-size:8px}body:not([data-stap="1"]) .viewer-titelblok h2{font-size:14px}body:not([data-stap="1"]) .viewer-bovenkop{margin-bottom:3px}body:not([data-stap="1"]) .viewer-acties{justify-content:flex-end;width:auto}body:not([data-stap="1"]) .viewer-actie{display:none}body:not([data-stap="1"]) .viewer-onderbalk{min-height:34px;padding:7px 10px}body:not([data-stap="1"]) .three-container{min-height:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}body:before{opacity:.18;filter:grayscale(.72)contrast(1.04);background:linear-gradient(#080a0cb8,#0d0f11e8),url(/assets/vorq-werkplaats-schets-DIR8uRXx.webp) top/cover no-repeat}.merk-intro[hidden]{display:none!important}.merk-intro[aria-hidden=true]{pointer-events:none}.merk-intro[aria-hidden=true] .merk-startkeuze,.merk-intro.intro-afsluiten .merk-startkeuze{opacity:0;visibility:hidden;pointer-events:none}.merk-startkeuze-taal label{color:#aeb3b9;background:#14171aeb;border-color:#d08a4a3d;box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff06}.merk-startkeuze-taal select{color:#eeeae5;background:#202428;border-color:#393e43}.merk-startkeuze-taal select:hover,.merk-startkeuze-taal select:focus-visible{color:#fff;background:#292e32;border-color:#d08a4a}.merk-startkeuze-kop h1{color:#f4f0eb;text-shadow:0 10px 28px #00000052}.merk-startkeuze-kop p{color:#a7adb3}.merk-startkeuze-optie,.merk-startkeuze-optie.primair{color:#eeeae5;background:linear-gradient(155deg,#23272bf7,#14171af7);border-color:#3a3f44;box-shadow:0 22px 48px #0000004d,inset 0 1px #ffffff09}.merk-startkeuze-optie.primair{border-color:#d08a4a8f;box-shadow:0 22px 48px #00000052,0 0 0 1px #d08a4a14,inset 0 1px #ffffff0a}.merk-startkeuze-optie:hover,.merk-startkeuze-optie:focus-visible{color:#fff;background:#292d31;border-color:#d08a4a;box-shadow:0 28px 58px #00000061,0 0 0 1px #d08a4a29}.merk-startkeuze-icoon{color:#160e08;background:linear-gradient(135deg,#e4aa72,#b96b34);box-shadow:0 10px 24px #9956254d,inset 0 1px #ffffff38}.merk-startkeuze-tekst small{color:#9ca2a9}.maat-overlay-kop{background:linear-gradient(110deg,#d08a4a21,#d08a4a05 72%)}.maat-rij:hover{background:#ffffff06}.maat-overlay:after{color:#999fa6;background:#1b1f22}.viewer-maatlabel rect{fill:#131619e6;stroke:#d08a4a4d}.viewer-maatlabel text{fill:#f4efe9e0}.viewer-maatlijn-halo{stroke:#0e1012c7}.viewer-maatlijn,#viewerMaatPijl path{stroke:#e0aa77d1}.losse-accessoire-terug{color:#aaaeb4}.losse-accessoire-kop h1{color:#f3f0eb}.losse-accessoire-kop p,.losse-accessoire-info small,.losse-accessoire-opmerking{color:#979da4}.losse-accessoire-product{color:#eeeae5;background:#1d2023;border-color:#34383c;box-shadow:0 18px 38px #0000003d,inset 0 1px #ffffff06}.losse-accessoire-preview{color:#c3c8cc;background:#292d31}.accessoire-preview.accessoire-preview-afbeelding,.losse-accessoire-preview.losse-accessoire-preview-afbeelding{background:#f2f3f3;padding:4px;overflow:hidden}.accessoire-preview-afbeelding img,.losse-accessoire-preview-afbeelding img{object-fit:contain;width:100%;height:100%;display:block}.losse-accessoire-stepper{color:#f1eee9;background:#121416;border-color:#3a3f44}.losse-accessoire-stepper button{color:#d3d7da}.losse-accessoire-samenvatting{background:linear-gradient(135deg,#22262a,#101214);border:1px solid #34383c}@media (width>=901px){body:not([data-start-route=accessoires]){height:100dvh;overflow:hidden}body:not([data-start-route=accessoires]) .app-main{height:calc(100dvh - var(--header-hoogte));min-height:0;padding:18px 24px;overflow:hidden}body:not([data-start-route=accessoires]) .configurator-layout,body[data-stap="1"] .configurator-layout{grid-template-columns:minmax(370px,420px) minmax(0,1fr);gap:18px;width:min(1680px,100%);max-width:none;height:100%;min-height:0;display:grid}body:not([data-start-route=accessoires]) .instellingen,body[data-stap="1"] .instellingen{overscroll-behavior:contain;height:100%;min-height:0;overflow:hidden auto}body:not([data-start-route=accessoires]) .viewer-kaart,body[data-stap="1"] .viewer-kaart{align-self:stretch;height:100%;min-height:0;max-height:none;display:flex;position:relative;top:auto;overflow:hidden}body:not([data-start-route=accessoires]) .three-container,body[data-stap="1"] .three-container{flex:1;min-height:0}body[data-stap="1"] .stap-paneel{padding:26px}body[data-stap="1"] .vorm-grid{grid-template-columns:1fr 1fr}body[data-stap="1"] .vorm-kaart{min-height:158px}body[data-start-route=accessoires]{height:auto;min-height:100vh;overflow:auto}body[data-start-route=accessoires] .app-main{height:auto;min-height:calc(100vh - var(--header-hoogte));padding:24px;overflow:visible}}@media (width<=900px){body:not([data-start-route=accessoires]){height:100dvh;overflow:hidden}body:not([data-start-route=accessoires]) .app-main{height:calc(100dvh - var(--header-hoogte));min-height:0;padding:8px;overflow:hidden}body:not([data-start-route=accessoires]) .configurator-layout,body[data-stap="1"] .configurator-layout{grid-template-rows:minmax(280px,55%) minmax(0,1fr);grid-template-columns:1fr;gap:8px;width:100%;max-width:none;height:100%;min-height:0;display:grid}body:not([data-start-route=accessoires]) .viewer-kaart,body[data-stap="1"] .viewer-kaart{order:1;height:100%;min-height:0;display:flex;overflow:hidden}body:not([data-start-route=accessoires]) .instellingen,body[data-stap="1"] .instellingen{overscroll-behavior:contain;order:2;height:100%;min-height:0;overflow:hidden auto}body:not([data-start-route=accessoires]) .three-container,body[data-stap="1"] .three-container{min-height:0}body[data-start-route=accessoires]{height:auto;min-height:100vh;overflow:auto}body[data-start-route=accessoires] .app-main{height:auto;min-height:calc(100vh - var(--header-hoogte));overflow:visible}}@media (width<=620px){.merk-intro-merkblok{width:min(760px,100vw - 30px)}.merk-intro.intro-omhoog .merk-intro-merkblok{top:16px;left:16px;transform:scale(.34)}.merk-startkeuze-optie{grid-template-columns:42px minmax(0,1fr) 20px;gap:11px;padding:13px}.merk-startkeuze-icoon{width:42px;height:42px}body:not([data-start-route=accessoires]) .configurator-layout,body[data-stap="1"] .configurator-layout{grid-template-rows:minmax(235px,52%) minmax(0,1fr)}}.merk-startkeuze-acties{z-index:30;align-items:center;gap:10px;display:flex;position:absolute;top:14px;right:20px}.merk-startkeuze-acties .merk-startkeuze-taal{inset:auto!important;margin:0!important;position:static!important;inset:auto!important;transform:none!important}.merk-startkeuze-contact{color:#160e08;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#e4a568,#bd7037);border:1px solid #e09a58d1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:750;line-height:1;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 26px #0000004d,0 7px 20px #96522233,inset 0 1px #ffffff40}.merk-startkeuze-contact:hover{color:#120b07;background:linear-gradient(135deg,#efb175,#cc7c40);border-color:#e7a15f;transform:translateY(-1px);box-shadow:0 14px 32px #00000057,0 8px 24px #a0582545,inset 0 1px #ffffff47}.merk-startkeuze-contact:active{transform:translateY(0)}.merk-startkeuze-contact:focus-visible{outline-offset:3px;outline:2px solid #eeac6cf5}.merk-startkeuze-contact-icoon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}@media (width<=620px){.merk-startkeuze-acties{gap:7px;top:10px;right:10px}.merk-startkeuze-contact{border-radius:9px;gap:6px;min-height:40px;padding:0 12px;font-size:12px}.merk-startkeuze-contact-icoon{width:14px;height:14px}}body.contact-pagina{width:100%;min-height:100dvh;color:var(--kleur-tekst);background:radial-gradient(circle at 50% 22%,#d08a4a21,#0000 34%),radial-gradient(circle at 10% 100%,#89553014,#0000 32%),#0d0f11;margin:0;overflow:hidden auto}body.contact-pagina:before{content:"";z-index:-2;opacity:.16;filter:grayscale(.75)contrast(1.04);pointer-events:none;background:linear-gradient(#080a0ca3,#0d0f11f0),url(/assets/vorq-werkplaats-schets-DIR8uRXx.webp) 50%/cover no-repeat;position:fixed;inset:0}.contact-pagina-header{background:linear-gradient(#0d0f11f5,#090b0de6);border-bottom:1px solid #d08a4a29;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:84px;padding:18px 26px;display:flex;box-shadow:0 8px 28px #0003}.contact-pagina-logo{align-items:center;text-decoration:none;display:inline-flex}.contact-pagina-logo img{width:min(230px,44vw);height:auto;display:block}.contact-terug{color:#c2c7cb;background:#ffffff09;border:1px solid #383d41;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:13px;font-weight:650;text-decoration:none;transition:color .16s,background .16s,border-color .16s,transform .16s;display:inline-flex}.contact-terug:hover{color:#fff;background:#d08a4a17;border-color:#d08a4a80;transform:translateY(-1px)}.contact-pagina-main{justify-content:center;align-items:center;width:100%;min-height:calc(100dvh - 84px);padding:55px 24px 80px;display:flex}.contact-kaart{text-align:center;background:linear-gradient(155deg,#202427f7,#111416fa);border:1px solid #353a3e;border-radius:20px;width:min(680px,100%);padding:54px 48px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006,inset 0 1px #ffffff09}.contact-kaart:before{content:"";pointer-events:none;background:radial-gradient(circle,#d08a4a3d,#d08a4a00 70%);width:360px;height:260px;position:absolute;top:-190px;left:50%;transform:translate(-50%)}.contact-bovenkop{color:#d99a5e;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:13px;font-size:12px;font-weight:800;display:block;position:relative}.contact-kaart h1{color:#f4f0eb;letter-spacing:-1.6px;max-width:550px;margin:0 auto 16px;font-size:clamp(34px,5vw,52px);line-height:1.05;position:relative}.contact-intro{color:#a5abb1;max-width:510px;margin:0 auto;font-size:15px;line-height:1.7;position:relative}.contact-placeholder{background:linear-gradient(110deg,#d08a4a17,#d08a4a06);border:1px dashed #d08a4a6b;border-radius:13px;margin-top:34px;padding:23px 22px;position:relative}.contact-placeholder strong{color:#e1a066;margin-bottom:7px;font-size:14px;display:block}.contact-placeholder span{color:#8f969c;font-size:13px;line-height:1.55}.contact-merkregel{color:#686e74;letter-spacing:1px;text-transform:uppercase;margin-top:28px;font-size:10px;font-weight:650;position:relative}@media (width<=620px){.contact-pagina-header{min-height:72px;padding:14px}.contact-pagina-logo img{width:150px}.contact-terug{min-height:38px;padding:0 11px;font-size:11px}.contact-pagina-main{min-height:calc(100dvh - 72px);padding:30px 14px 50px}.contact-kaart{border-radius:17px;padding:40px 22px}.contact-kaart h1{letter-spacing:-1px}}.merk-startkeuze-acties{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1),visibility 0s linear .62s;transform:translateY(-10px)}.merk-intro.keuze-zichtbaar .merk-startkeuze-acties{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0,0)}.merk-intro.intro-afsluiten .merk-startkeuze-acties{pointer-events:none}.accessoire-catalogus{gap:12px;min-width:0;margin-bottom:12px;display:grid}.accessoire-filters{color:#ece9e4;background:radial-gradient(circle at 95% 0,#d38b491f,#0000 42%),linear-gradient(155deg,#202428,#171a1d);border:1px solid #34393e;border-radius:15px;gap:13px;padding:15px;display:grid;position:relative;box-shadow:0 14px 30px #0003,inset 0 1px #ffffff06}.accessoire-filter-kop{gap:3px;display:grid}.accessoire-filter-kop>span{color:#d69253;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:850;line-height:1.2}.accessoire-filter-kop>strong{color:#f3f0eb;font-size:14px;font-weight:760;line-height:1.3}.accessoire-filter-veld{gap:6px;min-width:0;display:grid}.accessoire-filter-veld>span:first-child{color:#999fa6;letter-spacing:.04em;font-size:9px;font-weight:750;line-height:1.2}.accessoire-filter-invoer{display:block;position:relative}.accessoire-filter-invoer svg{fill:none;stroke:#878e94;stroke-width:1.8px;stroke-linecap:round;pointer-events:none;width:15px;height:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.accessoire-filter-invoer input,.accessoire-filter-veld select{color:#ece9e4;width:100%;min-width:0;height:42px;font:inherit;background-color:#111416;border:1px solid #373c41;border-radius:10px;outline:none;font-size:11px;font-weight:650;transition:border-color .15s,box-shadow .15s,background .15s}.accessoire-filter-invoer input{padding:0 36px}.accessoire-filter-invoer input::placeholder{color:#687077;opacity:1}.accessoire-filter-invoer input::-webkit-search-cancel-button{filter:invert(.72)}.accessoire-filter-veld select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#8f969c 50%),linear-gradient(135deg,#8f969c 50%,#0000 50%);background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 34px 0 11px}.accessoire-filter-veld select option{color:#ece9e4;background:#171a1d}.accessoire-filter-invoer input:hover,.accessoire-filter-veld select:hover{border-color:#50565c}.accessoire-filter-invoer input:focus-visible,.accessoire-filter-veld select:focus-visible{background-color:#15191b;border-color:#c17b40;box-shadow:0 0 0 3px #d08a4a21}.accessoire-filter-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.accessoire-filter-voet{justify-content:space-between;align-items:center;gap:10px;min-height:22px;display:flex}.accessoire-filter-aantal{color:#858c92;font-size:9px;font-weight:650;line-height:1.35}.accessoire-filter-reset{color:#dda060;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:9px;font-weight:800}.accessoire-filter-reset:hover,.accessoire-filter-reset:focus-visible{color:#f0b67c;text-underline-offset:3px;text-decoration:underline}.accessoire-productlijst,.makita-productlijst{gap:10px;min-width:0;display:grid}.accessoire-productlijst .accessoire-kaart{margin-bottom:0}[data-accessoire-product][hidden],[data-accessoire-filter-reset][hidden],[data-accessoire-filter-meer][hidden],[data-accessoire-filter-leeg][hidden]{display:none!important}@media (width<=620px){.accessoire-kaart{grid-template-columns:50px minmax(0,1fr) 42px;gap:10px;padding:14px}.accessoire-preview{width:50px;height:50px}body[data-stap="4"]:not([data-start-route=accessoires]) [data-stap-inhoud="4"]>.wizard-navigatie{margin:20px -18px -18px;padding:12px 18px 18px;bottom:-18px}}.accessoire-filter-meer{color:#e7ad77;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#d08a4a12;border:1px solid #d08a4a3d;border-radius:11px;padding:9px 14px;font-size:10px;font-weight:800;transition:color .15s,background .15s,border-color .15s}.accessoire-filter-meer:hover,.accessoire-filter-meer:focus-visible{color:#fff0e1;background:#d08a4a21;border-color:#e09b5b7a}.accessoire-filter-leeg{color:#9da3a9;text-align:center;background:#ffffff05;border:1px dashed #42474c;border-radius:13px;gap:5px;padding:20px 16px;display:grid}.accessoire-filter-leeg strong{color:#e8e4df;font-size:12px}.accessoire-filter-leeg span{font-size:10px;line-height:1.45}.losse-accessoire-catalogus{margin-bottom:0;container-type:inline-size}.losse-accessoire-catalogus .accessoire-filters{grid-template-columns:minmax(170px,.75fr) minmax(250px,1.25fr);align-items:end}.losse-accessoire-catalogus .accessoire-filter-kop{align-self:center}.losse-accessoire-catalogus .accessoire-filter-zoeken{grid-column:2}.losse-accessoire-catalogus .accessoire-filter-selects,.losse-accessoire-catalogus .accessoire-filter-voet{grid-column:1/-1}@container (width<=620px){.losse-accessoire-catalogus .accessoire-filters{grid-template-columns:1fr}.losse-accessoire-catalogus .accessoire-filter-zoeken,.losse-accessoire-catalogus .accessoire-filter-selects,.losse-accessoire-catalogus .accessoire-filter-voet{grid-column:1}}.losse-accessoire-catalogus .losse-catalogus-filters{grid-template-columns:1fr;align-items:stretch;gap:18px;padding:18px}.losse-accessoire-catalogus .losse-catalogus-zoeken,.losse-accessoire-catalogus .losse-catalogus-routes,.losse-accessoire-catalogus .losse-catalogus-merksectie,.losse-accessoire-catalogus .losse-catalogus-categorieen,.losse-accessoire-catalogus .losse-catalogus-filters .accessoire-filter-voet{grid-column:1}.losse-catalogus-zoeken .accessoire-filter-invoer input{height:48px;font-size:12px}.losse-catalogus-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.losse-catalogus-route{color:#d7dadd;min-width:0;min-height:72px;font:inherit;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #3a3f44;border-radius:13px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:12px 14px;transition:color .16s,background .16s,border-color .16s,transform .16s;display:grid}.losse-catalogus-route:hover,.losse-catalogus-route:focus-visible{color:#fff;background:#ffffff0b;border-color:#555b61;transform:translateY(-1px)}.losse-catalogus-route[aria-pressed=true]{color:#fff1e4;background:linear-gradient(135deg,#d08a4a33,#d08a4a0e);border-color:#e09b5ba8;box-shadow:0 0 0 2px #d08a4a14}.losse-catalogus-route>span:last-child{gap:3px;min-width:0;display:grid}.losse-catalogus-route strong{font-size:12px;line-height:1.2}.losse-catalogus-route small{color:#959ba1;text-overflow:ellipsis;font-size:9px;line-height:1.35;overflow:hidden}.losse-catalogus-route-icoon{color:#e5a66b;background:#d08a4a1a;border:1px solid #d08a4a38;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:850;display:grid}.losse-catalogus-merksectie,.losse-catalogus-categorieen{gap:10px;display:grid}.losse-catalogus-merksectie[hidden],.losse-catalogus-categorieen[hidden]{display:none!important}.losse-catalogus-sectietitel{color:#f0ede8;font-size:12px;font-weight:780;line-height:1.3}.losse-catalogus-merken{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.losse-catalogus-merk{color:#e7e3de;min-width:0;min-height:66px;font:inherit;text-align:left;cursor:pointer;background:#16191b;border:1px solid #3a3f44;border-radius:11px;align-content:center;gap:4px;padding:10px 11px;display:grid}.losse-catalogus-merk[aria-pressed=true]{color:#fff5ec;background:#d08a4a21;border-color:#c17b40;box-shadow:inset 3px 0 #dc914c}.losse-catalogus-merk strong{text-overflow:ellipsis;font-size:11px;line-height:1.25;overflow:hidden}.losse-catalogus-merk small{color:#92999f;font-size:8px;line-height:1.3}.losse-catalogus-merk.is-binnenkort{opacity:.62;cursor:not-allowed}.losse-catalogus-merk.is-binnenkort strong{color:#c3c7ca}.losse-catalogus-merk.is-binnenkort small{color:#d39a63}.losse-catalogus-groepen{flex-wrap:wrap;gap:7px;display:flex}.losse-catalogus-groep{color:#aeb3b8;min-height:34px;font:inherit;cursor:pointer;background:#141719;border:1px solid #373c41;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:760;transition:color .15s,background .15s,border-color .15s}.losse-catalogus-groep:hover,.losse-catalogus-groep:focus-visible{color:#fff;border-color:#555b61}.losse-catalogus-groep[aria-pressed=true]{color:#fff3e7;background:#d08a4a2b;border-color:#e09b5ba8}.losse-catalogus-productsoort{width:min(320px,100%)}@container (width<=620px){.losse-catalogus-routes{grid-template-columns:1fr}.losse-catalogus-merken{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=360px){.losse-catalogus-merken{grid-template-columns:1fr}}@media (width<=390px){.accessoire-filter-selects{grid-template-columns:1fr}}body.contact-modal-open{overflow:hidden!important}.contact-modal[hidden]{display:none!important}.contact-modal{z-index:12000;opacity:0;visibility:hidden;pointer-events:none;isolation:isolate;place-items:center;padding:24px;transition:opacity .22s,visibility .22s;display:grid;position:fixed;inset:0}.contact-modal.zichtbaar{opacity:1;visibility:visible;pointer-events:auto}.contact-modal-achtergrond{z-index:0;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:radial-gradient(circle at 50% 30%,#c5743a1f,#0000 42%),#050708d6;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.contact-modal-kaart{z-index:1;color:#f4f1ed;background:linear-gradient(145deg,#1b1f21fc,#0c0f10fc);border:1px solid #e09a584d;border-radius:22px;width:min(650px,100%);max-height:calc(100dvh - 48px);padding:52px 52px 42px;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .22s;position:relative;overflow-y:auto;transform:translateY(18px)scale(.975);box-shadow:0 34px 90px #00000094,0 8px 34px #78401b33,inset 0 1px #ffffff0f}.contact-modal.zichtbaar .contact-modal-kaart{transform:translateY(0)scale(1)}.contact-modal-sluiten{color:#e7e2dc;width:42px;height:42px;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;place-items:center;padding:0;font-size:27px;font-weight:300;line-height:1;transition:color .16s,background .16s,border-color .16s,transform .16s;display:grid;position:absolute;top:18px;right:18px}.contact-modal-sluiten:hover{color:#17100b;background:#dea062;border-color:#dea062;transform:rotate(4deg)}.contact-modal-bovenkop{color:#de9958;letter-spacing:.16em;text-transform:uppercase;margin:0 54px 14px 0;font-size:12px;font-weight:850;line-height:1.2;display:block}.contact-modal-kaart h2{color:#fff;letter-spacing:-.045em;max-width:540px;margin:0;font-size:clamp(32px,5vw,50px);font-weight:780;line-height:1.02}.contact-modal-intro{color:#aeb4b7;max-width:560px;margin:22px 0 0;font-size:16px;line-height:1.7}.contact-modal-placeholder{background:linear-gradient(135deg,#da914d1c,#ffffff06);border:1px solid #e09a5833;border-left:3px solid #d98e4d;border-radius:12px;gap:7px;margin:30px 0 0;padding:20px 22px;display:grid}.contact-modal-placeholder strong{color:#f3eee8;font-size:15px;line-height:1.35}.contact-modal-placeholder span{color:#92999c;font-size:13px;line-height:1.55}.contact-modal-terug{color:#170f09;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#e5a669,#bd7037);border:1px solid #ebab69b8;border-radius:10px;margin:28px 0 0;padding:0 22px;font-size:13px;font-weight:800;transition:transform .16s,filter .16s,box-shadow .16s;box-shadow:0 12px 26px #0000004d,0 8px 22px #974f202e,inset 0 1px #ffffff40}.contact-modal-terug:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 15px 30px #00000057,0 10px 26px #974f203d}.contact-modal-merkregel{color:#676e71;letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #ffffff12;margin:30px 0 0;padding:18px 0 0;font-size:10px;font-weight:700;line-height:1.4}.contact-modal button:focus-visible{outline-offset:3px;outline:2px solid #efa963}@media (width<=620px){.contact-modal{align-items:end;padding:12px}.contact-modal-kaart{border-radius:18px;max-height:calc(100dvh - 24px);padding:44px 22px 28px;transform:translateY(22px)scale(.985)}.contact-modal-kaart h2{font-size:clamp(30px,10vw,42px)}.contact-modal-sluiten{width:38px;height:38px;top:12px;right:12px}.contact-modal-merkregel{letter-spacing:.09em}}@media (prefers-reduced-motion:reduce){.contact-modal,.contact-modal-kaart,.contact-modal-sluiten,.contact-modal-terug{transition:none!important}}