/* Window Force calculators: shared styles for div.wf-calculator[calculator]
   Standalone: every site variable has a fallback, icons are inlined by the scripts. */.wf-calculator{--wfc-grey-05:var(--c-grey-05, #fafafa);--wfc-grey-04:var(--c-grey-04, #f0f0f0);--wfc-grey-03:var(--c-grey-03, #d0d0d0);--wfc-grey-02:var(--c-grey-02, #909090);--wfc-grey-01:var(--c-grey-01, #606060);--wfc-black:var(--c-black-01, #282828);--wfc-green-03:var(--c-green-03, #86bb54);--wfc-green-02:var(--c-green-02, #6b9e5c);--wfc-white:var(--c-white-05, #ffffff);--wfc-trans:var(--trans-ease, 0.3s ease-in-out);--wfc-radius:8px;--wfc-control-h:42px;--wfc-panel-border-radius:0;container:wfc/inline-size;display:block;width:100%;margin:2em 0;font-family:var(--font-zalando, 'Zalando Sans', Arial, Helvetica, sans-serif);font-size:16px;line-height:1.4;color:var(--wfc-black);text-align:left}.wf-calculator *,.wf-calculator *:before,.wf-calculator *:after{box-sizing:border-box}.wf-calculator svg{display:block}/* host pages style "span:first-child" inside articles; keep calculator text neutral */.wf-calculator span:first-child{text-align:inherit;font-size:inherit;line-height:inherit}/*----- parameters block -----*/.wfc-params{display:grid;grid-template-columns:minmax(0, 1fr);gap:20px;padding:20px;background-color:var(--wfc-grey-05);border:1px solid var(--wfc-grey-04);border-radius:var(--wfc-panel-border-radius)}.wfc-visual{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.wfc-picture{width:100%;max-width:360px}.wfc-picture svg{width:100%;height:auto}.wfc-caption{font-size:0.85em;color:var(--wfc-grey-01);text-align:center}.wfc-controls{display:flex;flex-direction:column;gap:18px;min-width:0}.wfc-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px}.wfc-grid .wfc-wide{grid-column:1/-1}.wfc-field{display:flex;flex-direction:column;gap:6px;min-width:0}.wfc-field[hidden],.wfc-check[hidden],.wfc-group[hidden]{display:none}/* keeps width and height paired when the upper-floor field does not apply */.wfc-field[data-field="upper"][hidden]{display:flex;visibility:hidden}.wfc-label,.wf-calculator span.wfc-label{font-weight:500;font-size:0.9em;line-height:1.2}.wfc-grid > .wfc-field:not(.wfc-wide){justify-content:flex-end}.wfc-hint{font-size:0.8em;color:var(--wfc-grey-02);line-height:1.2}.wfc-group{display:flex;flex-direction:column;gap:10px}.wfc-group-title{font-weight:600}/*----- custom dropdown -----*/.wfc-select{position:relative}.wfc-select-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:var(--wfc-control-h);padding:0 12px;font:inherit;color:inherit;text-align:left;cursor:pointer;background-color:var(--wfc-white);border:1px solid var(--wfc-grey-03);border-radius:var(--wfc-radius);transition:var(--wfc-trans);transition-property:border-color,box-shadow}.wfc-select-button:focus-visible,.wfc-select.open .wfc-select-button{outline:none;border-color:var(--wfc-green-03)}.wfc-select-arrow{width:18px;height:18px;flex:0 0 18px;fill:var(--wfc-grey-01);transition:transform var(--wfc-trans)}.wfc-select.open .wfc-select-arrow{transform:rotate(180deg)}.wfc-select-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;margin:0;padding:6px;list-style:none;background-color:var(--wfc-white);border:1px solid var(--wfc-grey-03);border-radius:var(--wfc-radius);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);opacity:0;visibility:hidden;transform:translateY(-4px);transition:var(--wfc-trans);transition-property:opacity,transform,visibility}.wfc-select.open .wfc-select-list{opacity:1;visibility:visible;transform:none}.wfc-select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;margin:0;border-radius:6px;cursor:pointer}.wfc-select-option:before{display:none}.wfc-select-option.active{background-color:var(--wfc-grey-04)}.wfc-select-option[aria-selected="true"]{font-weight:600}.wfc-select-option svg{width:18px;height:18px;fill:var(--wfc-green-02);opacity:0;flex:0 0 18px}.wfc-select-option[aria-selected="true"] svg{opacity:1}/*----- number stepper: minus left, plus right -----*/.wfc-stepper{display:flex;align-items:stretch;height:var(--wfc-control-h);background-color:var(--wfc-white);border:1px solid var(--wfc-grey-03);border-radius:var(--wfc-radius);overflow:hidden;transition:border-color var(--wfc-trans)}.wfc-stepper:focus-within{border-color:var(--wfc-green-03)}.wfc-step{flex:0 0 var(--wfc-control-h);display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;color:var(--wfc-green-02);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:var(--wfc-trans);transition-property:background-color,color}.wfc-step svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.wfc-step:focus-visible{outline:none;background-color:var(--wfc-grey-04)}.wfc-step:disabled{color:var(--wfc-grey-03);cursor:default}.wfc-input{flex:1 1 auto;width:100%;min-width:0;padding:0 4px;margin:0;font:inherit;font-weight:500;text-align:center;color:inherit;background:transparent;border:none;border-radius:0;outline:none;-moz-appearance:textfield}/*----- checkboxes -----*/.wfc-checks{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:10px 20px}.wfc-check{position:relative;display:flex;align-items:flex-start;gap:10px;margin:0;cursor:pointer;line-height:1.25}.wfc-check input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.wfc-box{position:relative;flex:0 0 24px;width:24px;height:24px;margin-top:-1px;border:1px solid var(--wfc-grey-03);border-radius:50%;background-color:var(--wfc-white);transition:var(--wfc-trans);transition-property:border-color,background-color}.wfc-box svg{position:absolute;top:-1px;left:-1px;width:24px;height:24px;fill:var(--wfc-green-02);opacity:0;transform:scale(0.4);transition:opacity var(--wfc-trans),transform 0.3s cubic-bezier(0.3, 1.6, 0.6, 1)}.wfc-check input:checked + .wfc-box{border-color:var(--wfc-green-02)}.wfc-check input:checked + .wfc-box svg{opacity:1;transform:none}.wfc-check input:focus-visible + .wfc-box{border-color:var(--wfc-green-03);box-shadow:0 0 0 3px rgba(134, 187, 84, 0.3)}.wfc-check-text{padding-top:2px}.wfc-actions{display:flex;justify-content:flex-start}.wfc-reset{padding:8px 18px;font:inherit;font-weight:600;cursor:pointer;color:var(--wfc-green-02);background:var(--wfc-white);min-width:110px;border:1px solid var(--wfc-green-02);border-radius:100px;transition:var(--wfc-trans);transition-property:color,background-color}.wfc-reset:hover,.wfc-reset:focus-visible{outline:none;color:var(--wfc-white);background-color:var(--wfc-green-02)}/*----- window picture (inline svg) -----*/.wfc-svg-line{fill:none;stroke:#000;stroke-width:1}.wfc-svg-white{fill:#fff}.wfc-svg-miter{fill:none;stroke:#d3d3d3;stroke-miterlimit:10}.wfc-svg-shadow{opacity:0.1}.wfc-svg-dim{fill:none;stroke:var(--wfc-grey-02);stroke-width:1}.wfc-svg-dim-text{fill:var(--wfc-grey-01);font-family:inherit;font-size:13px;font-weight:600}/*----- results -----*/.wfc-result{margin-top:16px;padding:24px;color:var(--wfc-white);background-color:var(--wfc-green-02);background-image:url(/img/testimonial-bg.jpg);background-size:cover;background-position:center;border-radius:var(--wfc-panel-border-radius)}.wfc-result-label{font-size:0.9em;opacity:0.6;color:var(--wfc-black)}.wfc-result-total{margin:2px 0 6px;font-size:clamp(26px, 6.5cqw, 40px);font-weight:700;line-height:1.1;color:var(--wfc-black)}.wfc-result-meta{font-size:0.9em;line-height:1.35;color:var(--wfc-black)}.wfc-result-meta + .wfc-result-meta{margin-top:4px}.wfc-lines{margin-top:16px;border-top:1px solid rgba(255, 255, 255, 0.4)}.wfc-line{background-color:rgba(0,0,0,0.2);display:flex;justify-content:space-between;gap:16px;padding:8px 20px;font-size:0.93em;border-bottom:1px solid rgba(255, 255, 255, 0.25)}.wfc-line:last-child{border-bottom:none}.wfc-line-value{flex:0 0 auto;font-weight:600;text-align:right;white-space:nowrap}.wfc-note{margin:12px 0 0;font-size:0.85em;line-height:1.4;color:var(--wfc-grey-01);padding:10px 30px 20px 55px}/*----- wider containers -----*/@container wfc (min-width: 640px){.wfc-params{grid-template-columns:minmax(0, 1fr) minmax(220px, 300px);padding:24px;gap:28px}.wfc-visual{grid-column:2;grid-row:1;align-self:start;position:sticky;top:calc(var(--mm-ph) + 20px)}.wfc-controls{grid-column:1;grid-row:1}.wfc-result{padding:35px}}@container wfc (min-width: 820px){.wfc-params{grid-template-columns:minmax(0, 1fr) 340px}}@container wfc (max-width: 420px){.wfc-params{padding:14px;gap:14px}.wfc-result{padding:18px}.wfc-checks{grid-template-columns:minmax(0, 1fr)}}