.dm-v3-root{--green:#173d31;--green2:#285c49;--mint:#eaf2ee;--line:#cfdcd6;--ink:#17231f;--muted:#60716a;--gold:#f4c45b;--white:#fff;--shadow:0 18px 55px rgba(24,50,41,.14);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f4f7f5}
.dm-v3-root,.dm-v3-root *{box-sizing:border-box}.dm-v3-standalone{margin:0;background:linear-gradient(135deg,#f9fbfa,#edf3f0)}.dm-v3-root{color:var(--ink)}.dm-v3-root button,.dm-v3-root input,.dm-v3-root select,.dm-v3-root textarea{font:inherit}.dm-v3-root .app{max-width:1660px;margin:auto;padding:28px}.dm-v3-root .topbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}.dm-v3-root .eyebrow{margin:0 0 7px;color:var(--green2);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.dm-v3-root .topbar h1{margin:0;font-family:Georgia,serif;font-size:clamp(34px,4vw,62px);line-height:1}.dm-v3-root .intro{max-width:730px;margin:12px 0 0;color:var(--muted);font-size:16px}.dm-v3-root .price-card{min-width:220px;padding:16px 20px;border:1px solid #e6c269;border-radius:14px;background:#fff9e8;text-align:right;box-shadow:0 8px 25px rgba(110,82,17,.08)}.dm-v3-root .price-card span,.dm-v3-root .price-card small{display:block;color:#72550f;font-size:11px;font-weight:800;text-transform:uppercase}.dm-v3-root .price-card strong{display:block;margin:3px 0;color:#173d31;font-size:30px}.dm-v3-root .config-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);gap:24px;align-items:start}.dm-v3-root .preview-column{position:sticky;top:18px}.dm-v3-root .view-tabs{display:flex;gap:8px;margin-bottom:10px}.dm-v3-root .view-tab{padding:10px 17px;border:1px solid var(--line);border-radius:999px;color:var(--green);background:#fff;font-weight:800;cursor:pointer}.dm-v3-root .view-tab.is-active{color:#fff;border-color:var(--green);background:var(--green)}.dm-v3-root .stage{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:22px;background:#d9e5df;box-shadow:var(--shadow);isolation:isolate}.dm-v3-root .scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dm-v3-root .scene-side,.dm-v3-root .side-product{display:none}.dm-v3-root .stage[data-view="side"] .scene-front,.dm-v3-root .stage[data-view="side"] .front-product{display:none}.dm-v3-root .stage[data-view="side"] .scene-side,.dm-v3-root .stage[data-view="side"] .side-product{display:block}.dm-v3-root .front-product{position:absolute;z-index:2;left:50%;bottom:9%;width:65%;transform:translateX(-50%);transition:width .28s ease}.dm-v3-root .front-product>img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 9px rgba(0,0,0,.38))}.dm-v3-root .material,.dm-v3-root .option-layer{position:absolute;inset:0;pointer-events:none}.dm-v3-root .material{opacity:.02;mix-blend-mode:color;transition:background .2s,opacity .2s}.dm-v3-root .material.is-colored{opacity:.58}.dm-v3-root .material-fascia{clip-path:polygon(0 0,100% 0,100% 28%,98% 31%,2% 31%,0 26%)}.dm-v3-root .material-side-left{clip-path:polygon(2% 26%,7.5% 28%,7% 95%,2.5% 94%)}.dm-v3-root .material-side-right{clip-path:polygon(92.5% 28%,98% 26%,97.5% 94%,93% 95%)}.dm-v3-root .material-under{clip-path:polygon(6.5% 90%,93.5% 90%,94% 97%,6% 97%)}.dm-v3-root .pane-option{position:absolute;overflow:hidden}.dm-v3-root .vent{position:absolute;z-index:6;top:4%;left:8%;width:84%;height:6.5%;border:1px solid rgba(255,255,255,.28);background:repeating-linear-gradient(90deg,#c7c3b7 0 2px,#29322f 2px 7px),linear-gradient(#47514d,#111817);box-shadow:0 2px 5px rgba(0,0,0,.38)}.dm-v3-root .screen{position:absolute;z-index:4;inset:9% 8% 7%;background:repeating-linear-gradient(90deg,rgba(17,28,25,.28) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(17,28,25,.25) 0 1px,transparent 1px 5px);opacity:.55}.dm-v3-root .shutter-guides:before,.dm-v3-root .shutter-guides:after{position:absolute;z-index:8;top:0;bottom:0;width:4%;background:linear-gradient(90deg,#202724,#69706b,#222a27);content:""}.dm-v3-root .shutter-guides:before{left:0}.dm-v3-root .shutter-guides:after{right:0}.dm-v3-root .shutter{position:absolute;z-index:7;top:0;right:3%;left:3%;height:12%;border-bottom:2px solid rgba(0,0,0,.45);background:repeating-linear-gradient(0deg,#d6d1c4 0 4px,#a7a398 4px 6px);box-shadow:0 4px 8px rgba(0,0,0,.3);transition:height .22s}.dm-v3-root .shutter.is-half{height:52%}.dm-v3-root .shutter.is-closed{height:96%}.dm-v3-root .shutter-cassette{position:absolute;z-index:9;top:0;right:0;left:0;height:9%;background:linear-gradient(#e4e0d5,#aaa69c,#d0ccc0);border-bottom:2px solid rgba(0,0,0,.3)}.dm-v3-root .frame-tint{position:absolute;z-index:5;inset:0;border:5px solid currentColor;opacity:.58;mix-blend-mode:color}.dm-v3-root .side-product{position:absolute;z-index:2;top:3.868%;left:12.983%;width:69.613%;transform-origin:18% 67.3%;filter:drop-shadow(0 7px 7px rgba(0,0,0,.24));transition:transform .25s}.dm-v3-root .side-product>img{display:block;width:100%;height:auto}.dm-v3-root .side-tint,.dm-v3-root .side-options{position:absolute;inset:0;pointer-events:none}.dm-v3-root .side-tint{opacity:.02;mix-blend-mode:color}.dm-v3-root .side-tint.is-colored{opacity:.55}.dm-v3-root .side-tint-fascia{clip-path:polygon(0 20%,43% 0,100% 46%,99% 56%,43% 20%,0 34%)}.dm-v3-root .side-tint-wall{clip-path:polygon(0 34%,42% 20%,42% 68%,7% 72%)}.dm-v3-root .side-options.has-options:after{position:absolute;right:6%;bottom:11%;padding:7px 10px;border-radius:999px;color:#fff;background:rgba(16,38,30,.82);font-size:11px;font-weight:800;content:attr(data-label)}.dm-v3-root .stage-badge{position:absolute;z-index:10;top:16px;left:16px;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid rgba(255,255,255,.5);border-radius:12px;color:#fff;background:rgba(16,34,28,.68);backdrop-filter:blur(10px)}.dm-v3-root .stage-badge span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dm-v3-root .stage-badge strong{font-size:14px}.dm-v3-root .measure{position:absolute;z-index:9;right:8%;bottom:4%;left:8%;display:flex;align-items:center;color:#fff}.dm-v3-root .measure span{height:1px;flex:1;background:rgba(255,255,255,.9)}.dm-v3-root .measure b{margin:0 10px;padding:7px 10px;border-radius:7px;color:var(--green);background:#fff;font-size:12px}.dm-v3-root .proof-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.dm-v3-root .proof-strip div{display:flex;gap:10px;align-items:center;padding:14px 16px;border-right:1px solid var(--line)}.dm-v3-root .proof-strip div:last-child{border:0}.dm-v3-root .proof-strip strong{color:var(--green);font-size:22px}.dm-v3-root .proof-strip span{color:var(--muted);font-size:12px}.dm-v3-root .controls{display:grid;gap:16px}.dm-v3-root .step,.dm-v3-root .summary-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(24,50,41,.06)}.dm-v3-root .step-head{display:flex;gap:13px;margin-bottom:18px}.dm-v3-root .step-head>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-weight:900}.dm-v3-root .step h2,.dm-v3-root .summary-card h2{margin:0;font-family:Georgia,serif;font-size:23px}.dm-v3-root .step-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.dm-v3-root .range-field{display:block;margin-bottom:17px}.dm-v3-root .range-field>span{display:flex;justify-content:space-between;margin-bottom:8px}.dm-v3-root .range-field output{color:var(--green2);font-weight:900}.dm-v3-root .range-field input{width:100%;accent-color:var(--green)}.dm-v3-root .range-field small{display:flex;justify-content:space-between;color:var(--muted)}.dm-v3-root .range-field i{font-style:normal}.dm-v3-root fieldset{margin:0 0 16px;padding:0;border:0}.dm-v3-root legend{margin-bottom:8px;font-size:13px;font-weight:900}.dm-v3-root .segments{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.dm-v3-root .segments.four{grid-template-columns:repeat(3,1fr)}.dm-v3-root .segment{padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--green);background:#f7faf8;font-weight:800;cursor:pointer}.dm-v3-root .segment.is-active{color:#fff;border-color:var(--green);background:var(--green)}.dm-v3-root .window-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.dm-v3-root .window-choice{padding:11px 5px;border:1px solid var(--line);border-radius:10px;color:var(--green);background:#f7faf8;font-weight:900;cursor:pointer}.dm-v3-root .window-choice.is-active{color:#fff;border-color:var(--green);background:var(--green)}.dm-v3-root .window-choice:disabled{color:#9aa6a1;background:#eef2f0;cursor:not-allowed}.dm-v3-root .color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dm-v3-root .color-grid label{display:grid;gap:6px;font-size:12px;font-weight:900}.dm-v3-root .color-grid select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#f9fbfa}.dm-v3-root .option-list{display:grid;gap:9px}.dm-v3-root .toggle{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.dm-v3-root .toggle input{width:20px;height:20px;accent-color:var(--green)}.dm-v3-root .toggle span{display:grid}.dm-v3-root .toggle small{margin-top:3px;color:var(--muted)}.dm-v3-root .toggle em{color:var(--green2);font-size:12px;font-style:normal;font-weight:900}.dm-v3-root .shutter-state{margin-top:14px}.dm-v3-root .summary-card{color:#fff;border-color:var(--green);background:var(--green)}.dm-v3-root .summary-card dl{margin:16px 0}.dm-v3-root .summary-card dl div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.14)}.dm-v3-root .summary-card dt{color:#bed0c8}.dm-v3-root .summary-card dd{margin:0;text-align:right;font-weight:800}.dm-v3-root .cta{width:100%;padding:14px;border:0;border-radius:11px;color:#173d31;background:var(--gold);font-weight:900;cursor:pointer}.dm-v3-root .summary-card p{margin:10px 0 0;color:#c9d9d2;font-size:11px;text-align:center}
.dm-v3-root .side-window-svg{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.dm-v3-root .side-window-svg .window-bed{fill:#17201e;opacity:.94}.dm-v3-root .side-window-svg .pane{fill:url(#sideGlass);stroke:#303a37;stroke-width:13;stroke-linejoin:round}.dm-v3-root .side-window-svg .pane.is-sash{stroke-width:17}.dm-v3-root .side-window-svg .sash-inner{fill:none;stroke:#56615d;stroke-width:6;opacity:.85}.dm-v3-root .side-window-svg .vent{fill:url(#sideVent);stroke:rgba(255,255,255,.32);stroke-width:2}.dm-v3-root .side-window-svg .screen{fill:url(#sideScreen);opacity:.55}.dm-v3-root .side-window-svg .roller{fill:url(#sideRoller);stroke:rgba(0,0,0,.32);stroke-width:3}
@media(max-width:1380px){.dm-v3-root .config-layout{grid-template-columns:1fr}.dm-v3-root .preview-column{position:static}.dm-v3-root .controls{grid-template-columns:1fr 1fr}.dm-v3-root .summary-card{grid-column:1/-1}}
@media(max-width:720px){.dm-v3-root .app{padding:14px}.dm-v3-root .topbar{align-items:stretch;flex-direction:column}.dm-v3-root .price-card{text-align:left}.dm-v3-root .stage{aspect-ratio:1/1}.dm-v3-root .controls{grid-template-columns:1fr}.dm-v3-root .proof-strip{grid-template-columns:1fr}.dm-v3-root .proof-strip div{border-right:0;border-bottom:1px solid var(--line)}.dm-v3-root .color-grid{grid-template-columns:1fr}.dm-v3-root .window-choices{grid-template-columns:repeat(2,1fr)}}
.dm-v3-root .view-tab:disabled{color:#87958f;border-color:#d9e1dd;background:#edf2ef;cursor:not-allowed}

/* V3 F1-correcties: vaste fysieke hoogte en zichtbaar materiaalgedrag. */
.dm-v3-root .front-product{transition:width .28s ease,height .28s ease}
.dm-v3-root .front-product>img{height:100%;object-fit:fill}
.dm-v3-root .material-fascia{clip-path:polygon(0 0,100% 0,100% 18%,98% 19%,2% 19%,0 18%)}
.dm-v3-root .material-fascia-soffit,.dm-v3-root .material-frame-head{display:block;opacity:1;mix-blend-mode:normal;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.dm-v3-root .material-fascia-soffit{top:18%;right:1.5%;bottom:auto;left:1.5%;height:calc(var(--body-top) - 18% + 1.5%);clip-path:polygon(0 0,100% 0,98.6% 100%,1.4% 100%)}
.dm-v3-root .material-frame-head{top:var(--body-top);right:4.5%;bottom:auto;left:4.5%;height:calc(var(--pane-top) - var(--body-top) + 2.2%)}
.dm-v3-root .material-fascia-soffit[data-color="anthracite"]{background-image:url("fascia-soffit-anthracite.jpg")}
.dm-v3-root .material-fascia-soffit[data-color="black"]{background-image:url("fascia-soffit-black.jpg")}
.dm-v3-root .material-fascia-soffit[data-color="white"]{background-image:url("fascia-soffit-white.jpg")}
.dm-v3-root .material-fascia-soffit[data-color="cream"]{background-image:url("fascia-soffit-cream.jpg")}
.dm-v3-root .material-frame-head[data-color="anthracite"]{background-image:url("frame-head-anthracite.jpg")}
.dm-v3-root .material-frame-head[data-color="black"]{background-image:url("frame-head-black.jpg")}
.dm-v3-root .material-frame-head[data-color="white"]{background-image:url("frame-head-white.jpg")}
.dm-v3-root .material-frame-head[data-color="cream"]{background-image:url("frame-head-cream.jpg")}
.dm-v3-root .material-side-left{clip-path:polygon(var(--side-start) var(--body-top),var(--side-end) var(--body-top),var(--side-end) var(--under-top),var(--side-start) var(--under-top))}
.dm-v3-root .material-side-right{clip-path:polygon(calc(100% - var(--side-end)) var(--body-top),calc(100% - var(--side-start)) var(--body-top),calc(100% - var(--side-start)) var(--under-top),calc(100% - var(--side-end)) var(--under-top))}
.dm-v3-root .material-under{clip-path:polygon(var(--side-start) var(--under-top),calc(100% - var(--side-start)) var(--under-top),calc(100% - var(--side-start)) 98%,var(--side-start) 98%)}
.dm-v3-root .material[data-color="white"],.dm-v3-root .material[data-color="cream"],.dm-v3-root .side-tint[data-color="white"],.dm-v3-root .side-tint[data-color="cream"]{opacity:.72;mix-blend-mode:screen}
.dm-v3-root .material[data-color="black"],.dm-v3-root .side-tint[data-color="black"]{opacity:.82;mix-blend-mode:multiply}
.dm-v3-root .material[data-color="anthracite"],.dm-v3-root .side-tint[data-color="anthracite"]{opacity:0}
.dm-v3-root .vent{top:3%;left:7%;width:86%;height:10%;border:0;background:url("vent-grille-real.jpg") center/100% 100% no-repeat;box-shadow:0 1px 3px rgba(0,0,0,.42)}
.dm-v3-root .frame-tint,.dm-v3-root .sash-tint{background:none;opacity:1;mix-blend-mode:normal;border-style:solid;border-color:transparent;border-image-slice:18;border-image-repeat:stretch;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.dm-v3-root .frame-tint{border-width:10px}
.dm-v3-root .pane-option.is-opening .frame-tint{border-width:10px}
.dm-v3-root .sash-tint{position:absolute;z-index:6;inset:10px;border-width:7px}
.dm-v3-root .frame-tint[data-color="anthracite"],.dm-v3-root .sash-tint[data-color="anthracite"]{border-image-source:url("frame-profile-anthracite.png")}
.dm-v3-root .frame-tint[data-color="black"],.dm-v3-root .sash-tint[data-color="black"]{border-image-source:url("frame-profile-black.png")}
.dm-v3-root .frame-tint[data-color="white"],.dm-v3-root .sash-tint[data-color="white"]{border-image-source:url("frame-profile-white.png")}
.dm-v3-root .frame-tint[data-color="cream"],.dm-v3-root .sash-tint[data-color="cream"]{border-image-source:url("frame-profile-cream.png")}
.dm-v3-root .vent{z-index:8}
.dm-v3-root #optionLayer .vent[data-color="anthracite"]{background-image:url("vent-grille-anthracite.jpg")}
.dm-v3-root #optionLayer .vent[data-color="black"]{background-image:url("vent-grille-black.jpg")}
.dm-v3-root #optionLayer .vent[data-color="white"]{background-image:url("vent-grille-white.jpg")}
.dm-v3-root #optionLayer .vent[data-color="cream"]{background-image:url("vent-grille-cream.jpg")}
.dm-v3-root .turn-direction{position:absolute;z-index:7;inset:23px 20px 21px;display:block;pointer-events:none;opacity:.72}
.dm-v3-root .turn-direction svg{display:block;width:100%;height:100%;overflow:visible}
.dm-v3-root .turn-direction path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.dm-v3-root .turn-direction[data-color="anthracite"]{color:#59645f!important}
.dm-v3-root .turn-direction[data-color="black"]{color:#303735!important}
.dm-v3-root .turn-direction[data-color="white"]{color:#a0a6a1!important}
.dm-v3-root .turn-direction[data-color="cream"]{color:#978f7b!important}
.dm-v3-root .side-product{transform-origin:18% 90%}
.dm-v3-root .side-tint-wall[data-color="white"],.dm-v3-root .side-tint-wall[data-color="cream"]{opacity:.5}
.dm-v3-root .side-window-svg .side-frame-color,.dm-v3-root .side-window-svg .side-sash-color{fill:none;stroke:currentColor;stroke-linejoin:round;pointer-events:none}
.dm-v3-root .side-window-svg .side-frame-color{stroke-width:21}
.dm-v3-root .side-window-svg .side-sash-color{stroke-width:13}
.dm-v3-root .side-window-svg .side-frame-color[data-color="anthracite"]{opacity:0}
.dm-v3-root .side-window-svg .side-sash-color[data-color="anthracite"]{opacity:.9;mix-blend-mode:multiply}
.dm-v3-root .side-window-svg .side-frame-color[data-color="white"],.dm-v3-root .side-window-svg .side-sash-color[data-color="white"]{opacity:.82;mix-blend-mode:screen}
.dm-v3-root .side-window-svg .side-frame-color[data-color="cream"],.dm-v3-root .side-window-svg .side-sash-color[data-color="cream"]{opacity:.76;mix-blend-mode:screen}
.dm-v3-root .side-window-svg .side-frame-color[data-color="black"],.dm-v3-root .side-window-svg .side-sash-color[data-color="black"]{opacity:.72;mix-blend-mode:multiply}
.dm-v3-root .side-tint-fascia{clip-path:polygon(0 22.5%,42.3% 0,100% 56.5%,100% 65%,42.3% 11.5%,0 24.5%)}
.dm-v3-root .side-tint-wall{clip-path:polygon(0 23%,40.3% 11%,40.3% 68%,0 24.5%)}
.dm-v3-root .side-options.has-options:after{display:none}
.dm-v3-root .side-window-svg .side-turn-line{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:11 8;opacity:.72;pointer-events:none}
.dm-v3-root .side-window-svg .side-turn-line[data-color="anthracite"]{color:#59645f!important}
.dm-v3-root .side-window-svg .side-turn-line[data-color="black"]{color:#303735!important}
.dm-v3-root .side-window-svg .side-turn-line[data-color="white"]{color:#a0a6a1!important}
.dm-v3-root .side-window-svg .side-turn-line[data-color="cream"]{color:#978f7b!important}

/* V3 tussenpaneel en verfijnde aansluiting boeideel/kozijn. */
.dm-v3-root .view-tabs{margin-bottom:6px}
.dm-v3-root .view-note{margin:0 0 10px 5px;color:#718079;font-size:12px}
.dm-v3-root .view-note.is-available{color:var(--green2);font-weight:800}
.dm-v3-root .color-grid-wide{grid-column:1/-1}
.dm-v3-root .panel-controls{display:grid;gap:7px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f7faf8}
.dm-v3-root .panel-controls[hidden],.dm-v3-root #intermediatePanelOption[hidden]{display:none}
.dm-v3-root .panel-controls label{display:grid;gap:6px;font-size:12px;font-weight:900}
.dm-v3-root .panel-controls select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff}
.dm-v3-root .panel-controls small{color:var(--muted);line-height:1.4}
.dm-v3-root .material-fascia-soffit{top:18.7%;height:calc(var(--body-top) - 18.7% + .7%)}
.dm-v3-root .material-frame-head{height:calc(var(--pane-top) - var(--body-top) + 1.4%)}
.dm-v3-root .material-fascia-soffit[data-color="white"],.dm-v3-root .material-fascia-soffit[data-color="cream"]{filter:brightness(1.07) contrast(.9)}
.dm-v3-root .material-frame-head[data-color="white"],.dm-v3-root .material-frame-head[data-color="cream"]{filter:brightness(1.04) contrast(.94)}
.dm-v3-root .between-panel{position:absolute;z-index:6;display:block;background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:inset 2px 0 rgba(255,255,255,.14),inset -3px 0 rgba(0,0,0,.26),0 1px 2px rgba(0,0,0,.22)}
.dm-v3-root .between-panel[data-color="anthracite"]{background-image:url("between-panel-anthracite.jpg")}
.dm-v3-root .between-panel[data-color="black"]{background-image:url("between-panel-black.jpg")}
.dm-v3-root .between-panel[data-color="white"]{background-image:url("between-panel-white.jpg")}
.dm-v3-root .between-panel[data-color="cream"]{background-image:url("between-panel-cream.jpg")}
.dm-v3-root .side-window-svg .side-between-panel{fill:url(#sidePanel);stroke:rgba(12,18,16,.5);stroke-width:3;stroke-linejoin:round;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.24))}

/* F1 verkooprender: fotografisch glas, afzonderlijke profieltrappen en echte diepte. */
.dm-v3-root .front-product>img{filter:saturate(.94) contrast(1.025) drop-shadow(0 9px 11px rgba(0,0,0,.4))}
.dm-v3-root .pane-option{isolation:isolate}
.dm-v3-root .glass-depth{position:absolute;z-index:3;inset:14px 13px 13px;display:block;border:1px solid rgba(225,235,236,.18);background:linear-gradient(118deg,rgba(255,255,255,.18) 0,rgba(255,255,255,.025) 31%,rgba(114,135,142,.045) 56%,rgba(255,255,255,.13) 100%);box-shadow:inset 3px 3px 6px rgba(8,18,20,.28),inset -2px -2px 4px rgba(235,241,240,.12);mix-blend-mode:soft-light;pointer-events:none}
.dm-v3-root .pane-option.is-opening .glass-depth{inset:23px 21px 21px}
.dm-v3-root .glass-depth:after{position:absolute;inset:0;background:linear-gradient(165deg,rgba(255,255,255,.1),transparent 33%,rgba(18,36,42,.06) 72%,rgba(255,255,255,.05));content:""}
.dm-v3-root .frame-tint,.dm-v3-root .sash-tint,.dm-v3-root .glazing-bead{background:none;opacity:1;mix-blend-mode:normal;border-style:solid;border-color:transparent;border-image-repeat:stretch;pointer-events:none}
.dm-v3-root .frame-tint{z-index:5;border-width:9px;border-image-slice:18;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}
.dm-v3-root .sash-tint{z-index:6;inset:8px;border-width:8px;border-image-slice:23;filter:drop-shadow(0 1px 1px rgba(0,0,0,.24))}
.dm-v3-root .glazing-bead{position:absolute;z-index:6;inset:13px;border-width:2px;border-image-slice:23;opacity:.64;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.dm-v3-root .pane-option.is-opening .glazing-bead{z-index:7;inset:20px;border-width:3px;opacity:.9}
.dm-v3-root .sash-tint[data-color="anthracite"],.dm-v3-root .glazing-bead[data-color="anthracite"]{border-image-source:url("sash-profile-anthracite.png")}
.dm-v3-root .sash-tint[data-color="black"],.dm-v3-root .glazing-bead[data-color="black"]{border-image-source:url("sash-profile-black.png")}
.dm-v3-root .sash-tint[data-color="white"],.dm-v3-root .glazing-bead[data-color="white"]{border-image-source:url("sash-profile-white.png")}
.dm-v3-root .sash-tint[data-color="cream"],.dm-v3-root .glazing-bead[data-color="cream"]{border-image-source:url("sash-profile-cream.png")}
.dm-v3-root .turn-direction{z-index:9;inset:28px 26px 25px;opacity:.62;filter:drop-shadow(0 1px rgba(255,255,255,.12))}
.dm-v3-root .vent{z-index:10;top:4%;left:10%;width:80%;height:9%;box-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.2)}
.dm-v3-root .screen{z-index:8;inset:13% 11% 9%;opacity:.44;mix-blend-mode:multiply}
.dm-v3-root .shutter-guides:before,.dm-v3-root .shutter-guides:after{z-index:12}
.dm-v3-root .shutter{z-index:11}.dm-v3-root .shutter-cassette{z-index:13}
.dm-v3-root .between-panel{background-position:center;background-size:100% 100%;box-shadow:inset 3px 0 rgba(8,15,18,.38),inset -3px 0 rgba(225,235,235,.1),inset 0 3px rgba(225,235,235,.08),inset 0 -2px rgba(8,15,18,.2)}

/* F1 v7: verkoopweergave op basis van doorlopende projectfotografie. */
.dm-v3-root .stage[data-view="front"] .scene-front{transform:scale(1.09);transform-origin:50% 100%;filter:saturate(.92) contrast(1.025) brightness(1.02)}
.dm-v3-root .front-product{bottom:9.5%}
.dm-v3-root .front-product>img{filter:saturate(.92) contrast(1.04) drop-shadow(0 5px 4px rgba(7,14,12,.25)) drop-shadow(0 14px 15px rgba(0,0,0,.26))}
.dm-v3-root .measure{bottom:2.2%}
.dm-v3-root .material-side-left,.dm-v3-root .material-side-right{opacity:.04;mix-blend-mode:color}
.dm-v3-root .material-side-left.is-colored,.dm-v3-root .material-side-right.is-colored{opacity:.67}
.dm-v3-root .material-under{clip-path:polygon(var(--side-start) var(--under-top),calc(100% - var(--side-start)) var(--under-top),calc(100% - var(--side-start)) var(--lead-top),var(--side-start) var(--lead-top))}
.dm-v3-root .glass-depth{inset:12px 11px 11px;border-color:rgba(225,235,236,.1);background:linear-gradient(116deg,rgba(255,255,255,.08),transparent 36%,rgba(116,138,145,.025) 62%,rgba(255,255,255,.055));box-shadow:inset 2px 2px 4px rgba(8,18,20,.16),inset -1px -1px 3px rgba(235,241,240,.07);mix-blend-mode:soft-light}
.dm-v3-root .pane-option.is-opening .glass-depth{inset:18px 17px 17px}
.dm-v3-root .frame-tint{border-width:6px;border-image-slice:22;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
.dm-v3-root .sash-tint{inset:7px;border-width:5px;border-image-slice:24;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
.dm-v3-root .frame-tint[data-color="anthracite"],.dm-v3-root .sash-tint[data-color="anthracite"]{opacity:0}
.dm-v3-root .glazing-bead{display:none}
.dm-v3-root .between-panel{box-shadow:inset 2px 0 rgba(8,15,18,.32),inset -2px 0 rgba(225,235,235,.09),inset 0 2px rgba(225,235,235,.06),inset 0 -4px rgba(8,15,18,.25),0 1px 2px rgba(0,0,0,.22)}
.dm-v3-root .turn-direction,.dm-v3-root .side-window-svg .side-turn-line{display:none}
.dm-v3-root .stage.show-technical .turn-direction{display:block}
.dm-v3-root .stage.show-technical .side-window-svg .side-turn-line{display:inline}
.dm-v3-root .technical-toggle{background:linear-gradient(135deg,#f7faf8,#eef5f1)}
.dm-v3-root .technical-toggle em{color:#687a72}
.dm-v3-root .material-frame-head[data-color="white"],.dm-v3-root .material-frame-head[data-color="cream"]{opacity:.46;filter:brightness(.72) contrast(.9)}
@media(max-width:720px){.dm-v3-root .stage[data-view="front"] .scene-front{transform:scale(1.18)}.dm-v3-root .front-product{bottom:8%}}

/* F1 v9: heldere witte kozijnconstructie, paneel en rolluikgeleiders. */
.dm-v3-root .mullion-cover{position:absolute;z-index:4;display:block;opacity:0;background-position:center;background-size:100% 100%;box-shadow:inset 1px 0 rgba(0,0,0,.16),inset -1px 0 rgba(255,255,255,.12);pointer-events:none}
.dm-v3-root .mullion-cover[data-color="white"]{opacity:1;background-image:url("frame-head-white.jpg");filter:brightness(1.16) contrast(.84) saturate(.45)}
.dm-v3-root .mullion-cover[data-color="cream"]{opacity:1;background-image:url("frame-head-cream.jpg");filter:brightness(1.1) contrast(.88) saturate(.7)}
.dm-v3-root .mullion-cover[data-color="black"]{opacity:.9;background-image:url("frame-head-black.jpg")}
.dm-v3-root .material-frame-head[data-color="white"]{opacity:.96;filter:brightness(1.16) contrast(.84) saturate(.45)}
.dm-v3-root .material-frame-head[data-color="cream"]{opacity:.94;filter:brightness(1.1) contrast(.88) saturate(.7)}
.dm-v3-root .between-panel[data-color="white"]{filter:brightness(1.28) contrast(.82) saturate(.42)}
.dm-v3-root .between-panel[data-color="cream"]{filter:brightness(1.13) contrast(.88) saturate(.68)}
.dm-v3-root .shutter-guides:before,.dm-v3-root .shutter-guides:after{width:4.5%;border-right:1px solid rgba(76,72,64,.28);border-left:1px solid rgba(255,255,255,.48);background:linear-gradient(90deg,#a9a497 0,#e9e5d9 30%,#f7f3e8 54%,#b5b0a4 100%);box-shadow:1px 0 2px rgba(0,0,0,.22)}
.dm-v3-root .shutter-cassette{background:linear-gradient(#f1ede2,#beb9ad 54%,#ded9cd)}
.dm-v3-root .frame-tint[data-color="white"],.dm-v3-root .sash-tint[data-color="white"]{filter:brightness(1.12) contrast(.88) drop-shadow(0 1px 1px rgba(0,0,0,.12))}

/* F1 v10: de onderdorpel hoort bij het kozijn, niet bij de zijwand. */
.dm-v3-root .material-under[data-color="white"]{opacity:.96;mix-blend-mode:screen;filter:brightness(1.18) contrast(.84) saturate(.38)}
.dm-v3-root .material-under[data-color="cream"]{opacity:.92;mix-blend-mode:screen;filter:brightness(1.1) contrast(.88) saturate(.68)}
.dm-v3-root .material-under[data-color="black"]{opacity:.86;mix-blend-mode:multiply}
.dm-v3-root .material-under[data-color="anthracite"]{opacity:0}

/* F1 v11: zijfronten vallen constructief voor de boven- en onderregel. */
.dm-v3-root .material-frame-head{right:var(--side-end);left:var(--side-end);z-index:2}
.dm-v3-root .material-under{z-index:2;clip-path:polygon(var(--side-end) var(--under-top),calc(100% - var(--side-end)) var(--under-top),calc(100% - var(--side-end)) var(--lead-top),var(--side-end) var(--lead-top))}
.dm-v3-root .material-side-left,.dm-v3-root .material-side-right{z-index:3}
.dm-v3-root .material-side-left{clip-path:polygon(var(--side-start) var(--body-top),var(--side-end) var(--body-top),var(--side-end) var(--lead-top),var(--side-start) var(--lead-top))}
.dm-v3-root .material-side-right{clip-path:polygon(calc(100% - var(--side-end)) var(--body-top),calc(100% - var(--side-start)) var(--body-top),calc(100% - var(--side-start)) var(--lead-top),calc(100% - var(--side-end)) var(--lead-top))}

/* F1 v12: echte doorlopende onderhoeken voor beide zijfronten. */
.dm-v3-root .material-side-foot{position:absolute;z-index:4;top:var(--under-top);width:calc(var(--side-end) - var(--side-start));height:calc(var(--lead-top) - var(--under-top) + .9%);opacity:.98;box-shadow:inset 0 1px rgba(255,255,255,.1),inset 0 -2px rgba(3,9,8,.2),0 1px 1px rgba(0,0,0,.25);pointer-events:none}
.dm-v3-root .material-side-foot:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 24%,transparent 72%,rgba(0,0,0,.14)),linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.13));content:""}
.dm-v3-root .material-side-foot-left{left:var(--side-start)}
.dm-v3-root .material-side-foot-right{right:var(--side-start)}

/* V13: toelichting bij de vaste rolluikkleur in de visualisatie. */
.dm-v3-root .shutter-note{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.4}

/* V14: complete F1-projectlogica uit de gevalideerde V1-prijsmatrix. */
.dm-v3-root .project-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:2px}
.dm-v3-root .project-grid label,.dm-v3-root .premium-finish label{display:grid;gap:6px;font-size:12px;font-weight:900}
.dm-v3-root .project-grid select,.dm-v3-root .premium-finish select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#f9fbfa}
.dm-v3-root .project-grid small,.dm-v3-root .premium-finish>small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}
.dm-v3-root .logic-note{margin:12px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#f7faf8;font-size:12px;line-height:1.45}
.dm-v3-root .logic-note[hidden]{display:none}
.dm-v3-root .logic-note.is-warning{border-color:#e6c269;color:#72550f;background:#fff9e8}
.dm-v3-root .execution-fieldset{margin-bottom:16px}
.dm-v3-root .execution-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dm-v3-root .execution-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f9fbfa;cursor:pointer}
.dm-v3-root .execution-card:has(input:checked){border-color:var(--green2);box-shadow:0 0 0 1px var(--green2);background:#f2f8f4}
.dm-v3-root .execution-card input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--green)}
.dm-v3-root .execution-card span{display:grid;gap:3px}
.dm-v3-root .execution-card small{color:var(--muted);font-size:11px;line-height:1.35}
.dm-v3-root .execution-card em{grid-column:2;color:var(--green2);font-size:11px;font-style:normal;font-weight:900}
.dm-v3-root .premium-finish{display:grid;gap:7px;margin:-2px 0 16px;padding:12px;border:1px solid #d9c891;border-radius:12px;background:#fffbef}
.dm-v3-root .premium-finish[hidden]{display:none}
.dm-v3-root .additional-options .toggle.is-disabled{opacity:.52;background:#f2f4f3;cursor:not-allowed}
.dm-v3-root .additional-options .toggle.is-disabled input{cursor:not-allowed}
.dm-v3-root .summary-card dd{max-width:66%;line-height:1.35}
.dm-v3-root .price-card strong{white-space:nowrap}
@media(max-width:720px){.dm-v3-root .project-grid,.dm-v3-root .execution-choices{grid-template-columns:1fr}.dm-v3-root .summary-card dl div{align-items:flex-start;flex-direction:column;gap:4px}.dm-v3-root .summary-card dd{max-width:none;text-align:left}}

/* V15: F1 ontwerpstudio — render eerst, prijs/offerte later vanuit Maatje Werkstudio. */
.dm-v3-root{background:
  radial-gradient(circle at 11% 6%,rgba(219,235,229,.72),transparent 31%),
  radial-gradient(circle at 92% 2%,rgba(247,239,217,.7),transparent 29%),
  linear-gradient(145deg,#f7f7f2,#eef4f1 58%,#f5f1e8)}
.dm-v3-root .visual-phase{max-width:1780px;padding:24px 30px 42px}
.dm-v3-root .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dm-v3-root .visual-phase .topbar{align-items:center;margin-bottom:20px;padding:4px 2px}
.dm-v3-root .visual-phase .topbar h1{max-width:850px;font-size:clamp(37px,4vw,68px);letter-spacing:-.035em}
.dm-v3-root .visual-phase .intro{max-width:820px;font-size:15px;line-height:1.6}
.dm-v3-root .visual-status-card{display:grid;min-width:310px;max-width:360px;gap:7px;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;color:#fff;background:linear-gradient(145deg,#173d31,#102f27);box-shadow:0 18px 42px rgba(20,57,47,.2)}
.dm-v3-root .visual-status-card span{display:flex;gap:7px;align-items:center;color:#bcd7cb;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.dm-v3-root .visual-status-card span i{width:7px;height:7px;border-radius:50%;background:#63d5ae;box-shadow:0 0 0 4px rgba(99,213,174,.12)}
.dm-v3-root .visual-status-card strong{font-family:Georgia,serif;font-size:20px;line-height:1.15}
.dm-v3-root .visual-status-card small{color:#bed0c8;font-size:11px;line-height:1.45}
.dm-v3-root .visual-phase .config-layout{grid-template-columns:minmax(0,1.5fr) minmax(390px,.5fr);gap:22px}
.dm-v3-root .preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:8px;padding:11px 12px 11px 16px;border:1px solid rgba(193,210,203,.88);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 9px 28px rgba(29,66,53,.07);backdrop-filter:blur(12px)}
.dm-v3-root .preview-title{display:grid;gap:2px}
.dm-v3-root .preview-title span{color:var(--green2);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.dm-v3-root .preview-title strong{font-family:Georgia,serif;font-size:17px}
.dm-v3-root .visual-phase .view-tabs{margin:0}
.dm-v3-root .visual-phase .view-tab{padding:9px 15px;font-size:12px}
.dm-v3-root .visual-phase .view-note{margin:0 0 8px 7px;font-size:11px}
.dm-v3-root .visual-phase .stage{border:1px solid rgba(255,255,255,.78);border-radius:24px;background:#dce5e2;box-shadow:0 30px 72px rgba(21,55,45,.2),0 3px 10px rgba(21,55,45,.1)}
.dm-v3-root .stage-atmosphere{position:absolute;z-index:1;inset:0;display:block;background:
  radial-gradient(ellipse at 50% 56%,transparent 38%,rgba(21,38,33,.055) 83%,rgba(11,25,21,.12) 100%),
  linear-gradient(180deg,rgba(255,255,255,.05),transparent 62%,rgba(20,34,30,.075));
  box-shadow:inset 0 1px rgba(255,255,255,.72),inset 0 -32px 54px rgba(20,38,32,.08);pointer-events:none}
.dm-v3-root .stage[data-view="front"] .scene-front{filter:saturate(.82) contrast(1.055) brightness(1.025)}
.dm-v3-root .front-product{filter:drop-shadow(0 3px 3px rgba(10,22,18,.12))}
.dm-v3-root .front-product>img{position:relative;z-index:0;filter:saturate(.88) contrast(1.055) brightness(.995) drop-shadow(0 5px 4px rgba(7,14,12,.22)) drop-shadow(0 16px 18px rgba(0,0,0,.24))}
.dm-v3-root .front-product:before,.dm-v3-root .front-product:after{position:absolute;z-index:1;right:var(--side-start);left:var(--side-start);display:block;content:"";pointer-events:none}
.dm-v3-root .front-product:before{top:calc(var(--body-top) - .25%);height:2.2%;background:linear-gradient(180deg,rgba(2,9,8,.38),rgba(8,19,16,.08),transparent);filter:blur(.35px)}
.dm-v3-root .front-product:after{top:calc(var(--under-top) - .15%);height:1.35%;background:linear-gradient(180deg,rgba(4,11,9,.34),rgba(7,18,15,.08),transparent);filter:blur(.25px)}
.dm-v3-root .glass-reflection{position:absolute;z-index:4;inset:12px 11px 11px;display:block;overflow:hidden;border:1px solid rgba(226,237,239,.12);background-color:#53656b;background-image:
  radial-gradient(ellipse at 68% 22%,rgba(239,246,247,.105),transparent 38%),
  linear-gradient(180deg,rgba(211,226,231,.035),rgba(75,95,102,.12) 56%,rgba(17,34,40,.31)),
  url("../render-masters/front-background.webp");
background-repeat:no-repeat;background-position:center,center,var(--reflection-position) var(--reflection-y,0);background-size:100% 100%,100% 100%,var(--reflection-size) auto;background-blend-mode:screen,multiply,normal;box-shadow:inset 0 1px rgba(255,255,255,.16),inset 2px 0 4px rgba(7,17,20,.12),inset -2px 0 4px rgba(235,242,242,.05),inset 0 -30px 44px rgba(10,27,33,.2);opacity:calc(.94 * var(--glass-variation,1));filter:saturate(.68) contrast(1.1) brightness(.84);pointer-events:none}
.dm-v3-root .glass-reflection:before{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.035),transparent 15%,transparent 82%,rgba(255,255,255,.025)),
  linear-gradient(180deg,rgba(255,255,255,.045),transparent 23%,transparent 78%,rgba(7,23,29,.075));content:""}
.dm-v3-root .glass-reflection:after{position:absolute;right:7%;bottom:10%;width:46%;height:26%;border-radius:50%;background:radial-gradient(ellipse,rgba(230,239,241,.045),transparent 72%);filter:blur(8px);content:""}
.dm-v3-root .pane-option.is-opening{
  --outer-frame:7px;
  --sash-outer:7px;
  --sash-rail:11px;
  --sash-glass-gap:2px;
  --frame-base:#3b3f3e;
  --frame-high:#626765;
  --frame-low:#151817;
  --sash-base:#3b3f3e;
  --sash-high:#686d6b;
  --sash-low:#151817;
}
.dm-v3-root .pane-option.is-opening[data-frame-color="black"]{--frame-base:#171d1b;--frame-high:#424a47;--frame-low:#050807}
.dm-v3-root .pane-option.is-opening[data-frame-color="white"]{--frame-base:#e7eae5;--frame-high:#fff;--frame-low:#8e9892}
.dm-v3-root .pane-option.is-opening[data-frame-color="cream"]{--frame-base:#d8d0b9;--frame-high:#f7f1df;--frame-low:#8e866e}
.dm-v3-root .pane-option.is-opening:before{
  position:absolute;
  z-index:2;
  inset:0;
  display:block;
  background:var(--frame-base);
  box-shadow:inset 0 1px var(--frame-high),inset 1px 0 var(--frame-high),inset 0 -1px var(--frame-low),inset -1px 0 var(--frame-low);
  content:"";
  pointer-events:none;
}
.dm-v3-root .pane-option.is-opening .glass-depth,.dm-v3-root .pane-option.is-opening .glass-reflection{
  inset:calc(var(--sash-outer) + var(--sash-rail) + var(--sash-glass-gap));
  clip-path:inset(0);
}
.dm-v3-root .pane-option.is-opening .glass-reflection{border-color:rgba(221,232,234,.07);opacity:calc(.94 * var(--glass-variation,1))}
.dm-v3-root .profile-relief{position:absolute;z-index:7;inset:3px;display:block;border:1px solid currentColor;box-shadow:inset 1px 1px rgba(255,255,255,.22),inset -1px -1px rgba(3,11,9,.38),0 1px rgba(255,255,255,.07);opacity:.28;pointer-events:none}
.dm-v3-root .profile-relief:after{position:absolute;inset:6px;border:1px solid rgba(8,18,16,.22);box-shadow:0 1px rgba(255,255,255,.08);content:""}
.dm-v3-root .pane-option.is-opening .profile-relief{display:none}
.dm-v3-root .profile-relief[data-color="white"]{opacity:.56;box-shadow:inset 1px 1px rgba(255,255,255,.78),inset -1px -1px rgba(65,76,71,.28),0 1px 2px rgba(4,12,10,.18)}
.dm-v3-root .profile-relief[data-color="cream"]{opacity:.5;box-shadow:inset 1px 1px rgba(255,255,255,.62),inset -1px -1px rgba(71,65,50,.28),0 1px 2px rgba(4,12,10,.17)}
.dm-v3-root .profile-relief[data-color="black"]{opacity:.38}
.dm-v3-root .pane-option.is-opening .frame-tint{
  z-index:6;
  inset:0;
  display:block;
  border:var(--outer-frame) solid var(--frame-base);
  border-image:none;
  background:none;
  box-shadow:
    inset 0 1px var(--frame-high),
    inset 1px 0 var(--frame-high),
    inset 0 -1px var(--frame-low),
    inset -1px 0 var(--frame-low),
    0 1px 1px rgba(0,0,0,.22);
  filter:none;
  opacity:1;
}
.dm-v3-root .pane-option.is-opening .sash-tint,.dm-v3-root .pane-option.is-opening .glazing-bead{display:none}
.dm-v3-root .opening-sash-rails{position:absolute;z-index:8;inset:var(--sash-outer);display:block;pointer-events:none}
.dm-v3-root .opening-sash-rails[data-color="black"]{--sash-base:#171d1b;--sash-high:#414946;--sash-low:#050807}
.dm-v3-root .opening-sash-rails[data-color="white"]{--sash-base:#e7eae5;--sash-high:#fff;--sash-low:#8e9892}
.dm-v3-root .opening-sash-rails[data-color="cream"]{--sash-base:#d8d0b9;--sash-high:#f7f1df;--sash-low:#8e866e}
.dm-v3-root .opening-sash-rails .sash-rail{position:absolute;display:block;background-image:none;filter:none}
.dm-v3-root .opening-sash-rails .sash-rail-top,.dm-v3-root .opening-sash-rails .sash-rail-bottom{z-index:2;right:0;left:0;height:var(--sash-rail)}
.dm-v3-root .opening-sash-rails .sash-rail-top{
  top:0;
  background:linear-gradient(180deg,var(--sash-high) 0,var(--sash-base) 22%,var(--sash-base) 70%,var(--sash-low) 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.15),inset 0 -1px rgba(0,0,0,.32),0 1px 1px rgba(0,0,0,.18);
}
.dm-v3-root .opening-sash-rails .sash-rail-bottom{
  bottom:0;
  background:linear-gradient(0deg,var(--sash-high) 0,var(--sash-base) 22%,var(--sash-base) 70%,var(--sash-low) 100%);
  box-shadow:inset 0 -1px rgba(255,255,255,.12),inset 0 1px rgba(0,0,0,.3),0 -1px 1px rgba(0,0,0,.12);
}
.dm-v3-root .opening-sash-rails .sash-rail-left,.dm-v3-root .opening-sash-rails .sash-rail-right{z-index:1;top:0;bottom:0;width:var(--sash-rail)}
.dm-v3-root .opening-sash-rails .sash-rail-left{
  left:0;
  background:linear-gradient(90deg,var(--sash-high) 0,var(--sash-base) 22%,var(--sash-base) 70%,var(--sash-low) 100%);
  box-shadow:inset 1px 0 rgba(255,255,255,.13),inset -1px 0 rgba(0,0,0,.3);
}
.dm-v3-root .opening-sash-rails .sash-rail-right{
  right:0;
  background:linear-gradient(270deg,var(--sash-high) 0,var(--sash-base) 22%,var(--sash-base) 70%,var(--sash-low) 100%);
  box-shadow:inset -1px 0 rgba(255,255,255,.1),inset 1px 0 rgba(0,0,0,.3);
}
.dm-v3-root .opening-sash-rails:after{
  position:absolute;
  z-index:3;
  inset:var(--sash-rail);
  border:1px solid rgba(4,11,10,.42);
  box-shadow:0 0 0 1px rgba(226,235,231,.1),inset 0 1px rgba(255,255,255,.08);
  content:"";
}
.dm-v3-root .pane-option.is-opening .turn-direction{z-index:9}

/* F1 v20: boeicassette opnieuw opgebouwd zonder perspectiefhoudende fotomaskers. */
.dm-v3-root .material-fascia,.dm-v3-root .material-fascia-soffit{
  --fascia-base:#3f4443;
  --fascia-high:#6c716f;
  --fascia-low:#181c1b;
}
.dm-v3-root .material-fascia[data-color="black"],.dm-v3-root .material-fascia-soffit[data-color="black"]{--fascia-base:#191d1c;--fascia-high:#444947;--fascia-low:#050706}
.dm-v3-root .material-fascia[data-color="white"],.dm-v3-root .material-fascia-soffit[data-color="white"]{--fascia-base:#eceee9;--fascia-high:#fff;--fascia-low:#a5ada8}
.dm-v3-root .material-fascia[data-color="cream"],.dm-v3-root .material-fascia-soffit[data-color="cream"]{--fascia-base:#ded7c1;--fascia-high:#faf5e7;--fascia-low:#9d947b}
.dm-v3-root .material-fascia{
  position:absolute;
  z-index:7;
  top:0;
  right:0;
  bottom:auto;
  left:0;
  display:block;
  height:19%;
  clip-path:none;
  border:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.08),transparent 5%,transparent 95%,rgba(0,0,0,.1)),
    linear-gradient(180deg,var(--fascia-high) 0,var(--fascia-base) 13%,var(--fascia-base) 82%,var(--fascia-low) 100%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.62),
    inset 1px 0 rgba(255,255,255,.16),
    inset -1px 0 rgba(0,0,0,.18),
    inset 0 -1px rgba(0,0,0,.38),
    0 2px 3px rgba(0,0,0,.22);
  filter:none;
  mix-blend-mode:normal;
  opacity:1;
}
.dm-v3-root .material-fascia:before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:13%;
  border-bottom:1px solid rgba(0,0,0,.18);
  background:linear-gradient(180deg,var(--fascia-high),var(--fascia-base));
  box-shadow:inset 0 1px rgba(255,255,255,.7);
  content:"";
}
.dm-v3-root .material-fascia:after{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:7%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));
  content:"";
}
.dm-v3-root .material-fascia-soffit{
  z-index:6;
  top:19%;
  right:0;
  bottom:auto;
  left:0;
  height:calc(var(--body-top) - 19%);
  clip-path:none;
  border-top:1px solid rgba(0,0,0,.24);
  background:
    linear-gradient(90deg,rgba(0,0,0,.16),transparent 5%,transparent 95%,rgba(0,0,0,.18)),
    linear-gradient(180deg,var(--fascia-low),var(--fascia-base) 38%,var(--fascia-low));
  box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 -1px rgba(0,0,0,.3);
  filter:none;
  opacity:1;
}
.dm-v3-root .material-fascia-soffit[data-color]{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.16),transparent 5%,transparent 95%,rgba(0,0,0,.18)),
    linear-gradient(180deg,var(--fascia-low),var(--fascia-base) 38%,var(--fascia-low));
}
/* F1 v21: rechte boei met exact symmetrische trapeziumvormige onderslag. */
.dm-v3-root .material-fascia-soffit{
  clip-path:polygon(0 0,100% 0,98.55% 100%,1.45% 100%);
  transform:none;
  transform-origin:50% 0;
}
/* Het rooster volgt exact de binnenranden van het vaste kozijn. */
.dm-v3-root #optionLayer .pane-option.is-fixed>.vent{
  right:11px;
  left:11px;
  width:auto;
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.dm-v3-root .between-panel{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(2,9,8,.32);filter:saturate(.76) contrast(1.04)}
.dm-v3-root .between-panel[data-color="white"]{background-color:#eef0ea;background-blend-mode:screen;filter:brightness(1.34) contrast(.78) saturate(.2)}
.dm-v3-root .between-panel[data-color="cream"]{background-color:#d6cbae;background-image:
  linear-gradient(180deg,rgba(226,216,190,.68),rgba(210,199,170,.6)),
  url("between-panel-cream.jpg");
background-blend-mode:normal;filter:brightness(1.035) contrast(.96) saturate(.88)}
.dm-v3-root .between-panel[data-color="anthracite"]{filter:saturate(.72) contrast(1.08)}
.dm-v3-root .material-frame-head[data-color="white"]{background-color:#eef0ea;background-blend-mode:screen;filter:brightness(1.3) contrast(.74) saturate(.18)}
.dm-v3-root .material-frame-head[data-color="cream"]{background-color:#d9cfb4;background-blend-mode:soft-light;filter:brightness(1.05) contrast(.9) saturate(.76)}
.dm-v3-root .between-panel:after{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.12),transparent 20%,transparent 76%,rgba(0,0,0,.2)),
  linear-gradient(180deg,rgba(255,255,255,.055),transparent 18%,transparent 84%,rgba(0,0,0,.16));content:""}
.dm-v3-root .screen{inset:9% 8% 7%;background:
  radial-gradient(ellipse at 54% 35%,rgba(237,243,242,.07),transparent 58%),
  repeating-linear-gradient(90deg,rgba(18,28,27,.26) 0 .55px,transparent .55px 3.4px),
  repeating-linear-gradient(0deg,rgba(18,28,27,.24) 0 .55px,transparent .55px 3.4px);
box-shadow:inset 0 0 0 1px rgba(13,23,22,.2),inset 0 0 16px rgba(14,25,24,.08);opacity:.38;mix-blend-mode:multiply}
.dm-v3-root .stage-badge{top:17px;left:17px;padding:9px 11px;border-color:rgba(255,255,255,.34);background:rgba(13,39,31,.72);box-shadow:0 8px 20px rgba(10,27,22,.12)}
.dm-v3-root .stage-badge span{color:#cae0d7;font-size:9px}
.dm-v3-root .stage-badge strong{font-size:13px}
.dm-v3-root .visual-phase .proof-strip{overflow:hidden;margin-top:11px;border-color:rgba(193,210,203,.88);box-shadow:0 9px 28px rgba(29,66,53,.055)}
.dm-v3-root .visual-phase .proof-strip div{min-height:66px;background:rgba(255,255,255,.84)}
.dm-v3-root .visual-phase .proof-strip strong{font-family:Georgia,serif;font-size:25px}
.dm-v3-root .visual-phase .proof-strip span{line-height:1.35}
.dm-v3-root .visual-phase .controls{gap:12px}
.dm-v3-root .visual-phase .step,.dm-v3-root .visual-phase .summary-card{padding:19px;border-color:rgba(193,210,203,.9);border-radius:16px;box-shadow:0 8px 28px rgba(24,50,41,.055)}
.dm-v3-root .visual-phase .step{background:rgba(255,255,255,.9);backdrop-filter:blur(10px)}
.dm-v3-root .visual-phase .step-head{margin-bottom:15px}
.dm-v3-root .visual-phase .step-head>span{width:29px;height:29px;flex-basis:29px;color:#0f4b3c;background:#dff1eb;font-size:12px}
.dm-v3-root .visual-phase .step h2,.dm-v3-root .visual-phase .summary-card h2{font-size:21px}
.dm-v3-root .visual-phase .step-head p{font-size:11px;line-height:1.4}
.dm-v3-root .visual-phase .segment,.dm-v3-root .visual-phase .window-choice{padding:9px;border-radius:9px;font-size:12px}
.dm-v3-root .visual-phase .toggle{padding:10px 11px;background:rgba(250,252,251,.82)}
.dm-v3-root .visual-phase .toggle b{font-size:13px}
.dm-v3-root .visual-phase .toggle small{font-size:10px;line-height:1.35}
.dm-v3-root .visual-phase .execution-card em,.dm-v3-root .visual-phase .option-list .toggle em{display:none}
.dm-v3-root .visual-phase .execution-card{grid-template-columns:auto 1fr}
.dm-v3-root .visual-phase .logic-note.is-warning{display:none!important}
.dm-v3-root .visual-phase .summary-card{background:linear-gradient(145deg,#173d31,#102f27);box-shadow:0 18px 44px rgba(20,57,47,.18)}
.dm-v3-root .visual-phase .cta{color:#fff;background:linear-gradient(135deg,#18877f,#14736d);box-shadow:0 9px 20px rgba(24,135,127,.2)}
.dm-v3-root .visual-phase .cta:hover{filter:brightness(1.05)}
.dm-v3-root .visual-phase .summary-card p{line-height:1.45}

@media(max-width:1380px){
  .dm-v3-root .visual-phase .config-layout{grid-template-columns:1fr}
  .dm-v3-root .visual-phase .preview-column{position:static}
  .dm-v3-root .visual-phase .controls{grid-template-columns:1fr 1fr}
  .dm-v3-root .visual-phase .summary-card{grid-column:1/-1}
}
@media(max-width:900px){
  .dm-v3-root .visual-phase{padding:18px}
  .dm-v3-root .visual-phase .topbar{align-items:stretch;flex-direction:column}
  .dm-v3-root .visual-status-card{max-width:none}
  .dm-v3-root .visual-phase .controls{grid-template-columns:1fr}
  .dm-v3-root .visual-phase .summary-card{grid-column:auto}
}
@media(max-width:640px){
  .dm-v3-root .visual-phase{padding:12px}
  .dm-v3-root .preview-toolbar{align-items:flex-start;flex-direction:column}
  .dm-v3-root .visual-phase .view-tabs{width:100%}
  .dm-v3-root .visual-phase .view-tab{flex:1}
  .dm-v3-root .visual-phase .stage{border-radius:17px}
  .dm-v3-root .visual-phase .topbar h1{font-size:36px}
  .dm-v3-root .visual-phase .proof-strip div{min-height:auto}
  .dm-v3-root .glass-reflection{inset:8px 7px 7px}
  .dm-v3-root .pane-option.is-opening{--outer-frame:4px;--sash-outer:4px;--sash-rail:7px;--sash-glass-gap:1px}
}

/* S1 v22: alle bouwdelen volgen één gekalibreerd perspectiefvlak. */
.dm-v3-root .side-product{
  transform-origin:40.3% 66%;
  filter:drop-shadow(0 8px 9px rgba(0,0,0,.28));
}
.dm-v3-root .side-product>.side-tint{display:none}
.dm-v3-root .side-window-svg{
  z-index:4;
  overflow:visible;
  isolation:isolate;
}
.dm-v3-root .side-shell-color{fill:currentColor;pointer-events:none}
.dm-v3-root .side-shell-color[data-color="anthracite"]{opacity:.08;mix-blend-mode:color}
.dm-v3-root .side-shell-color[data-color="black"]{opacity:.72;mix-blend-mode:multiply}
.dm-v3-root .side-shell-color[data-color="white"]{opacity:.72;mix-blend-mode:screen}
.dm-v3-root .side-shell-color[data-color="cream"]{opacity:.63;mix-blend-mode:screen}
.dm-v3-root .side-shell-cap{fill:url(#sideFasciaPaint);filter:brightness(1.08)}
.dm-v3-root .side-shell-fascia{fill:url(#sideFasciaPaint);filter:saturate(.82) contrast(1.04)}
.dm-v3-root .side-shell-soffit{fill:url(#sideFasciaPaint);filter:brightness(.7) saturate(.72)}
.dm-v3-root .side-shell-wall{fill:url(#sideWallPaint);filter:brightness(.94) saturate(.76)}
.dm-v3-root .side-shell-cap[data-color="white"]{opacity:.74}
.dm-v3-root .side-shell-fascia[data-color="white"]{opacity:.68}
.dm-v3-root .side-shell-soffit[data-color="white"]{opacity:.38}
.dm-v3-root .side-shell-wall[data-color="white"]{opacity:.6}
.dm-v3-root .side-shell-cap[data-color="cream"]{opacity:.68}
.dm-v3-root .side-shell-fascia[data-color="cream"]{opacity:.62}
.dm-v3-root .side-shell-soffit[data-color="cream"]{opacity:.34}
.dm-v3-root .side-shell-wall[data-color="cream"]{opacity:.54}
.dm-v3-root .side-window-bed{
  fill:url(#sideFramePaint);
  stroke:rgba(4,11,10,.58);
  stroke-width:2.4;
  stroke-linejoin:round;
  filter:drop-shadow(2px 3px 3px rgba(0,0,0,.3));
}
.dm-v3-root .side-frame{
  fill:url(#sideFramePaint);
  stroke:rgba(3,10,8,.54);
  stroke-width:1.4;
  stroke-linejoin:round;
  filter:drop-shadow(1.5px 2px 1.6px rgba(0,0,0,.28));
}
.dm-v3-root .side-sash{
  fill:url(#sideSashPaint);
  stroke:rgba(2,9,7,.62);
  stroke-width:1.2;
  stroke-linejoin:round;
  filter:drop-shadow(1px 1.5px 1.2px rgba(0,0,0,.26));
}
.dm-v3-root .side-glass{
  fill:url(#sideGlassPhoto);
  opacity:.94;
}
.dm-v3-root .side-glass-shade{
  fill:url(#sideGlassShade);
  opacity:.4;
  mix-blend-mode:multiply;
}
.dm-v3-root .side-glass-edge{
  fill:none;
  stroke:rgba(215,229,225,.24);
  stroke-width:1.2;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.dm-v3-root .side-vent{
  fill:url(#sideVent);
  stroke:rgba(5,12,10,.55);
  stroke-width:1.3;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(1px 1.5px 1.2px rgba(0,0,0,.25));
}
.dm-v3-root .side-screen{
  fill:url(#sideScreen);
  opacity:.48;
  mix-blend-mode:multiply;
}
.dm-v3-root .side-roller-guide{
  fill:#d8d3c6;
  stroke:rgba(60,62,57,.62);
  stroke-width:1.2;
  vector-effect:non-scaling-stroke;
}
.dm-v3-root .side-roller-cassette{
  fill:url(#sideRoller);
  stroke:rgba(60,62,57,.55);
  stroke-width:1.2;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(1px 1.5px 1.4px rgba(0,0,0,.24));
}
.dm-v3-root .side-roller{
  fill:url(#sideRoller);
  stroke:rgba(60,62,57,.42);
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.dm-v3-root .side-between-panel{
  fill:url(#sidePanel);
  stroke:rgba(5,13,10,.6);
  stroke-width:2;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(1.4px 1.7px 1.5px rgba(0,0,0,.28));
}
.dm-v3-root .side-window-svg .side-turn-line{
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:8 6;
  opacity:.7;
  vector-effect:non-scaling-stroke;
}

/*
 * Historische S1-projectielaag. De losse SVG-raamtekening blijft
 * uitgeschakeld; v29 gebruikt uitsluitend het actuele F1-frontmodel.
 */
.dm-v3-root .side-window-svg{
  display:none!important;
}
.dm-v3-root .side-f1-projection{
  position:absolute;
  z-index:6;
  inset:0;
  overflow:visible;
  pointer-events:none;
}
.dm-v3-root .side-projection-plane{
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  transform-origin:0 0;
  backface-visibility:hidden;
  will-change:transform;
}
.dm-v3-root .side-projection-content{
  position:absolute;
  overflow:visible;
  transform:none!important;
  transition:none!important;
}
.dm-v3-root .side-projection-content>img{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  filter:saturate(.9) contrast(1.045) brightness(.985);
}
.dm-v3-root .side-projection-content>.material,.dm-v3-root .side-projection-content>.option-layer{
  pointer-events:none;
}
.dm-v3-root .side-projection-content .vent[data-color="anthracite"]{background-image:url("vent-grille-anthracite.jpg")}
.dm-v3-root .side-projection-content .vent[data-color="black"]{background-image:url("vent-grille-black.jpg")}
.dm-v3-root .side-projection-content .vent[data-color="white"]{background-image:url("vent-grille-white.jpg")}
.dm-v3-root .side-projection-content .vent[data-color="cream"]{background-image:url("vent-grille-cream.jpg")}
.dm-v3-root .side-projection-content .pane-option.is-fixed>.vent{
  right:11px;
  left:11px;
  width:auto;
  background-position:center;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.dm-v3-root .side-projection-content:before,.dm-v3-root .side-projection-content:after{
  display:none!important;
}
.dm-v3-root .side-product>.side-tint{
  z-index:4;
  display:none;
}
.dm-v3-root .side-product>.side-tint-fascia{
  clip-path:polygon(0 22.5%,42.3% 0,100% 58.8%,100% 65.1%,42.3% 11.2%,0 34%);
}
.dm-v3-root .side-product>.side-tint-wall{
  clip-path:polygon(0 34%,42.3% 15.8%,42.3% 67.4%,6% 72.5%,0 63%);
}
.dm-v3-root .side-product>.side-tint-wall[data-color="white"],.dm-v3-root .side-product>.side-tint-wall[data-color="cream"]{
  opacity:.42;
}

/* De wissel voelt als een camera-overgang: F1 trekt terug en S1 komt in. */
.dm-v3-root .scene-side,.dm-v3-root .side-product,.dm-v3-root .stage[data-view="side"] .scene-front,.dm-v3-root .stage[data-view="side"] .front-product{
  display:block;
}
.dm-v3-root .scene,.dm-v3-root .front-product,.dm-v3-root .side-product{
  transition:opacity .4s ease,visibility .4s ease,filter .4s ease,transform .4s ease,width .28s ease;
}
.dm-v3-root .stage:not([data-view="side"]) .scene-side,.dm-v3-root .stage:not([data-view="side"]) .side-product{
  visibility:hidden;
  opacity:0;
}
.dm-v3-root .stage[data-view="side"] .scene-side,.dm-v3-root .stage[data-view="side"] .side-product{
  visibility:visible;
  opacity:1;
}
.dm-v3-root .stage[data-view="side"] .scene-front,.dm-v3-root .stage[data-view="side"] .front-product{
  visibility:hidden;
  opacity:0;
}

/*
 * S1 v29 — hetzelfde F1-model onder een tweede camera.
 * Geen Bachoe-pixels in het resultaat: de frontgevel is een projectieve
 * kopie van F1 en de zichtbare diepte is geometrisch daarop aangesloten.
 */
.dm-v3-root .scene-side{
  object-position:center 50%;
  filter:saturate(.82) contrast(1.055) brightness(1.015);
}
.dm-v3-root .side-product{
  --s1-fascia-color:#343c39;
  --s1-wall-color:#343c39;
  position:absolute;
  z-index:2;
  top:2.5%;
  left:4%;
  width:92%;
  height:auto;
  aspect-ratio:10/7;
  transform:none!important;
  transform-origin:50% 50%;
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.22));
  isolation:isolate;
}
.dm-v3-root .side-model-plane,.dm-v3-root .side-model-shadow{
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
}
.dm-v3-root .side-model-shadow{
  z-index:0;
  background:rgba(5,12,10,.34);
  filter:blur(12px);
  transform:translate(2px,4px);
}
.dm-v3-root .side-model-wall{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(255,255,255,.17),transparent 17%,transparent 78%,rgba(0,0,0,.26)),
    repeating-linear-gradient(119deg,transparent 0 29px,rgba(3,10,8,.32) 29px 31px,rgba(255,255,255,.075) 31px 33px),
    var(--s1-wall-color);
  box-shadow:inset 1px 0 rgba(255,255,255,.18),inset -4px 0 8px rgba(0,0,0,.24);
  filter:saturate(.82) contrast(1.06);
}
.dm-v3-root .side-product[data-wall-color="white"] .side-model-wall{
  background:
    linear-gradient(90deg,rgba(255,255,255,.34),transparent 18%,transparent 77%,rgba(45,57,52,.2)),
    repeating-linear-gradient(119deg,transparent 0 29px,rgba(72,83,78,.24) 29px 31px,rgba(255,255,255,.32) 31px 33px),
    var(--s1-wall-color);
}
.dm-v3-root .side-product[data-wall-color="cream"] .side-model-wall{
  background:
    linear-gradient(90deg,rgba(255,255,255,.24),transparent 18%,transparent 77%,rgba(58,53,40,.22)),
    repeating-linear-gradient(119deg,transparent 0 29px,rgba(77,69,48,.25) 29px 31px,rgba(255,250,230,.18) 31px 33px),
    var(--s1-wall-color);
}
.dm-v3-root .side-model-fascia{
  z-index:4;
  background:
    linear-gradient(90deg,rgba(255,255,255,.18),transparent 24%,transparent 78%,rgba(0,0,0,.24)),
    linear-gradient(180deg,rgba(255,255,255,.19),transparent 16%,rgba(0,0,0,.24)),
    var(--s1-fascia-color);
  box-shadow:inset 0 1px rgba(255,255,255,.42),inset 0 -1px rgba(0,0,0,.35);
  filter:saturate(.84) contrast(1.04);
}
.dm-v3-root .side-model-soffit{
  z-index:5;
  background:
    linear-gradient(90deg,rgba(255,255,255,.07),transparent 24%,rgba(0,0,0,.24)),
    color-mix(in srgb,var(--s1-fascia-color) 58%,#050807);
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 3px rgba(0,0,0,.25);
}
.dm-v3-root .side-model-roof{
  z-index:9;
  background:
    linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.13) 38%,rgba(0,0,0,.25)),
    var(--s1-fascia-color);
  box-shadow:0 1px rgba(255,255,255,.56),0 2px 3px rgba(0,0,0,.25);
}
.dm-v3-root .side-model-lead{
  z-index:3;
  background:
    linear-gradient(180deg,rgba(164,171,168,.38),rgba(42,49,47,.86)),
    repeating-linear-gradient(102deg,transparent 0 48px,rgba(255,255,255,.09) 48px 50px,rgba(0,0,0,.15) 50px 52px);
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 4px 7px rgba(0,0,0,.18);
  filter:saturate(.44);
}
.dm-v3-root .side-f1-projection{
  z-index:7;
}
.dm-v3-root .side-projection-content>img{
  filter:saturate(.88) contrast(1.055) brightness(.99);
}
.dm-v3-root .side-projection-plane{
  filter:drop-shadow(1px 3px 2px rgba(0,0,0,.13));
}
.dm-v3-root .side-options{
  z-index:12;
}

/*
 * S1 v30 — fotografische Bachoe-shell met configureerbaar F1-front.
 * De drie foto-uitsneden bevatten uitsluitend echte zijwand/diepte,
 * boei/onderslag en onderaansluiting. De oorspronkelijke ramen zijn
 * nergens zichtbaar; die zone wordt door de F1-projectie gevuld.
 */
.dm-v3-root .scene-side{
  object-position:center center;
  filter:saturate(.9) contrast(1.035) brightness(.995);
}
.dm-v3-root .side-product{
  position:absolute;
  z-index:2;
  top:3.868%;
  left:12.983%;
  width:69.613%;
  height:auto;
  aspect-ratio:1005/850;
  transform-origin:40.3% 66%;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.24));
  isolation:isolate;
}
.dm-v3-root .side-photo-shell{
  position:absolute!important;
  inset:0;
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:fill;
  pointer-events:none;
}
.dm-v3-root .side-photo-wall{
  z-index:2;
  clip-path:polygon(0 23%,40.3% 10.8%,40.3% 67.2%,5.5% 72.2%,0 63%);
}
.dm-v3-root .side-photo-fascia{
  z-index:5;
  clip-path:polygon(0 19.8%,42.8% 0,100% 58%,100% 65.2%,42.8% 11.2%,0 34%);
}
.dm-v3-root .side-photo-base{
  z-index:8;
  clip-path:polygon(40.3% 65.4%,97.5% 96.2%,97.9% 100%,40.3% 69.4%);
}
.dm-v3-root .side-photo-shell[data-color="anthracite"]{
  filter:saturate(.86) contrast(1.045) brightness(.99);
}
.dm-v3-root .side-photo-shell[data-color="black"]{
  filter:grayscale(.28) saturate(.58) contrast(1.12) brightness(.48);
}
.dm-v3-root .side-photo-shell[data-color="white"]{
  filter:grayscale(1) saturate(0) contrast(.7) brightness(1.92);
}
.dm-v3-root .side-photo-shell[data-color="cream"]{
  filter:grayscale(.72) sepia(.25) saturate(.72) contrast(.78) brightness(1.62);
}
.dm-v3-root .side-photo-wall[data-color="white"]{
  filter:grayscale(1) saturate(0) contrast(.76) brightness(1.72);
}
.dm-v3-root .side-photo-wall[data-color="cream"]{
  filter:grayscale(.68) sepia(.26) saturate(.76) contrast(.82) brightness(1.5);
}
.dm-v3-root .side-f1-projection{
  z-index:7;
}
.dm-v3-root #sideProjectionFascia{
  display:none!important;
}
.dm-v3-root .side-projection-content>img{
  filter:saturate(.9) contrast(1.045) brightness(.985);
}
.dm-v3-root .side-projection-plane{
  filter:drop-shadow(1px 2px 1.5px rgba(0,0,0,.12));
}

/*
 * S1 v31 — één echte Bachoe-projectfoto, zonder losse fotografische
 * bouwdelen. De volledige uitsnede sluit exact aan op side-background.
 * Alleen kleur-, raam- en optiekeuzes worden op hun bestaande zones gelegd.
 */
.dm-v3-root .stage[data-view="side"] .scene-side{
  object-position:center center;
  filter:saturate(.91) contrast(1.035) brightness(.995);
}
.dm-v3-root .stage[data-view="side"] .stage-atmosphere{
  z-index:3;
  background:
    radial-gradient(circle at 72% 19%,rgba(255,255,255,.08),transparent 27%),
    linear-gradient(180deg,rgba(8,24,22,.025),transparent 34%,rgba(6,18,15,.075));
  mix-blend-mode:soft-light;
}
.dm-v3-root .side-product{
  top:3.868%;
  left:12.983%;
  width:69.613%;
  aspect-ratio:1005/850;
  transform:none!important;
  filter:none;
  isolation:isolate;
}
.dm-v3-root .side-photo-master{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:fill;
  clip-path:polygon(0 23%,42.8% 0,100% 58%,100% 100%,0 100%);
  filter:saturate(.91) contrast(1.035) brightness(.995);
  pointer-events:none;
}
.dm-v3-root .side-window-svg{
  position:absolute;
  z-index:4;
  inset:0;
  display:block!important;
  width:100%;
  height:100%;
  overflow:hidden;
  opacity:1;
  transition:opacity .22s ease;
  pointer-events:none;
}
.dm-v3-root .side-window-svg.is-photo-native{
  opacity:0;
}
.dm-v3-root .side-f1-projection,.dm-v3-root .side-photo-shell{
  display:none!important;
}
.dm-v3-root .side-photo-finish{
  position:absolute;
  z-index:5;
  inset:0;
  display:block;
  background:
    radial-gradient(ellipse at 68% 43%,transparent 45%,rgba(6,16,14,.04) 100%),
    linear-gradient(118deg,rgba(255,255,255,.035),transparent 27%,rgba(9,20,17,.025) 73%);
  clip-path:polygon(0 23%,42.8% 0,100% 58%,100% 100%,0 100%);
  mix-blend-mode:soft-light;
  pointer-events:none;
}
.dm-v3-root .side-options{
  z-index:7;
}
.dm-v3-root .stage[data-view="side"] .measure{
  right:11%;
  left:11%;
  bottom:3.2%;
}
@media(max-width:640px){
  .dm-v3-root .side-product{
    top:3.868%;
    left:12.983%;
    width:69.613%;
  }
  .dm-v3-root .stage[data-view="side"] .stage-badge{
    top:10px;
    left:10px;
  }
}

/*
 * S1 v32 — zelfstandig hybride componentmodel.
 * De Bachoe-dakkapel zelf wordt niet gerenderd. side-background levert
 * uitsluitend het lege dak en de camera; alle zichtbare dakkapeldelen zijn
 * opnieuw opgebouwd en het volledige F1-front vormt de tweede cameragevel.
 */
.dm-v3-root .stage[data-view="side"] .scene-side{
  object-position:center center;
  filter:saturate(.86) contrast(1.055) brightness(1.01);
}
.dm-v3-root .stage[data-view="side"] .stage-atmosphere{
  z-index:4;
  background:
    radial-gradient(circle at 74% 16%,rgba(255,255,255,.1),transparent 26%),
    linear-gradient(180deg,rgba(8,23,20,.025),transparent 38%,rgba(5,14,12,.1));
  mix-blend-mode:soft-light;
}
.dm-v3-root .side-product{
  --s1-front-left:40%;
  --s1-front-bottom:65.65%;
  top:3.868%;
  left:12.983%;
  width:69.613%;
  height:auto;
  aspect-ratio:1005/850;
  transform:none!important;
  transform-origin:50% 50%;
  filter:none;
  isolation:isolate;
}
.dm-v3-root .side-photo-master,.dm-v3-root .side-photo-finish,.dm-v3-root .side-window-svg{
  display:none!important;
}
.dm-v3-root .side-model-plane,.dm-v3-root .side-model-shadow{
  position:absolute;
  inset:0;
  display:block!important;
  pointer-events:none;
}
.dm-v3-root .side-model-shadow{
  display:none!important;
}
.dm-v3-root .side-model-wall{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(255,255,255,.1),transparent 18%,transparent 69%,rgba(0,0,0,.4)),
    linear-gradient(135deg,#353e3b,#222a27 62%,#111715);
  box-shadow:inset 1px 0 rgba(255,255,255,.16),inset -9px 0 15px rgba(0,0,0,.32);
  filter:saturate(.7) contrast(1.065);
}
.dm-v3-root .side-model-wall[data-color="black"]{
  background:
    linear-gradient(90deg,rgba(255,255,255,.1),transparent 19%,transparent 72%,rgba(0,0,0,.36)),
    linear-gradient(135deg,#222825,#111614 65%,#070a09);
}
.dm-v3-root .side-product .side-model-wall[data-color="white"]{
  background:
    linear-gradient(90deg,rgba(255,255,255,.58),transparent 20%,transparent 70%,rgba(67,79,74,.18)),
    linear-gradient(135deg,#f7f8f5,#e4e7e2 66%,#c5cbc6);
  filter:saturate(.38) contrast(1.015);
}
.dm-v3-root .side-product .side-model-wall[data-color="cream"]{
  background:
    linear-gradient(90deg,rgba(255,255,255,.43),transparent 18%,transparent 72%,rgba(68,62,45,.24)),
    linear-gradient(135deg,#eee8d8,#d6ccb2 65%,#aa9e80);
  filter:saturate(.68) contrast(1.035);
}
.dm-v3-root .side-rabat-assembly{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  overflow:hidden;
  pointer-events:none;
  filter:drop-shadow(2px 4px 3px rgba(0,0,0,.19));
}
.dm-v3-root .side-rabat-course,.dm-v3-root .side-rabat-joint,.dm-v3-root .side-rabat-lip{
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
}
.dm-v3-root .side-rabat-course{
  background:
    linear-gradient(90deg,rgba(255,255,255,.105),transparent 19%,transparent 69%,rgba(0,0,0,.31)),
    linear-gradient(180deg,rgba(255,255,255,.07),transparent 24%,rgba(0,0,0,.16) 100%),
    #303835;
}
.dm-v3-root .side-rabat-course-even{
  background:
    linear-gradient(90deg,rgba(255,255,255,.09),transparent 19%,transparent 69%,rgba(0,0,0,.33)),
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 24%,rgba(0,0,0,.185) 100%),
    #2c3431;
}
.dm-v3-root .side-rabat-joint{
  background:linear-gradient(180deg,rgba(7,12,11,.42),rgba(3,7,6,.9));
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.46));
}
.dm-v3-root .side-rabat-lip{background:rgba(142,153,148,.28)}
.dm-v3-root .side-rabat-assembly[data-color="black"] .side-rabat-course{
  background:
    linear-gradient(90deg,rgba(255,255,255,.06),transparent 19%,transparent 70%,rgba(0,0,0,.41)),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 25%,rgba(0,0,0,.24)),
    #171c1a;
}
.dm-v3-root .side-rabat-assembly[data-color="black"] .side-rabat-course-even{background-color:#131816}
.dm-v3-root .side-rabat-assembly[data-color="black"] .side-rabat-joint{background:linear-gradient(180deg,rgba(0,0,0,.58),#020303)}
.dm-v3-root .side-rabat-assembly[data-color="black"] .side-rabat-lip{background:rgba(103,111,107,.2)}
.dm-v3-root .side-rabat-assembly[data-color="white"]{filter:drop-shadow(2px 3px 2px rgba(31,42,37,.14))}
.dm-v3-root .side-rabat-assembly[data-color="white"] .side-rabat-course{
  background:
    linear-gradient(90deg,rgba(255,255,255,.72),transparent 21%,transparent 72%,rgba(74,86,80,.16)),
    linear-gradient(180deg,rgba(255,255,255,.5),transparent 27%,rgba(98,109,103,.105)),
    #eceeea;
}
.dm-v3-root .side-rabat-assembly[data-color="white"] .side-rabat-course-even{background-color:#e9ebe7}
.dm-v3-root .side-rabat-assembly[data-color="white"] .side-rabat-joint{background:linear-gradient(180deg,rgba(111,122,116,.27),rgba(70,82,76,.48))}
.dm-v3-root .side-rabat-assembly[data-color="white"] .side-rabat-lip{background:rgba(255,255,255,.76)}
.dm-v3-root .side-rabat-assembly[data-color="cream"]{filter:drop-shadow(2px 3px 2px rgba(55,48,31,.16))}
.dm-v3-root .side-rabat-assembly[data-color="cream"] .side-rabat-course{
  background:
    linear-gradient(90deg,rgba(255,253,243,.55),transparent 20%,transparent 71%,rgba(83,74,51,.19)),
    linear-gradient(180deg,rgba(255,252,238,.34),transparent 27%,rgba(104,92,61,.12)),
    #ddd6c3;
}
.dm-v3-root .side-rabat-assembly[data-color="cream"] .side-rabat-course-even{background-color:#d8d0bb}
.dm-v3-root .side-rabat-assembly[data-color="cream"] .side-rabat-joint{background:linear-gradient(180deg,rgba(119,107,76,.27),rgba(79,70,48,.5))}
.dm-v3-root .side-rabat-assembly[data-color="cream"] .side-rabat-lip{background:rgba(255,250,232,.58)}
.dm-v3-root .side-model-fascia{
  z-index:4;
  background:
    linear-gradient(100deg,rgba(55,64,60,.1),rgba(19,25,23,.2)),
    url("../render-masters/side-dormer.png") center/100% 100% no-repeat;
  background-blend-mode:multiply,normal;
  box-shadow:inset 0 1px rgba(255,255,255,.38),inset 1px 0 rgba(255,255,255,.1),inset 0 -1px rgba(0,0,0,.24),0 2px 3px rgba(0,0,0,.18);
  filter:saturate(.72) contrast(1.04) brightness(.98) drop-shadow(1px 3px 2px rgba(0,0,0,.16));
}
.dm-v3-root .side-model-fascia[data-color="black"]{
  background:
    linear-gradient(rgba(4,7,6,.34),rgba(1,2,2,.52)),
    url("../render-masters/side-dormer.png") center/100% 100% no-repeat;
  background-blend-mode:multiply,normal;
  filter:saturate(.4) contrast(1.08) brightness(.7) drop-shadow(1px 3px 2px rgba(0,0,0,.18));
}
.dm-v3-root .side-model-fascia[data-color="white"]{
  background:
    linear-gradient(100deg,rgba(248,249,245,.9),rgba(224,229,223,.84)),
    url("../render-masters/side-dormer.png") center/100% 100% no-repeat;
  background-blend-mode:screen,normal;
  filter:grayscale(.32) saturate(.22) brightness(1.08) contrast(.88) drop-shadow(1px 3px 2px rgba(0,0,0,.13));
}
.dm-v3-root .side-model-fascia[data-color="cream"]{
  background:
    linear-gradient(100deg,rgba(244,239,222,.83),rgba(205,194,163,.72)),
    url("../render-masters/side-dormer.png") center/100% 100% no-repeat;
  background-blend-mode:screen,normal;
  filter:sepia(.08) saturate(.6) brightness(1.04) contrast(.9) drop-shadow(1px 3px 2px rgba(0,0,0,.14));
}
.dm-v3-root .side-model-soffit{
  z-index:5;
  background:
    linear-gradient(100deg,rgba(43,51,48,.06),rgba(0,0,0,.26)),
    url("../render-masters/side-dormer.png") center/100% 100% no-repeat;
  background-blend-mode:multiply,normal;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 3px 4px rgba(0,0,0,.26);
  filter:brightness(.82) saturate(.58) contrast(1.04);
}
.dm-v3-root .side-model-soffit[data-color="black"]{background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.5)),url("../render-masters/side-dormer.png");filter:brightness(.58) saturate(.3) contrast(1.08)}
.dm-v3-root .side-model-soffit[data-color="white"]{background-image:linear-gradient(100deg,rgba(241,244,239,.54),rgba(171,182,176,.4)),url("../render-masters/side-dormer.png");background-blend-mode:screen,normal;filter:grayscale(.4) saturate(.18) brightness(1.08) contrast(.88)}
.dm-v3-root .side-model-soffit[data-color="cream"]{background-image:linear-gradient(100deg,rgba(231,224,202,.48),rgba(145,133,100,.32)),url("../render-masters/side-dormer.png");background-blend-mode:screen,normal;filter:sepia(.08) saturate(.46) brightness(.98) contrast(.92)}
.dm-v3-root .side-model-roof{
  z-index:9;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(0,0,0,.2)),
    url("../render-masters/side-dormer.png") center/100% 100% no-repeat;
  background-blend-mode:soft-light,normal;
  box-shadow:0 1px rgba(255,255,255,.38),0 3px 4px rgba(0,0,0,.3);
  filter:saturate(.68) contrast(1.04);
}
.dm-v3-root .side-model-roof[data-color="black"]{background-image:linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.42)),url("../render-masters/side-dormer.png");background-blend-mode:multiply,normal;filter:saturate(.35) brightness(.74) contrast(1.08)}
.dm-v3-root .side-model-roof[data-color="white"]{background-image:linear-gradient(rgba(250,251,248,.9),rgba(224,229,224,.82)),url("../render-masters/side-dormer.png");background-blend-mode:screen,normal;filter:grayscale(.42) saturate(.16) brightness(1.1) contrast(.86)}
.dm-v3-root .side-model-roof[data-color="cream"]{background-image:linear-gradient(rgba(246,240,222,.84),rgba(208,198,168,.7)),url("../render-masters/side-dormer.png");background-blend-mode:screen,normal;filter:sepia(.1) saturate(.56) brightness(1.04) contrast(.9)}
.dm-v3-root .side-model-lead{
  z-index:8;
  background:
    linear-gradient(180deg,rgba(129,139,135,.42),rgba(39,47,44,.86)),
    repeating-linear-gradient(106deg,transparent 0 66px,rgba(255,255,255,.07) 66px 68px,rgba(0,0,0,.12) 68px 70px);
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 3px 4px rgba(0,0,0,.16);
  filter:saturate(.32) contrast(1.025);
}
.dm-v3-root .side-model-corner{
  z-index:11;
  background:
    linear-gradient(90deg,rgba(55,65,61,.08),rgba(0,0,0,.28)),
    url("../render-masters/side-dormer.png") center/100% 100% no-repeat;
  background-blend-mode:multiply,normal;
  box-shadow:inset 1px 0 rgba(255,255,255,.24),inset -2px 0 rgba(0,0,0,.32);
  filter:saturate(.58) contrast(1.055) brightness(.88) drop-shadow(1px 2px 1px rgba(0,0,0,.2));
}
.dm-v3-root .side-model-corner[data-color="black"]{background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.46)),url("../render-masters/side-dormer.png");background-blend-mode:multiply,normal;filter:saturate(.3) brightness(.66) contrast(1.08) drop-shadow(1px 2px 1px rgba(0,0,0,.22))}
.dm-v3-root .side-model-corner[data-color="white"]{background-image:linear-gradient(90deg,rgba(246,248,244,.62),rgba(182,192,186,.34)),url("../render-masters/side-dormer.png");background-blend-mode:screen,normal;filter:grayscale(.36) saturate(.18) brightness(1.04) contrast(.93) drop-shadow(1px 2px 1px rgba(0,0,0,.14))}
.dm-v3-root .side-model-corner[data-color="cream"]{background-image:linear-gradient(90deg,rgba(242,236,216,.58),rgba(163,150,114,.3)),url("../render-masters/side-dormer.png");background-blend-mode:screen,normal;filter:sepia(.08) saturate(.48) brightness(.98) contrast(.96) drop-shadow(1px 2px 1px rgba(0,0,0,.15))}
.dm-v3-root .side-model-front-soffit{
  --front-soffit-base:#17201e;
  --front-soffit-high:#35403c;
  --front-soffit-low:#080d0c;
  z-index:6;
  background:
    linear-gradient(90deg,rgba(0,0,0,.12),transparent 8%,transparent 92%,rgba(0,0,0,.18)),
    linear-gradient(180deg,rgba(4,8,7,.2),rgba(0,0,0,.42)),
    url("../render-masters/side-dormer.png") center/100% 100% no-repeat;
  background-blend-mode:multiply,multiply,normal;
  box-shadow:inset 0 1px rgba(255,255,255,.09),inset 0 -1px rgba(0,0,0,.24);
  filter:saturate(.56) contrast(1.05) brightness(.82);
}
.dm-v3-root .side-model-front-soffit[data-color="black"]{background-image:linear-gradient(rgba(0,0,0,.24),rgba(0,0,0,.5)),url("../render-masters/side-dormer.png");background-blend-mode:multiply,normal;filter:saturate(.28) brightness(.62) contrast(1.08)}
.dm-v3-root .side-model-front-soffit[data-color="white"]{background-image:linear-gradient(90deg,rgba(237,240,235,.55),rgba(154,165,159,.3)),url("../render-masters/side-dormer.png");background-blend-mode:screen,normal;filter:grayscale(.4) saturate(.16) brightness(1.01) contrast(.94)}
.dm-v3-root .side-model-front-soffit[data-color="cream"]{background-image:linear-gradient(90deg,rgba(229,221,199,.5),rgba(137,125,93,.27)),url("../render-masters/side-dormer.png");background-blend-mode:screen,normal;filter:sepia(.08) saturate(.44) brightness(.94) contrast(.96)}
.dm-v3-root .side-model-soffit-joint{
  z-index:8;
  background:linear-gradient(90deg,#2d3733,#18211e 58%,#0c1210);
  box-shadow:inset 1px 0 rgba(255,255,255,.13),inset -1px 0 rgba(0,0,0,.28);
  filter:drop-shadow(1px 1px 1px rgba(0,0,0,.12));
}
.dm-v3-root .side-model-soffit-joint[data-color="black"]{background:linear-gradient(90deg,#151a18,#070a09 65%,#020303)}
.dm-v3-root .side-model-soffit-joint[data-color="white"]{background:linear-gradient(90deg,#d5dbd6,#b8c1bb 62%,#9ea9a2)}
.dm-v3-root .side-model-soffit-joint[data-color="cream"]{background:linear-gradient(90deg,#d9d0b9,#b9ae91 62%,#968b70)}
.dm-v3-root .side-f1-projection{
  z-index:7;
  display:block!important;
  position:absolute;
  inset:0;
  overflow:visible;
  pointer-events:none;
}
.dm-v3-root #sideProjectionFascia,.dm-v3-root #sideProjectionBody{
  display:block!important;
}
.dm-v3-root .side-projection-plane{
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  transform-origin:0 0;
  backface-visibility:hidden;
  filter:none;
}
.dm-v3-root .side-projection-content{
  position:absolute;
  overflow:visible;
  transform:none!important;
  transition:none!important;
  filter:saturate(.92) contrast(1.045) brightness(.99);
}
.dm-v3-root .side-projection-content>img{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  filter:none;
}
.dm-v3-root .side-projection-content:before,.dm-v3-root .side-projection-content:after{
  display:none!important;
}
.dm-v3-root .side-model-contact-shadow{
  position:absolute;
  z-index:1;
  left:10%;
  top:64%;
  width:86%;
  height:16%;
  display:block;
  border-radius:50%;
  background:rgba(3,10,8,.34);
  filter:blur(13px);
  transform:rotate(15deg);
  transform-origin:left center;
  pointer-events:none;
}
.dm-v3-root .side-options{z-index:12}
.dm-v3-root .side-roof-foreground{
  z-index:3;
  display:none;
  pointer-events:none;
}
.dm-v3-root .stage[data-view="side"] .side-roof-foreground{
  display:block!important;
  object-position:center center;
  filter:saturate(.86) contrast(1.055) brightness(1.01);
}
.dm-v3-root .stage[data-view="side"] .measure{right:8%;left:8%;bottom:3.2%}
@media(max-width:640px){
  .dm-v3-root .side-product{top:3.868%;left:12.983%;width:69.613%}
}

/* De niet-actieve camera mag nooit achter de actieve projectie doorlekken. */
.dm-v3-root .stage[data-view="side"] .scene-front,.dm-v3-root .stage[data-view="side"] .front-product{
  display:none!important;
}
.dm-v3-root .stage[data-view="side"] .scene-side,.dm-v3-root .stage[data-view="side"] .side-product{
  display:block!important;
}
.dm-v3-root .stage:not([data-view="side"]) .scene-side,.dm-v3-root .stage:not([data-view="side"]) .side-product,.dm-v3-root .stage:not([data-view="side"]) .side-roof-foreground{
  display:none!important;
}

/*
 * S1 v65 — ruimtelijke master.
 * De voormalige CSS-knipvlakken blijven alleen als onzichtbare meetlaag
 * bestaan voor de fotografische dak-occlusie. Het zichtbare product wordt
 * door één WebGL-camera opgebouwd, zodat boei, zijwand, hoekprofiel, kozijn
 * en glas dezelfde verdwijnlijnen, diepte en belichting delen.
 */
.dm-v3-root .side-webgl{
  position:absolute;
  z-index:2;
  top:3.868%;
  /*
   * Zelfde optische middelpunt (47,79%) en dezelfde gekalibreerde hoogte als
   * de 1005x850 Bachoe-camera, maar met extra horizontale filmruimte. Daardoor
   * groeit een bredere dakkapel werkelijk naar rechts zonder camerazoom of
   * afknippen op de oude foto-uitsnede.
   */
  left:-5.21%;
  width:106%;
  height:88.34%;
  display:block;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 11px 10px rgba(2,9,7,.27));
  transition:opacity .38s ease,visibility .38s ease,filter .38s ease;
}
.dm-v3-root .side-webgl canvas{
  display:block;
  width:100%!important;
  height:100%!important;
}
.dm-v3-root .stage[data-view="side"] .side-webgl{
  visibility:visible;
  opacity:1;
}
.dm-v3-root .stage[data-view="side"] .side-webgl:not([data-ready="true"]){
  opacity:0;
}
.dm-v3-root .stage:not([data-view="side"]) .side-webgl{
  visibility:hidden;
  opacity:0;
}
.dm-v3-root .stage[data-view="side"] .side-product{
  display:block!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.dm-v3-root .stage[data-view="side"] .side-roof-foreground{
  z-index:3;
}
@media(max-width:640px){
  .dm-v3-root .side-webgl{
    top:3.868%;
    left:-5.21%;
    width:106%;
    height:88.34%;
  }
}

/* F1 production layer — S1 is intentionally not part of the user flow. */
.dm-v3-root .glass-reflection{background-position:center,center,var(--reflection-position) 0%;background-size:100% 100%,100% 100%,var(--reflection-size) 250%}
.dm-v3-root .front-product.is-render-unavailable{visibility:hidden}
.dm-v3-root .render-error{position:absolute;z-index:8;left:50%;top:56%;width:min(28rem,calc(100% - 2rem));transform:translate(-50%,-50%);padding:1rem 1.15rem;border:1px solid rgba(16,62,50,.18);border-radius:16px;background:rgba(248,250,245,.94);box-shadow:0 16px 40px rgba(11,43,35,.18);color:#173f35;text-align:center;backdrop-filter:blur(8px)}
.dm-v3-root .render-error[hidden]{display:none}
.dm-v3-root .render-error strong,.dm-v3-root .render-error span{display:block}
.dm-v3-root .render-error strong{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem}
.dm-v3-root .render-error span{margin-top:.3rem;font-size:.82rem;line-height:1.45;color:#557067}
.dm-v3-root .summary-preview-mobile{display:none}
@media(max-width:720px){
  .dm-v3-root .summary-preview-mobile{display:block;overflow:hidden;margin:14px 0 12px;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:#d9e5df}
  .dm-v3-root .summary-preview-mobile.is-unavailable{display:none}
  .dm-v3-root .summary-preview-mobile .summary-stage{width:100%;border-radius:12px;box-shadow:none}
}
.dm-v3-root .shutter-note{display:flex;gap:.42rem;align-items:flex-start}
.dm-v3-root .warning-triangle{flex:0 0 auto;color:#e9ad00;font-size:15px;line-height:1;text-shadow:0 1px 0 rgba(91,62,0,.16)}
.dm-v3-root .f1-status{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #c6d9d1;border-radius:999px;color:var(--green);background:#eef7f3;font-size:11px;font-weight:900;white-space:nowrap}
.dm-v3-root .f1-status:before{width:7px;height:7px;border-radius:50%;background:#24a47d;box-shadow:0 0 0 4px rgba(36,164,125,.1);content:""}
.dm-v3-root .price-status-card strong{font-family:Georgia,serif;font-size:32px;line-height:1}
.dm-v3-root .price-status-card small{text-transform:none}
.dm-v3-root .summary-price{display:grid;gap:3px;margin:14px 0 4px;padding:14px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.075)}
.dm-v3-root .summary-price span{color:#bed0c8;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.dm-v3-root .summary-price strong{font-family:Georgia,serif;font-size:31px;line-height:1.1}
.dm-v3-root .summary-price small{color:#d6e3de;font-size:11px}
.dm-v3-root .visual-phase .execution-card{grid-template-columns:auto 1fr auto}
.dm-v3-root .visual-phase .execution-card em,.dm-v3-root .visual-phase .option-list .toggle em{display:block}
.dm-v3-root .visual-phase .logic-note.is-warning[hidden]{display:none!important}
.dm-v3-root .visual-phase .logic-note.is-warning:not([hidden]){display:block!important}
.dm-v3-root .lead-card{padding:22px;border:1px solid rgba(193,210,203,.9);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 10px 35px rgba(24,50,41,.07)}
.dm-v3-root .lead-card h2{margin:0;font-family:Georgia,serif;font-size:23px}
.dm-v3-root .lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dm-v3-root .lead-grid label{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:900}
.dm-v3-root .lead-grid label>em,.dm-v3-root .privacy-check em{color:#b44835;font-style:normal}
.dm-v3-root .lead-grid input,.dm-v3-root .lead-grid textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fbfcfb;outline:none;transition:border-color .18s,box-shadow .18s}
.dm-v3-root .lead-grid textarea{min-height:94px;resize:vertical;line-height:1.45}
.dm-v3-root .lead-grid input:focus,.dm-v3-root .lead-grid textarea:focus{border-color:#278269;box-shadow:0 0 0 3px rgba(39,130,105,.12)}
.dm-v3-root .lead-grid-wide{grid-column:1/-1}
.dm-v3-root .privacy-check{display:flex;gap:10px;align-items:flex-start;margin:15px 0;color:var(--muted);font-size:12px;line-height:1.45;cursor:pointer}
.dm-v3-root .privacy-check input{width:19px;height:19px;flex:0 0 19px;margin:0;accent-color:var(--green)}
.dm-v3-root .form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.dm-v3-root .submit-cta{width:100%;padding:14px 18px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#18877f,#14736d);box-shadow:0 9px 20px rgba(24,135,127,.2);font-weight:900;cursor:pointer}
.dm-v3-root .submit-cta:hover{filter:brightness(1.05)}
.dm-v3-root .submit-cta:disabled{cursor:wait;filter:grayscale(.35);opacity:.7}
.dm-v3-root .form-status{min-height:18px;margin:10px 0 0;font-size:12px;line-height:1.4;text-align:center}
.dm-v3-root .form-status.is-success{color:#14724f}.dm-v3-root .form-status.is-error{color:#a13c2d}.dm-v3-root .form-status.is-info{color:#48655a}
.dm-v3-root button:focus-visible,.dm-v3-root input:focus-visible,.dm-v3-root select:focus-visible,.dm-v3-root textarea:focus-visible{outline:3px solid rgba(35,141,111,.28);outline-offset:2px}
@media(max-width:1380px){.dm-v3-root .visual-phase .lead-card{grid-column:1/-1}}
@media(max-width:900px){.dm-v3-root .visual-phase .lead-card{grid-column:auto}}
@media(max-width:640px){.dm-v3-root .preview-toolbar{flex-direction:row}.dm-v3-root .f1-status{padding:7px 10px}.dm-v3-root .lead-grid{grid-template-columns:1fr}.dm-v3-root .lead-grid-wide{grid-column:auto}.dm-v3-root .price-status-card strong{font-size:29px}.dm-v3-root .visual-phase .execution-card{grid-template-columns:auto 1fr}.dm-v3-root .visual-phase .execution-card em{grid-column:2}.dm-v3-root .visual-phase .toggle{grid-template-columns:auto 1fr}.dm-v3-root .visual-phase .toggle em{grid-column:2}}
.dm-v3-root .visual-phase .topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:14px 30px;align-items:end}
.dm-v3-root .visual-phase .eyebrow{display:flex;grid-column:1/-1;width:100%;align-items:center;justify-content:center;gap:12px;margin:0;text-align:center;letter-spacing:.08em}
.dm-v3-root .visual-phase .eyebrow:before,.dm-v3-root .visual-phase .eyebrow:after{width:38px;height:2px;flex:0 0 38px;background:currentColor;content:"";opacity:.55}
.dm-v3-root .topbar-copy{min-width:0}
.dm-v3-root .preview-toolbar{display:block}
.dm-v3-root .preview-sales-copy{max-width:980px;margin:0;color:var(--ink);font-size:14px;font-weight:750;line-height:1.45}
.dm-v3-root .color-field{display:grid!important;grid-template-columns:32px minmax(0,1fr);gap:7px 10px!important;align-items:end}
.dm-v3-root .color-label{grid-column:1/-1}
.dm-v3-root .color-swatch{display:block;width:32px;height:40px;border:1px solid #b9c9c2;border-radius:9px;background:var(--swatch-color,#343c39);box-shadow:inset 0 0 0 2px rgba(255,255,255,.32),0 2px 7px rgba(22,54,43,.08)}
.dm-v3-root .color-field select{grid-column:2}
.dm-v3-root .sales-marker{justify-self:start;margin-top:5px;padding:4px 8px;border:0;border-radius:999px;color:#755300;background:#fff1c7;font-size:10px;font-weight:900;line-height:1.1;white-space:nowrap}
.dm-v3-root .summary-price-line{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.dm-v3-root .summary-price-line b{color:#dce9e4;font-size:12px;font-weight:800}
.dm-v3-root .summary-price small{max-width:620px;margin-top:5px;line-height:1.5}
.dm-v3-root .whatsapp-cta{display:flex;min-height:44px;align-items:center;justify-content:center;margin-top:9px;padding:11px 14px;border:1px solid rgba(255,255,255,.52);border-radius:11px;color:#fff;background:rgba(255,255,255,.07);font-size:13px;font-weight:900;text-decoration:none;transition:background .18s,border-color .18s}
.dm-v3-root .whatsapp-cta:hover{border-color:#fff;background:rgba(255,255,255,.14)}
.dm-v3-root .summary-card .call-note{margin-top:9px;color:#cfe0d9;text-align:left}
.dm-v3-root .summary-card .call-note a{color:#fff;font-weight:800;text-decoration:none}
.dm-v3-root .field-label{display:inline-flex;align-items:baseline;gap:3px}
.dm-v3-root .lead-grid input::placeholder,.dm-v3-root .lead-grid textarea::placeholder{color:#778a82;opacity:1}
@media(max-width:720px){
  .dm-v3-root .visual-phase .topbar{grid-template-columns:1fr;gap:14px}
  .dm-v3-root .visual-phase .eyebrow{grid-column:1}
  .dm-v3-root .preview-sales-copy{font-size:13px}
  .dm-v3-root .summary-price-line{gap:6px}
}

/* V3.4 verkoop- en uitlijningsronde. */
.dm-v3-root .visual-phase .proof-strip{display:none!important}
.dm-v3-root .visual-phase .topbar{grid-template-columns:minmax(0,1.45fr) minmax(430px,.55fr);gap:22px;padding:4px 0}
.dm-v3-root .visual-phase .price-status-card{width:100%;min-width:0;max-width:none;align-self:end}
.dm-v3-root .visual-phase .topbar h1 .hero-line{display:block}
.dm-v3-root .project-grid{align-items:stretch}
.dm-v3-root .project-grid label{grid-template-rows:auto 46px minmax(46px,1fr);align-content:start}
.dm-v3-root .project-grid select{height:46px;min-height:46px;white-space:nowrap;text-overflow:ellipsis}
.dm-v3-root .project-grid small{min-height:46px}
.dm-v3-root .execution-choices{grid-template-columns:1fr}
.dm-v3-root .visual-phase .execution-card{grid-template-columns:auto 70px minmax(0,1fr);align-items:center}
.dm-v3-root .execution-choices,.dm-v3-root .execution-card,.dm-v3-root .execution-card span,.dm-v3-root .color-grid,.dm-v3-root .color-field{min-width:0}
.dm-v3-root .execution-card b,.dm-v3-root .execution-card small,.dm-v3-root .execution-card em{max-width:100%;overflow-wrap:anywhere}
.dm-v3-root .color-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.dm-v3-root .color-field{grid-template-columns:28px minmax(0,1fr)}
.dm-v3-root .color-swatch{width:28px}
.dm-v3-root .color-field select{width:100%;min-width:0;max-width:100%;overflow:hidden;padding:10px 23px 10px 7px;-webkit-appearance:none;appearance:none;white-space:nowrap;text-overflow:clip;font-size:10px;background-image:linear-gradient(45deg,transparent 50%,#173d31 50%),linear-gradient(135deg,#173d31 50%,transparent 50%);background-position:calc(100% - 10px) 50%,calc(100% - 6px) 50%;background-size:4px 4px;background-repeat:no-repeat}
.dm-v3-root .execution-card input{align-self:start}
.dm-v3-root .execution-material{display:block;width:70px;height:54px;object-fit:cover;border:1px solid #b9c9c2;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 3px 9px rgba(20,51,41,.1)}
.dm-v3-root .visual-phase .execution-card em{grid-column:3}
@media(max-width:1380px){
  .dm-v3-root .visual-phase .topbar{grid-template-columns:1fr}
}
@media(max-width:720px){
  .dm-v3-root .project-grid label{grid-template-rows:auto 46px auto}
  .dm-v3-root .project-grid small{min-height:0}
}
@media(max-width:640px){
  .dm-v3-root .visual-phase .topbar h1{font-size:32px;line-height:1.02}
}
@media(max-width:420px){
  .dm-v3-root .visual-phase .execution-card{grid-template-columns:auto 58px minmax(0,1fr)}
  .dm-v3-root .execution-material{width:58px;height:50px}
  .dm-v3-root .visual-phase .execution-card em{grid-column:3}
}

/* V3.4.5: harde WordPress/Elementor-integratie voor velden, optiekaarten en sticky preview. */
.dm-v3-root .color-field>select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  color:#17231f!important;
  -webkit-text-fill-color:#17231f!important;
  background-color:#f9fbfa!important;
  opacity:1!important;
}
.dm-v3-root .color-field>select option{
  color:#17231f!important;
  -webkit-text-fill-color:#17231f!important;
  background:#fff!important;
}
.dm-v3-root .visual-phase .option-list{display:grid!important;width:100%!important;min-width:0!important;gap:9px!important}
.dm-v3-root .visual-phase .option-list>label.toggle{
  position:relative!important;
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:22px minmax(0,1fr) minmax(66px,max-content)!important;
  gap:11px!important;
  align-items:center!important;
  margin:0!important;
  padding:11px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  color:var(--ink)!important;
  background:rgba(250,252,251,.9)!important;
}
.dm-v3-root .visual-phase .option-list>label.toggle>input[type="checkbox"]{
  position:static!important;
  display:block!important;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  accent-color:var(--green)!important;
}
.dm-v3-root .visual-phase .option-list>label.toggle>span{
  position:static!important;
  display:grid!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.dm-v3-root .visual-phase .option-list>label.toggle>span b{color:var(--ink)!important;line-height:1.2!important}
.dm-v3-root .visual-phase .option-list>label.toggle>span small{color:var(--muted)!important;line-height:1.35!important}
.dm-v3-root .visual-phase .option-list>label.toggle>em{
  position:static!important;
  display:block!important;
  grid-column:3!important;
  justify-self:end!important;
  width:auto!important;
  max-width:88px!important;
  margin:0!important;
  padding:0!important;
  color:var(--green2)!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-align:right!important;
  overflow-wrap:normal!important;
}
@media(min-width:1001px){
  .dm-v3-root .visual-phase .config-layout{grid-template-columns:minmax(0,1.45fr) minmax(430px,.55fr)!important;align-items:start!important}
  .dm-v3-root .visual-phase .preview-column{position:static!important;top:auto!important;transform:none!important;align-self:start!important;z-index:1}
  .dm-v3-root .visual-phase .stage{will-change:transform}
  .dm-v3-root .visual-phase .controls{grid-template-columns:1fr!important}
  .dm-v3-root .visual-phase .summary-card,.dm-v3-root .visual-phase .lead-card{grid-column:auto!important}
}
@media(max-width:1000px){
  .dm-v3-root .visual-phase .config-layout{grid-template-columns:1fr!important}
  .dm-v3-root .visual-phase .preview-column{position:static!important}
}
@media(max-width:420px){
  .dm-v3-root .visual-phase .option-list>label.toggle{grid-template-columns:20px minmax(0,1fr) minmax(60px,max-content)!important;gap:9px!important;padding:10px!important}
  .dm-v3-root .visual-phase .option-list>label.toggle>em{grid-column:3!important;max-width:72px!important}
}
.elementor-widget-shortcode:has(.dm-v3-root),
.elementor-widget-shortcode:has(.dm-v3-root)>.elementor-widget-container,
.elementor-column:has(.dm-v3-root),
.elementor-section:has(.dm-v3-root),
.e-con:has(.dm-v3-root){overflow:visible!important}

/* V3.4.6: het tweede projectbeeld volgt de echte configuratorbreedte, ook in de Elementor-editor. */
.dm-v3-root{container-type:inline-size}
@container (max-width:720px){
  .dm-v3-root .summary-preview-mobile{
    display:block!important;
    overflow:hidden!important;
    width:100%!important;
    min-height:150px;
    margin:14px 0 12px!important;
    border:1px solid rgba(255,255,255,.2)!important;
    border-radius:13px!important;
    background:#d9e5df!important;
  }
  .dm-v3-root .summary-preview-mobile .summary-stage{
    display:block!important;
    width:100%!important;
    aspect-ratio:3/2!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
}
@media(max-width:720px){
  .dm-v3-root .stage,.dm-v3-root .summary-preview-mobile .summary-stage{display:block!important;aspect-ratio:3/2!important}
  .dm-v3-root .stage[data-view="front"] .scene-front{transform:scale(1.09)!important;transform-origin:50% 100%!important}
  .dm-v3-root .front-product{bottom:9.5%!important}
  .dm-v3-root .summary-preview-mobile{display:block!important}
}

/* V3.4.7: blokkeer overgenomen Elementor/V1-transformaties op optiekaarten. */
.dm-v3-root .visual-phase .option-list>label.toggle,
.dm-v3-root .visual-phase .option-list>label.toggle:hover,
.dm-v3-root .visual-phase .option-list>label.toggle:focus-within,
.dm-v3-root .visual-phase .option-list>label.toggle:active,
.dm-v3-root .visual-phase .option-list>label.toggle:has(input:checked){
  transform:none!important;
  rotate:none!important;
  scale:none!important;
  translate:none!important;
  direction:ltr!important;
  writing-mode:horizontal-tb!important;
}
.dm-v3-root .visual-phase .option-list>label.toggle>*{
  transform:none!important;
  rotate:none!important;
  scale:none!important;
  translate:none!important;
  direction:ltr!important;
  writing-mode:horizontal-tb!important;
}
.dm-v3-root .summary-card dl dt,
.dm-v3-root .summary-card dl dd{
  text-transform:none!important;
  letter-spacing:normal!important;
}

/* V3.4.8: de bewegende preview mag nooit klikken op de configuratiekolom onderscheppen. */
.dm-v3-root .visual-phase .preview-column{
  pointer-events:none!important;
  z-index:1!important;
}
.dm-v3-root .visual-phase .controls{
  position:relative!important;
  z-index:10!important;
  pointer-events:auto!important;
}
.dm-v3-root .visual-phase .option-list,
.dm-v3-root .visual-phase .option-list>label.toggle{
  pointer-events:auto!important;
}
.dm-v3-root .visual-phase .option-list>label.toggle{cursor:pointer!important;user-select:none!important}
.dm-v3-root .visual-phase .option-list>label.toggle>input[type="checkbox"]{position:relative!important;z-index:2!important;cursor:pointer!important;pointer-events:none!important}
.dm-v3-root .visual-phase .option-list>label.toggle>span,
.dm-v3-root .visual-phase .option-list>label.toggle>em{pointer-events:none!important}
.dm-v3-root .visual-phase .topbar{grid-template-columns:1fr!important}
.dm-v3-root .visual-phase .additional-options>label.toggle{grid-template-columns:22px minmax(0,1fr)!important}
.dm-v3-root .visual-phase .option-list>label.toggle.no-option-price{grid-template-columns:22px minmax(0,1fr)!important}

/* V3.5.1: geselecteerde tussenpaneelpositie blijft leesbaar binnen WordPress/Elementor. */
body .dm-v3-root .visual-phase .panel-controls>label>select[name="panelPosition"]{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 34px 0 12px!important;
  transform:none!important;
  rotate:none!important;
  scale:none!important;
  translate:none!important;
  color:#17231f!important;
  -webkit-text-fill-color:#17231f!important;
  background-color:#fff!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  font-style:normal!important;
  line-height:42px!important;
  letter-spacing:normal!important;
  text-align:left!important;
  text-indent:0!important;
  text-transform:none!important;
  writing-mode:horizontal-tb!important;
  direction:ltr!important;
  opacity:1!important;
  visibility:visible!important;
}
body .dm-v3-root .visual-phase .panel-controls>label>select[name="panelPosition"] option{
  color:#17231f!important;
  -webkit-text-fill-color:#17231f!important;
  background:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:normal!important;
  text-transform:none!important;
}