.model-picker-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.model-picker-label[hidden]{display:none!important}
.configurator-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#f7f8f5}
.configurator-switch button{display:grid;grid-template-columns:34px 1fr;gap:2px 12px;align-items:center;text-align:left;border:0;border-right:1px solid var(--line);background:transparent;padding:20px 24px;color:var(--ink);cursor:pointer}
.configurator-switch button:last-child{border-right:0}.configurator-switch button.selected{background:#fff;box-shadow:inset 0 -3px var(--lime)}
.configurator-switch span{grid-row:1/3;font:700 11px Manrope;color:var(--green)}.configurator-switch b{font:700 14px Manrope}.configurator-switch small{color:var(--muted);font-size:10px}
.config-brand-badge{display:inline-block;background:var(--green);color:#fff;padding:8px 11px;font:700 9px Manrope;letter-spacing:.14em;margin-bottom:18px}
.door-config-start p{color:var(--muted);line-height:1.65;max-width:580px}.door-start-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.door-start-facts span{border:1px solid var(--line);padding:10px 12px;font-size:11px}
.mini-slider{grid-row:1/3;width:58px;height:54px;border:6px solid #ecebe4;box-shadow:0 0 0 1px #aaa;position:relative;background:linear-gradient(145deg,#acc8d1,#eef5f3)}.mini-slider:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:5px;background:#ecebe4}.mini-balcony{grid-row:1/3;width:44px;height:72px;border:6px solid #ecebe4;box-shadow:0 0 0 1px #aaa;position:relative;background:linear-gradient(145deg,#acc8d1,#eef5f3)}.mini-balcony:before{content:'';position:absolute;left:4px;right:4px;bottom:0;height:3px;background:#87918e}.mini-balcony:after{content:'';position:absolute;right:2px;top:30px;width:3px;height:13px;background:#626b68}
.model-picker{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);padding:16px 44px 16px 16px;font:600 15px Manrope,sans-serif}
.selected-system{display:grid;grid-template-columns:74px 1fr;gap:16px;align-items:center;margin-top:14px;padding:14px;background:#f3f5f1;border-left:3px solid var(--lime)}
.selected-system.door-system{grid-template-columns:1fr}
.selected-system.text-only{grid-template-columns:1fr}
.selected-system.sliding-system{grid-template-columns:150px 1fr;padding:12px}
.selected-system.sliding-system img{width:150px;height:104px;object-fit:cover;background:#fff;mix-blend-mode:normal}
.selected-system em{display:block;margin-top:7px;color:var(--muted);font-size:10px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
#concealed-addon.included{border-color:#aabd46;background:#f6f9e9}
#concealed-addon.included strong{color:var(--green)}
#double-glass-option[hidden]{display:none!important}
.door-flow[hidden],.window-flow[hidden]{display:none!important}
.door-selector{margin-bottom:14px}
.door-brand-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;margin-bottom:18px;background:#f3f5f1;border-left:3px solid var(--lime)}.door-brand-heading span{font:800 13px Manrope;letter-spacing:.13em}.door-brand-heading small{max-width:330px;color:var(--muted);text-align:right;line-height:1.35}
.door-group-label{font:700 10px Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}
.door-brand-tabs,.compact-options{display:flex;flex-wrap:wrap;gap:8px}
.door-brand-tabs button,.compact-options button{border:1px solid var(--line);background:#fff;padding:10px 13px;color:var(--ink);font:600 12px Manrope,sans-serif;cursor:pointer}
.door-brand-tabs button.selected,.compact-options button.selected{border-color:var(--green);background:#f2f6e5;box-shadow:inset 0 0 0 1px var(--green)}
.door-selector .model-picker-label{margin-top:18px}
.door-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:290px;overflow:auto;padding-right:4px}
.door-design-card{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;row-gap:4px;align-items:start;text-align:left;border:1px solid var(--line);background:#fff;padding:10px;cursor:pointer;color:var(--ink);overflow:hidden}
.door-design-card.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#f7f9ef}
.door-card-copy{grid-column:2;grid-row:1/4;display:flex;min-width:0;align-self:stretch;flex-direction:column;align-items:flex-start}.door-card-copy b,.door-card-copy small,.door-card-copy strong{display:block;min-width:0;position:relative;z-index:2}.door-card-copy b{font:700 13px Manrope,sans-serif}.door-card-copy small{font-size:9px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere;margin:4px 0 8px}.door-card-copy strong{font-size:10px;color:var(--green);margin-top:auto}
.door-thumb{grid-column:1;grid-row:1/4;width:58px;height:88px;box-sizing:border-box;background:#eef0ed;border:1px solid var(--line);position:relative;display:block;object-fit:contain;padding:3px;overflow:hidden}
.door-thumb.slit i{left:10px;top:9px;width:9px;height:42px}.door-thumb.steps i{left:8px;top:9px;width:22px;height:8px;box-shadow:0 14px #dce8e7,0 28px #dce8e7}.door-thumb.offset i{left:7px;top:8px;width:17px;height:30px}.door-thumb.frame i{left:7px;top:7px;width:24px;height:43px}.door-thumb.double i{left:8px;top:7px;width:21px;height:17px;box-shadow:0 25px #dce8e7}
.door-construction{margin-top:18px;padding-top:4px;border-top:1px solid var(--line)}
.window-construction-step{margin-bottom:24px}.construction-option-grid{display:grid;grid-template-columns:1fr;gap:8px;max-height:310px;overflow:auto;padding-right:4px}.balcony-threshold{margin-top:20px;padding-top:2px;border-top:1px solid var(--line)}.balcony-threshold[hidden]{display:none!important}.balcony-threshold .option-list{grid-template-columns:1fr 1fr}.balcony-threshold .list-option{min-height:82px;gap:12px}.balcony-threshold .list-option strong{text-align:right;white-space:nowrap}
.window-mounting{margin-top:24px;padding-top:2px;border-top:1px solid var(--line)}.window-mounting-options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.window-mounting-options .list-option{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:space-between;align-items:start;min-height:150px;padding:18px;gap:18px}.window-mounting-options .list-option span{display:block;min-width:0}.window-mounting-options .list-option b{display:block;font:700 14px/1.3 Manrope,sans-serif}.window-mounting-options .list-option small{display:block;margin-top:8px;font:400 10px/1.55 "DM Sans",sans-serif;color:var(--muted);overflow-wrap:anywhere}.window-mounting-options .list-option strong{display:block;align-self:end;margin-top:auto;text-align:left;white-space:nowrap;font:700 12px/1.2 Manrope,sans-serif;color:var(--green)}.delivery-service-note{display:grid;gap:4px;margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--lime);background:#f3f5f1}.delivery-service-note strong{font:700 12px/1.4 Manrope,sans-serif;color:var(--ink)}.delivery-service-note span{font-size:10px;line-height:1.5;color:var(--muted)}
.construction-option{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:76px;padding:9px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer}.construction-option.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#f7f9ef}.construction-option span:nth-child(2){min-width:0}.construction-option b,.construction-option small{display:block}.construction-option b{font:700 11px Manrope}.construction-option small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.3}.construction-option strong{font-size:9px;color:var(--green);white-space:nowrap}
.construction-mini,.window-construction-view{--construction-frame:#f1efe7;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--mullion-px,3px);background:var(--construction-frame);box-shadow:0 0 0 1px #8e9894;overflow:hidden}
.construction-mini{width:var(--mini-width,78px);height:var(--mini-height,55px);border:var(--outer-frame-px,5px) solid var(--construction-frame)}.construction-mini.balcony-mini{justify-self:center}.window-construction-view{width:min(var(--construction-width,100%),100%);height:auto;max-height:var(--construction-max-height,220px);aspect-ratio:var(--construction-ratio,6 / 7);border:var(--outer-frame-px,10px) solid var(--inside-color,#f1efe7);background:var(--inside-color,#f1efe7);box-shadow:0 12px 26px #52615a38,0 0 0 1px #7f8a85}
.window-construction-view[hidden]{display:none!important}.construction-pane{min-width:0;position:relative;display:grid;place-items:center;overflow:hidden;border:var(--sash-frame-px,3px) solid var(--construction-frame);background:linear-gradient(145deg,#a9c8d2,#eef5f3);box-shadow:inset 0 0 0 1px #8b9895}.construction-pane.fixed{border-width:var(--fixed-frame-px,1px)}.window-construction-view .construction-pane{--construction-frame:var(--inside-color,#f1efe7)}.construction-pane i{position:relative;z-index:3;align-self:end;margin-bottom:4px;padding:2px 4px;background:#ffffffb8;color:#52615a;font:700 7px Manrope;font-style:normal}.window-construction-view .construction-pane i{font-size:9px;margin-bottom:8px}
.construction-pane.operable{background:linear-gradient(32deg,transparent 49%,#758b91 49.5%,#758b91 50.5%,transparent 51%),linear-gradient(-32deg,transparent 49%,#758b91 49.5%,#758b91 50.5%,transparent 51%),linear-gradient(145deg,#a9c8d2,#eef5f3)}.construction-pane.turn{background:linear-gradient(90deg,transparent 49%,#758b91 49.5%,#758b91 50.5%,transparent 51%),linear-gradient(145deg,#a9c8d2,#eef5f3)}.construction-pane.slider{background:linear-gradient(90deg,transparent 49%,#758b91 49.5%,#758b91 50.5%,transparent 51%),linear-gradient(145deg,#a9c8d2,#eef5f3)}
.construction-pane.operable.tilt,.construction-pane.operable.turn{background:linear-gradient(145deg,#a9c8d2,#eef5f3);box-shadow:inset 0 0 0 1px #8b9895}
.operation-symbol{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);z-index:2;overflow:visible;pointer-events:none}.operation-symbol.mirrored{transform:scaleX(-1)}.operation-symbol path{fill:none;stroke:#315b8f;stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.operation-symbol .operation-handle{stroke:#303936;stroke-width:3.5}.construction-mini .operation-symbol{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.construction-mini .operation-symbol path{stroke-width:1}.construction-mini .operation-symbol .operation-handle{stroke-width:2}
.construction-stack{min-width:0;display:grid;grid-template-rows:1fr .34fr;gap:var(--mullion-px,3px);background:var(--construction-frame)}.construction-stack.upper{grid-template-rows:.34fr 1fr}.window-construction-view .construction-stack{background:var(--inside-color,#f1efe7)}.shape-stulp2{gap:2px}.shape-mullion2{gap:var(--mullion-px,5px)}.shape-triple{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:minmax(0,1fr) var(--mullion-px,5px) minmax(0,1fr) 2px minmax(0,1fr);gap:0}.construction-divider{display:block;background:var(--construction-frame);box-shadow:inset 0 0 0 1px #8b989566}.window-construction-view .construction-divider{--construction-frame:var(--inside-color,#f1efe7)}.shape-triple-mullion{gap:var(--mullion-px,5px)}.shape-hst-c{width:100%}.shape-hst-c .construction-pane{border-width:var(--sash-frame-px,2px)}
.preview-stage{overflow:hidden}.window-construction-view.balcony-view{border-bottom-width:18px;box-shadow:0 16px 28px #52615a42,0 0 0 1px #7f8a85}.window-construction-view.balcony-view.threshold-flat{border-bottom-width:7px}.balcony-product-preview{width:96%;padding-bottom:18px}.balcony-product-preview:after{content:attr(data-dimensions);position:absolute;left:0;top:0;padding:3px 8px;background:#ffffffc9;border:1px solid #d2d8d3;color:#59645f;font:700 8px Manrope,sans-serif;letter-spacing:.04em;white-space:nowrap}.balcony-product-preview .preview-inside{left:4px;right:auto}.balcony-product-preview .preview-outside{right:4px}
.door-product-preview{position:relative;width:82%;height:275px;display:grid;place-items:center;overflow:visible}
.door-original{display:block;width:auto;height:240px;max-width:calc(100% - 28px);max-height:240px;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 14px #17312628);position:relative;z-index:2}
.door-original[hidden]{display:none!important}
.door-visual{width:128px;height:250px;background:var(--outside-color,#343a3b);border:7px solid #7d817e;box-shadow:0 18px 34px #17312628;position:relative}
.door-visual:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff1f}.door-pull{position:absolute;right:13px;top:88px;width:5px;height:88px;background:#d2d5d2;border-radius:4px;box-shadow:0 1px 4px #0005}.door-glass{position:absolute;background:#d7e5e4;border:5px solid #252b29;box-shadow:inset 0 0 18px #fff8}.door-line{position:absolute;height:2px;background:#bdc0bd;left:16px;right:28px}
.door-visual.slit .door-glass{left:18px;top:25px;width:25px;height:157px}.door-visual.slit .one{top:199px}.door-visual.steps .door-glass{left:18px;right:34px;top:28px;height:32px;box-shadow:0 52px 0 #d7e5e4,0 104px 0 #d7e5e4}.door-visual.steps .one{top:72px}.door-visual.steps .two{top:124px}.door-visual.offset .door-glass{left:18px;top:25px;width:54px;height:85px}.door-visual.offset .one{top:129px}.door-visual.offset .two{top:141px}.door-visual.frame .door-glass{left:17px;right:31px;top:21px;height:176px}.door-visual.double .door-glass{left:18px;right:34px;top:25px;height:62px;box-shadow:0 91px 0 #d7e5e4}.door-visual.double .one{top:107px}
#door-addon-options{max-height:265px;overflow:auto;padding-right:4px}
#door-hardware-step .option-list{max-height:240px;overflow:auto;padding-right:4px}
.selected-system img{width:74px;height:64px;object-fit:contain;mix-blend-mode:multiply}
.selected-system b,.selected-system small{display:block}
.selected-system small{color:var(--muted);margin-top:5px}
.color-side-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:10px}
.color-side-heading span{font:600 14px Manrope}
.color-side-heading small{color:var(--muted);text-align:right}
.color-side-heading--outside{margin-top:24px}
.color-grid{max-height:190px;overflow:auto;padding-right:4px}
.color-section[hidden]{display:none!important}.color-mode-block{margin-bottom:22px}.color-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-mode-options button{display:grid;gap:4px;min-height:74px;padding:14px 16px;border:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;cursor:pointer}.color-mode-options button b{font:700 12px Manrope,sans-serif}.color-mode-options button small{font-size:9px;line-height:1.4;color:var(--muted)}.color-mode-options button.selected{border-color:var(--green);background:#f4f8e9;box-shadow:inset 0 0 0 1px var(--green)}.color-mode-options button:disabled{cursor:default;opacity:.55}.color-rule-note{margin:10px 0 0;padding:10px 12px;background:#f3f5f1;border-left:3px solid var(--lime);color:var(--muted);font-size:10px;line-height:1.5}.color-mode-block.system-exception .color-mode-options{display:none}.color-mode-block.system-exception .color-rule-note{color:var(--ink)}
.color-option{min-height:60px}
.color-option span{display:grid;font-size:12px}
.color-option span small{font-size:9px;color:var(--muted);margin-top:3px}
.model-product-preview{position:relative;width:92%;height:255px;display:grid;place-items:center}
.model-product-preview img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.9);position:relative;z-index:2}
.preview-outside,.preview-inside{position:absolute;width:56px;height:56px;border-radius:50%;bottom:16px;border:5px solid #fff;box-shadow:0 3px 12px #23352d35;z-index:3}
.preview-outside{right:8px;background:var(--outside-color,#fff)}
.preview-inside{right:50px;background:var(--inside-color,#fff)}
.preview-outside:after,.preview-inside:after{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.08em;color:var(--muted)}
.preview-outside:after{content:'AUSSEN'}
.preview-inside:after{content:'INNEN'}
.config-footer{position:sticky;top:84px;z-index:12;background:#fff;box-shadow:0 10px 24px #14211d14}
.configurator.door-mode .config-body{grid-template-columns:1fr}.configurator.door-mode .config-options{padding-bottom:28px}.configurator.door-mode .product-preview{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(340px,1.18fr);border-left:0;border-top:1px solid var(--line)}.configurator.door-mode .preview-stage{height:auto;min-height:340px;border-right:1px solid var(--line)}.configurator.door-mode .door-product-preview{height:310px;width:86%}.configurator.door-mode .summary{padding:30px 34px}.configurator.door-mode .door-design-grid{max-height:430px}
.configurator.door-mode .door-original{height:260px;max-height:260px}
.configurator.door-mode .preview-outside,.configurator.door-mode .preview-inside{display:none}
.color-option:focus-visible i{transform:scale(3);z-index:40;box-shadow:0 12px 34px #14211d59,0 0 0 1px #fff}.color-option:focus-visible em{color:var(--green);opacity:1}
.buildability-card{margin-top:14px;padding:16px;border:1px solid #cfd8d2;background:#f7f9f4}.buildability-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.buildability-head span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.buildability-head strong{font:700 11px Manrope;color:#24654f}.buildability-scale{height:5px;margin:12px 0 11px;background:#e1e6e2;overflow:hidden}.buildability-scale i{display:block;width:0;height:100%;background:linear-gradient(90deg,#8eb88e,var(--lime));transition:width .25s ease}.buildability-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.buildability-values span{display:grid;gap:3px}.buildability-values span:nth-child(2){text-align:center}.buildability-values span:last-child{text-align:right}.buildability-values small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.buildability-values b{font:700 11px Manrope}.buildability-card p{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.buildability-card.invalid{border-color:#c9695f;background:#fff7f5}.buildability-card.invalid .buildability-head strong{color:#a43931}.buildability-card.invalid .buildability-scale i{background:#c9584f}.dimension-grid input.invalid{border-color:#b84840;box-shadow:inset 0 0 0 1px #b84840;background:#fff8f6}.button.button-primary:disabled{opacity:.45;cursor:not-allowed}
.color-grid{overflow:visible}.color-option{position:relative;min-height:76px;overflow:visible}.color-option i{flex:0 0 58px;width:58px;height:48px;border-radius:4px;background-color:var(--swatch);background-image:var(--swatch-image);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #14211d22;transition:transform .2s ease,box-shadow .2s ease;border:0}.color-option:nth-child(odd) i{transform-origin:left center}.color-option:nth-child(even) i{transform-origin:right center}.color-option:hover i,.color-option:focus-visible i{transform:scale(3);z-index:40;box-shadow:0 12px 34px #14211d59,0 0 0 1px #fff}.color-option em{position:absolute;right:8px;bottom:5px;color:var(--muted);font-size:7px;font-style:normal;letter-spacing:.04em;opacity:.72}.color-option:hover em,.color-option:focus-visible em{color:var(--green);opacity:1}.color-option:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:720px){.configurator-switch{grid-template-columns:1fr}.configurator-switch button{border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.color-mode-options,.window-mounting-options{grid-template-columns:1fr}.color-grid{grid-template-columns:1fr 1fr}.model-product-preview{height:230px}.selected-system{grid-template-columns:60px 1fr}.selected-system img{width:60px}.selected-system.sliding-system{grid-template-columns:104px 1fr}.selected-system.sliding-system img{width:104px;height:84px}.balcony-threshold .option-list{grid-template-columns:1fr}.door-design-grid{grid-template-columns:1fr}.door-product-preview{height:250px}.door-visual{transform:scale(.9)}.configurator.door-mode .product-preview{grid-template-columns:1fr}.configurator.door-mode .preview-stage{min-height:300px;border-right:0;border-bottom:1px solid var(--line)}.configurator.door-mode .door-product-preview{height:270px}.configurator.door-mode .door-original{height:220px;max-height:220px}.config-footer{top:72px}}
