/* Stalen deuren, Cervano ontwerpatelier. Bouwt op pages.css. */
[hidden]{display:none!important}.sd{padding:0 var(--mx) 48px;max-width:1540px;margin:auto}.kruimel{font-size:12px;color:var(--oak-tekst);padding:20px 0 0}.kruimel a{border-bottom:1px solid var(--line)}.sd .lbl{font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bronze)}
.sd-hero{display:grid;grid-template-columns:minmax(290px,.74fr) minmax(480px,1.26fr);min-height:min(670px,76vh);margin-top:20px;border-top:1px solid var(--ink)}.sd-hero-tekst{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(42px,6vw,94px) clamp(30px,6vw,92px) clamp(42px,6vw,94px) 0}.sd-hero h1{font-size:clamp(52px,7vw,104px);line-height:.88;letter-spacing:-.045em;max-width:7ch;margin:24px 0 28px}.sd-hero-tekst p{font-size:clamp(16px,1.4vw,20px);line-height:1.62;color:var(--oak-tekst);max-width:34rem}.sd-hero-cta{display:inline-flex;align-items:center;gap:28px;margin-top:34px;padding:13px 0;border-bottom:1px solid var(--ink);font-size:13px;letter-spacing:.08em}.sd-hero-beeld{position:relative;min-height:520px;overflow:hidden;margin:0}.sd-hero-beeld img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88)}.sd-hero-beeld figcaption{position:absolute;right:18px;bottom:16px;background:rgba(246,242,235,.88);padding:7px 10px;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.sd-tabs{display:flex;justify-content:flex-end;margin-top:clamp(60px,8vw,112px);border-bottom:1px solid var(--ink)}.sd-tabs button{border:0;border-left:1px solid var(--line);background:transparent;color:var(--oak-tekst);padding:17px clamp(18px,3vw,42px);font:500 11px var(--sans);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;min-height:48px}.sd-tabs button:last-child{border-right:1px solid var(--line)}.sd-tabs button[aria-selected=true]{background:var(--ink);color:var(--plaster)}
.sd-conf{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);min-height:780px;border-bottom:1px solid var(--ink)}.sd-beeld{position:sticky;top:86px;align-self:start;padding:28px clamp(24px,4vw,64px) 30px 0;border-right:1px solid var(--line)}.sd-beeldkop{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.sd-beeldkop p{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oak-tekst);margin-top:4px}.sd-beeldkop button,.sd-toolbar button,.sd-glas-detail button{border:0;background:transparent;border-bottom:1px solid var(--line);padding:6px 0;font:11px var(--mono);letter-spacing:.06em;color:var(--ink);cursor:pointer}.sd-plaat{background:#ddd6cc;min-height:560px;height:min(66vh,690px);display:flex;align-items:center;justify-content:center;padding:clamp(22px,4vw,66px);position:relative;overflow:hidden}.sd-plaat:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.32),transparent 45%),linear-gradient(0deg,rgba(22,19,14,.05),transparent 30%);pointer-events:none}.sd-plaat svg{width:100%;height:100%;display:block;position:relative}.sd-toolbar{display:flex;border-bottom:1px solid var(--line)}.sd-toolbar button{flex:1;padding:13px;border-bottom:0;color:var(--oak-tekst)}.sd-toolbar button+button{border-left:1px solid var(--line)}.sd-toolbar button[aria-pressed=true]{color:var(--ink);background:var(--paper)}.sd-onderschrift{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--oak-tekst);margin-top:12px}
.sd-live{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;border-top:1px solid var(--ink);padding-top:16px}.sd-live>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:3px 16px}.sd-live span{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oak-tekst)}.sd-live strong{font-family:var(--disp);font-weight:400;font-size:clamp(34px,3.6vw,50px);line-height:1}.sd-live small{font-size:11px;color:var(--oak-tekst);grid-column:1/-1}#sd-prijsverschil:empty,#sd-live-status:empty{display:none}.sd-knop{display:inline-block;background:var(--ink);color:var(--plaster);border:0;padding:15px 22px;font:500 12px var(--sans);letter-spacing:.06em;cursor:pointer;min-height:48px}.sd-knop:hover{background:var(--bronze)}
.sd-paneel{min-width:0;padding:0 0 34px clamp(24px,4vw,62px)}.sd-paneelgroep{display:block}.sd-groep{border:0;border-top:1px solid var(--line);padding:24px 0 30px;margin:0}.sd-groep:first-child{border-top:0}.sd-groep legend{float:left;width:100%;font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);margin-bottom:16px}.sd-groep legend+*{clear:both}.sd-keuzes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sd-keuzes button,.sd-stalen button,.sd-vakken-visueel button{text-align:left;background:transparent;border:1px solid var(--line);padding:14px;font:inherit;color:var(--ink);cursor:pointer;min-height:48px;transition:.25s}.sd-keuzes button b,.sd-stalen button b{display:block;font-weight:500;font-size:14px}.sd-keuzes button span,.sd-stalen button span{display:block;font-size:12px;color:var(--oak-tekst);line-height:1.4;margin-top:4px}.sd-keuzes button:hover,.sd-stalen button:hover,.sd-vakken-visueel button:hover{border-color:var(--ink-2)}.sd-keuzes button[aria-pressed=true],.sd-stalen button[aria-pressed=true],.sd-vakken-visueel button[aria-pressed=true]{border-color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}.sd-keuzes button:disabled{opacity:.4;cursor:not-allowed}.sd-meerprijs{display:block;min-height:1em;margin-top:8px;font:10px var(--mono);color:var(--bronze)}
.sd-keuzes[data-veld=toepassing] button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.sd-maten{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sd-maten label,.sd-ral{display:flex;flex-direction:column;font-size:12px;color:var(--ink-2);font-weight:500;gap:7px}.sd-maten .mm{font-weight:300;color:var(--oak-tekst)}.sd-maten input[type=number],.sd-ral input{font:18px var(--mono);padding:9px 0;border:0;border-bottom:1px solid var(--ink-2);background:transparent;color:var(--ink);width:100%;-moz-appearance:textfield}.sd-maten input::-webkit-inner-spin-button{-webkit-appearance:none}.sd-maten input[aria-invalid=true]{border-bottom-color:#9A3B2A}.sd-maten input[type=range]{accent-color:var(--ink);width:100%;height:18px;margin-top:3px}.sd-hint{font-size:12px;color:var(--oak-tekst);margin-top:10px;line-height:1.55}.sd-fout{font-size:13px;color:#9A3B2A;margin-top:10px}.sd-fout:empty{display:none}
.sd-vakken-visueel{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}.sd-vakken-visueel button{text-align:center;padding:10px 5px}.sd-vakken-visueel svg{width:35px;height:47px;display:block;margin:0 auto 7px;fill:none;stroke:currentColor;stroke-width:1.5}.sd-vakken-visueel span{font-size:10px;color:var(--oak-tekst)}.sd-teller{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sd-teller button{width:42px;height:42px;border:1px solid var(--line);background:transparent;font-size:20px;color:var(--ink);cursor:pointer}.sd-teller output{font:19px var(--mono);min-width:2ch;text-align:center}.sd-teller .sd-hint{margin-top:0}
.sd-stalen{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:7px}.sd-stalen button{padding:8px}.sd-stalen button i{display:block;aspect-ratio:4/3;margin-bottom:9px;border:1px solid rgba(22,19,14,.12)}.sd-stalen button span{font:10px var(--mono);letter-spacing:.02em}.sd-glaskeuzes{grid-template-columns:repeat(2,1fr)}.sd-glaskeuzes button{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto auto;column-gap:12px;padding:9px}.sd-glaskeuzes img{grid-row:1/4;width:72px;height:94px;object-fit:cover;display:block;filter:saturate(.85)}.sd-glaskeuzes b{align-self:end}.sd-glaskeuzes span{align-self:start}.sd-glaskeuzes .sd-meerprijs{grid-column:2}.sd-ral{margin-top:14px;max-width:16rem}.k-ral{background:conic-gradient(#8a3b2a,#c9a13b,#4c6a4f,#2e4a6b,#6b4a6b,#8a3b2a)}.sd-glas-detail{display:grid;grid-template-columns:minmax(130px,.65fr) 1fr;border-top:1px solid var(--ink);margin-top:10px;padding-top:20px;gap:22px;align-items:center}.sd-glas-detail img{width:100%;height:200px;object-fit:cover;filter:saturate(.85)}.sd-glas-detail h3{font-size:29px;font-weight:400;margin:8px 0}.sd-glas-detail p{font-size:13px;line-height:1.55;color:var(--oak-tekst)}
.sd-verder{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(32px,6vw,90px);border-top:1px solid var(--ink);margin-top:clamp(70px,9vw,130px);padding-top:24px;align-items:start}.sd-verder h2,.sd-form h2{font-size:clamp(34px,4.2vw,58px);line-height:1;margin:15px 0 26px;letter-spacing:-.025em}.sd-routes,.sd-opties{display:grid;gap:9px}.sd-opties{margin-top:22px}.sd-route,.sd-vink{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);padding:17px;cursor:pointer}.sd-route:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper)}.sd-route input,.sd-vink input{margin-top:4px;accent-color:var(--ink);width:18px;height:18px;flex:none}.sd-route span,.sd-vink span{font-size:13px;color:var(--oak-tekst);line-height:1.55}.sd-route b,.sd-vink b{display:block;color:var(--ink);font-weight:500;font-size:14px;margin-bottom:2px}.sd-vink{border-style:dashed}
.sd-prijs{background:var(--ink);color:var(--plaster);padding:clamp(24px,3.5vw,42px);position:sticky;top:96px}.sd-voorlopig{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#d3b985;border:1px solid rgba(211,185,133,.45);display:inline-block;padding:5px 8px;margin-bottom:20px}.sd-voorlopig:empty{display:none}.sd-prijs dl{display:grid;grid-template-columns:1fr auto;gap:9px 16px;font-size:14px}.sd-prijs dt{color:rgba(239,234,227,.67)}.sd-prijs dd{font:13px var(--mono);text-align:right}.sd-prijs dd.af{color:#d3b985}.sd-totaal{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid rgba(239,234,227,.65);margin-top:20px;padding-top:17px}.sd-totaal span{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}.sd-totaal strong{font-family:var(--disp);font-weight:400;font-size:clamp(36px,4.2vw,54px);line-height:1}.sd-btw{font-size:12px;color:rgba(239,234,227,.67);margin-top:8px}.sd-nu{margin-top:20px;border-top:1px solid rgba(239,234,227,.2);padding-top:16px;font-size:13px;line-height:1.6}.sd-nu:empty{display:none}.sd-nu b{font-weight:500;color:var(--plaster)}
.sd-form{border-top:1px solid var(--ink);margin-top:clamp(70px,9vw,130px);padding-top:24px;max-width:58rem}.sd-form>p{color:var(--oak-tekst);max-width:56ch}.sd-velden{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px;margin-top:30px}.veld{display:flex;flex-direction:column;font-size:12px;font-weight:500;color:var(--ink-2);gap:6px}.veld.vol{grid-column:1/-1}.veld .opt{font-weight:300;color:var(--bronze);font-size:11px}.veld input,.veld textarea{font:300 16px var(--sans);padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);resize:vertical}.veld input:focus,.veld textarea:focus{outline:none;border-bottom-color:var(--ink)}.veld input[aria-invalid=true]{border-bottom-color:#9A3B2A}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sd-voet{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:26px}.sd-voet small{font-size:12px;color:var(--oak-tekst);max-width:40ch}.sd-voet small a{border-bottom:1px solid var(--line)}.sd-knop:disabled{opacity:.5;cursor:wait}.sd-klaar{margin-top:24px;border:1px solid var(--ink);padding:22px;background:var(--paper)}.sd-klaar h3{font-size:26px;margin-bottom:8px}
.sd-info{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,58px);border-top:1px solid var(--line);margin-top:clamp(70px,9vw,130px);padding-top:30px}.sd-info h3{font-family:var(--disp);font-weight:400;font-size:24px;margin-bottom:10px}.sd-info p{font-size:14px;line-height:1.65;color:var(--oak-tekst)}.sd-info a{color:var(--ink);border-bottom:1px solid var(--line)}.sd-nojs{margin-top:30px;padding:18px;border:1px solid var(--ink)}.sd-balk{display:none}
@media(max-width:1000px){.sd-hero{grid-template-columns:.85fr 1.15fr;min-height:540px}.sd-hero-beeld{min-height:480px}.sd-conf{grid-template-columns:1fr}.sd-beeld{position:relative;top:0;border-right:0;padding-right:0}.sd-plaat{height:520px;min-height:0}.sd-paneel{padding-left:0}.sd-tabs{position:sticky;top:70px;z-index:20;background:var(--plaster);justify-content:stretch;margin-top:64px}.sd-tabs button{flex:1;padding:15px 8px}.sd-verder{grid-template-columns:1fr}.sd-prijs{position:static}.sd-info{grid-template-columns:1fr}.sd-balk{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ink);color:var(--plaster);padding:11px var(--mx) calc(11px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:12px;transition:transform .3s var(--ease-uit)}.sd-balk.weg{transform:translateY(110%)}.sd-balk span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.sd-balk strong{font-family:var(--disp);font-weight:400;font-size:23px}.sd-balk a{border:1px solid rgba(239,234,227,.5);padding:9px 12px;font-size:12px;white-space:nowrap}body{padding-bottom:68px}}
@media(max-width:700px){.sd{padding-left:18px;padding-right:18px}.kruimel{padding-top:14px}.sd-hero{grid-template-columns:1fr;margin-top:14px;min-height:0}.sd-hero-tekst{padding:46px 6px 42px}.sd-hero h1{font-size:clamp(55px,17vw,76px);margin:20px 0 22px}.sd-hero-tekst p{font-size:16px}.sd-hero-beeld{min-height:0;height:58vh;max-height:520px}.sd-hero-beeld figcaption{right:10px;bottom:10px}.sd-tabs{top:60px;margin-left:-18px;margin-right:-18px}.sd-tabs button{font-size:9px;letter-spacing:.09em}.sd-beeld{padding-top:20px}.sd-plaat{height:min(64vh,460px);padding:18px}.sd-live{display:none}.sd-onderschrift{font-size:9px}.sd-groep{padding:22px 0 26px}.sd-keuzes{grid-template-columns:1fr}.sd-maten{gap:14px}.sd-vakken-visueel{overflow-x:auto;grid-template-columns:repeat(4,86px);padding-bottom:4px}.sd-stalen{grid-template-columns:repeat(2,1fr)}.sd-glaskeuzes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.sd-glaskeuzes button{min-width:240px;scroll-snap-align:start}.sd-glas-detail{grid-template-columns:1fr 1fr}.sd-glas-detail img{height:180px}.sd-velden{grid-template-columns:1fr}.sd-verder h2,.sd-form h2{font-size:38px}.sd-info{gap:30px}}
@media(max-width:420px){.sd-maten{grid-template-columns:1fr}.sd-glas-detail{grid-template-columns:1fr}.sd-glas-detail img{height:230px}.sd-toolbar button{font-size:10px}.sd-plaat{height:390px}}
/* De visualisatie vult het kader; materiaalvergrotingen gebruiken de volledige render. */
.sd-plaat{padding:0;background:#e3dbcf;height:auto;min-height:0;aspect-ratio:8/7}.sd-plaat:before{display:none}.sd-plaat svg{height:100%}.sd-conf{scroll-margin-top:120px}.sd button:focus-visible,.sd a:focus-visible,.sd input:focus-visible,.sd-dialoog button:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}.sd-teller button:disabled{opacity:.35;cursor:default}.sd-balk small{display:block;font-size:10px;line-height:1.3}.sd-balk-verschil:empty,.sd-balk-status:empty{display:none}.sd-balk-status{color:#d3b985}.sd-dialoog{width:min(1000px,96vw);max-height:94svh;border:0;padding:22px;background:var(--paper);color:var(--ink);margin:auto}.sd-dialoog::backdrop{background:rgba(22,19,14,.72);backdrop-filter:blur(5px)}.sd-dialoog-kop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sd-dialoog h2{font:400 32px var(--disp)}.sd-dialoog button{background:transparent;border:1px solid var(--line);min-height:44px;padding:10px 16px;font:13px var(--sans);cursor:pointer}.sd-dialoog-inhoud{display:flex;justify-content:center;background:#e3dbcf}.sd-dialoog-inhoud img,.sd-dialoog-inhoud svg{display:block;max-width:100%;max-height:72svh;object-fit:contain}.sd-dialoog>p{font-size:12px;color:var(--oak-tekst);padding-top:12px}.sd-modal-open{overflow:hidden}.sd-glaskeuzes img,.sd-glas-detail img{filter:none}.sd-live{flex-wrap:wrap}.sd-live>div{grid-template-columns:1fr}.sd-beeld{top:80px}.sd-conf{min-height:640px}
@media(min-width:1001px){.sd-plaat{max-height:58vh}.sd-beeld{padding-right:clamp(24px,3vw,44px)}.sd-glaskeuzes button{display:block}.sd-glaskeuzes img{width:100%;height:105px;margin-bottom:10px}.sd-glaskeuzes span{font:12px var(--sans)}}
@media(max-width:700px){.sd-plaat{height:auto;aspect-ratio:8/7}.sd-glaskeuzes button{display:block;min-width:160px;max-width:160px}.sd-glaskeuzes img{width:100%;height:135px;margin-bottom:10px}.sd-glaskeuzes span{font:12px var(--sans)}.sd-keuzes.twee{grid-template-columns:1fr 1fr}.sd-hero-beeld{height:auto;aspect-ratio:3/2}.sd-hero-tekst{padding:35px 6px}.sd-tabs{margin-top:45px}.sd-dialoog{padding:14px}}
@media(prefers-reduced-motion:reduce){.sd *, .sd-balk{transition:none!important;scroll-behavior:auto!important}}
/* Contact is al bereikbaar in de menubalk en bij het formulier. */
body .wa-zweef{display:none!important}.sd-balk.weg{transform:translateY(110%);visibility:hidden}.sd-balk{transition:transform .25s,visibility .25s}
.sd-type-mini{display:block;width:46px;height:62px;margin-bottom:12px;fill:none;stroke:currentColor;stroke-width:1.5}.sd-type-mini .glas{fill:#d2c6b4;stroke:none;opacity:.4}
@media(min-width:1001px){.sd-plaat{height:min(48vh,500px);max-height:none;aspect-ratio:auto}.sd-live strong{font-size:42px}}
@media(max-width:700px){.sd-keuzes[data-veld=type]{grid-template-columns:1fr 1fr}.sd-type-mini{width:36px;height:48px;margin-bottom:8px}.sd-keuzes[data-veld=type] button{padding:12px}.sd-keuzes[data-veld=type] button span{font-size:11px}}
/* Fieldsets hebben standaard een min-contentbreedte: begrens die voor de glasstrook. */
.sd-groep,.sd-paneelgroep{min-width:0}.sd-glaskeuzes{max-width:100%;min-width:0}
/* De keuzes blijven tijdens het ontwerpen benoemd in beeld. De kop is ongeveer 70 px hoog op
   desktop en 90 px in het mobiele menu. De preview begint onder de tabs, zodat ook de prijs
   zichtbaar blijft naast langere keuzelijsten. */
.sd-tabs{position:sticky;top:70px;z-index:30;background:var(--plaster)}
.sd-beeld{top:140px}
.sd-type-uitleg{clear:both;margin:14px 0 0;padding:14px 16px;border-left:2px solid var(--bronze);background:var(--paper);font-size:13px;line-height:1.55;color:var(--oak-tekst)}
.sd-toolbar{display:grid;grid-template-columns:repeat(3,1fr)}
.sd-toolbar button{min-width:0;line-height:1.3}
.sd-vakken-visueel button{padding:14px 8px}.sd-vakken-visueel svg{width:54px;height:64px;margin-bottom:10px;stroke-width:2}.sd-vakken-visueel rect{fill:rgba(182,168,159,.2);stroke:var(--ink)}.sd-vakken-visueel path{stroke:var(--ink);stroke-width:2.5}.sd-vakken-visueel span{display:block;min-height:2.7em;font-size:11px;line-height:1.3;color:var(--ink-2)}
@media(max-width:1000px){.sd-tabs{top:90px}.sd-beeld{top:auto}.sd-vakken-visueel{grid-template-columns:repeat(4,minmax(112px,1fr))}}
@media(max-width:700px){.sd-tabs{top:90px}.sd-tabs button{font-size:9px;line-height:1.2}.sd-vakken-visueel{grid-template-columns:repeat(4,120px);gap:9px}.sd-vakken-visueel svg{width:58px;height:68px}.sd-keuzes[data-veld=type]{grid-template-columns:1fr 1fr}.sd-toolbar button{padding:11px 5px;font-size:9px;letter-spacing:.02em}.sd-type-uitleg{font-size:12px}}
/* Maatwerkkeuzes: rustige lijntekeningen die de constructie leesbaar maken zonder op een
   technische werktekening vooruit te lopen. */
.sd-vormkeuzes svg{display:block;width:54px;height:64px;margin-bottom:10px;fill:none;stroke:var(--ink);stroke-width:2}.sd-vormkeuzes svg .glas{fill:rgba(182,168,159,.2);stroke:var(--ink);stroke-width:1}
.sd-indeling-keuzes,.sd-paneelkeuzes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sd-indeling-keuzes button,.sd-paneelkeuzes button,.sd-greepkeuzes button{text-align:left;background:transparent;border:1px solid var(--line);padding:13px;font:inherit;color:var(--ink);cursor:pointer;min-width:0;transition:border-color .25s,background .25s}.sd-indeling-keuzes button:hover,.sd-paneelkeuzes button:hover,.sd-greepkeuzes button:hover{border-color:var(--ink-2)}.sd-indeling-keuzes button[aria-pressed=true],.sd-paneelkeuzes button[aria-pressed=true],.sd-greepkeuzes button[aria-pressed=true]{border-color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}
.sd-indeling-keuzes svg,.sd-paneelkeuzes svg{display:block;width:48px;height:58px;margin-bottom:9px;fill:rgba(182,168,159,.12);stroke:var(--ink);stroke-width:2}.sd-paneelkeuzes svg .glas{fill:rgba(182,168,159,.18);stroke:none}.sd-paneelkeuzes svg .dicht{fill:var(--ink-2);stroke:none}.sd-indeling-keuzes b,.sd-paneelkeuzes b,.sd-greepkeuzes b{display:block;font-size:13px;font-weight:500}.sd-indeling-keuzes span,.sd-paneelkeuzes span,.sd-greepkeuzes span{display:block;margin-top:4px;font-size:11px;line-height:1.4;color:var(--oak-tekst)}
.sd-keuze-inleiding{clear:both;margin:0 0 14px;font-size:12px;line-height:1.55;color:var(--oak-tekst)}.sd-greepkeuzes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sd-greepkeuzes svg{display:block;width:100%;height:72px;margin-bottom:10px;fill:none;stroke:var(--ink);stroke-width:2}.sd-greepkeuzes svg .deur{fill:rgba(182,168,159,.14);stroke:var(--line)}.sd-greepkeuzes small{display:block;margin-top:9px;font:9px var(--mono);line-height:1.4;color:var(--bronze)}#sd-maatwerk-status{color:var(--bronze)}#sd-maatwerk-status:empty{display:none}
#sd-route-bestelling[aria-disabled=true]{opacity:.48;cursor:not-allowed}#sd-route-bestelling[aria-disabled=true] input{pointer-events:none}
@media(max-width:700px){.sd-vormkeuzes{grid-template-columns:1fr 1fr}.sd-indeling-keuzes{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-paneelkeuzes{grid-template-columns:1fr 1fr}.sd-greepkeuzes{grid-template-columns:1fr}.sd-greepkeuzes svg{height:64px}.sd-indeling-keuzes button,.sd-paneelkeuzes button{padding:11px}.sd-indeling-keuzes b,.sd-paneelkeuzes b{font-size:12px}}

.sd-op-aanvraag .sd-totaal{flex-direction:column;align-items:flex-start;gap:10px}.sd-op-aanvraag .sd-totaal strong{font-size:clamp(30px,3.5vw,44px)}.sd-op-aanvraag .sd-live strong{font-size:clamp(30px,3vw,40px)}

/* De configurator leest als een korte ontwerpvolgorde. Bezochte onderdelen blijven herkenbaar
   en toekomstige onderdelen blijven ook in uitgeschakelde toestand goed leesbaar. */
.sd-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch}
.sd-tabs button{position:relative;min-width:0;padding-left:12px;padding-right:12px}
.sd-tabs button:disabled{opacity:1;color:var(--oak-tekst);background:transparent;cursor:not-allowed}
.sd-tabs button[data-voltooid=true]{color:var(--ink);background:var(--paper)}
.sd-tabs button[data-voltooid=true]::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:1px;background:var(--bronze)}
.sd-tabs button[aria-selected=true]{background:var(--ink);color:var(--plaster)}
.sd-tabs button[aria-selected=true]::after{background:var(--plaster)}
.sd-stapnav{position:sticky;bottom:18px;z-index:18;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:14px;margin-top:20px;padding:12px;background:rgba(246,242,235,.96);border:1px solid var(--line);box-shadow:0 12px 30px rgba(22,19,14,.08);backdrop-filter:blur(8px)}
.sd-stapnav button,.sd-terug-ontwerp{min-height:44px;border:1px solid var(--ink);padding:11px 16px;background:transparent;color:var(--ink);font:500 11px var(--sans);letter-spacing:.05em;cursor:pointer}
.sd-stapnav #sd-volgende{background:var(--ink);color:var(--plaster)}
.sd-stapnav button:disabled{visibility:hidden}
.sd-stapnav span{text-align:center;font:10px var(--mono);line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:var(--oak-tekst)}
.sd-eindontwerp{max-width:58ch;margin:-10px 0 18px;color:var(--oak-tekst);font-size:14px;line-height:1.6}
.sd-terug-ontwerp{margin-bottom:24px;border-color:var(--line)}

@media(max-width:700px){
  .sd-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:45px}
  .sd-tabs button{min-height:42px;padding:9px 8px;font-size:9px;line-height:1.2;border-bottom:1px solid var(--line)}
  .sd-tabs button:nth-child(odd){border-left:0}
  .sd-tabs button:nth-child(even){border-right:0}
  .sd-tabs button[data-voltooid=true]::after{left:8px;right:8px;bottom:4px}
  .sd-beeld{padding-top:12px}
  .sd-beeldkop{margin-bottom:8px}
  .sd-beeldkop p{font-size:8px;margin-top:2px}
  .sd-plaat{max-height:220px;aspect-ratio:8/6}
  .sd-toolbar button{min-height:40px;padding:8px 4px}
  .sd-onderschrift{margin-top:7px}
  .sd-stapnav{position:static;grid-template-columns:1fr 1fr;gap:8px;margin-left:-8px;margin-right:-8px;padding:8px}
  .sd-stapnav span{grid-column:1/-1;grid-row:1;padding:2px 4px}
  .sd-stapnav button{grid-row:2;padding:9px 8px}
  .sd-eindontwerp{margin-top:-6px;font-size:13px}
}

/* De gemeten hoogtes komen uit de pagina zelf, zodat vaste navigatie nooit over de keuzes valt. */
.sd-tabs{top:var(--sd-header-height,90px);scroll-margin-top:calc(var(--sd-header-height,90px) + 8px)}
#bestellen{scroll-margin-top:calc(var(--sd-header-height,90px) + var(--sd-tabs-height,50px) + 24px)}
@media(min-width:1001px){.sd-beeld{top:calc(var(--sd-header-height,90px) + var(--sd-tabs-height,50px) + 16px)}}
.sd-aanvraag-zichtbaar .sd-balk{display:none}

/* Schermvullend ontwerpatelier. De gewone pagina blijft de rustige aanloop; na openen gebruikt
   het atelier elke beschikbare pixel voor beeld, keuzes en de ene duidelijke vervolgactie. */
.sd-atelier-kop,.sd-subtabs{display:none}
.sd-primaire-actie,#sd-verzend,#sd-volgende{min-height:50px;background:var(--ink);color:var(--plaster);border:1px solid var(--ink);font:500 12px var(--sans);letter-spacing:.045em;cursor:pointer}
#sd-volgende::after,.sd-primaire-actie::after,#sd-verzend::after{content:"\2192";margin-left:18px;font-size:17px;line-height:0}
.sd-contact-terug{border:0;border-bottom:1px solid var(--line);background:transparent;padding:7px 0;color:var(--ink);font:11px var(--sans);cursor:pointer}

body.sd-atelier-open{overflow:hidden;padding:0}
body.sd-atelier-open>header,body.sd-atelier-open>.mob-achter,body.sd-atelier-open>.mobmenu,body.sd-atelier-open>footer,body.sd-atelier-open .sd-balk{display:none!important}
body.sd-atelier-open .sd{position:fixed;inset:0;z-index:100;padding:16px clamp(16px,1.7vw,24px);max-width:none;background:var(--plaster);display:grid;grid-template-rows:44px 48px minmax(0,1fr);overflow:hidden}
body.sd-atelier-open .kruimel,body.sd-atelier-open .sd-hero,body.sd-atelier-open .sd-info,body.sd-atelier-open .sd-nojs{display:none}
body.sd-atelier-open .sd-atelier-kop{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
body.sd-atelier-open .sd-atelier-kop>div{display:flex;align-items:baseline;gap:16px;color:var(--oak-tekst);font-size:12px}
body.sd-atelier-open .sd-atelier-merk{color:var(--ink);font-size:23px}
body.sd-atelier-open #sd-sluit-atelier{border:0;background:transparent;border-bottom:1px solid var(--line);padding:7px 0;font:11px var(--sans);color:var(--ink);cursor:pointer}
body.sd-atelier-open .sd-tabs{position:static;margin:0;border-color:var(--line);height:48px}
body.sd-atelier-open .sd-tabs button{min-height:44px;padding:8px 10px}
body.sd-atelier-open .sd-conf{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(540px,1fr);border-bottom:0;overflow:hidden}
body.sd-atelier-open .sd-beeld{position:static;min-height:0;height:100%;padding:12px clamp(14px,2vw,28px) 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}
body.sd-atelier-open .sd-beeldkop{flex:0 0 auto;margin-bottom:7px}
body.sd-atelier-open .sd-plaat{flex:1 1 0;height:auto;min-height:0;max-height:none;aspect-ratio:auto}
body.sd-atelier-open .sd-toolbar{flex:0 0 38px}
body.sd-atelier-open .sd-toolbar button{min-height:38px;padding:7px}
body.sd-atelier-open .sd-onderschrift{flex:0 0 auto;margin:6px 0 0}
body.sd-atelier-open .sd-live{flex:0 0 auto;margin-top:7px;padding-top:7px;gap:12px}
body.sd-atelier-open .sd-live>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px}
body.sd-atelier-open .sd-live strong{font-size:30px}
body.sd-atelier-open .sd-live small{font-size:9px;grid-column:auto}
body.sd-atelier-open .sd-live .sd-knop{display:none}
body.sd-atelier-open .sd-paneel{height:100%;min-height:0;padding:10px 0 0 clamp(14px,2vw,28px);display:flex;flex-direction:column;overflow:hidden}
body.sd-atelier-open .sd-subtabs{display:flex;flex:0 0 38px;gap:4px;border-bottom:1px solid var(--line)}
body.sd-atelier-open .sd-subtabs button{min-height:34px;border:0;background:transparent;padding:6px 12px;color:var(--oak-tekst);font:500 10px var(--sans);letter-spacing:.05em;cursor:pointer}
body.sd-atelier-open .sd-subtabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px var(--ink)}
body.sd-atelier-open .sd-paneelgroep{flex:1 1 0;min-height:0}
body.sd-atelier-open .sd-groep{padding:12px 0;margin:0}
body.sd-atelier-open .sd-groep legend{margin-bottom:9px}
body.sd-atelier-open .sd-keuzes,body.sd-atelier-open .sd-indeling-keuzes,body.sd-atelier-open .sd-paneelkeuzes,body.sd-atelier-open .sd-greepkeuzes{gap:6px}
body.sd-atelier-open .sd-keuzes button,body.sd-atelier-open .sd-stalen button,body.sd-atelier-open .sd-vakken-visueel button,body.sd-atelier-open .sd-indeling-keuzes button,body.sd-atelier-open .sd-paneelkeuzes button,body.sd-atelier-open .sd-greepkeuzes button{min-height:44px;padding:8px}
body.sd-atelier-open .sd-keuzes button span,body.sd-atelier-open .sd-stalen button span,body.sd-atelier-open .sd-indeling-keuzes span,body.sd-atelier-open .sd-paneelkeuzes span,body.sd-atelier-open .sd-greepkeuzes span{font-size:10px;line-height:1.25;margin-top:2px}
body.sd-atelier-open .sd-meerprijs{margin-top:3px;font-size:8px}
body.sd-atelier-open .sd-type-mini{float:left;width:31px;height:40px;margin:0 9px 0 0}
body.sd-atelier-open .sd-type-uitleg{margin:8px 0 0;padding:8px 10px;font-size:11px;line-height:1.35}
body.sd-atelier-open .sd-vormkeuzes svg,body.sd-atelier-open .sd-indeling-keuzes svg,body.sd-atelier-open .sd-paneelkeuzes svg{float:left;width:34px;height:40px;margin:0 8px 0 0}
body.sd-atelier-open .sd-greepkeuzes{grid-template-columns:repeat(3,minmax(0,1fr))}
body.sd-atelier-open .sd-greepkeuzes svg{float:left;width:44px;height:38px;margin:0 7px 0 0}
body.sd-atelier-open .sd-greepkeuzes small{font-size:7px;margin-top:3px}
body.sd-atelier-open .sd-vakken-visueel{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px;overflow:visible}
body.sd-atelier-open .sd-vakken-visueel svg{float:left;width:32px;height:38px;margin:0 6px 0 0}
body.sd-atelier-open .sd-vakken-visueel span{min-height:0;font-size:9px}
body.sd-atelier-open .sd-teller{gap:9px}
body.sd-atelier-open .sd-teller button{width:38px;height:38px}
body.sd-atelier-open .sd-teller .sd-hint{font-size:10px}
body.sd-atelier-open .sd-maten{gap:16px}
body.sd-atelier-open .sd-maten input[type=number]{font-size:17px;padding:6px 0}
body.sd-atelier-open .sd-hint{margin-top:6px;font-size:10px;line-height:1.35}
body.sd-atelier-open .sd-stalen{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
body.sd-atelier-open .sd-glaskeuzes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding-bottom:0}
body.sd-atelier-open .sd-glaskeuzes button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;column-gap:7px;min-width:0;max-width:none}
body.sd-atelier-open .sd-glaskeuzes img{grid-row:1/4;width:42px;height:48px;margin:0;object-fit:cover}
body.sd-atelier-open .sd-glaskeuzes .sd-meerprijs{grid-column:2}
body.sd-atelier-open .sd-glas-detail{grid-template-columns:1fr;margin:8px 0 0;padding:8px 0 0;gap:0}
body.sd-atelier-open .sd-glas-detail>img,body.sd-atelier-open .sd-glas-detail .lbl,body.sd-atelier-open .sd-glas-detail p{display:none}
body.sd-atelier-open .sd-glas-detail>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.sd-atelier-open .sd-glas-detail h3{font:500 13px var(--sans);margin:0}
body.sd-atelier-open .sd-glas-detail button{min-height:36px;padding:6px 0}
body.sd-atelier-open .sd-stapnav{position:static;flex:0 0 auto;grid-template-columns:minmax(110px,.34fr) minmax(100px,.66fr);gap:8px;margin-top:auto;padding:9px 0 0;border:0;border-top:1px solid var(--line);box-shadow:none;background:var(--plaster);backdrop-filter:none}
body.sd-atelier-open .sd-stapnav span{grid-column:1/-1;grid-row:1;padding:0;text-align:left;font-size:8px}
body.sd-atelier-open .sd-stapnav button{grid-row:2;min-height:50px}
body.sd-atelier-open #sd-vorige{background:transparent;color:var(--ink);border:1px solid var(--ink)}
body.sd-atelier-open #sd-volgende{position:relative;text-align:left;padding:12px 48px 12px 16px}
body.sd-atelier-open #sd-volgende::after{position:absolute;right:17px;top:50%;transform:translateY(-50%)}
body.sd-atelier-open #bestellen,body.sd-atelier-open .sd-form{flex:1 1 0;min-height:0;margin:0;padding:8px 0 0;border:0;max-width:none}
body.sd-atelier-open #bestellen{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);gap:14px}
body.sd-atelier-open #bestellen h2,body.sd-atelier-open .sd-form h2{font-size:28px;margin:5px 0 8px}
body.sd-atelier-open .sd-eindontwerp{margin:0 0 7px;font-size:11px;line-height:1.35}
body.sd-atelier-open .sd-terug-ontwerp{min-height:34px;margin:0 0 8px;padding:5px 9px}
body.sd-atelier-open .sd-routes,body.sd-atelier-open .sd-opties{gap:5px}
body.sd-atelier-open .sd-opties{margin-top:6px}
body.sd-atelier-open .sd-route,body.sd-atelier-open .sd-vink{padding:8px;gap:8px}
body.sd-atelier-open .sd-route span,body.sd-atelier-open .sd-vink span{font-size:10px;line-height:1.3}
body.sd-atelier-open .sd-prijs{position:static;padding:14px}
body.sd-atelier-open .sd-voorlopig{margin-bottom:7px}
body.sd-atelier-open .sd-prijs dl{gap:4px 10px;font-size:11px}
body.sd-atelier-open .sd-totaal{margin-top:9px;padding-top:8px}
body.sd-atelier-open .sd-totaal strong{font-size:30px}
body.sd-atelier-open #sd-aanvraag-verder{width:100%;margin-top:8px}
body.sd-atelier-open .sd-contact-terug{margin-bottom:5px}
body.sd-atelier-open .sd-form>p{font-size:11px;line-height:1.35;margin:0}
body.sd-atelier-open .sd-velden{grid-template-columns:1fr 1fr;gap:7px 18px;margin-top:8px}
body.sd-atelier-open .veld{gap:2px;font-size:10px}
body.sd-atelier-open .veld input,body.sd-atelier-open .veld textarea{font-size:13px;padding:5px 0}
body.sd-atelier-open .veld textarea{height:42px}
body.sd-atelier-open .sd-voet{margin-top:8px}
body.sd-atelier-open .sd-voet small{font-size:9px}
body.sd-atelier-open #sd-verzend{min-height:50px;padding:11px 18px}
body.sd-atelier-open .direct-regel{font-size:10px;margin-top:6px}

