:root{--brand-red:#af2829;--brand-red-dark:#8f1f20;--brand-red-soft:#f8eaea;color:#1d2528;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding:32px}.intro{max-width:1120px;margin:0 auto 28px}.brand-header{border:1px solid #d8ddd0;border-top:4px solid var(--brand-red);background:#fff;border-radius:8px;align-items:center;gap:32px;padding:24px 28px;display:flex;box-shadow:0 14px 34px #202a2b12}.brand-header img{flex:none;width:clamp(180px,20vw,220px);height:auto;display:block}.eyebrow,.label{color:var(--brand-red);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:800}h1{max-width:850px;margin:0;font-size:clamp(2rem,3.8vw,4rem);line-height:1.04}.workspace{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:20px;max-width:1120px;margin:0 auto;display:grid}.panel{background:#fff;border:1px solid #d8ddd0;border-radius:8px;box-shadow:0 18px 45px #202a2b14}.input-panel{gap:18px;padding:20px;display:grid}.input-group-card{border:1px solid #d8ddd0;border-left:4px solid var(--brand-red);background:#fbfcfa;border-radius:8px;gap:14px;padding:16px;display:grid}.input-group-heading h3{margin:0 0 4px;font-size:1rem}.input-group-heading p{color:#5d686b;margin:0;font-size:.88rem;line-height:1.4}fieldset{border:0;margin:0;padding:0}legend,label span{color:#3c494d;margin-bottom:8px;font-size:.92rem;font-weight:750;display:block}.segmented{background:#eef1e8;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:#3c494d;cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:6px;min-height:42px}.segmented button.active{background:var(--brand-red);color:#fff}.segmented button:hover{color:var(--brand-red-dark)}.segmented button.active:hover{background:var(--brand-red-dark);color:#fff}input:focus,select:focus{border-color:var(--brand-red);box-shadow:0 0 0 3px var(--brand-red-soft);outline:none}input,select,textarea{color:#1d2528;background:#fbfcfa;border:1px solid #cbd2c2;border-radius:6px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical}input.required-input,select.required-input{background:var(--brand-red-soft);border:2px solid #d98f8f;font-weight:750}input.required-input::placeholder{color:#9c6a6a;font-weight:650}input.required-input:focus,select.required-input:focus{border-color:var(--brand-red);box-shadow:0 0 0 4px #af282924}input.required-input.needs-value,select.required-input.needs-value{animation:2.6s ease-in-out infinite widthInputPulse}input.required-input.is-valid,select.required-input.is-valid{background:#f1f8f2;border-color:#2e7d32;animation:none}input.required-input.is-valid:focus,select.required-input.is-valid:focus{border-color:#2e7d32;box-shadow:0 0 0 4px #2e7d3224}@keyframes widthInputPulse{0%,to{box-shadow:0 0 #af282900}50%{box-shadow:0 0 0 4px #af28291f}}.result-panel{gap:20px;min-height:460px;padding:24px;display:grid}.result-tabs{background:#eef1e8;border-radius:8px;grid-template-columns:1fr 1fr;justify-self:start;gap:4px;padding:4px;display:inline-grid}.result-tabs button{color:#3c494d;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:40px;padding:0 18px}.result-tabs button.active{background:var(--brand-red);color:#fff}.result-tabs button:hover{color:var(--brand-red-dark)}.result-tabs button.active:hover{background:var(--brand-red-dark);color:#fff}.primary-button,.secondary-button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button{background:var(--brand-red);border:1px solid var(--brand-red);color:#fff}.primary-button:hover{background:var(--brand-red-dark);border-color:var(--brand-red-dark)}.secondary-button{color:#253134;background:#fff;border:1px solid #d8ddd0}.secondary-button:hover{border-color:var(--brand-red);color:var(--brand-red)}.full-width{width:100%}.request-cta{background:var(--brand-red-soft);border:1px solid #efcaca;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.request-cta div{gap:4px;display:grid}.request-cta span{color:#5d686b}.result-summary{background:var(--brand-red-soft);border:1px solid #efcaca;border-radius:8px;justify-content:space-between;align-items:end;gap:24px;padding:20px;display:flex}.summary-items{flex-wrap:wrap;gap:12px 20px;display:flex}.summary-items p,.summary-price{gap:4px;margin:0;display:grid}.summary-items span,.summary-price span{color:#5d686b;font-size:.86rem}.summary-items strong{font-size:1.35rem}.summary-price{text-align:right}.summary-price strong{white-space:nowrap;font-size:clamp(1.6rem,3vw,2.4rem)}.result-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.result-cards.one-card{grid-template-columns:1fr}.result-card{border:1px solid #d8ddd0;border-left:4px solid var(--brand-red);background:#fbfcfa;border-radius:8px;padding:18px}.result-card dl{gap:12px;margin:0;display:grid}.result-card div{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.result-card dt{color:#5d686b;font-size:.92rem}.result-card dd{text-align:right;margin:0;font-size:1.35rem;font-weight:800}.card-note{color:#4e5b5f;border-top:1px solid #e2e6db;margin:14px 0 0;padding-top:12px;font-size:.92rem;line-height:1.5}.calculation-details{background:#fff;border:1px solid #d8ddd0;border-radius:8px}.calculation-details summary{cursor:pointer;padding:14px 16px;font-weight:800}.calculation-details summary:hover{color:var(--brand-red)}.details-stack{border-top:1px solid #e2e6db;gap:18px;padding:16px;display:grid}.grid-block{border-top:1px solid #e2e6db;border-bottom:1px solid #e2e6db;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.result-line{border-right:1px solid #e2e6db;gap:6px;padding:12px;display:grid}.result-line:last-child{border-right:0}.result-line span{color:#5d686b;font-size:.86rem}.result-line strong{font-size:1rem}.motivation{color:#334044;max-width:780px;margin:0;line-height:1.6}.parts-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.parts-list li{background:#f5f7f1;border:1px solid #e0e5d8;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:40px;padding:9px 12px;display:grid}.parts-list strong{white-space:nowrap}.price-line span:nth-child(2){color:#5d686b;white-space:nowrap}.delivery-choice{gap:10px;display:grid}.delivery-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.delivery-options label{cursor:pointer;background:#f5f7f1;border:1px solid #dfe5d7;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:76px;padding:12px;display:grid}.delivery-options label.active{background:var(--brand-red-soft);border-color:var(--brand-red)}.delivery-options input{width:18px;height:18px;min-height:18px;margin:0}.delivery-options strong{grid-column:2}.delivery-line{background:#fbfcfa;border:1px solid #d8ddd0;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;padding:12px;display:flex}.total-row{background:var(--brand-red);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;padding:16px;font-size:1.2rem;font-weight:800;display:flex}.bottom-request{display:grid}.aanvraag-shell{gap:24px;max-width:1120px;margin:0 auto;padding:24px;display:grid}.aanvraag-top{align-items:start;gap:18px;display:grid}.aanvraag-top h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.aanvraag-top p:last-child{color:#4e5b5f;max-width:720px;margin:0;line-height:1.55}.aanvraag-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:start;gap:20px;display:grid}.aanvraag-summary,.aanvraag-form{background:#fbfcfa;border:1px solid #d8ddd0;border-radius:8px;gap:16px;padding:20px;display:grid}.aanvraag-summary h3,.aanvraag-form h3{margin:0}.aanvraag-summary h4{margin:8px 0 0}.summary-list{gap:10px;margin:0;display:grid}.summary-list div{border-bottom:1px solid #e2e6db;gap:4px;padding-bottom:10px;display:grid}.summary-list dt{color:#5d686b;font-size:.86rem}.summary-list dd{margin:0;font-weight:800}.aanvraag-parts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.aanvraag-parts li{background:#fff;border:1px solid #e2e6db;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.aanvraag-total{background:var(--brand-red);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:14px;font-weight:800;display:flex}.aanvraag-form label{display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.success{color:#285c28;background:#eef7ee;border:1px solid #a8d5a8}.visual-card{border:1px solid #d8ddd0;border-left:4px solid var(--brand-red);background:#fbfcfa;border-radius:8px;gap:18px;padding:20px;display:grid;overflow:hidden}.visual-heading h3{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.visual-svg{background:#fff;border:1px solid #e2e6db;border-radius:8px;width:100%;max-width:100%;height:auto;display:block}.visual-title{fill:var(--brand-red);font-size:16px;font-weight:800}.visual-bay-label{fill:#253134;font-size:13px;font-weight:800}.visual-measure,.visual-wall-label{fill:#4e5b5f;font-size:12px;font-weight:750}.visual-facts{gap:8px;display:grid}.visual-facts span{color:#334044;background:#fff;border:1px solid #e2e6db;border-radius:6px;padding:9px 11px}.message.error{border-color:#e2a1a1}.message{border-radius:6px;align-self:start;padding:14px 16px;font-weight:750}.error{color:#8a2f19;background:#fff1ed;border:1px solid #f4baaa}.guidance{background:var(--brand-red-soft);color:#5f2324;border:1px solid #efcaca}.guidance-mobile{display:none}@media (width<=820px){.app-shell{padding:20px}.brand-header{flex-direction:column;align-items:flex-start;gap:18px;padding:22px}.brand-header img{width:min(210px,70vw)}.workspace{grid-template-columns:1fr}.result-summary{flex-direction:column;align-items:stretch}.result-tabs{justify-self:stretch}.request-cta{flex-direction:column;align-items:stretch}.summary-price{text-align:left}.result-cards{grid-template-columns:1fr}.result-line{border-bottom:1px solid #e2e6db}.parts-list li,.delivery-options,.aanvraag-grid,.form-row{grid-template-columns:1fr}.aanvraag-shell{padding:18px}.guidance-desktop{display:none}.guidance-mobile{display:inline}}