/* hub.css h1: hub pages (air-conditioning, heating, plumbing, electrical, services). Scoped by body[data-svc]. svc.css is owned by the service-page worker; never edit it from here. */
html body.t-svc[data-svc="ach"] .svc-hero .hbg img{object-position:var(--hero-pos,78% 50%)!important}
@media(min-width:900px){[data-svc="ach"] .svc-hero::before{background:linear-gradient(90deg,rgba(0,5,62,.94) 0,rgba(0,5,62,.86) 32%,rgba(0,5,62,.35) 48%,rgba(0,5,62,0) 60%)!important}}
@media(max-width:699px){html body.t-svc[data-svc="ach"] .svc-hrob{width:94px!important;right:auto!important;left:20%!important;bottom:auto!important;top:-118px!important;transform:none!important}}
@media(min-width:700px) and (max-width:899px){html body.t-svc[data-svc="ach"] .svc-hero .hbg img{object-position:var(--hero-pos,63% 50%)!important}html body.t-svc[data-svc="ach"] .svc-hrob{width:112px!important;right:auto!important;left:42%!important;bottom:112px!important;transform:none!important;z-index:3!important}}
@media(min-width:900px){html body.t-svc[data-svc="ach"] .svc-hrob{right:auto!important;left:84%!important;width:clamp(88px,8.6vw,170px)!important;transform:none!important}}
@media(min-width:1600px){html body.t-svc[data-svc="ach"] .svc-hero .hbg img{object-position:var(--hero-pos,78% 22%)!important}}
/* hub-th: text + checklist left, peeking robot grounded at the bottom right */
@media(min-width:700px){html body.t-hub .hub-th .wrap{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,22vw,280px);column-gap:clamp(24px,5vw,72px);align-items:end;grid-template-rows:auto auto!important;grid-template-areas:"t r" "l r"!important}
html body.t-hub .hub-th .ab-ph{display:contents}
html body.t-hub .hub-th .ab-ph>div{grid-area:t!important;display:block!important;max-width:640px}
html body.t-hub .hub-th .svc-prob{grid-area:r!important;align-self:end;justify-self:center;position:static!important;width:100%!important;max-width:none!important;margin:0!important;transform:none!important}
html body.t-hub .hub-th .svc-prob video{width:100%;height:auto;display:block}
html body.t-hub .hub-th .pck{grid-area:l!important;margin:22px 0 0!important;align-self:start}}
/* h2: heating hub (data-svc=ht) */
html body.t-svc[data-svc="ht"] .svc-hero .hbg img{object-position:var(--hero-pos,72% 50%)!important}
@media(min-width:900px){[data-svc="ht"] .svc-hero::before{background:linear-gradient(90deg,rgba(0,5,62,.94) 0,rgba(0,5,62,.86) 32%,rgba(0,5,62,.35) 48%,rgba(0,5,62,0) 60%)!important}}
@media(max-width:699px){html body.t-svc[data-svc="ht"] .svc-hrob{width:94px!important;right:auto!important;left:20%!important;bottom:auto!important;top:-118px!important;transform:none!important}}
@media(min-width:700px) and (max-width:899px){html body.t-svc[data-svc="ht"] .svc-hero .hbg img{object-position:var(--hero-pos,70% 50%)!important}html body.t-svc[data-svc="ht"] .svc-hrob{width:112px!important;right:auto!important;left:16%!important;bottom:112px!important;transform:none!important;z-index:3!important}}
@media(min-width:900px){html body.t-svc[data-svc="ht"] .svc-hrob{right:auto!important;left:88%!important;width:clamp(88px,8.6vw,170px)!important;transform:none!important}}
@media(min-width:1600px){html body.t-svc[data-svc="ht"] .svc-hero .hbg img{object-position:var(--hero-pos,72% 0%)!important}}
@media(min-width:700px){html body.t-hub .hub-club .hub-l{grid-area:l!important;margin:22px 0 0;align-self:start}html body.t-hub .hub-club .hub-l .pck{margin:0!important}}
html body.t-hub .hub-club .pmore{margin:18px 0 0}
@media(min-width:900px) and (max-width:1023px){html body.t-svc[data-svc="ht"] .svc-hero .hbg img{object-position:var(--hero-pos,88% 50%)!important}html body.t-svc[data-svc="ht"] .svc-hrob{left:89.5%!important;width:80px!important}}

