.calc-shell{--c-line:#e5e7eb;--c-muted:#6b7280;--c-soft:#f6f6f7;background:var(--c-soft);min-height:100vh;color:var(--c-fg);font-family:var(--c-font);--c-input-bg:color-mix(in srgb, var(--c-fg) 6%, var(--c-bg));--c-input-line:color-mix(in srgb, var(--c-fg) 22%, var(--c-bg));padding:24px 16px 64px;font-size:16px}.calc-wrap{max-width:1040px;margin:0 auto}.calc-brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.calc-logo{object-fit:contain;width:auto;height:40px}.calc-mark{background:var(--c-accent);width:40px;height:40px;color:var(--c-accent-fg);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.calc-name{flex-direction:column;font-size:16.5px;font-weight:700;line-height:1.25;display:flex}.calc-name span{color:var(--c-muted);font-size:14px;font-weight:400}.calc-reset{cursor:pointer;font:inherit;color:var(--c-muted);background:0 0;border:0;margin-left:auto;font-size:13px;text-decoration:underline}.calc-preview-banner{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.calc-card{background:var(--c-bg);border:1px solid var(--c-line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #1118270a,0 8px 24px #1118270d}.calc-stepper{border-bottom:1px solid var(--c-line);flex-wrap:wrap;gap:22px;padding:16px 24px;display:flex}.calc-step{color:var(--c-muted);align-items:center;gap:8px;font-size:14.5px;display:flex}.calc-step.is-active{color:var(--c-fg);font-weight:600}.calc-dot{background:var(--c-soft);width:22px;height:22px;color:var(--c-muted);border:1px solid var(--c-line);border-radius:999px;justify-content:center;align-items:center;font-size:11.5px;font-weight:700;display:flex}.calc-step.is-active .calc-dot{background:var(--c-accent);color:var(--c-accent-fg);border-color:var(--c-accent)}.calc-step.is-done .calc-dot{background:var(--c-fg);color:var(--c-bg);border-color:var(--c-fg)}.calc-progress{background:var(--c-soft);height:4px;position:relative;overflow:hidden}.calc-progress-fill{background:var(--c-accent);height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.calc-progress-label{color:var(--c-muted);letter-spacing:.03em;white-space:nowrap;align-self:center;margin-left:auto;font-size:11.5px;font-weight:600}.calc-step-anim{animation:.28s cubic-bezier(.4,0,.2,1) calc-step-in}@keyframes calc-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.calc-step-anim{animation:none}}.calc-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:0;display:grid}.calc-main{min-width:0;padding:28px 24px}.calc-aside{border-left:1px solid var(--c-line);padding:24px 20px;position:sticky;top:16px}.calc-main h1{margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.3}.calc-sub{color:var(--c-muted);margin:0 0 18px;font-size:16px;line-height:1.5}.calc-help{color:var(--c-fg);background:var(--c-soft);border-radius:10px;margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.5}.calc-field+.calc-field{margin-top:20px}.calc-field-label{color:var(--c-fg);margin:0 0 8px;font-size:15px;font-weight:650}.calc-field-help{color:var(--c-muted);margin:6px 0 0;font-size:14px;line-height:1.45}.calc-loading{flex-direction:column;align-items:center;gap:14px;padding:42px 0 48px;display:flex}.calc-spinner{border:3px solid var(--c-soft);border-top-color:var(--c-accent,#059669);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite calc-spin}@keyframes calc-spin{to{transform:rotate(360deg)}}.calc-loading p{color:var(--c-muted);margin:0;font-size:14px}.calc-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:6px;display:grid}.calc-card-opt{text-align:left;cursor:pointer;font:inherit;border:1.5px solid var(--c-line);background:var(--c-bg);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .12s,background .12s;display:flex}.calc-card-opt strong{font-size:16.5px;font-weight:650}.calc-card-opt span{color:var(--c-muted);font-size:14px;line-height:1.4}.calc-card-opt:hover{border-color:var(--c-accent)}.calc-card-opt.is-selected{border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 7%, transparent)}.calc-photo-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:6px;display:grid}.calc-photo-card{text-align:left;cursor:pointer;font:inherit;border:2px solid var(--c-line);background:var(--c-bg);border-radius:14px;flex-direction:column;padding:0;transition:border-color .12s,box-shadow .12s,transform 80ms;display:flex;overflow:hidden}.calc-photo-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.calc-photo-fallback{aspect-ratio:4/3;background:var(--c-soft);width:100%;display:block}.calc-photo-card strong{padding:9px 12px 0;font-size:16px;font-weight:700}.calc-photo-card span:not(.calc-photo-fallback){color:var(--c-muted);padding:2px 12px 10px;font-size:13.5px;line-height:1.35}.calc-photo-card strong:last-child{padding-bottom:10px}.calc-photo-card:hover{border-color:var(--c-accent)}.calc-photo-card.is-selected{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 22%, transparent)}@media (max-width:480px){.calc-photo-cards{grid-template-columns:1fr 1fr;gap:10px}}.calc-pills{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.calc-pill{cursor:pointer;font:inherit;border:1.5px solid var(--c-line);background:var(--c-bg);border-radius:10px;padding:9px 15px;font-size:15.5px;transition:border-color .12s,background .12s}.calc-pill:hover{border-color:var(--c-accent)}.calc-pill.is-selected{border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 10%, transparent);font-weight:600}.calc-number{align-items:center;gap:10px;display:flex}.calc-number input{font:inherit;border:1.5px solid var(--c-input-line);background:var(--c-input-bg);width:180px;color:var(--c-fg);border-radius:10px;padding:12px 14px;font-size:18px}.calc-number input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 25%, transparent);background:var(--c-bg);outline:none}.calc-suffix{color:var(--c-muted);font-size:16px}.calc-form{flex-direction:column;gap:12px;margin-bottom:6px;display:flex}.calc-row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.calc-form label{flex-direction:column;gap:5px;display:flex}.calc-form label span{color:var(--c-fg);font-size:14px;font-weight:600}.calc-form input{font:inherit;border:1.5px solid var(--c-input-line);background:var(--c-input-bg);color:var(--c-fg);border-radius:10px;padding:11px 13px;font-size:16px}.calc-form input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--c-accent) 25%, transparent);background:var(--c-bg);outline:none}.calc-fineprint{color:var(--c-muted);margin:10px 0 0;font-size:13.5px}.calc-price{background:linear-gradient(135deg, color-mix(in srgb, var(--c-accent) 12%, var(--c-soft)), color-mix(in srgb, var(--c-accent) 4%, var(--c-soft)) 70%);border:1px solid color-mix(in srgb, var(--c-accent) 28%, var(--c-line));border-radius:14px;flex-direction:column;gap:6px;margin-bottom:22px;padding:24px 26px;display:flex}.calc-price span{color:color-mix(in srgb, var(--c-accent) 70%, var(--c-fg));text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:700}.calc-price strong{letter-spacing:-.015em;font-size:34px;font-weight:800;line-height:1.15}.calc-price-note{color:var(--c-fg);margin:6px 0 0;font-size:14.5px;line-height:1.5}.calc-price-note:before{content:""}.calc-breakdown h2{text-transform:none;letter-spacing:0;color:var(--c-fg);margin:0 0 4px;font-size:15px;font-weight:700}.calc-brow{border-top:1px solid var(--c-line);justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;font-size:15.5px;display:flex}.calc-brow:first-of-type{border-top:0}.calc-brow>div{flex-direction:column;gap:3px;display:flex}.calc-brow>div span{color:var(--c-muted);font-size:13.5px;line-height:1.4}.calc-brow strong{white-space:nowrap;font-weight:700}.calc-brow.is-onsite em{color:var(--c-muted);text-align:right;font-size:12.5px;font-style:italic}.calc-result-nav{flex-wrap:wrap;align-items:flex-start}.calc-result-nav .calc-primary{text-align:center}.calc-viz-cta{flex-direction:column;align-items:center;gap:5px;display:flex}.calc-viz-cta>span{color:var(--c-muted);font-size:13.5px}@media (max-width:560px){.calc-result-nav{flex-direction:column-reverse;align-items:stretch}.calc-viz-cta{text-align:center;align-items:stretch}}.calc-viz-photo{border-radius:12px;width:100%;margin-top:12px;display:block}.calc-viz-photo.is-dimmed{opacity:.45}.calc-viz-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.calc-viz-swatches{margin-top:16px}.calc-viz-drop{cursor:pointer;width:100%;font:inherit;text-align:center;border:2px dashed color-mix(in srgb, var(--c-accent) 45%, var(--c-line));background:color-mix(in srgb, var(--c-accent) 4%, transparent);border-radius:16px;flex-direction:column;align-items:center;gap:8px;margin-top:6px;padding:34px 20px;transition:border-color .12s,background .12s;display:flex}.calc-viz-drop:hover{border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 8%, transparent)}.calc-viz-drop-icon{background:color-mix(in srgb, var(--c-accent) 14%, transparent);width:52px;height:52px;color:var(--c-accent);border-radius:14px;justify-content:center;align-items:center;display:flex}.calc-viz-drop-icon svg{width:26px;height:26px}.calc-viz-drop strong{font-size:15.5px;font-weight:700}.calc-viz-drop span:not(.calc-viz-drop-icon){color:var(--c-muted);max-width:380px;font-size:13px;line-height:1.45}.calc-viz-loading{flex-direction:column;align-items:center;gap:14px;padding:34px 0 26px;display:flex}.calc-viz-spinner{border:3.5px solid var(--c-soft);border-top-color:var(--c-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite calc-spin}.calc-viz-stage{text-align:center;margin:0;font-size:14.5px;font-weight:600}.calc-viz-bar{background:var(--c-soft);border-radius:999px;width:min(320px,80%);height:5px;overflow:hidden}.calc-viz-bar div{background:var(--c-accent);border-radius:999px;width:40%;height:100%;animation:1.6s ease-in-out infinite calc-viz-sweep}@keyframes calc-viz-sweep{0%{transform:translate(-110%)}to{transform:translate(280%)}}@media (prefers-reduced-motion:reduce){.calc-viz-bar div{opacity:.5;width:100%;animation:none}}.calc-callback{border:1.5px solid var(--c-accent);background:color-mix(in srgb, var(--c-accent) 6%, transparent);border-radius:12px;flex-direction:column;gap:4px;margin-top:22px;padding:16px 18px;display:flex}.calc-callback strong{font-size:15px}.calc-callback span{color:var(--c-muted);font-size:13px;line-height:1.45}.calc-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.calc-primary{cursor:pointer;font:inherit;background:var(--c-accent);color:var(--c-accent-fg);border:0;border-radius:10px;padding:12px 22px;font-size:14.5px;font-weight:700;transition:filter .12s,box-shadow .12s,transform 60ms}.calc-primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 3px 12px color-mix(in srgb, var(--c-accent) 35%, transparent)}.calc-primary:active:not(:disabled){transform:translateY(1px)}.calc-primary:disabled{opacity:.6;cursor:default}.calc-ghost{cursor:pointer;font:inherit;border:1.5px solid var(--c-line);color:var(--c-fg);background:0 0;border-radius:10px;padding:11px 18px;font-size:14px;transition:border-color .12s,background .12s}.calc-ghost:hover{border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 5%, transparent)}.calc-error{color:#dc2626;margin:12px 0 0;font-size:15px}.cb-panel{flex-direction:column;gap:10px;display:flex}.cb-toggle{cursor:pointer;width:100%;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.cb-title{text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);margin:0;font-size:13px;font-weight:700}.cb-caret{color:var(--c-muted);font-size:18px;line-height:1}.cb-empty{color:var(--c-muted);margin:0;font-size:13px;line-height:1.5}.cb-rows{flex-direction:column;gap:10px;display:flex}.cb-row{border:1px solid var(--c-line);background:var(--c-bg);border-radius:10px;padding:11px 12px}.cb-row.is-changed{animation:.55s ease-out cb-flash}@keyframes cb-flash{0%{border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 14%, transparent)}to{border-color:var(--c-line);background:var(--c-bg)}}@media (prefers-reduced-motion:reduce){.cb-row.is-changed{animation:none}}.cb-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.cb-label{font-size:13px;font-weight:650}.cb-amount{color:var(--c-accent);white-space:nowrap;font-size:15px;font-weight:800}.cb-chip{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:700}.cb-chip-active{color:#047857;background:#ecfdf5}.cb-chip-unavailable{color:#6b7280;background:#f3f4f6}.cb-chip-unknown{color:#1d4ed8;background:#eff6ff}.cb-chip-onsite{color:#b45309;background:#fffbeb}.cb-rule{color:var(--c-fg);margin:0;font-size:12.5px;line-height:1.45}.cb-reason{color:var(--c-muted);margin:4px 0 0;font-size:12px;line-height:1.45}.cb-row.cb-unavailable .cb-label{color:var(--c-muted)}.cb-locked{color:var(--c-muted);margin:2px 0 0;font-size:12px;font-style:italic}.cb-disclaimer{color:var(--c-muted);margin:6px 0 0;font-size:11px;line-height:1.4}@media (max-width:860px){.calc-body{grid-template-columns:minmax(0,1fr)}.calc-aside{border-left:0;border-top:1px solid var(--c-line);position:static}.calc-main{padding:22px 18px}.calc-main h1{font-size:21px}.calc-row2{grid-template-columns:1fr}.calc-price strong{font-size:26px}.calc-pill{padding:12px 16px;font-size:14px}.calc-primary{padding:13px 22px}.calc-ghost{padding:12px 18px}.calc-stepper{gap:14px;padding:13px 18px}}.calc-compare{border:1px solid var(--c-border,#e5e5e5);border-radius:12px;margin:14px 0 6px;overflow:hidden}.calc-compare-row{grid-template-columns:1fr 1fr;display:grid}.calc-compare-col{text-align:center;padding:14px 16px}.calc-compare-col span{opacity:.7;margin-bottom:4px;font-size:12px;display:block}.calc-compare-col strong{font-size:17px}.calc-compare-col.is-ours{background:color-mix(in srgb, var(--c-accent) 10%, transparent)}.calc-compare-col.is-ours strong{color:var(--c-accent)}.calc-compare-note{opacity:.6;margin:0;padding:8px 14px 12px;font-size:11.5px}.portal-table-wrap{border:1px solid var(--c-border,#e5e5e5);border-radius:12px;margin:10px 0 18px;overflow-x:auto}.portal-table{border-collapse:collapse;width:100%;font-size:13.5px}.portal-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;opacity:.6;border-bottom:1px solid var(--c-border,#e5e5e5);padding:10px 12px;font-size:11.5px}.portal-table td{border-bottom:1px solid var(--c-border,#eee);padding:8px 12px}.portal-table tr:last-child td{border-bottom:none}.portal-table input{border:1px solid var(--c-border,#ddd);width:90px;font:inherit;border-radius:8px;padding:6px 8px}.portal-table input:focus{border-color:var(--c-accent);outline:none}.calc-addons{flex-direction:column;gap:10px;margin-bottom:6px;display:flex}.calc-addon{border:1.5px solid var(--c-line);background:var(--c-bg);border-radius:12px;transition:border-color .12s,background .12s}.calc-addon.is-selected{border-color:var(--c-accent);background:color-mix(in srgb, var(--c-accent) 6%, transparent)}.calc-addon-toggle{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.calc-addon-box{border:2px solid color-mix(in srgb, var(--c-fg) 35%, var(--c-bg));background:var(--c-input-bg);color:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;transition:border-color .12s,background .12s;display:flex}.calc-addon-toggle:hover .calc-addon-box{border-color:var(--c-accent)}.calc-addon.is-selected .calc-addon-box{background:var(--c-accent);border-color:var(--c-accent)}.calc-addon-box svg{width:15px;height:15px}.calc-addon-text{flex-direction:column;gap:3px;display:flex}.calc-addon-text strong{font-size:16px;font-weight:650}.calc-addon-text span{color:var(--c-muted);font-size:14px;line-height:1.4}.calc-addon-detail{flex-direction:column;gap:10px;padding:0 16px 14px 50px;display:flex}.calc-addon-qty{flex-direction:column;gap:6px;display:flex}.calc-addon-qty>span{color:var(--c-fg);font-size:14px;font-weight:600}.calc-addon-detail .calc-number input{width:130px;padding:10px 12px;font-size:16px}.calc-addon-locked{color:var(--c-muted);margin:0;font-size:14.5px}.calc-addon-locked strong{color:var(--c-fg);font-weight:700}@media (max-width:700px){.calc-addon-detail{padding-left:16px}}.calc-basket{flex-direction:column;gap:12px;margin:14px 0 6px;display:flex}.calc-basket-group{border:1px solid var(--c-line);border-radius:12px;padding:12px 14px}.calc-basket-group>header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.calc-basket-group h4{margin:0;font-size:13.5px;font-weight:700}.calc-basket-group .calc-basket-sub{color:var(--c-muted);font-size:13px}.calc-basket-group .calc-basket-total{margin-left:auto;font-size:13.5px;font-weight:700}.calc-basket-remove{font:inherit;cursor:pointer;color:var(--c-muted);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.calc-basket-remove:hover{color:var(--c-fg)}.calc-basket-shared{border-top:1px dashed var(--c-line);padding-top:10px}.calc-basket-shared p{color:var(--c-muted);margin:0 0 6px;font-size:11.5px}.calc-minwerf{background:#d9770614;border:1px solid #d9770673;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:12.5px}.calc-netto{border:1px solid color-mix(in srgb, var(--c-accent) 28%, var(--c-line));background:color-mix(in srgb, var(--c-accent) 3%, transparent);border-radius:14px;margin-top:26px;padding:18px 20px 14px}.calc-netto h2{margin:0 0 4px;font-size:15px;font-weight:700}.calc-netto .calc-brow:first-of-type{border-top:0}.calc-netto .calc-brow.is-deduct strong{color:var(--c-accent)}.calc-netto-total{border-top:2px solid color-mix(in srgb, var(--c-accent) 45%, var(--c-line));justify-content:space-between;align-items:baseline;gap:16px;margin-top:4px;padding:14px 0 6px;display:flex}.calc-netto-total>div{flex-direction:column;gap:2px;font-size:15px;font-weight:700;display:flex}.calc-netto-total>div span{color:var(--c-muted);font-size:12px;font-weight:500}.calc-netto-total strong{letter-spacing:-.01em;white-space:nowrap;font-size:24px;font-weight:800}.calc-netto-disclaimer{color:var(--c-muted);margin:8px 0 0;font-size:11px;line-height:1.4}@media (max-width:560px){.calc-netto-total strong{font-size:20px}}.calc-viz-pick{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.calc-viz-drop{cursor:default}@media (max-width:480px){.calc-viz-pick{flex-direction:column;align-items:stretch;width:100%;max-width:320px}}.calc-viz-tip{color:var(--c-muted);margin-top:8px;font-size:11.5px}