/* One photographic introduction and one aligned form surface for every service. */
.calculator-service-active{--calculator-width:1100px;--calculator-radius:20px;--calculator-gap:16px;--calculator-pad:28px;--calculator-hero-height:clamp(220px,22vw,300px)}
.calculator-hero{max-width:var(--calculator-width);margin:0 auto var(--calculator-gap);scroll-margin-top:112px}
.calculator-hero[hidden]{display:none}
.calculator-hero .calculator-hero-visual{position:relative;isolation:isolate;display:flex;align-items:end;overflow:hidden;margin:0;border-radius:var(--calculator-radius);height:var(--calculator-hero-height);aspect-ratio:auto;background:#172a3a;color:#fff}
.calculator-hero .calculator-hero-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--calculator-image-position,center)}
.calculator-hero .calculator-hero-visual::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,23,36,.84),rgba(8,23,36,.38) 38%,transparent 77%),linear-gradient(90deg,rgba(8,23,36,.22),transparent 62%)}
.calculator-hero .calculator-hero-visual figcaption{position:static;z-index:auto;max-width:100%;padding:22px var(--calculator-pad);color:#fff}
.calculator-hero .calculator-hero-kicker{display:block;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:.08em}
.calculator-hero-kicker b{color:#ffb12b}
.calculator-hero :is(h1,h2){max-width:24ch;margin:6px 0 4px;color:#fff;font-size:clamp(32px,4vw,46px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;hyphens:none}
.calculator-hero p{margin:0;color:#fff;font-size:clamp(14px,1.6vw,19px);line-height:1.35}
.calculator-hero[data-calculator-hero="ac"]{--calculator-image-position:center 25%}
.calculator-hero[data-calculator-hero="water"]{--calculator-image-position:center 53%}
.calculator-hero[data-calculator-hero="smart"]{--calculator-image-position:center 42%}
.calculator-hero[data-calculator-hero="pool-heating"]{--calculator-image-position:center 60%}
.calculator-service-active .steps,.calculator-service-active .flow-aside{display:none}
.calculator-service-active .flow-layout{display:block;max-width:var(--calculator-width);width:100%;margin:0 auto}
.calculator-service-active #answers-form{padding:var(--calculator-pad);background:#fff;border:1px solid #e4e8ec;border-radius:var(--calculator-radius);scroll-margin-top:112px}
.calculator-service-active #flow-title{margin-top:0;line-height:1.15}
@media(max-width:650px){
 .calculator-service-active{--calculator-radius:14px;--calculator-gap:12px;--calculator-pad:20px;--calculator-hero-height:clamp(180px,42vw,240px)}
 .calculator-hero .calculator-hero-visual figcaption{padding:15px;max-width:100%}
 .calculator-hero .calculator-hero-kicker{font-size:12px;letter-spacing:.035em}
 .calculator-hero :is(h1,h2){font-size:clamp(24px,6.2vw,32px);margin:4px 0;max-width:23ch}
 .calculator-hero p{font-size:13px;white-space:normal}
 .calculator-service-active #answers-form{border-radius:20px}
}