@media(max-width:700px){
  body.sd-atelier-open .sd{padding:8px 10px;grid-template-rows:40px 72px minmax(0,1fr)}
  body.sd-atelier-open .sd-atelier-kop>div{gap:8px;font-size:10px}
  body.sd-atelier-open .sd-atelier-merk{font-size:20px}
  body.sd-atelier-open #sd-sluit-atelier{font-size:9px}
  body.sd-atelier-open .sd-tabs{grid-template-columns:repeat(2,minmax(0,1fr));height:72px}
  body.sd-atelier-open .sd-tabs button{min-height:36px;padding:5px;font-size:8px}
  body.sd-atelier-open .sd-conf{grid-template-columns:1fr;grid-template-rows:190px minmax(0,1fr)}
  body.sd-atelier-open .sd-beeld{padding:6px 0;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:20px minmax(0,1fr) 34px;column-gap:7px}
  body.sd-atelier-open .sd-beeldkop{grid-column:1/-1;margin:0}
  body.sd-atelier-open .sd-beeldkop p{display:none}
  body.sd-atelier-open .sd-plaat{grid-column:1;grid-row:2/4;max-height:none;aspect-ratio:auto}
  body.sd-atelier-open .sd-toolbar{grid-column:2;grid-row:2;display:flex;flex-direction:column;border:0}
  body.sd-atelier-open .sd-toolbar button{flex:1;min-height:0;padding:3px;font-size:7px;border:1px solid var(--line)}
  body.sd-atelier-open .sd-onderschrift{display:none}
  body.sd-atelier-open .sd-live{grid-column:2;grid-row:3;margin:0;padding:3px 0 0;border-top:1px solid var(--line)}
  body.sd-atelier-open .sd-live>div{display:block}
  body.sd-atelier-open .sd-live span,body.sd-atelier-open .sd-live small{display:none}
  body.sd-atelier-open .sd-live strong{font-size:22px}
  body.sd-atelier-open .sd-paneel{padding:6px 0 0;min-height:0}
  body.sd-atelier-open .sd-subtabs{flex-basis:32px}
  body.sd-atelier-open .sd-subtabs button{min-height:30px;padding:4px 8px;font-size:8px}
  body.sd-atelier-open .sd-groep{padding:7px 0}
  body.sd-atelier-open .sd-keuzes{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.sd-atelier-open .sd-greepkeuzes{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.sd-atelier-open .sd-stalen{grid-template-columns:repeat(5,minmax(0,1fr))}
  body.sd-atelier-open .sd-glaskeuzes{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.sd-atelier-open .sd-glaskeuzes button{display:block;padding:4px;text-align:center}
  body.sd-atelier-open .sd-glaskeuzes img{width:100%;height:34px;margin:0 0 3px}
  body.sd-atelier-open .sd-glaskeuzes span{display:none}
  body.sd-atelier-open .sd-glaskeuzes .sd-meerprijs{font-size:6px}
  body.sd-atelier-open .sd-glas-detail{margin-top:4px;padding-top:4px}
  body.sd-atelier-open .sd-stapnav{grid-template-columns:minmax(88px,1fr) minmax(0,2fr);padding-top:6px}
  body.sd-atelier-open .sd-stapnav button,body.sd-atelier-open #sd-aanvraag-verder,body.sd-atelier-open #sd-verzend{min-height:52px}
  body.sd-atelier-open #bestellen{grid-template-columns:1fr 138px;gap:7px}
  body.sd-atelier-open #bestellen h2,body.sd-atelier-open .sd-form h2{font-size:22px}
  body.sd-atelier-open .sd-route span,body.sd-atelier-open .sd-vink span{font-size:9px}
  body.sd-atelier-open .sd-route,body.sd-atelier-open .sd-vink{padding:5px}
  body.sd-atelier-open .sd-prijs{padding:9px}
  body.sd-atelier-open .sd-prijs dl{font-size:9px}
  body.sd-atelier-open .sd-velden{grid-template-columns:1fr 1fr;gap:5px 10px}
  body.sd-atelier-open .veld.vol{grid-column:1/-1}
  body.sd-atelier-open .sd-voet{flex-wrap:nowrap}
}
/* Leesbare keuzes binnen het vaste canvas. De primaire actie blijft rechts, ook op het eerste scherm. */
body.sd-atelier-open .sd-subtabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px var(--ink);background:var(--paper)}
body.sd-atelier-open #sd-volgende{grid-column:2;font-size:13px}
body.sd-atelier-open #sd-vorige{grid-column:1;font-size:12px}
body.sd-atelier-open .sd-subtabs button{font-size:12px;min-height:38px}
body.sd-atelier-open .sd-stapnav span{font-size:10px}
body.sd-atelier-open .sd-keuzes button span,body.sd-atelier-open .sd-stalen button span,body.sd-atelier-open .sd-indeling-keuzes span,body.sd-atelier-open .sd-paneelkeuzes span,body.sd-atelier-open .sd-greepkeuzes span{font-size:12px;line-height:1.4}
body.sd-atelier-open .sd-meerprijs{font-size:10px;margin-top:6px}
body.sd-atelier-open .sd-greepkeuzes small{font-size:10px}
body.sd-atelier-open .sd-type-uitleg{font-size:13px;line-height:1.5;padding:12px}
body.sd-atelier-open .sd-hint{font-size:12px;line-height:1.4}
body.sd-atelier-open .sd-glaskeuzes button{display:block;padding:8px}
body.sd-atelier-open .sd-glaskeuzes img{width:100%;height:90px;object-fit:cover;margin-bottom:7px}
body.sd-atelier-open .sd-glaskeuzes span{display:none}
body.sd-atelier-open .sd-glas-detail h3{font-size:16px}
body.sd-atelier-open .sd-live small{font-size:11px}
@media(min-width:701px){
 body.sd-atelier-open .sd-keuzes[data-veld=type] button{display:grid;grid-template-columns:50px 1fr;column-gap:12px;align-content:center;padding:16px;min-height:128px}
 body.sd-atelier-open .sd-type-mini{grid-row:1/4;float:none;width:46px;height:62px;margin:0}
 body.sd-atelier-open .sd-keuzes button b{font-size:16px}
 body.sd-atelier-open .sd-keuzes[data-veld=type] .sd-meerprijs{grid-column:2}
 body.sd-atelier-open .sd-vormkeuzes button,body.sd-atelier-open .sd-paneelkeuzes button{min-height:150px;padding:20px}
 body.sd-atelier-open .sd-vormkeuzes svg,body.sd-atelier-open .sd-paneelkeuzes svg{width:60px;height:80px;margin-right:18px}
 body.sd-atelier-open .sd-indeling-keuzes button{min-height:90px;padding:12px}
 body.sd-atelier-open .sd-indeling-keuzes svg{width:43px;height:58px;margin-right:12px}
 body.sd-atelier-open .sd-vakken-visueel button{min-height:75px}
 body.sd-atelier-open .sd-vakken-visueel svg{width:38px;height:48px}
 body.sd-atelier-open .sd-greepkeuzes button{min-height:135px;padding:12px}
 body.sd-atelier-open .sd-greepkeuzes svg{float:none;width:100%;height:54px;margin:0 0 8px}
 body.sd-atelier-open .sd-maten input[type=number]{font-size:26px;padding:12px 0}
 body.sd-atelier-open .sd-maten input[type=range]{height:32px}
}

/* Grepen en sluitingen: fotokeuzes blijven compact binnen het vaste ateliercanvas. */
.sd-greep-melding{margin:0 0 8px;color:var(--bronze);font-size:11px;line-height:1.35}
.sd-greep-melding:empty{display:none}
.sd-greepkeuzes img{display:block;width:100%;height:72px;margin-bottom:8px;object-fit:cover;background:#ded7cc}
.sd-greep-detail{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.sd-greep-detail>img{width:54px;height:48px;object-fit:cover}
.sd-greep-detail>div>span,.sd-greep-detail>div>small{display:block;color:var(--oak-tekst);font-size:9px;line-height:1.3}
.sd-greep-detail>div>b{display:block;font-size:12px;font-weight:500}
.sd-greep-detail>button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:6px 0;font:11px var(--mono);cursor:pointer;white-space:nowrap}
body.sd-atelier-open .sd-greepkeuzes img{height:54px;margin-bottom:6px}
body.sd-atelier-open .sd-greep-detail{grid-template-columns:42px minmax(0,1fr) auto;margin-top:6px;padding-top:6px}
body.sd-atelier-open .sd-greep-detail>img{width:42px;height:38px}
@media(max-width:700px){
 body.sd-atelier-open .sd-greepkeuzes img{grid-row:1/4;width:36px;height:50px;margin:0;object-fit:cover}
 body.sd-atelier-open .sd-greep-detail{grid-template-columns:minmax(0,1fr) auto}
 body.sd-atelier-open .sd-greep-detail>img,body.sd-atelier-open .sd-greep-detail>div>span,body.sd-atelier-open .sd-greep-detail>div>small{display:none}
 body.sd-atelier-open .sd-greep-detail>button{font-size:9px}
}
@media(max-width:700px) and (max-height:780px){
 body.sd-atelier-open .sd-greepkeuzes button{min-height:58px}
 body.sd-atelier-open .sd-greepkeuzes img{height:42px}
 body.sd-atelier-open .sd-greep-detail{margin-top:4px;padding-top:4px}
}
@media(max-width:700px){
 body.sd-atelier-open .sd-subtabs button{font-size:11px;min-height:34px}
 body.sd-atelier-open .sd-glaskeuzes button{padding:5px}
 body.sd-atelier-open .sd-glaskeuzes img{height:42px;margin-bottom:4px}
 body.sd-atelier-open .sd-glaskeuzes b{font-size:11px}
 body.sd-atelier-open .sd-glaskeuzes .sd-meerprijs{font-size:9px;margin-top:3px}
 body.sd-atelier-open .sd-type-uitleg{font-size:11px;padding:8px;line-height:1.35}
 body.sd-atelier-open .sd-keuzes button span,body.sd-atelier-open .sd-indeling-keuzes span,body.sd-atelier-open .sd-paneelkeuzes span,body.sd-atelier-open .sd-greepkeuzes span{font-size:11px;line-height:1.3}
 body.sd-atelier-open .sd-hint{font-size:10px}
 body.sd-atelier-open .sd-greepkeuzes small{font-size:9px}
 body.sd-atelier-open .sd-toolbar button{font-size:9px}
 body.sd-atelier-open .sd-live strong{font-size:22px}
 body.sd-atelier-open.sd-op-aanvraag .sd-live strong{font-size:16px}
 body.sd-atelier-open #sd-volgende{font-size:12px;padding-right:32px}
 body.sd-atelier-open #sd-volgende::after{right:10px}
}
body.sd-atelier-open .sd-paneel{overflow:visible;min-width:0}
body.sd-atelier-open .sd-conf{overflow:visible}
body.sd-atelier-open .sd-paneelgroep{min-width:0}
body.sd-atelier-open .sd-stapnav{margin-left:0;margin-right:0}
body.sd-atelier-open .sd-live{display:flex}
body.sd-atelier-open #bestellen{display:flex;flex-direction:column;gap:0}
body.sd-atelier-open .sd-verder-links{display:flex;flex-direction:column;flex:1;min-height:0}
body.sd-atelier-open #sd-aanvraag-verder{margin-top:auto;flex-shrink:0}
body.sd-atelier-open .sd-prijs{height:100%;display:flex;flex-direction:column;padding:24px}
body.sd-atelier-open .sd-prijs h2{margin-bottom:22px!important}
body.sd-atelier-open .sd-prijs dl{font-size:14px;gap:9px 16px}
body.sd-atelier-open .sd-prijs dd{font-size:13px}
body.sd-atelier-open .sd-totaal strong{font-size:40px}
body.sd-atelier-open .sd-prijs-acties{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:auto;padding-top:18px}
body.sd-atelier-open #sd-prijs-terug{background:transparent;color:var(--plaster);border:1px solid var(--plaster);min-height:52px;cursor:pointer}
body.sd-atelier-open #sd-prijs-verder{background:var(--plaster);color:var(--ink);min-height:52px;padding:10px;font-size:13px}
body.sd-atelier-open .sd-route,body.sd-atelier-open .sd-vink{padding:12px}
body.sd-atelier-open .sd-route span,body.sd-atelier-open .sd-vink span{font-size:12px;line-height:1.4}
body.sd-atelier-open .sd-eindontwerp{font-size:12px;margin-bottom:12px}
@media(max-width:700px){
 body.sd-atelier-open .sd-conf{grid-template-rows:170px minmax(0,1fr)}
 body.sd-atelier-open .sd-beeld{grid-template-rows:18px minmax(0,1fr) 38px}
 body.sd-atelier-open .sd-live strong{font-size:20px;white-space:nowrap}
 body.sd-atelier-open.sd-op-aanvraag .sd-live strong{font-size:13px;white-space:normal;line-height:1.2}
 body.sd-atelier-open .sd-greepkeuzes button{display:grid;grid-template-columns:36px 1fr;align-content:center;gap:2px 5px;min-height:76px}
 body.sd-atelier-open .sd-greepkeuzes svg{grid-row:1/4;width:36px;height:36px;float:none;margin:0}
 body.sd-atelier-open .sd-greepkeuzes span{font-size:10px;line-height:1.2}
 body.sd-atelier-open .sd-greepkeuzes small{font-size:8px;margin-top:1px;grid-column:2}
 body.sd-atelier-open .sd-verder-links{min-width:0}
 body.sd-atelier-open #bestellen h2{font-size:24px;margin:4px 0 8px}
 body.sd-atelier-open .sd-eindontwerp{font-size:10px;line-height:1.3;margin-bottom:5px}
 body.sd-atelier-open .sd-route,body.sd-atelier-open .sd-vink{padding:7px}
 body.sd-atelier-open .sd-route b,body.sd-atelier-open .sd-vink b{font-size:12px;line-height:1.2;margin-bottom:2px}
 body.sd-atelier-open .sd-route span,body.sd-atelier-open .sd-vink span{font-size:10px;line-height:1.25}
 body.sd-atelier-open .sd-prijs{padding:14px}
 body.sd-atelier-open .sd-prijs h2{margin-bottom:12px!important}
 body.sd-atelier-open .sd-prijs dl{font-size:12px;gap:5px 10px}
 body.sd-atelier-open .sd-prijs dd{font-size:11px}
 body.sd-atelier-open .sd-nu{font-size:11px;line-height:1.4;margin-top:12px;padding-top:10px}
 body.sd-atelier-open .sd-prijs-acties{padding-top:12px;gap:8px}
 body.sd-atelier-open #sd-prijs-verder{font-size:12px}
 body.sd-atelier-open .veld input,body.sd-atelier-open .veld textarea{font-size:16px}
 body.sd-atelier-open .sd-form>p{font-size:11px}
 body.sd-atelier-open .sd-voet{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}
 body.sd-atelier-open .sd-voet small{font-size:10px}
 body.sd-atelier-open #sd-verzend{padding:10px;font-size:12px;line-height:1.3}
 body.sd-atelier-open .sd-primaire-actie::after,body.sd-atelier-open #sd-verzend::after{margin-left:6px}
}
@media(max-width:700px) and (max-height:780px){
 body.sd-atelier-open .sd-conf{grid-template-rows:130px minmax(0,1fr)}
 body.sd-atelier-open .sd-beeldkop{display:none}
 body.sd-atelier-open .sd-beeld{grid-template-rows:0 minmax(0,1fr) 35px}
 body.sd-atelier-open .sd-greepkeuzes button{min-height:66px}
}
/* Het atelier staat in de pagina: het sfeerbeeld erboven blijft behouden en bereikbaar. */
body.sd-atelier-open{overflow:visible;padding-bottom:0}
body.sd-atelier-open>header{display:flex!important}
body.sd-atelier-open>footer{display:flex!important}
body.sd-atelier-open>.mob-achter{display:block!important}
body.sd-atelier-open>.mobmenu{display:flex!important}
body.sd-atelier-open .sd{position:static;inset:auto;z-index:auto;display:block;max-width:1540px;margin:auto;padding:0 var(--mx) 48px;overflow:visible}
body.sd-atelier-open .sd-hero{display:grid}
body.sd-atelier-open .kruimel{display:block}
body.sd-atelier-open .sd-info{display:grid}
body.sd-atelier-open .sd-atelier{height:calc(100dvh - var(--sd-header-height,90px) - 16px);min-height:0;display:grid;grid-template-rows:36px 48px minmax(0,1fr);margin-top:70px;scroll-margin-top:calc(var(--sd-header-height,90px) + 8px);border-top:1px solid var(--ink)}
body.sd-atelier-open .sd-atelier-kop{font-size:12px}
body.sd-atelier-open .sd-atelier-merk{display:none}
body.sd-atelier-open .sd-atelier-kop>div{font-size:12px}
@media(max-width:700px){
 body.sd-atelier-open .sd{padding:0 12px 32px}
 body.sd-atelier-open .sd-atelier{grid-template-rows:30px 62px minmax(0,1fr);margin-top:36px}
 body.sd-atelier-open .sd-tabs{height:62px;margin-left:0;margin-right:0}
 body.sd-atelier-open .sd-tabs button{min-height:31px;font-size:9px}
 body.sd-atelier-open .sd-conf{grid-template-rows:116px minmax(0,1fr)}
 body.sd-atelier-open .sd-beeldkop{display:none}
 body.sd-atelier-open .sd-beeld{grid-template-rows:0 minmax(0,1fr) 34px}
 body.sd-atelier-open.sd-voorlopige-tarieven:not(.sd-op-aanvraag) .sd-live>div:after{content:'Voorlopige prijs';display:block;font-size:9px;line-height:1.1;color:var(--oak-tekst)}
 body.sd-atelier-open .sd-live{padding-top:0}
}
@media(max-width:700px) and (max-height:780px){
 body.sd-atelier-open .sd-conf{grid-template-rows:95px minmax(0,1fr)}
}
body.sd-atelier-open .sd-velden{grid-template-columns:repeat(2,minmax(0,1fr))}
body.sd-atelier-open .veld,body.sd-atelier-open .veld input,body.sd-atelier-open .veld textarea{min-width:0;width:100%}
body.sd-atelier-open #configurator{scroll-margin-top:calc(var(--sd-header-height,90px) + 92px)}
@media(max-width:700px){body.sd-atelier-open #configurator{scroll-margin-top:calc(var(--sd-header-height,90px) + 100px)}}
@media(max-width:700px) and (max-height:780px){
 body.sd-atelier-open .sd-conf{grid-template-rows:116px minmax(0,1fr)}
 body.sd-atelier-open .sd-toolbar button{line-height:1.1;padding:1px 3px}
 body.sd-atelier-open[data-scherm=service] .sd-conf,body.sd-atelier-open[data-scherm=prijs] .sd-conf,body.sd-atelier-open[data-scherm=contact] .sd-conf{grid-template-rows:95px minmax(0,1fr)}
 body.sd-atelier-open.sd-aanvraag-zichtbaar .sd-toolbar{display:none}
}
@media(max-width:700px) and (max-height:780px){body.sd-atelier-open[data-scherm=indeling-verdeling] .sd-groep{padding-top:4px;padding-bottom:4px}}
/* Houd de camera onafhankelijk van wisselende samenvattingen en prijsregels. */
html{scroll-behavior:auto}
body.sd-atelier-open .sd-atelier{overflow-anchor:none}
body.sd-atelier-open .sd-conf,body.sd-atelier-open .sd-beeld,body.sd-atelier-open .sd-paneel{overflow:clip}
body.sd-atelier-open.sd-op-aanvraag #sd-prijsverschil{display:none}
.sd-maatinvoer-hint{font-size:12px;color:var(--ink-2);line-height:1.4;margin:0 0 12px}
body.sd-atelier-open .sd-paneelkeuzes svg{width:60px;height:76px;stroke:none;fill:none}
@media(min-width:701px){body.sd-atelier-open .sd-paneelkeuzes svg{width:82px;height:106px}}
.sd-maten input[type=number],body.sd-atelier-open .sd-maten input[type=number]{border:1px solid var(--oak-tekst);background:var(--plaster);padding:10px 12px;border-radius:2px;cursor:text;min-height:44px}
.sd-maten input[type=number]:focus{outline:2px solid var(--bronze);outline-offset:2px;background:#fffdf8}
.sd-maten input[type=number][aria-invalid=true]{border-color:#9A3B2A}
@media(max-width:700px){.sd-maatinvoer-hint{font-size:11px;margin-bottom:8px}}
@media(max-width:700px) and (max-height:780px){
 body.sd-atelier-open .sd-prijs h2{margin-bottom:6px!important}
 body.sd-atelier-open .sd-prijs .sd-voorlopig{margin-bottom:8px}
 body.sd-atelier-open .sd-prijs .sd-totaal{margin-top:10px;padding-top:10px}
 body.sd-atelier-open .sd-prijs .sd-nu{margin-top:8px;padding-top:8px}
}
@media(min-width:701px){
 body.sd-atelier-open .sd-beeld{display:grid;grid-template-rows:38px minmax(0,1fr) 38px 48px 78px}
 body.sd-atelier-open .sd-beeldkop{min-height:0;margin:0 0 7px}
 body.sd-atelier-open .sd-plaat{height:100%;min-width:0;min-height:0}
 body.sd-atelier-open .sd-onderschrift{min-height:0;line-height:1.35;overflow:hidden}
 body.sd-atelier-open .sd-live{min-height:0;align-self:stretch;align-items:flex-start}
 body.sd-atelier-open .sd-live>div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;width:100%}
 body.sd-atelier-open .sd-live strong{font-size:30px;white-space:nowrap}
 body.sd-atelier-open .sd-live small{grid-column:1/-1}
}

/* Ongesneden greepfoto's: bediening en sluiting moeten in elke tegel herkenbaar blijven. */
body.sd-atelier-open .sd-greepkeuzes{grid-template-columns:repeat(2,minmax(0,1fr))}
body.sd-atelier-open .sd-greepkeuzes button{display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-content:center;min-height:100px;padding:8px}
body.sd-atelier-open .sd-greepkeuzes img{grid-row:1/4;width:84px;height:84px;margin:0;object-fit:contain;background:var(--paper)}
body.sd-atelier-open .sd-greepkeuzes small{grid-column:2}
@media(max-width:700px){
 body.sd-atelier-open .sd-greepkeuzes button{grid-template-columns:48px minmax(0,1fr);min-height:58px;padding:5px;column-gap:7px}
 body.sd-atelier-open .sd-greepkeuzes img{width:48px;height:48px;object-fit:contain}
 body.sd-atelier-open .sd-greepkeuzes button>span,body.sd-atelier-open .sd-greepkeuzes button>small{display:none}
 body.sd-atelier-open .sd-greep-detail{grid-template-columns:minmax(0,1fr) auto;gap:7px}
 body.sd-atelier-open .sd-greep-detail>div>small#sd-greep-detail-tekst{display:block;font-size:8px;line-height:1.2}
}
@media(max-width:700px) and (max-height:780px){
 body.sd-atelier-open .sd-greepkeuzes button{min-height:54px}
 body.sd-atelier-open .sd-greepkeuzes img{width:44px;height:44px}
}
@media(min-width:701px) and (max-height:800px){
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-groep{padding-top:4px;padding-bottom:3px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-keuze-inleiding{margin-bottom:5px;font-size:10px;line-height:1.25}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-melding{margin-bottom:4px;font-size:9px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes button{grid-template-columns:58px minmax(0,1fr);min-height:64px;padding:3px 6px;column-gap:8px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes img{width:58px;height:58px;object-fit:contain}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes button>span{display:none}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes b{font-size:12px;line-height:1.15}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes small{font-size:8px;line-height:1.15;margin-top:2px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail{grid-template-columns:minmax(0,1fr) auto;min-height:38px;margin-top:4px;padding-top:4px;gap:8px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail>img,body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail>div>span{display:none}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail>div>small{font-size:8px;line-height:1.15}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail>button{min-height:32px;padding:3px 0;font-size:9px}
}
@media(max-width:700px) and (max-height:780px){
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-groep{padding-top:1px;padding-bottom:1px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-keuze-inleiding{margin-bottom:3px;font-size:10px;line-height:1.2}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-melding{margin-bottom:2px;font-size:8px;line-height:1.15}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes{gap:3px 5px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes button{grid-template-columns:40px minmax(0,1fr);min-height:47px;padding:2px 4px;column-gap:5px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes img{width:40px;height:40px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greepkeuzes b{font-size:11px;line-height:1.15}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail{min-height:34px;margin-top:2px;padding-top:2px;gap:5px}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail>div>b{font-size:10px;line-height:1.1}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail>div>small#sd-greep-detail-tekst{font-size:9px;line-height:1.2}
 body.sd-atelier-open[data-scherm=materiaal-greep] .sd-greep-detail>button{min-height:38px;padding:2px 0;font-size:10px;white-space:normal;line-height:1.2}
}
@media(max-width:700px){body.sd-atelier-open .sd-live strong{display:block}}
/* De nieuwe site voegt een bewaarbericht toe; houd ook dat leesbaar in het atelier. */
body.sd-atelier-open .sd-form .concept-melding{display:block;font-size:10px;line-height:1.3;margin:6px 0 0}
@media(max-width:700px) and (max-height:780px){
 body.sd-atelier-open[data-scherm=contact] .sd-conf{grid-template-rows:80px minmax(0,1fr)}
}