.heating-intro{padding-top:34px;padding-bottom:27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.heating-intro h1{font-size:34px;letter-spacing:-1.1px;margin:10px 0}.heating-intro p{font-size:13px;line-height:1.7;color:#88baff}.heating-intro>a{font-size:12px;color:#88baff;text-decoration:underline;text-underline-offset:4px}.ht{padding-bottom:65px}.ht-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;border-bottom:1px solid #304664;margin-bottom:29px}.ht-progress button{padding:15px 8px 18px;display:flex;gap:10px;align-items:center;font-size:11px;color:#88baff;text-align:left;border-bottom:3px solid transparent}.ht-progress button:disabled{opacity:.5;cursor:default}.ht-progress button[aria-current]{border-color:#4672a8;color:#88baff;font-weight:800}.ht-progress button>span{border:1px solid #304664;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;font-size:10px}.ht-progress button[aria-current]>span{background:#2869cf;color:#edf3ff;border-color:#4672a8}.ht-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start}.ht-panel{border:1px solid #304664;border-radius:14px;padding:35px;background:#121e32;min-width:0;box-shadow:0 10px 40px #142b4c06}.ht-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#88baff}.ht-panel h2{font-size:30px;letter-spacing:-.9px;line-height:1.2;margin:14px 0 12px;outline:none}.ht-lead{font-size:14px;line-height:1.75;color:#88baff;margin:0 0 28px;max-width:650px}.ht-panel fieldset{border:0;margin:0 0 25px;padding:0}.ht-panel legend{font-size:13px;font-weight:750;margin-bottom:13px}.ht-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.ht-choice{position:relative;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #304664;background:#121e32;border-radius:9px;min-height:85px;padding:18px 14px;color:#88baff;transition:background .15s,border-color .15s}.ht-choice:hover{background:#121e32;border-color:#304664}.ht-choice.selected{background:#121e32;border-color:#4672a8;box-shadow:0 0 0 1px #225be8}.ht-choice b{font-size:14px;display:block;line-height:1.4}.ht-choice small{font-size:11px;color:#88baff;display:block;line-height:1.6;margin-top:5px}.ht-choice-icon{font-size:28px;width:31px;color:#88baff;flex-shrink:0}.ht-radio{width:16px;height:16px;flex-shrink:0;border:1px solid #304664;border-radius:50%;margin-left:auto}.selected .ht-radio{border:5px solid #4672a8;background:#121e32}.ht-route{background:#121e32;border-radius:8px;padding:19px 22px;font-size:22px;font-weight:700;display:flex;align-items:center;gap:23px}.ht-route>span{font-size:18px;color:#88baff}.ht-route small{margin-left:auto;color:#88baff;font-size:11px;font-weight:400}.ht-field{display:flex;flex-direction:column;gap:10px;font-size:13px;font-weight:750;margin:24px 0;max-width:100%}.ht-field select,.ht-input{width:100%;border:1px solid #304664;background:#121e32;border-radius:7px;min-height:49px}.ht-field select{padding:13px;font-size:14px;color:#88baff}.ht-field small{font-size:11px;font-weight:400;line-height:1.8;color:#88baff;max-width:600px}.ht-input{display:flex;align-items:center;max-width:350px}.ht-input input{width:100%;min-width:0;background:transparent;border:0;padding:14px;font-size:17px;font-weight:650;color:#88baff;outline-offset:1px}.ht-input>span{font-size:12px;color:#88baff;padding:0 15px;border-left:1px solid #304664;white-space:nowrap}.ht-check{font-size:12px;display:flex;align-items:center;gap:10px;color:#88baff;margin:12px 0}.ht-check input{accent-color:#2057de;width:17px;height:17px}.ht-field-block{border-bottom:1px solid #304664;padding-bottom:20px;margin-bottom:25px}.ht-field-block h3{font-size:17px;margin:30px 0 10px}.ht-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;border-top:1px solid #304664;margin-top:25px}.ht-actions .button{font-size:12px;border-radius:7px;gap:25px}.ht-back{font-size:12px;color:#88baff;text-decoration:underline;text-underline-offset:4px}.ht-error{color:#ffb4ad;font-size:12px;font-weight:650;line-height:1.6;margin-top:15px}.ht-error:empty{display:none}.ht-note{background:#121e32;color:#88baff;padding:16px 18px;border-radius:8px;font-size:12px;line-height:1.8;margin-top:22px;border-left:3px solid #304664}.ht-aside{background:#2869cf;color:#f4f8ff;border-radius:14px;padding:27px 25px;position:sticky;top:24px}.ht-aside .ht-kicker{color:#88baff}.ht-aside h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:18px 0 22px}.ht-aside p{font-size:12px;line-height:1.9;color:#f4f8ff}.ht-aside-path{display:flex;align-items:center;justify-content:space-between;font-size:25px;padding:15px 0 23px;border-bottom:1px solid #30466422}.ht-aside-path>span{font-size:21px;color:#88baff}.ht-aside-check{font-size:11px;line-height:2.3;color:#f4f8ff;margin:23px 0}.ht-aside-footer{font-size:10px;line-height:1.8;padding-top:20px;border-top:1px solid #30466422;color:#b4c5de}.ht-aside-footer b{font-weight:600;color:#f4f8ff}.ht-results{display:grid;gap:13px}.ht-package{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:15px;border:1px solid #304664;border-radius:10px;padding:18px;text-align:left;background:#121e32;color:#88baff}.ht-package.selected{border-color:#4672a8;box-shadow:0 0 0 1px #275ce7;background:#121e32}.ht-package-image img{height:85px;width:70px;object-fit:contain;mix-blend-mode:multiply}.ht-package-info{min-width:0}.ht-package-info>small{font-size:8px;letter-spacing:.08em;color:#88baff;font-weight:800}.ht-package-info b{display:block;font-size:14px;line-height:1.5;margin:6px 0}.ht-package-info>span{display:block;font-size:10px;line-height:1.8;color:#88baff}.ht-package>strong{font-size:17px;white-space:nowrap}.ht-package>strong small{display:block;font-size:9px;font-weight:400;text-align:right;margin-top:5px;color:#88baff}.ht-details{border-bottom:1px solid #304664;padding:18px 0;font-size:12px}.ht-details summary{cursor:pointer;font-weight:700}.ht-details ul{padding-left:20px;line-height:1.9;margin-top:15px}.ht-details p{font-size:10px;line-height:1.8;color:#88baff}.ht-price{background:#121e32;border-radius:10px;padding:22px;margin-top:25px}.ht-price>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 0;font-size:12px}.ht-price>div:first-child>b{font-size:24px;color:#88baff}.ht-price-tax{font-size:10px!important;color:#88baff;padding-top:0!important}.ht-price .ht-price-total{border-top:1px solid #304664;margin-top:10px;padding-top:20px;font-weight:750}.ht-price p{font-size:10px;color:#88baff;line-height:1.8;margin-top:18px}.ht-price details{font-size:11px;color:#88baff;line-height:1.8;margin-top:15px}.ht-price summary{cursor:pointer}.ht-price ul{padding-left:18px;margin-top:9px}.ht-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:25px;font-size:12px;line-height:1.7;padding:13px 0;border-bottom:1px solid #304664}.ht-summary b{text-align:right;font-weight:650}.ht-summary small{display:block;font-weight:400}.ht-reserve{padding:24px;margin-top:26px;border:1px solid #304664;border-radius:10px}.ht-reserve h3{font-size:21px;letter-spacing:-.4px;margin:14px 0}.ht-reserve p{font-size:12px;line-height:1.9;color:#88baff}.ht-reserve>small,.ht-fine{font-size:10px;line-height:1.8;color:#88baff}.ht-export{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.ht-export .button{font-size:11px;padding:15px}.ht-fine{margin-top:15px}.heating-print{display:none}
@media(max-width:950px){.ht-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.ht-panel{padding:25px}.ht-progress button{font-size:10px;gap:7px}.ht-package{grid-template-columns:60px 1fr}.ht-package>strong{grid-column:2;text-align:left}.ht-package>strong small{text-align:left}.ht-package-image img{width:55px}.ht-aside{padding:22px 20px}.ht-aside h3{font-size:20px}}
@media(max-width:720px){.heating-intro{display:block;padding-top:25px;padding-bottom:15px}.heating-intro h1{font-size:27px;line-height:1.2}.heating-intro>a{display:inline-block;margin-top:8px;font-size:11px}.ht-progress{grid-template-columns:repeat(6,1fr);margin-bottom:20px}.ht-progress button{font-size:8px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0}.ht-progress button>span{width:22px;height:22px}.ht-layout{grid-template-columns:1fr}.ht-aside{display:none}.ht-panel{padding:23px 18px;border-radius:11px}.ht-panel h2{font-size:26px}.ht-lead{font-size:12px;line-height:1.8}.ht-choices{grid-template-columns:1fr}.ht-choice{min-height:70px;padding:15px}.ht-choice-icon{font-size:24px}.ht-choice b{font-size:14px}.ht-choice small{font-size:11px}.ht-route{font-size:20px;padding:15px;gap:16px}.ht-route small{font-size:9px;max-width:90px}.ht-input{max-width:none}.ht-actions{gap:12px}.ht-actions .button{gap:13px;padding:14px;font-size:11px}.ht-package{padding:14px;gap:12px}.ht-package-info b{font-size:13px}.ht-price{padding:17px}.ht-price>div{font-size:11px}.ht-price>div:first-child>b{font-size:22px}.ht-summary>div{font-size:11px;gap:12px}.ht-reserve{padding:18px}.ht-export .button{width:100%;text-align:center}.ht{padding-bottom:35px}}
@media print{body>*{display:none!important}.heating-print{display:block!important;color:#edf3ff;font-family:Arial,sans-serif;font-size:11pt;line-height:1.5;margin:15mm}.heating-print h1{font-size:24pt}.heating-print h2{font-size:17pt}.heating-print h3{font-size:13pt}.heating-print p,.heating-print li{break-inside:avoid}}

.ht-loading{min-height:180px;padding:35px;border:1px solid #304664;border-radius:14px;color:#88baff;font-size:14px;background:#121e32}

/* Lead with the installed project total, then show its individual charges. */
.ht-price .ht-price-total{display:flex;flex-wrap:wrap;align-items:center;background:#b7f4cd;color:#103e27;border:0;border-radius:12px;padding:22px;margin:0 0 10px;gap:12px;font-size:17px}
.ht-price .ht-price-total>b{font-size:clamp(27px,4vw,38px);color:#103e27;white-space:nowrap}
.ht-price>div:not(.ht-price-total)>b{font-size:15px;color:#edf3ff}
.ht-price .ht-price-caption{margin:0 0 20px;font-size:12px}
.ht-aside-total{display:grid;gap:8px;padding:18px;margin:20px 0;background:#b7f4cd;color:#103e27;border-radius:12px}
.ht-aside-total strong{font-size:28px}.ht-aside-total span,.ht-aside-total small{font-size:12px}
.ht-package>strong>small:first-child{color:inherit;margin-bottom:6px;font-weight:750}
