*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input,select{font:inherit}button{color:inherit}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topbar{height:76px;padding:0 4vw;display:flex;align-items:center;gap:28px;position:relative;z-index:5}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;min-width:210px}.mark{width:35px;height:35px;border-radius:50%;border:7px solid currentColor;display:block}.tool-switch{display:flex;gap:8px;margin:auto}.tool-switch button{height:43px;min-width:150px;border:1px solid currentColor;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;gap:10px}.tool-switch button.active{color:#fff}.topbar nav{display:flex;gap:16px}.topbar nav a{width:34px;height:34px;border-radius:50%;border:1px solid currentColor}.tool-page main{max-width:1460px;margin:auto;padding:30px 28px 80px}.stepper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.stepper button{border:1px solid transparent;border-radius:999px;min-height:38px;padding:0 14px;display:flex;align-items:center;gap:8px;background:transparent}.stepper b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:11px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.form-shell,.summary{border-radius:16px;overflow:hidden}.step-panel{display:none;min-height:570px;padding:30px}.step-panel.active{display:block}.panel-title{display:grid;grid-template-columns:24px 1fr;gap:8px 12px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid currentColor}.panel-title>.icon{grid-row:1/4}.panel-title .api-kicker,.panel-title .api-title,.panel-title .api-copy{grid-column:2}.panel-body{display:grid;gap:22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-grid.one{grid-template-columns:1fr}.field{display:grid;gap:9px}.input-wrap{position:relative}.field input,.field select,select[data-api-input]{width:100%;height:48px;border-radius:8px;border:1px solid currentColor;background:transparent;color:inherit;padding:0 14px}.field .unit{position:absolute;right:13px;top:50%;translate:0 -50%}.choice-block{display:grid;gap:12px}.options,.system-grid,.brand-grid{display:flex;gap:9px;flex-wrap:wrap}.option{min-height:44px;padding:8px 14px;border:1px solid currentColor;background:transparent;border-radius:9px;display:flex;align-items:center;gap:9px}.option.wide{min-width:180px;flex:1}.option.selected{color:#fff}.system-grid{display:grid;grid-template-columns:repeat(3,1fr)}.system-grid.two{grid-template-columns:repeat(2,1fr)}.system-grid .option{min-height:98px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr)}.brand-grid .option{min-height:92px}.room-card{border:1px solid currentColor;border-radius:13px;padding:20px;display:grid;gap:20px}.room-head{display:flex;align-items:center;gap:10px}.room-head .api-title{flex:1}.row-actions{display:flex;gap:10px}.row-actions button,.secondary{min-height:42px;border:1px solid currentColor;border-radius:999px;background:transparent;padding:0 18px}.climate-strip{display:grid;grid-template-columns:1fr 1fr;border:1px solid currentColor;border-radius:10px}.climate-strip>div{padding:20px;display:grid;gap:10px}.inline-info,.completion,.data-entry,.checks{padding:18px;border:1px solid currentColor;border-radius:10px}.completion{display:grid;gap:12px}.completion>span{height:6px;border-radius:99px;background:currentColor;opacity:.18}.select-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-card{min-height:210px;border:1px solid currentColor;border-radius:12px;padding:20px;display:grid;align-content:end;gap:14px}.result-card button{height:42px;border:0;border-radius:8px}.form-actions{height:72px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid currentColor}.form-actions .primary{justify-self:end}.ghost{border:0;background:transparent}.primary{border:0;border-radius:9px;min-height:46px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:15px;color:#fff}.primary.wide{width:100%}.summary{position:sticky;top:18px}.summary-head,.summary-facts,.gauge,.selected-product,.summary-status,.energy-card{padding:20px;border-bottom:1px solid currentColor}.summary-head{display:grid;gap:10px}.summary-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.summary-facts>div{display:grid;grid-template-columns:20px 1fr;gap:5px 9px}.summary-facts .icon{grid-row:1/3}.gauge{height:190px;display:grid;place-items:center;position:relative}.gauge>span{width:140px;height:70px;border:13px solid currentColor;border-bottom:0;border-radius:100px 100px 0 0;opacity:.14}.gauge>div{position:absolute;bottom:45px;text-align:center}.selected-product,.summary-status,.energy-card{display:grid;gap:10px}.summary>.primary{margin:18px;width:calc(100% - 36px)}.api-line:empty,.api-title:empty,.api-copy:empty,.api-caption:empty,.api-kicker:empty,.api-value:empty,.api-number:empty,.api-help:empty{display:block;background:currentColor;opacity:.16;border-radius:99px;min-height:8px}.api-line:empty{width:80px}.api-title:empty{width:min(280px,70%);height:13px}.api-copy:empty{width:min(520px,90%);height:8px}.api-caption:empty,.api-kicker:empty{width:110px;height:7px}.api-value:empty{width:80px;height:12px}.api-number:empty{width:90px;height:24px}.api-help:empty{width:55%;height:6px}.option .api-line:empty{width:75px}.launcher{min-height:100vh}.launcher main{max-width:1280px;margin:auto;padding:11vh 5vw}.launch-copy{display:grid;gap:22px;margin-bottom:50px}.api-heading:empty{display:block;width:min(650px,70%);height:42px;background:currentColor;opacity:.16;border-radius:99px}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.launch-card{border:1px solid currentColor;border-radius:18px;min-height:360px;padding:35px;text-align:left;display:grid;align-content:end;gap:20px;background:transparent}.launch-card>.icon{width:48px;height:48px}.captcha-slot{height:64px;border:1px dashed currentColor;border-radius:8px}@media(max-width:900px){.tool-layout{grid-template-columns:1fr}.summary{position:relative;top:auto}.stepper{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.stepper button{min-width:46px}.stepper button .api-line{display:none}.system-grid,.brand-grid{grid-template-columns:1fr 1fr}.topbar{padding:0 18px}.topbar nav{display:none}}@media(max-width:620px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding-block:12px}.brand{min-width:0}.brand .api-line{display:none}.tool-switch{order:3;width:100%}.tool-switch button{flex:1;min-width:0}.tool-page main{padding:20px 12px 60px}.step-panel{padding:20px;min-height:500px}.field-grid,.select-stack,.result-grid,.summary-facts{grid-template-columns:1fr}.system-grid,.brand-grid{grid-template-columns:1fr 1fr}.system-grid.two{grid-template-columns:1fr}.option.wide{min-width:0}.launch-grid{grid-template-columns:1fr}.launch-card{min-height:260px}.form-actions{padding-inline:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{color-scheme:dark;--blue:#0789ff;--orange:#ff8a18}.configurator{color:#eaf5ff;background:radial-gradient(circle at 50% 0,#17344c,#07111a 54%)}.heat-pump{color:#173044;background:radial-gradient(circle at 70% 0,#fff1dc,#f7f1e7 55%)}.launcher{color:#edf7ff;background:linear-gradient(120deg,#07111a 0 50%,#f8eee0 50%);}.topbar{background:#08131ded;border-bottom:1px solid #344758}.heat-pump .topbar{background:#fffaf3ed;border-color:#decdbb}.form-shell,.summary{background:#0d1a24e8;border:1px solid #304654;box-shadow:0 24px 80px #0005}.heat-pump .form-shell,.heat-pump .summary{background:#fffaf5eb;border-color:#e0cdb9;box-shadow:0 24px 70px #6e4e2420}.stepper button{background:#111e28;border-color:#334756}.heat-pump .stepper button{background:#fff8ef;border-color:#e0cbb4}.stepper button.active,.option.selected,.tool-switch button.active{background:var(--blue);border-color:#5ab2ff}.heat-pump .stepper button.active,.heat-pump .option.selected,.heat-pump .tool-switch button.active{background:var(--orange);border-color:#ffac55}.primary{background:linear-gradient(135deg,#0878ec,#08bdf3)}.heat-pump .primary{background:linear-gradient(135deg,#ff9a2a,#f27610)}.field input,.field select,select[data-api-input]{background:#07121b}.heat-pump .field input,.heat-pump .field select,.heat-pump select[data-api-input]{background:#fff}.launch-card{backdrop-filter:blur(16px)}.launch-card.cool{background:#0b1825dd}.launch-card.warm{background:#fff8efed;color:#173044}.launcher .topbar{background:#0a1520e8}
.hp-ranking{display:grid;gap:8px;margin-top:10px}.hp-rank-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid #2a3a4a55;border-radius:8px;font-size:14px}.hp-rank-row span{opacity:.7;font-size:12px}.hp-rank-row em{margin-left:auto;font-style:normal;font-weight:700;color:#ff8a18}
/* PlanetClimaten — fix nav headera kalkulatora (01.10).
 * Przyczyna: .topbar nav a miało width/height:34px + border-radius:50% + border
 * (zaprojektowane jako okrągłe IKONY), a niosą TEKST (Sklep/Pompy ciepła/Kontakt)
 * -> tekst wylewał się poza 34px i nachodził sąsiada (elipsy w prawym-górnym rogu).
 * Fix: czyste linki tekstowe jak na landingu. [[lokalne-drzewo-sklepu-to-inna-linia-kodu]]
 * Marker: calc-nav-fix 01.10 */
.topbar nav { gap: 22px; align-items: center; }
.topbar nav a {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
  overflow: visible;
  padding: 4px 2px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  opacity: .85;
}
.topbar nav a:hover { opacity: 1; }