/* Heating People - online boiler quote (31 Oct 2026). Uses the site's --hp-* design tokens. */
#hp-main .hpq-hero{padding:8px 0 22px;max-width:820px}
#hp-main .hpq-hero h1{font-family:var(--hp-display);font-size:clamp(30px,4.2vw,48px);line-height:1.12;margin:10px 0 14px}
#hp-main .hpq-hero p{font-size:18px;color:var(--hp-muted);margin:0 0 10px}
#hp-main .hpq-points{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;list-style:none;font-size:15px;font-weight:600}
#hp-main .hpq-points li::before{content:"\2713";color:var(--hp-red);margin-right:7px}
#hpq-app{background:#fff;border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:28px;margin:0 0 28px;min-height:280px}
#hpq-app h2{font-family:var(--hp-display);font-size:clamp(22px,2.6vw,28px);line-height:1.25;margin:0 0 8px;outline:none}
#hpq-app h3{font-family:var(--hp-display);font-size:20px;margin:0 0 10px}
#hpq-app p{margin:0 0 12px}
#hpq-app a{color:var(--hp-red);font-weight:600}
.hpq-progress{height:6px;background:var(--hp-panel);border-radius:6px;overflow:hidden;margin:0 0 14px}
.hpq-progress span{display:block;height:100%;background:var(--hp-red);border-radius:6px;transition:width .25s}
.hpq-count{font-size:14px;color:var(--hp-muted);font-weight:600}
.hpq-help{color:var(--hp-muted)}
.hpq-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:18px 0 6px}
.hpq-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 18px;min-height:58px;background:#fff;border:1.5px solid #b9b0b1;border-radius:10px;font:inherit;font-size:17px;color:var(--hp-ink);cursor:pointer}
.hpq-opt span{font-size:14px;color:var(--hp-muted);font-weight:400;line-height:1.4}
.hpq-opt:hover{border-color:var(--hp-red);background:var(--hp-tint)}
.hpq-opt:focus-visible,.hpq-back:focus-visible,#hpq-app input:focus-visible,#hpq-app select:focus-visible,#hpq-app textarea:focus-visible{outline:3px solid #ec9d32;outline-offset:2px}
.hpq-opt.is-selected{border-color:var(--hp-red);background:var(--hp-tint);box-shadow:inset 0 0 0 1px var(--hp-red)}
.hpq-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:18px;border-top:1px solid var(--hp-line);padding-top:16px}
.hpq-back{background:none;border:0;padding:6px 0;font:inherit;font-weight:700;color:var(--hp-red);cursor:pointer}
.hpq-gas{font-size:14px;color:var(--hp-muted);margin:0!important;max-width:520px}
.hpq-postcode label,.hpq-form label{display:block;font-size:15px;font-weight:600;margin:14px 0 6px}
.hpq-form label span{font-weight:400;color:var(--hp-muted)}
.hpq-row{display:flex;flex-wrap:wrap;gap:12px}
.hpq-row input{flex:1 1 180px;max-width:260px}
#hpq-app input,#hpq-app select,#hpq-app textarea{display:block;width:100%;max-width:100%;padding:12px 14px;border:1.5px solid #b9b0b1;border-radius:8px;font:inherit;font-size:16px;line-height:1.5;background:#fff;color:var(--hp-ink);box-sizing:border-box}
.hpq-error{color:#9b1c12;font-weight:600;background:#fdecea;border-radius:8px;padding:10px 14px;margin-top:12px!important}
.hpq-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-red);margin:0 0 6px!important}
.hpq-rec{margin-bottom:6px}
.hpq-notes{margin:10px 0 0;padding:14px 18px 14px 34px;background:var(--hp-panel);border-radius:10px;color:var(--hp-ink);font-size:15px;display:grid;gap:6px}
.hpq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:22px 0}
.hpq-card{border:1px solid var(--hp-line);border-radius:12px;padding:20px;display:flex;flex-direction:column;min-width:0}
.hpq-card h3{font-size:19px;margin:0 0 6px}
.hpq-brand{font-size:14px;font-weight:700;color:var(--hp-muted);margin:0 0 2px!important}
.hpq-spec{font-size:14px;color:var(--hp-muted)}
.hpq-price{font-family:var(--hp-display);font-size:30px;font-weight:700;color:var(--hp-ink);margin:6px 0 0!important;line-height:1.1}
.hpq-price span{font-size:16px;font-weight:600;color:var(--hp-muted)}
.hpq-price-note{font-size:14px;color:var(--hp-muted);margin:4px 0 16px!important}
.hpq-choose{margin-top:auto;text-align:center;justify-content:center}
.hpq-included{background:var(--hp-panel);border-radius:12px;padding:20px 22px;margin:0 0 18px}
.hpq-included ul{margin:0;padding-left:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px 24px}
.hpq-terms p{font-size:15px;color:var(--hp-muted)}
.hpq-terms strong{color:var(--hp-ink)}
.hpq-small{font-size:13px!important;color:var(--hp-muted)}
.hpq-summary{border-bottom:1px solid var(--hp-line);padding-bottom:16px;margin-bottom:8px}
.hpq-form{max-width:560px}
.hpq-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px}
.hpq-done{max-width:640px}
.hpq-loading{color:var(--hp-muted)}
@media(max-width:719px){#hpq-app{padding:20px 16px}.hpq-options{grid-template-columns:1fr}.hpq-grid{grid-template-columns:1fr}.hpq-price{font-size:28px}}
.hpq-img{display:flex;align-items:center;justify-content:center;background:var(--hp-panel);border-radius:10px;height:150px;margin:0 0 14px}.hpq-img img{max-height:130px;width:auto;height:auto;max-width:100%}.hpq-summary{overflow:hidden}.hpq-img--side{float:right;width:120px;height:120px;margin:0 0 10px 16px}.hpq-img--side img{max-height:104px}@media(max-width:719px){.hpq-img--side{width:96px;height:96px}.hpq-img--side img{max-height:84px}}
.hpq-extras{border:1.5px solid #ec9d32;background:#fff8ee;border-radius:12px;padding:18px 20px;margin:18px 0 0}.hpq-extras h3{font-size:18px!important;margin:0 0 8px!important}.hpq-extras p{font-size:15px;color:var(--hp-ink)}.hpq-extras ul{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px;font-weight:600}
#hp-main .hpq-hero h2{font-family:var(--hp-display);font-size:clamp(28px,3.6vw,42px);line-height:1.15;margin:10px 0 14px}#hp-main .hpq-home{scroll-margin-top:150px}#hp-main div.hpq-home{margin-top:48px;padding-top:8px;border-top:1px solid var(--hp-line)}@media(max-width:1099px){#hp-main .hpq-home{scroll-margin-top:84px}}
.hpq-brandbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 20px;margin:18px 0 0;padding:12px 16px;background:var(--hp-panel,#f6f3f3);border-radius:10px}
.hpq-brandbar p{margin:0!important;font-size:15px;font-weight:600}