.room-viewer{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.room-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-2) var(--s-4);background:linear-gradient(160deg,var(--c-navy-soft) 0%,var(--c-navy) 100%);color:var(--c-white);flex-wrap:wrap}.room-viewer-title{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9}.room-viewer-title i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade8033}.room-viewer-presets{display:inline-flex;gap:2px;background:#ffffff14;border-radius:var(--radius-full);padding:2px}.room-viewer-presets button{font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#ffffffb3;background:transparent;border:0;border-radius:var(--radius-full);padding:.3rem .7rem;cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast);white-space:nowrap}.room-viewer-presets button:hover{color:var(--c-white)}.room-viewer-presets button.is-active{background:var(--c-primary);color:var(--c-white)}.room-viewer-presets button:focus-visible{outline:2px solid var(--c-white);outline-offset:1px}.room-viewer-stage{position:relative;aspect-ratio:4 / 3;background:radial-gradient(120% 90% at 50% 20%,#f7f5f1,#ebe7e1);overflow:hidden;touch-action:none}.room-viewer--result .room-viewer-stage{aspect-ratio:16 / 11}.room-viewer-canvas{position:absolute;inset:0;cursor:grab}.room-viewer-canvas:active{cursor:grabbing}.room-viewer-canvas canvas{width:100%!important;height:100%!important;display:block}.room-viewer-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--s-4);opacity:.9;transition:opacity .3s ease}.room-viewer-fallback svg{max-height:100%;width:auto}.room-viewer.is-ready .room-viewer-fallback{opacity:0;pointer-events:none}.room-viewer.is-fallback .room-viewer-fallback{opacity:1}.room-viewer.is-fallback .room-viewer-canvas,.room-viewer.is-fallback .room-viewer-presets,.room-viewer.is-fallback .room-viewer-hint{display:none}.room-viewer-status{position:absolute;left:50%;bottom:var(--s-3);transform:translate(-50%);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--c-text-muted);background:#ffffffe6;border:1px solid var(--c-border);border-radius:var(--radius-full);padding:.3rem .75rem;white-space:nowrap}.room-viewer.is-ready .room-viewer-status{display:none}.room-viewer-hint{position:absolute;top:var(--s-3);left:var(--s-3);display:inline-flex;align-items:center;gap:var(--s-2);background:#0b1b3ae0;color:var(--c-white);border-radius:var(--radius-full);padding:.3rem .8rem .3rem .4rem;font-size:var(--text-xs);pointer-events:none;transition:opacity .4s ease}.room-viewer-hint b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--c-primary);font-size:.6rem;font-weight:var(--font-bold)}.room-viewer.is-touched .room-viewer-hint{opacity:0}.room-viewer-legend{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);padding:var(--s-2) var(--s-4);font-size:var(--text-xs);color:var(--c-text-muted);border-top:1px solid var(--c-border);background:var(--c-off-white)}.room-viewer-legend:empty{display:none}.room-viewer-legend span{display:inline-flex;align-items:center;gap:var(--s-1)}.room-viewer-legend i{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.12)}@media(max-width:768px){.room-viewer-bar{padding:var(--s-2) var(--s-3)}.room-viewer-presets button{padding:.28rem .55rem}.room-viewer--result .room-viewer-stage{aspect-ratio:1 / 1}}.configurator{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-2xl);overflow:clip;box-shadow:0 1px 2px #0b1b3a0a,0 30px 60px -30px #0b1b3a47}.configurator-progress{background:linear-gradient(180deg,var(--c-white) 0%,var(--c-off-white) 100%);border-bottom:1px solid var(--c-border);padding:var(--s-5) var(--s-8) var(--s-4)}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-3)}.progress-head-label{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary)}.progress-reset{display:inline-flex;align-items:center;gap:var(--s-2);background:none;border:0;padding:.25rem .5rem;margin-right:-.5rem;font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--c-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:color var(--ease-fast),background var(--ease-fast)}.progress-reset:hover{color:var(--c-primary);background:var(--c-primary-muted)}.progress-reset:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.progress-bar-wrap{height:5px;background:var(--c-gray-200);border-radius:var(--radius-full);margin-bottom:var(--s-5);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--c-primary-dark) 0%,var(--c-primary) 60%,var(--c-primary-light) 100%);border-radius:var(--radius-full);transition:width .4s ease;width:0%}.progress-steps{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;padding-block:var(--s-1)}.progress-steps::-webkit-scrollbar{display:none}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);flex:1;min-width:52px;opacity:.45;background:none;border:0;padding:0;font:inherit;cursor:default;transition:opacity var(--ease-base)}.progress-step.is-active,.progress-step.is-done{opacity:1}.progress-step.is-visited,.progress-step.is-available{opacity:.7}.progress-step.is-done,.progress-step.is-visited,.progress-step.is-available{cursor:pointer}.progress-step.is-done:hover,.progress-step.is-visited:hover,.progress-step.is-available:hover{opacity:1}.progress-step.is-available .progress-step-dot{background:var(--c-white);border-color:var(--c-primary);color:var(--c-primary)}.progress-step.is-available:hover .progress-step-dot{background:var(--c-primary);color:var(--c-white)}.progress-step.is-available .progress-step-label{color:var(--c-primary)}.progress-step:focus-visible{outline:2px solid var(--c-primary);outline-offset:4px;border-radius:var(--radius-md)}.progress-step-dot{width:32px;height:32px;border-radius:50%;background:var(--c-white);border:2px solid var(--c-gray-300);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--c-text-muted);transition:background var(--ease-base),border-color var(--ease-base),color var(--ease-base),transform var(--ease-base);flex-shrink:0}.progress-step.is-done .progress-step-dot,.progress-step.is-visited .progress-step-dot{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-white)}.progress-step.is-active .progress-step-dot{background:var(--c-navy);border-color:var(--c-navy);color:var(--c-white);box-shadow:0 0 0 4px #1d6fe029}.progress-step-check,.progress-step.is-done .progress-step-num,.progress-step.is-visited .progress-step-num{display:none}.progress-step.is-done .progress-step-check,.progress-step.is-visited .progress-step-check{display:block}.progress-step.is-done:hover .progress-step-dot,.progress-step.is-visited:hover .progress-step-dot{background:var(--c-primary-dark);border-color:var(--c-primary-dark);transform:scale(1.1)}.progress-step-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--c-text-muted);text-align:center;white-space:nowrap}.progress-step.is-active .progress-step-label{color:var(--c-navy);font-weight:var(--font-bold)}.configurator-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;background:linear-gradient(90deg,var(--c-off-white) calc(41.6667% - 1px),var(--c-border) calc(41.6667% - 1px),var(--c-border) 41.6667%,var(--c-white) 41.6667%)}.configurator-preview{position:sticky;top:96px;align-self:start;background:var(--c-off-white);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.preview-meta{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.preview-label{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-subtle)}.preview-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}.preview-chip{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--c-text);background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-full);padding:.3rem .65rem;max-width:100%}.preview-chip.is-empty{color:var(--c-text-subtle);border-style:dashed}.preview-chip-swatch{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}.preview-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-price{display:flex;flex-direction:column;gap:2px;padding:var(--s-4) var(--s-5);border-radius:var(--radius-lg);background:linear-gradient(160deg,var(--c-navy-soft) 0%,var(--c-navy) 100%);color:var(--c-white);box-shadow:var(--shadow-md)}.preview-price-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e;font-weight:var(--font-bold)}.preview-price-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--c-accent);letter-spacing:-.02em;line-height:1.1}.preview-price-note{font-size:var(--text-xs);color:#ffffffb3}.preview-disclaimer{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--text-xs);color:var(--c-text-subtle);line-height:var(--leading-snug);margin:0}.preview-disclaimer svg{flex-shrink:0;margin-top:1px}.configurator-main{min-width:0;display:flex;flex-direction:column}.configurator-body{padding:var(--s-8);min-height:420px;flex:1}.step-header{margin-bottom:var(--s-6)}.step-header-top{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap}.step-header .badge{margin-bottom:0}.step-title{font-size:clamp(var(--text-xl),2.2vw,var(--text-2xl));font-weight:var(--font-extrabold);letter-spacing:-.025em;line-height:var(--leading-tight);margin-bottom:var(--s-2);color:var(--c-navy)}.step-desc{font-size:var(--text-sm);color:var(--c-text-muted);line-height:var(--leading-relaxed)}.step-group{margin-top:var(--s-7)}.step-group:first-of-type{margin-top:0}.step-group-title{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--c-text);margin-bottom:var(--s-1)}.step-group-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--c-primary-soft);color:var(--c-primary-dark);font-size:.7rem;font-weight:var(--font-extrabold)}.step-group-desc{font-size:var(--text-sm);color:var(--c-text-muted);margin-bottom:var(--s-3);line-height:var(--leading-relaxed)}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}.field-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--c-text)}.field-input{display:flex;align-items:center;border:1.5px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-white);transition:border-color var(--ease-fast),box-shadow var(--ease-fast)}.field-input:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 4px #1d6fe01f}.field-input input,.field-input select{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--c-text);padding:.7rem .9rem;outline:none;-moz-appearance:textfield;appearance:none}.field-input input::-webkit-outer-spin-button,.field-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-unit{padding-right:.9rem;font-size:var(--text-sm);color:var(--c-text-subtle);font-weight:var(--font-medium)}.field-input--select{position:relative}.field-input--select:after{content:"";position:absolute;right:.9rem;top:50%;width:8px;height:8px;border-right:2px solid var(--c-text-muted);border-bottom:2px solid var(--c-text-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.field-input--select select{padding-right:2.2rem;cursor:pointer}.field-range{display:flex;flex-direction:column;gap:var(--s-2)}.field-range input[type=range]{width:100%;accent-color:var(--c-primary);cursor:pointer;height:28px}.field-range-scale{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--c-text-subtle)}.notice{display:flex;gap:var(--s-3);align-items:flex-start;border-radius:var(--radius-lg);padding:var(--s-4) var(--s-5);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:var(--s-4)}.notice svg{flex-shrink:0;margin-top:2px}.notice b{display:block;color:var(--c-text);margin-bottom:2px}.notice--warning{background:var(--c-warning-bg);border:1px solid var(--c-warning-border);color:var(--c-warning-text)}.notice--warning b{color:#3e3200}.notice--hint{background:var(--c-off-white);border:1px solid var(--c-border);color:var(--c-text-muted)}.notice--calc{background:linear-gradient(160deg,var(--c-navy-soft) 0%,var(--c-navy) 100%);color:#ffffffbf;border:0}.notice--calc b{color:var(--c-white);font-size:var(--text-base)}.options-grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.options-grid--wide{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.options-grid--rows{grid-template-columns:1fr}.options-grid--swatches{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.options-grid--kit{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.option-card{position:relative;border:1.5px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--s-4);cursor:pointer;transition:border-color var(--ease-base),box-shadow var(--ease-base),transform var(--ease-base),background var(--ease-base);background:var(--c-white);display:flex;flex-direction:column;gap:var(--s-2);user-select:none;text-align:left;font:inherit;color:inherit;box-shadow:var(--shadow-xs)}.option-card:hover{border-color:#1d6fe080;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.option-card:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.option-card.is-selected{border-color:var(--c-primary);background:linear-gradient(180deg,#1d6fe00b,#1d6fe003);box-shadow:0 0 0 3px #1d6fe024,0 10px 24px -12px #1d6fe059}.option-check{position:absolute;top:var(--s-3);right:var(--s-3);width:22px;height:22px;border-radius:50%;border:2px solid var(--c-gray-300);background:var(--c-white);display:flex;align-items:center;justify-content:center;transition:border-color var(--ease-base),background var(--ease-base);flex-shrink:0;z-index:1}.option-card.is-selected .option-check{border-color:var(--c-primary);background:var(--c-primary);box-shadow:0 4px 10px -3px #1d6fe099}.option-check-icon{display:none;color:#fff}.option-card.is-selected .option-check-icon{display:block}.option-visual{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);background:linear-gradient(145deg,#f1eee9,#e6e1da);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--c-text-muted)}.option-visual svg{width:62%;height:72%}.option-badges{display:flex;gap:var(--s-2);flex-wrap:wrap}.option-badges:empty{display:none}.option-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--c-text);padding-right:var(--s-6);line-height:var(--leading-snug)}.option-desc{font-size:var(--text-sm);color:var(--c-text-muted);line-height:var(--leading-relaxed)}.option-price{margin-top:auto;padding-top:var(--s-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--c-text-subtle)}.option-price.has-modifier{color:var(--c-primary-dark)}.option-price:not(.has-modifier){color:var(--c-success)}.option-meta{font-size:var(--text-xs);color:var(--c-text-subtle)}.option-card--row{flex-direction:row;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5)}.option-card--row .option-texts{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.option-card--row .option-title{padding-right:0}.option-card--row .option-price{margin-top:0;padding-top:0;padding-right:var(--s-8);white-space:nowrap}.option-card--row .option-check{top:50%;transform:translateY(-50%)}.option-card--swatch{padding:var(--s-2);gap:var(--s-2)}.option-card--swatch .option-title{font-size:var(--text-sm);padding:0 var(--s-1);padding-right:var(--s-5)}.option-card--swatch .option-check{top:var(--s-2);right:var(--s-2);width:20px;height:20px}.option-swatch{width:100%;aspect-ratio:5 / 4;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);background-color:var(--swatch, #ddd);background-size:cover;background-position:center;position:relative;overflow:hidden}.option-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff29,#00000014);pointer-events:none}.option-swatch--terrazzo{background-image:radial-gradient(circle at 18% 28%,var(--swatch-accent) 0 2px,transparent 3px),radial-gradient(circle at 62% 14%,rgba(255,255,255,.7) 0 1.5px,transparent 2.5px),radial-gradient(circle at 80% 60%,var(--swatch-accent) 0 2.5px,transparent 3.5px),radial-gradient(circle at 36% 72%,rgba(0,0,0,.35) 0 1.5px,transparent 2.5px),radial-gradient(circle at 54% 46%,var(--swatch-accent) 0 1.5px,transparent 2.5px),radial-gradient(circle at 12% 84%,rgba(255,255,255,.6) 0 2px,transparent 3px),radial-gradient(circle at 90% 22%,rgba(0,0,0,.3) 0 1px,transparent 2px);background-size:34px 34px}.option-swatch--beton{background-image:radial-gradient(circle at 25% 30%,rgba(255,255,255,.18) 0,transparent 40%),radial-gradient(circle at 75% 70%,rgba(0,0,0,.1) 0,transparent 45%)}.option-swatch--steen{background-image:linear-gradient(112deg,transparent 44%,var(--swatch-accent) 45%,transparent 46.5%),linear-gradient(98deg,transparent 68%,var(--swatch-accent) 69%,transparent 70.5%)}.option-swatch--hoogglans{background-image:linear-gradient(135deg,#ffffff47,#fff0 45%,#0000001f)}.option-card--kit{padding:var(--s-2);gap:var(--s-1)}.option-card--kit .option-title{font-size:var(--text-xs);padding:0 var(--s-1) var(--s-1);padding-right:var(--s-4)}.option-card--kit .option-check{width:18px;height:18px;top:var(--s-2);right:var(--s-2)}.kit-swatch{width:100%;aspect-ratio:2 / 1;border-radius:var(--radius-sm);background:var(--swatch);border:1px solid rgba(0,0,0,.1)}.fixed-product{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);background:linear-gradient(160deg,var(--c-navy-soft) 0%,var(--c-navy) 100%);color:var(--c-white);border-radius:var(--radius-lg);padding:var(--s-4) var(--s-5);margin-top:var(--s-4)}.fixed-product-text{display:flex;flex-direction:column;gap:2px}.fixed-product-text small{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;font-weight:var(--font-semibold)}.fixed-product-text b{font-size:var(--text-sm)}.fixed-product-price{font-weight:var(--font-bold);color:var(--c-accent);white-space:nowrap}.toggle-card{display:flex;align-items:flex-start;gap:var(--s-3);border:1.5px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--s-4);cursor:pointer;background:var(--c-white);transition:border-color var(--ease-base),box-shadow var(--ease-base);margin-bottom:var(--s-3);box-shadow:var(--shadow-xs)}.toggle-card:hover{border-color:#1d6fe080}.toggle-card.is-selected{border-color:var(--c-primary);background:#1d6fe008;box-shadow:0 0 0 3px #1d6fe01f}.toggle-card input{width:18px;height:18px;margin-top:3px;accent-color:var(--c-primary);flex-shrink:0;cursor:pointer}.toggle-card-text{display:flex;flex-direction:column;gap:2px}.toggle-card-text b{font-size:var(--text-sm);color:var(--c-text)}.toggle-card-text small{font-size:var(--text-xs);color:var(--c-text-muted);line-height:var(--leading-relaxed)}.toggle-card-price{margin-left:auto;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--c-primary);white-space:nowrap}.plan-wrap{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--s-6);align-items:start}.plan-stage{background:var(--c-off-white);border:1px solid var(--c-border);border-radius:var(--radius-xl);padding:var(--s-3);line-height:0}.plan-stage svg{width:100%;height:auto;display:block}.plan-stage .tp-plan-hit{cursor:pointer}.plan-stage .tp-plan-hit:hover rect{stroke:var(--c-primary)}.plan-stage .tp-plan-hit:focus-visible{outline:none}.plan-stage .tp-plan-hit:focus-visible rect{stroke:var(--c-primary);stroke-dasharray:3 3}.plan-status{font-size:var(--text-sm);color:var(--c-text-muted);line-height:var(--leading-relaxed);margin:var(--s-3) 0 0}.plan-status b{color:var(--c-text)}.plan-controls{display:flex;flex-direction:column;gap:var(--s-4)}.result-viewer-wrap{margin-bottom:var(--s-8)}.summary-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--c-navy);margin-bottom:var(--s-3);letter-spacing:-.01em}.summary-grid{display:flex;flex-direction:column;margin-bottom:var(--s-5);border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xs)}.summary-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border);font-size:var(--text-sm)}.summary-row:last-child{border-bottom:none}.summary-row-label{color:var(--c-text-muted);font-weight:var(--font-medium)}.summary-row-value{color:var(--c-text);font-weight:var(--font-semibold)}.summary-row-price{color:var(--c-text-subtle);text-align:right;white-space:nowrap}.summary-row-price.has-modifier{color:var(--c-primary-dark);font-weight:var(--font-semibold)}.summary-row-edit{background:none;border:0;padding:.25rem .5rem;font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--c-primary);cursor:pointer;border-radius:var(--radius-sm)}.summary-row-edit:hover{background:var(--c-primary-muted)}.summary-total{background:radial-gradient(80% 80% at 100% 0%,#1d6fe047,#1d6fe000 60%),linear-gradient(160deg,var(--c-navy-soft) 0%,var(--c-navy) 100%);color:var(--c-white);border-radius:var(--radius-xl);padding:var(--s-5) var(--s-6);margin-bottom:var(--s-4);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.06)}.summary-breakdown{list-style:none;margin:0 0 var(--s-4);padding:0 0 var(--s-4);border-bottom:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:var(--s-2)}.summary-breakdown li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-4);font-size:var(--text-sm);color:#ffffffd9}.summary-breakdown li small{font-size:var(--text-xs);color:#ffffff8c;font-weight:var(--font-normal);margin-left:var(--s-1)}.summary-breakdown li b{font-weight:var(--font-semibold);color:var(--c-white);white-space:nowrap}.summary-breakdown li.is-sub{font-size:var(--text-xs);color:#fff9;padding-left:var(--s-4)}.summary-breakdown li.is-sub b{font-weight:var(--font-medium);color:#ffffffbf}.summary-total-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4)}.summary-total-label{display:flex;flex-direction:column;gap:2px;font-weight:var(--font-bold);font-size:var(--text-base)}.summary-disclaimer-inline{font-size:var(--text-xs);color:#ffffff9e;font-weight:var(--font-normal)}.summary-total-price{font-size:clamp(var(--text-2xl),3vw,var(--text-4xl));font-weight:var(--font-extrabold);color:var(--c-accent);letter-spacing:-.025em}.summary-disclaimer{font-size:var(--text-sm);color:var(--c-text-subtle);line-height:var(--leading-relaxed);border-left:3px solid var(--c-border-strong);padding-left:var(--s-4);margin-bottom:var(--s-8)}.form-intro{margin-bottom:var(--s-5);padding-top:var(--s-6);border-top:1px solid var(--c-border)}.form-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--c-navy);margin-bottom:var(--s-2);letter-spacing:-.02em}.form-lead{font-size:var(--text-sm);color:var(--c-text-muted);line-height:var(--leading-relaxed)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);margin-bottom:var(--s-6)}.form-group{display:flex;flex-direction:column;gap:var(--s-2)}.form-group--full{grid-column:1 / -1}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--c-text)}.form-required{color:var(--c-primary);margin-left:2px}.form-input{padding:.75rem 1rem;border:1.5px solid var(--c-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;color:var(--c-text);background:var(--c-white);transition:border-color var(--ease-fast),box-shadow var(--ease-fast);width:100%}.form-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 4px #1d6fe01f}.form-input.has-error{border-color:var(--c-danger);box-shadow:0 0 0 3px var(--c-danger-muted)}.form-textarea{resize:vertical;min-height:100px}.form-error{font-size:var(--text-xs);color:var(--c-danger);font-weight:var(--font-medium);min-height:1em}.form-checkbox-label{display:flex;align-items:flex-start;gap:var(--s-3);cursor:pointer;font-size:var(--text-sm);color:var(--c-text-muted);line-height:var(--leading-relaxed)}.form-checkbox{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--c-primary);cursor:pointer}.form-link{color:var(--c-primary);text-decoration:underline}.form-submit-error{background:var(--c-danger-muted);border:1px solid rgba(198,40,40,.22);border-left:3px solid var(--c-danger);border-radius:var(--radius-md);padding:var(--s-4);font-size:var(--text-sm);color:var(--c-danger);font-weight:var(--font-medium);margin-bottom:var(--s-5)}.form-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-4);flex-wrap:wrap}.form-submit-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-2)}.form-friction{font-size:var(--text-xs);color:var(--c-text-subtle);font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:var(--s-2)}.form-friction:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-success)}.success-card{text-align:center;padding:var(--s-12) var(--s-8);display:flex;flex-direction:column;align-items:center;gap:var(--s-4);background:linear-gradient(180deg,var(--c-off-white) 0%,var(--c-white) 100%);border:1px solid var(--c-border);border-radius:var(--radius-xl)}.success-icon{width:76px;height:76px;border-radius:50%;background:var(--c-success-muted);color:var(--c-success);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-2);box-shadow:0 0 0 8px #16a34a0f}.success-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--c-navy);letter-spacing:-.025em}.success-text{font-size:var(--text-base);color:var(--c-text-muted);max-width:480px;line-height:var(--leading-relaxed)}.success-sub{font-size:var(--text-sm);color:var(--c-text-subtle)}.success-upload-note{font-size:var(--text-sm);color:var(--c-warning-text);background:var(--c-warning-bg);border:1px solid var(--c-warning-border);border-radius:var(--radius-lg);padding:var(--s-3) var(--s-4);max-width:480px;line-height:var(--leading-relaxed)}.configurator-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-8);border-top:1px solid var(--c-border);background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;bottom:0;box-shadow:0 -8px 24px -16px #0b1b3a2e}.configurator-nav.is-hidden{display:none}.configurator-price-inline{display:none;flex-direction:column;align-items:center;gap:2px}.price-label{font-size:var(--text-xs);color:var(--c-text-subtle);font-weight:var(--font-medium)}.price-value{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--c-navy);letter-spacing:-.02em}.configurator-sticky-price{display:none;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-overlay);background:var(--c-navy);color:var(--c-white);padding:var(--s-3) var(--s-6);justify-content:space-between;align-items:center;border-top:2px solid var(--c-primary);box-shadow:0 -10px 30px -10px #00000059}.sticky-price-label{font-size:var(--text-sm);color:var(--c-anthracite-muted);font-weight:var(--font-medium)}.sticky-price-value{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--c-accent);letter-spacing:-.02em}.configurator-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--s-5)}.configurator-modal[hidden]{display:none}.configurator-modal-backdrop{position:absolute;inset:0;background:#07122999;backdrop-filter:blur(3px)}.configurator-modal-card{position:relative;background:var(--c-white);border-radius:var(--radius-xl);padding:var(--s-8);max-width:440px;width:100%;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);animation:configuratorModalIn .22s ease both}.configurator-modal-icon{width:48px;height:48px;border-radius:50%;background:var(--c-primary-muted);color:var(--c-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-1)}.configurator-modal-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--c-navy);letter-spacing:-.02em}.configurator-modal-text{font-size:var(--text-sm);color:var(--c-text-muted);line-height:var(--leading-relaxed)}.configurator-modal-actions{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap;margin-top:var(--s-3);width:100%}@keyframes configuratorModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.configurator-modal-card{animation:none}}@media(max-width:480px){.configurator-modal-card{padding:var(--s-6) var(--s-5)}.configurator-modal-actions{flex-direction:column-reverse}.configurator-modal-actions .btn{width:100%}}.step-validation-error{background:var(--c-danger-muted);border:1px solid rgba(198,40,40,.22);border-left:3px solid var(--c-danger);border-radius:var(--radius-md);padding:var(--s-3) var(--s-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--c-danger);margin-top:var(--s-4);display:none;align-items:center;gap:var(--s-2)}.step-validation-error.is-visible{display:flex}@media(max-width:1023px){.configurator-layout{grid-template-columns:1fr;background:none}.configurator-preview{position:sticky;top:80px;z-index:var(--z-raised);border-bottom:1px solid var(--c-border);padding:var(--s-3) var(--s-5);gap:var(--s-2);align-self:auto;box-shadow:0 6px 16px #0000000f}.configurator-preview .room-viewer-stage{aspect-ratio:auto;height:min(36vh,260px)}.configurator-preview .room-viewer-legend,.preview-meta,.preview-disclaimer{display:none}.configurator-price-inline{display:flex}.configurator-nav{position:static}.plan-wrap{grid-template-columns:1fr}}@media(max-width:768px){.configurator-body{padding:var(--s-6) var(--s-5);min-height:0}.configurator-progress,.configurator-nav{padding:var(--s-4) var(--s-5)}.configurator-price-inline{display:none}.configurator-sticky-price{display:flex;padding-right:104px}.configurator{margin-bottom:var(--s-14)}.options-grid,.options-grid--wide{grid-template-columns:1fr 1fr;gap:var(--s-3)}.options-grid--rows{grid-template-columns:1fr}.options-grid--swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.options-grid--kit{grid-template-columns:repeat(4,minmax(0,1fr))}.option-card{padding:var(--s-3)}.option-desc{display:none}.field-grid{grid-template-columns:1fr}.field-grid--2{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.summary-total-row{flex-direction:column;align-items:flex-start;gap:var(--s-2)}.summary-row{grid-template-columns:1fr auto;row-gap:2px}.summary-row-label{grid-column:1 / -1;font-size:var(--text-xs)}.summary-row-price{grid-column:2}.summary-row-edit{grid-column:1 / -1;justify-self:start;padding-left:0}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-submit-wrap{align-items:stretch;text-align:center}.configurator-preview .room-viewer-stage{height:min(32vh,220px)}.configurator-preview .room-viewer-title{display:none}}@media(max-width:480px){.options-grid,.options-grid--wide{grid-template-columns:1fr}.options-grid--swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.options-grid--kit{grid-template-columns:repeat(3,minmax(0,1fr))}.segment{display:flex;width:100%}.segment button{flex:1;padding-inline:.4rem;font-size:var(--text-xs)}.option-desc{display:block}.option-visual{aspect-ratio:3 / 1}.progress-step-label{display:none}.progress-step{min-width:32px}.configurator-nav{flex-wrap:wrap}.configurator-nav .btn{flex:1}.option-card--row .option-price{padding-right:var(--s-7)}}.option-image{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--c-off-white);border:1px solid var(--c-border)}.option-image img{width:100%;height:100%;object-fit:cover;display:block}.option-image--product{aspect-ratio:4 / 3;background:#fff}.option-image--product img{object-fit:contain;padding:8%}.option-image.is-missing,.option-visual-fallback{display:none}.option-image.is-missing+.option-visual-fallback{display:block}.option-visual-fallback .option-visual{display:flex}.options-grid--products{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.option-card.is-disabled{opacity:.45;cursor:not-allowed}.option-card.is-disabled:hover{border-color:var(--c-border);box-shadow:none;transform:none}.fixed-product-sub{font-size:var(--text-xs);color:#fff9}.options-grid--kleursets{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.option-card--kleurset{gap:var(--s-3)}.kleurset-head{display:flex;align-items:flex-start;gap:var(--s-3);padding-right:var(--s-6)}.kleurset-texts{display:flex;flex-direction:column;gap:2px;min-width:0}.kleurset-texts .option-title{padding-right:0}.kleurset-swatch{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:radial-gradient(circle at 32% 28%,#ffffffbf,#ffffff2e 28%,#0000 48%),linear-gradient(160deg,color-mix(in srgb,var(--swatch) 78%,#fff) 0%,var(--swatch) 55%,color-mix(in srgb,var(--swatch) 70%,#000) 100%);box-shadow:inset 0 -2px 4px #0000002e}.kleurset-thumbs{display:flex;gap:var(--s-2)}.kleurset-thumb{width:44px;height:44px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:#fff;overflow:hidden;display:block}.kleurset-thumb img{width:100%;height:100%;object-fit:contain;padding:3px;display:block}.kleurset-thumb.is-fallback{opacity:.6}.kleurset-overzicht{margin-top:var(--s-4);border:1px solid var(--c-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--c-white)}.kleurset-overzicht-title{font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-subtle);padding:var(--s-3) var(--s-4);background:var(--c-off-white);border-bottom:1px solid var(--c-border)}.kleurset-list{list-style:none;margin:0;padding:0}.kleurset-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border)}.kleurset-row:last-child{border-bottom:0}.kleurset-row-img{width:56px;height:44px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:#fff;overflow:hidden}.kleurset-row-img img{width:100%;height:100%;object-fit:contain;padding:3px;display:block}.kleurset-row-text{display:flex;flex-direction:column;gap:1px;min-width:0}.kleurset-row-text b{font-size:var(--text-sm);color:var(--c-text)}.kleurset-row-text small{font-size:var(--text-xs);color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kleurset-row-price{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--c-success);white-space:nowrap}.toggle-card--product{align-items:center}.toggle-card-img{width:72px;height:56px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:#fff;overflow:hidden;flex-shrink:0}.toggle-card-img img{width:100%;height:100%;object-fit:contain;padding:4px;display:block}@media(max-width:768px){.options-grid--kleursets,.options-grid--products{grid-template-columns:1fr 1fr}.option-card--kleurset .option-desc{display:none}}@media(max-width:480px){.options-grid--kleursets,.options-grid--products{grid-template-columns:1fr}}.option-card--swatch .option-swatch{aspect-ratio:5 / 4}.option-swatch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.option-card--swatch .option-meta{padding:0 var(--s-1) var(--s-1)}.segment{display:inline-flex;gap:2px;background:var(--c-off-white);border:1px solid var(--c-border);border-radius:var(--radius-full);padding:3px;margin-bottom:var(--s-4)}.segment button{font:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--c-text-muted);background:transparent;border:0;border-radius:var(--radius-full);padding:.4rem .95rem;cursor:pointer;transition:background var(--ease-fast),color var(--ease-fast)}.segment button:hover{color:var(--c-text)}.segment button.is-selected{background:var(--c-navy);color:var(--c-white);box-shadow:var(--shadow-sm)}.segment button:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.segment button.is-disabled{opacity:.4;cursor:not-allowed}.options-grid--accessoires{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.option-card--check .option-check{border-radius:var(--radius-sm)}.form-optional{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--c-text-subtle);margin-left:var(--s-2)}.form-help{font-size:var(--text-sm);color:var(--c-text-muted);line-height:var(--leading-relaxed);margin:0}.form-upload{position:relative;display:flex;align-items:center;gap:var(--s-3);border:1.5px dashed var(--c-border-strong);border-radius:var(--radius-lg);padding:var(--s-4);cursor:pointer;background:var(--c-off-white);transition:border-color var(--ease-fast),background var(--ease-fast)}.form-upload:hover,.form-upload.is-dragover{border-color:var(--c-primary);background:#1d6fe00a}.form-upload.has-file{border-style:solid;border-color:#16a34a80;background:var(--c-white)}.form-upload-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.form-upload-icon{width:40px;height:40px;border-radius:50%;background:var(--c-white);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;color:var(--c-primary);flex-shrink:0}.form-upload-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.form-upload-text b{font-size:var(--text-sm);color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-upload-text small{font-size:var(--text-xs);color:var(--c-text-muted)}.form-upload-clear{position:relative;z-index:1;background:none;border:1px solid var(--c-border);border-radius:var(--radius-full);padding:.3rem .7rem;font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--c-text-muted);cursor:pointer}.form-upload-clear:hover{color:var(--c-primary);border-color:var(--c-primary)}.cfg-hero[data-astro-cid-rbnywzbi]{position:relative;background:var(--c-off-white);padding-block:clamp(2.75rem,6vw,4.5rem) clamp(2.5rem,5vw,3.75rem);border-bottom:1px solid var(--c-border);overflow:hidden}.cfg-hero-bg[data-astro-cid-rbnywzbi]{position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 70% at 90% 0%,#1d6fe01a,#1d6fe000 70%),linear-gradient(rgba(11,27,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,27,58,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;mask-image:linear-gradient(180deg,#000000e6,#0000);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 100%)}.cfg-hero-inner[data-astro-cid-rbnywzbi]{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:clamp(var(--s-8),5vw,var(--s-16));align-items:center}.cfg-hero[data-astro-cid-rbnywzbi] .eyebrow[data-astro-cid-rbnywzbi]{margin-bottom:var(--s-4)}.cfg-hero-heading[data-astro-cid-rbnywzbi]{font-size:clamp(var(--text-3xl),4.5vw,var(--text-5xl));font-weight:var(--font-extrabold);line-height:1.08;letter-spacing:-.03em;color:var(--c-navy);margin-bottom:var(--s-4);max-width:720px}.cfg-hero-sub[data-astro-cid-rbnywzbi]{font-size:clamp(var(--text-base),1.4vw,var(--text-lg));color:var(--c-text-muted);line-height:var(--leading-relaxed);max-width:620px;margin-bottom:var(--s-6)}.cfg-hero-points[data-astro-cid-rbnywzbi]{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--c-text-muted)}.cfg-hero-points[data-astro-cid-rbnywzbi] li[data-astro-cid-rbnywzbi]{display:inline-flex;align-items:center;gap:var(--s-2)}.cfg-hero-points[data-astro-cid-rbnywzbi] svg[data-astro-cid-rbnywzbi]{color:var(--c-primary);flex-shrink:0}.cfg-hero-price[data-astro-cid-rbnywzbi]{position:relative;display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-6) var(--s-7);background:radial-gradient(80% 80% at 100% 0%,#1d6fe047,#1d6fe000 60%),linear-gradient(160deg,var(--c-navy-soft) 0%,var(--c-navy) 100%);color:var(--c-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08)}.cfg-hero-price[data-astro-cid-rbnywzbi]:before{content:"";position:absolute;left:0;top:var(--s-6);bottom:var(--s-6);width:3px;border-radius:3px;background:var(--c-accent)}.cfg-hero-price-label[data-astro-cid-rbnywzbi]{font-size:.68rem;font-weight:var(--font-bold);letter-spacing:.1em;text-transform:uppercase;color:#fff9}.cfg-hero-price-value[data-astro-cid-rbnywzbi]{font-size:clamp(var(--text-2xl),2.6vw,var(--text-4xl));font-weight:var(--font-extrabold);letter-spacing:-.03em;color:var(--c-accent);line-height:1.1}.cfg-hero-price-sub[data-astro-cid-rbnywzbi]{font-size:var(--text-xs);color:#ffffffb8;line-height:1.5;margin-top:var(--s-1)}.cfg-section[data-astro-cid-rbnywzbi]{padding-block:clamp(2.5rem,5vw,4rem) clamp(4rem,8vw,6rem);background:var(--c-white)}.cfg-note[data-astro-cid-rbnywzbi]{display:flex;align-items:flex-start;gap:var(--s-4);max-width:780px;margin:var(--s-10) auto 0;padding:var(--s-6);background:var(--c-off-white);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--radius-lg)}.cfg-note-icon[data-astro-cid-rbnywzbi]{width:40px;height:40px;min-width:40px;background:var(--c-primary-soft);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--c-primary)}.cfg-note-title[data-astro-cid-rbnywzbi]{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--c-navy);margin-bottom:var(--s-2)}.cfg-note-text[data-astro-cid-rbnywzbi]{font-size:var(--text-sm);color:var(--c-text-muted);line-height:1.7}@media(max-width:900px){.cfg-hero-inner[data-astro-cid-rbnywzbi]{grid-template-columns:1fr;gap:var(--s-6)}.cfg-hero-price[data-astro-cid-rbnywzbi]{max-width:420px}}