/* h3: heating related joined to club band */
html body main .sec.hub-club:not(#_){padding-bottom:0!important}html body main .sec.hub-relj:not(#_){padding-top:64px!important}
@media (max-width:699px){html body main .sec.hub-relj:not(#_){padding-top:44px!important}}

/* h4: plumbing hub (pl) */

html body.t-svc[data-svc="pl"] .svc-hero .hbg img{object-position:var(--hero-pos,70% 50%)!important}@media(min-width:1024px){html body.t-svc[data-svc="pl"] .svc-hero .hbg img{object-position:var(--hero-pos,60% 35%)!important}}
@media(min-width:900px){[data-svc="pl"] .svc-hero::before{background:linear-gradient(90deg,rgba(0,5,62,.94) 0,rgba(0,5,62,.86) 32%,rgba(0,5,62,.35) 48%,rgba(0,5,62,0) 60%)!important}
html body.t-svc[data-svc="pl"] .svc-hrob{right:auto!important;left:87%!important;width:clamp(88px,8.6vw,170px)!important;transform:none!important}}
@media(min-width:900px) and (max-width:1023px){html body.t-svc[data-svc="pl"] .svc-hero .hbg img{object-position:var(--hero-pos,84% 50%)!important}html body.t-svc[data-svc="pl"] .svc-hrob{left:89%!important;width:80px!important}}
@media(min-width:700px) and (max-width:899px){html body.t-svc[data-svc="pl"] .svc-hero .hbg img{object-position:var(--hero-pos,72% 50%)!important}html body.t-svc[data-svc="pl"] .svc-hrob{width:112px!important;right:auto!important;left:16%!important;bottom:112px!important;transform:none!important;z-index:3!important}}
@media(max-width:699px){html body.t-svc[data-svc="pl"] .svc-hrob{width:94px!important;right:auto!important;left:12%!important;bottom:auto!important;top:-118px!important;transform:none!important}}
@media(min-width:900px) and (max-width:1279px){html body.t-svc[data-svc="pl"] .svc-hrob{left:91.5%!important;width:76px!important}}
@media(min-width:900px){html body.t-svc[data-svc="pl"] .svc-hrob{left:92.2%!important;width:clamp(68px,6.4vw,118px)!important}}
@media(min-width:1600px){html body.t-svc[data-svc="pl"] .svc-hero .hbg img{object-position:var(--hero-pos,60% 12%)!important}}
@media(min-width:900px) and (max-width:1399px){html body.t-svc[data-svc="pl"] .svc-hero .hbg img{object-position:var(--hero-pos,88% 35%)!important}html body.t-svc[data-svc="pl"] .svc-hrob{left:auto!important;right:1.6%!important}}
/* h5: spacing standard 18/12/18 phones, 34 intro-to-content >=700 (all hubs) */
html body.t-hub main>.sec:not(#book):not(#faq) .wrap h2+:not(p):not(.pab):not(.pp){margin-top:18px!important}
html body.t-hub main>.sec:not(#book):not(#faq) .wrap h2+.pab{margin-top:18px!important}
html body.t-hub main>.sec.hub-th .ab-ph .pp.intro{margin-top:18px!important}
@media(max-width:699px){html body.t-hub main>.sec.hub-th .ab-ph .pp.intro{margin-top:6px!important}html body.t-hub main>.sec.hub-th .ab-ph{margin-bottom:18px!important}}
@media(min-width:700px){html body.t-hub main>.sec:not(#book):not(#faq) .wrap h2+:not(p):not(.pab):not(.pp){margin-top:34px!important}html body.t-hub main>.sec.hub-th .ab-ph+*{margin-top:34px!important}}
@media(min-width:700px){html body.t-hub main>.sec:not(#book):not(#faq) .wrap h2+.pab{margin-top:6px!important}}
/* h6: electrical hub (el) */

html body.t-svc[data-svc="el"] .svc-hero .hbg img{object-position:var(--hero-pos,70% 50%)!important}@media(min-width:1024px){html body.t-svc[data-svc="el"] .svc-hero .hbg img{object-position:var(--hero-pos,60% 35%)!important}}
@media(min-width:900px){[data-svc="el"] .svc-hero::before{background:linear-gradient(90deg,rgba(0,5,62,.94) 0,rgba(0,5,62,.86) 32%,rgba(0,5,62,.35) 48%,rgba(0,5,62,0) 60%)!important}
html body.t-svc[data-svc="el"] .svc-hrob{right:auto!important;left:87%!important;width:clamp(88px,8.6vw,170px)!important;transform:none!important}}
@media(min-width:900px) and (max-width:1023px){html body.t-svc[data-svc="el"] .svc-hero .hbg img{object-position:var(--hero-pos,84% 50%)!important}html body.t-svc[data-svc="el"] .svc-hrob{left:89%!important;width:80px!important}}
@media(min-width:700px) and (max-width:899px){html body.t-svc[data-svc="el"] .svc-hero .hbg img{object-position:var(--hero-pos,72% 50%)!important}html body.t-svc[data-svc="el"] .svc-hrob{width:112px!important;right:auto!important;left:16%!important;bottom:112px!important;transform:none!important;z-index:3!important}}
@media(max-width:699px){html body.t-svc[data-svc="el"] .svc-hrob{width:94px!important;right:auto!important;left:12%!important;bottom:auto!important;top:-118px!important;transform:none!important}}
@media(min-width:900px) and (max-width:1279px){html body.t-svc[data-svc="el"] .svc-hrob{left:91.5%!important;width:76px!important}}
@media(min-width:900px){html body.t-svc[data-svc="el"] .svc-hrob{left:92.2%!important;width:clamp(68px,6.4vw,118px)!important}}
@media(min-width:1600px){html body.t-svc[data-svc="el"] .svc-hero .hbg img{object-position:var(--hero-pos,60% 12%)!important}}
@media(min-width:900px) and (max-width:1399px){html body.t-svc[data-svc="el"] .svc-hero .hbg img{object-position:var(--hero-pos,88% 35%)!important}html body.t-svc[data-svc="el"] .svc-hrob{left:auto!important;right:1.6%!important}}
@media(min-width:900px){html body.t-svc[data-svc="el"] .svc-hero .hbg img{object-position:var(--hero-pos,72% 50%)!important}html body.t-svc[data-svc="el"] .svc-hrob{left:86%!important}}
@media(min-width:900px) and (max-width:1023px){html body.t-svc[data-svc="el"] .svc-hrob{left:89.5%!important}}
/* sv: services hub (h6) */
html body.t-svc[data-svc="sv"] .svc-hero .hbg img{object-position:var(--hero-pos,62% 50%)!important}
@media(min-width:900px){[data-svc="sv"] .svc-hero::before{background:linear-gradient(90deg,rgba(0,5,62,.94) 0,rgba(0,5,62,.86) 34%,rgba(0,5,62,.4) 46%,rgba(0,5,62,0) 56%)!important}
html body.t-svc[data-svc="sv"] .svc-hrob{right:auto!important;left:53%!important;width:clamp(92px,8.2vw,160px)!important;transform:none!important}}
@media(min-width:700px) and (max-width:899px){html body.t-svc[data-svc="sv"] .svc-hrob{width:112px!important;right:auto!important;left:27.5%!important;bottom:104px!important;transform:none!important;z-index:3!important}}
@media(max-width:699px){html body.t-svc[data-svc="sv"] .svc-hrob{width:94px!important;right:auto!important;left:12%!important;bottom:auto!important;top:-118px!important;transform:none!important}}
html body.t-svc[data-svc="sv"] .hub-st img{width:100%!important;height:auto!important;display:block!important;opacity:1!important;visibility:visible!important}
@media(min-width:1600px){html body.t-svc[data-svc="sv"] .svc-hero .hbg img{object-position:var(--hero-pos,62% 4%)!important}}
@media(min-width:900px) and (max-width:1023px){html body.t-svc[data-svc="sv"] .svc-hrob{left:auto!important;right:auto!important;left:calc(50vw + 46px)!important;width:calc(11.6vw - 44px)!important}}