:root{--ink:#263d35;--green:#3c7c63;--green2:#5a9b7d;--copper:#b96d3a;--cream:#f7f4ec;--sand:#eee8db;--white:#fff;--muted:#66756f;--line:#ddd8cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:
radial-gradient(circle at 18px 18px,rgba(60,124,99,.08) 2px,transparent 3px) 0 0/36px 36px,var(--cream)}
a{color:inherit}.top{background:#263d35;color:#eaf2ed;font-size:14px}.top .inner{max-width:1260px;margin:auto;padding:9px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
header{background:rgba(247,244,236,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.head{max-width:1260px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;display:flex;align-items:center;gap:13px}.mark{width:52px;height:52px;border-radius:16px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900;font-size:21px}.brand strong{font-size:25px;display:block}.brand span{font-size:12px;color:var(--muted)}
nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}nav a{text-decoration:none;font-weight:700;font-size:14px;padding:9px 10px;border-radius:8px}nav a:hover{background:var(--sand);color:var(--green)}
.hero{max-width:1260px;margin:42px auto 70px;padding:0 24px;display:grid;grid-template-columns:1.04fr .96fr;gap:42px;align-items:center}.hero h1{font-size:60px;line-height:1.02;letter-spacing:-1.6px;margin:18px 0}.hero p{font-size:20px;line-height:1.65;color:var(--muted)}.hero-art{width:100%;border-radius:36px;box-shadow:0 28px 70px rgba(38,61,53,.16)}
.kicker{display:inline-block;padding:9px 14px;border-radius:999px;background:#e5eee8;color:var(--green);font-weight:800;border:1px solid #cdded3}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border-radius:10px;background:var(--green);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 25px rgba(60,124,99,.18)}.btn:hover{background:#2f654f;transform:translateY(-2px)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.copper{background:var(--copper)}
.section{max-width:1260px;margin:0 auto 70px;padding:0 24px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}.section-title h2{font-size:40px;margin:0}.section-title p{max-width:680px;color:var(--muted);line-height:1.6;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:23px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 16px 38px rgba(38,61,53,.08);transition:.22s}.card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(38,61,53,.14)}.card img{width:100%;height:210px;object-fit:cover}.card-body{padding:22px;display:flex;flex-direction:column;flex:1}.card h3{font-size:23px;margin:0 0 11px}.card p{color:var(--muted);line-height:1.55}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 18px}.tag{font-size:12px;background:#edf2ee;border:1px solid #d6e2d9;color:#416454;padding:6px 9px;border-radius:999px}.card-main{position:absolute;inset:0;z-index:1}.card-actions{position:relative;z-index:2;display:grid;gap:9px;margin-top:auto}
.panel{background:#fff;border:1px solid var(--line);border-radius:25px;padding:32px;box-shadow:0 16px 38px rgba(38,61,53,.08)}.panel h1,.panel h2{font-size:42px;margin-top:0}.panel p,.panel li{color:var(--muted);line-height:1.72}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.visual{width:100%;border-radius:25px;border:1px solid var(--line)}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info{background:#fff;border:1px solid var(--line);border-radius:19px;padding:22px}.info h3{margin-top:0;color:var(--green)}.info p{color:var(--muted);line-height:1.65}
.band{background:linear-gradient(135deg,#335a49,#263d35);color:#fff;border-radius:30px;padding:36px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:17px;padding:20px;line-height:1.5}.feature strong{color:#f4c39f}
.quick{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.quick a{padding:9px 12px;background:#edf2ee;border:1px solid #d6e2d9;border-radius:999px;text-decoration:none;font-weight:700;font-size:13px;color:#416454}
.calculator{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:7px;font-weight:700}.field input,.field select{width:100%;padding:13px 14px;border-radius:9px;border:1px solid var(--line);background:#fbfaf6;color:var(--ink)}.result{font-size:40px;font-weight:900;color:var(--green);margin:12px 0}.result-small{font-size:22px;font-weight:800;color:var(--copper)}.note{font-size:13px;color:#87928d}
.cta{background:linear-gradient(135deg,#e4eee8,#f7f4ec);border:1px solid var(--line);border-radius:28px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:34px;margin:0 0 10px}.cta p{color:var(--muted);margin:0}
footer{background:#263d35;color:#eef5f1;margin-top:75px}.footer{max-width:1260px;margin:auto;padding:44px 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer p{color:#c7d7cf;line-height:1.6}.footer a{color:#f0f7f3}.copy{max-width:1260px;margin:auto;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#9fb5aa}
@media(max-width:1050px){.hero,.content-grid,.calculator{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.head{display:block}.brand{margin-bottom:13px}nav{justify-content:flex-start}.hero h1{font-size:42px}.grid,.info-grid,.features,.footer{grid-template-columns:1fr}.section-title,.cta{display:block}.cta .actions{margin-top:20px}}

/* ÚJRATERVEZETT HELYISÉGENKÉNTI MÉRETEZŐ */
.sizing-page{max-width:1440px;padding-top:42px}
.sizing-title{align-items:center}
.sizing-title h1{font-size:44px;margin:14px 0 0}
.sizing-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);gap:24px;align-items:start}
.sizing-editor{padding:0;overflow:hidden}
.editor-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#ffffff,#f5f1e8)}
.editor-header h2{font-size:29px;margin:0 0 6px}
.editor-header p{margin:0;color:var(--muted)}
.editor-actions{display:flex;gap:10px;flex-wrap:wrap}
.room-cards{padding:22px;display:grid;gap:16px;max-height:820px;overflow:auto;background:#f8f6f0}
.room-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(38,61,53,.06)}
.room-card-top{display:grid;grid-template-columns:38px minmax(230px,1fr) auto 38px;gap:12px;align-items:center}
.room-number{width:38px;height:38px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}
.room-identification{display:grid;grid-template-columns:minmax(160px,1fr) minmax(190px,.8fr);gap:10px}
.room-identification input,.room-identification select,.dimension-field input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fbfaf6;color:var(--ink)}
.room-title{font-size:17px;font-weight:800;padding:11px 12px}
.room-identification select{padding:11px 12px}
.room-direction{padding:8px 11px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}
.room-direction.supply{background:#dfeee6;color:#28634a}.room-direction.extract{background:#f5e4d9;color:#96502f}.room-direction.transfer{background:#eceae3;color:#706c61}
.delete-room{width:38px;height:38px;border:0;border-radius:10px;background:#f5e7df;color:#a34f2a;font-size:24px;cursor:pointer}.delete-room:hover{background:#edd2c4}
.room-dimensions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.dimension-field>span{display:block;font-size:12px;font-weight:800;color:var(--muted);margin:0 0 6px 2px;text-transform:uppercase;letter-spacing:.04em}
.dimension-field>div{position:relative}.dimension-field input{padding:11px 43px 11px 12px;font-weight:700}.dimension-field em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--muted);font-size:13px}
.room-live-summary{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px dashed #ded9ce;font-size:13px;color:var(--muted)}.room-live-summary strong{color:var(--green)}
.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--line);background:#fff;color:var(--muted)}
.text-button{background:none;border:0;color:var(--copper);font-weight:800;cursor:pointer;padding:5px}
.empty-editor{text-align:center;padding:80px 20px}.empty-editor-icon{width:58px;height:58px;border-radius:18px;background:#e4eee8;color:var(--green);display:grid;place-items:center;font-size:34px;margin:0 auto 16px}.empty-editor h3{font-size:23px;margin:0 0 8px}.empty-editor p{color:var(--muted)}
.sizing-summary{position:sticky;top:105px;padding:28px;background:linear-gradient(155deg,#fff,#f3eee3)}
.summary-icon{width:92px;height:92px;border-radius:24px;background:#e2eee7;display:grid;place-items:center;margin-bottom:24px}.summary-icon svg{width:68px;height:68px;fill:none;stroke:var(--green);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.summary-block{padding:17px 0;border-bottom:1px solid var(--line)}.summary-block span,.summary-pair span,.summary-highlight span,.summary-category span{display:block;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:7px}.summary-block strong{font-size:30px;color:var(--ink)}
.summary-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.summary-pair>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.summary-pair strong{font-size:20px;color:var(--green)}
.summary-highlight{padding:22px 0 16px}.summary-highlight strong{font-size:40px;color:var(--green);line-height:1}.summary-category{padding:12px 0 18px}.summary-category strong{font-size:23px;color:var(--copper)}
.balance-state{border-radius:13px;padding:14px 15px;margin:5px 0 20px;line-height:1.45}.balance-state strong,.balance-state span{display:block}.balance-state span{font-size:13px;margin-top:4px}.balance-state.neutral{background:#eceae3;color:#67655e}.balance-state.good{background:#dfefe6;color:#2e694f;border:1px solid #bedac9}.balance-state.warning{background:#f7e8de;color:#914b2c;border:1px solid #e6c4b1}
.summary-buttons{display:grid;gap:10px}.summary-buttons .btn{width:100%}
.room-results{margin-top:24px;padding:26px}.results-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.results-header h2{font-size:30px;margin:0 0 6px}.results-header p{margin:0;color:var(--muted)}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.supply{background:#4e9a73}.dot.extract{background:#c8794c}.dot.transfer{background:#9a968a}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.result-card{border:1px solid var(--line);border-radius:17px;padding:16px;background:#fff}.result-card.supply{border-top:4px solid #4e9a73}.result-card.extract{border-top:4px solid #c8794c}.result-card.transfer{border-top:4px solid #9a968a}
.result-card-head{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center}.result-letter{width:44px;height:44px;border-radius:12px;background:#edf2ee;color:var(--green);display:grid;place-items:center;font-weight:900}.result-card h3{font-size:17px;margin:0 0 3px}.result-card-head>div:nth-child(2)>span{font-size:12px;color:var(--muted)}.result-direction{font-size:11px;font-weight:900;padding:6px 8px;border-radius:999px;background:#f0eee8;color:#6b685f}
.result-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.result-metrics>div{background:#f8f6f0;border-radius:10px;padding:10px}.result-metrics span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.result-metrics strong{font-size:15px}
.empty-results{grid-column:1/-1;text-align:center;padding:55px 20px}.empty-results h3{margin:0 0 7px}.empty-results p{color:var(--muted)}
.sizing-info{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
@media(max-width:1150px){.sizing-layout{grid-template-columns:1fr}.sizing-summary{position:static}.result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.editor-header,.results-header{display:block}.editor-actions{margin-top:14px}.room-card-top{grid-template-columns:38px 1fr 38px}.room-identification{grid-column:2;grid-template-columns:1fr}.room-direction{grid-column:2;margin-top:4px;justify-self:start}.delete-room{grid-column:3;grid-row:1}.room-dimensions{grid-template-columns:repeat(2,1fr)}.result-grid,.sizing-info{grid-template-columns:1fr}}
@media(max-width:520px){.room-dimensions{grid-template-columns:1fr}.summary-pair{grid-template-columns:1fr}.sizing-title h1{font-size:34px}}