:root{--green:#b5ee76;--black:#10101e;--muted:#62695f}*{box-sizing:border-box}body{margin:0;background:#f4f5f0;color:var(--black);font:16px/1.55 system-ui,sans-serif}header{background:var(--black);color:white;display:flex;justify-content:space-between;align-items:center;padding:8px max(5vw,20px);gap:20px}header a{color:var(--green);font-size:14px}.brand{font-weight:850;letter-spacing:2px}.brand img{display:block;width:244px;max-width:100%;height:auto}.brand small{font-weight:400}main{max-width:1240px;margin:auto;padding:0 28px}h1{font-size:clamp(36px,5.8vw,70px);line-height:1.08;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:#4d742e}h2{font-size:23px;letter-spacing:-.5px;margin:0 0 18px}.hero{padding:65px 0 45px;max-width:800px}.hero>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:18px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750}.pill{display:inline-block;border:1px solid #d6dcce;border-radius:30px;padding:8px 15px;font-size:12px;margin:10px 3px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:25px}.card{background:white;border:1px solid #e1e5dc;border-radius:20px;padding:28px;margin-bottom:24px}.card>p{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:600;margin:12px 0}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #cbd2c3;border-radius:9px;padding:13px;background:#fcfdf9;color:var(--black);font:inherit;margin-top:7px;min-height:48px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #83bd48;outline-offset:2px}input[type=checkbox]{width:22px;height:22px;accent-color:#659c36;flex-shrink:0}.check,.work{display:flex;align-items:center;gap:12px}.work{border-bottom:1px solid #edf0e8;padding:13px 0}.work small,.line small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:5px}.estimate{background:var(--black);color:white;border-radius:20px;padding:30px;position:sticky;top:20px}.estimate .eyebrow{color:var(--green)}.line{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff22;padding:15px 0;font-size:13px}.line b{white-space:nowrap}.estimate small{color:#b9c2b2}.total{font-size:clamp(28px,3.5vw,42px);font-weight:750;letter-spacing:-1px;color:var(--green);margin:25px 0 0}.estimate>p{font-size:13px}.estimate .total{font-size:clamp(28px,3.5vw,42px)}button,.button{display:inline-block;border:0;border-radius:9px;background:var(--green);color:#14200b;padding:15px 20px;font:600 14px system-ui;text-decoration:none;cursor:pointer;text-align:center;min-height:48px}.estimate button,.estimate .button{width:100%;margin-top:12px}.secondary{background:transparent;color:inherit;border:1px solid #86907f;margin-top:12px}.fine{font-size:12px!important;opacity:.8}summary{font-weight:700;cursor:pointer;min-height:40px}footer{padding:30px 0 50px;font-size:13px;color:var(--muted)}#error{color:#a32b24}[hidden]{display:none!important}@media(max-width:800px){.layout{grid-template-columns:1fr}.estimate{position:static}.hero{padding:40px 0}main{padding:0 16px}.card,.estimate{padding:22px}header{padding:8px 18px}.brand img{width:170px}.brand{font-size:13px;letter-spacing:1px}header a{font-size:12px}h1{letter-spacing:-1.5px}}@media(max-width:420px){.grid{grid-template-columns:1fr}.line{flex-wrap:wrap}}@media print{header a,.contact,button,.button,details{display:none!important}body{background:white}.layout{display:block}.card,.estimate{break-inside:avoid;border:1px solid #aaa}.estimate{background:white;color:black}.total{color:black!important}.hero{padding:10px 0}h1{font-size:30px}.estimate small{color:#444}}
/* Energetikai előszűrés */
.steps{display:flex;flex-wrap:wrap;gap:6px}.hero{max-width:900px}.hero>p:not(.eyebrow){max-width:640px}
.area-note{background:#edf5e5;border-radius:9px;padding:12px;color:#344d23!important}
.work input{margin-right:4px}.work small{max-width:460px}.card .eyebrow{color:#4d742e;margin-bottom:8px}
#wallOptions,#atticOptions,#windowOptions,#heatingOptions{padding-left:38px;padding-bottom:10px}
#wallOptions label,#atticOptions label,#windowOptions label,#heatingOptions label{margin-top:0}
input:disabled{background:#edf0e8;color:#73796c}
.comparison{padding:18px 0}.bar-label{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin:12px 0 8px}
.bar-track{height:10px;border-radius:20px;background:#ffffff18;overflow:hidden}.bar-before{height:100%;background:#a1a6b3;width:100%;border-radius:20px}
#afterBar{height:100%;width:100%;background:var(--green);border-radius:20px;transition:width .25s ease}
.selected-work{font-size:13px;color:#d7e5cc;padding:6px 0;margin:0}
#selectedWorks{padding:14px 0 4px}#resultNote{color:#dce2d7}.estimate .total{font-size:66px;line-height:1.15;margin-top:22px}
.estimate .line b{font-size:20px;color:var(--green)}.method{margin-top:8px}.method p{font-size:14px;color:var(--muted)}.method a{color:#355623}
.contact{margin-top:30px;max-width:850px;scroll-margin-top:20px}.contact h2{font-size:clamp(24px,3vw,34px);line-height:1.2}.contact>p{max-width:680px}
#status{color:#355623;font-size:14px}#error:not(:empty){background:#fff0ee;padding:12px;border-radius:9px;border:1px solid #edc5bd}
@media(max-width:800px){.estimate .total{font-size:60px}.hero .eyebrow{letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){#afterBar{transition:none}}
header a{white-space:nowrap;display:inline-flex;align-items:center;min-height:48px}
@media(max-width:420px){header{padding:8px 14px;gap:8px}.brand img{width:138px}header a{font-size:11.5px}}