/* svc-t1.css: shared service-page template v1 (AC Repair + Plumbing). Page-scoped: every rule starts html body.t-svc1. Loaded last. Brand tokens only. */

/* ---- 1. Hero ---- */
/* phones: intro above Call/Book */
@media(max-width:699px){
html body.t-svc1.t-svc1 .svc-hero .hc:not(#_){display:flex!important;flex-direction:column!important}
html body.t-svc1.t-svc1 .svc-hero .hc>*:not(#_){order:0!important}
html body.t-svc1.t-svc1 .svc-hero .hc>.lead:not(#_){margin:14px 0 18px!important}
}
/* guarantee line */
html body.t-svc1 .svc-hero .t1-g{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;font-weight:700;color:#fff;letter-spacing:.01em}
html body.t-svc1 .svc-hero .t1-g svg{flex:none;width:14px;height:14px;color:var(--y)}
html body.t-svc1.t-svc1 .svc-hero .t1-g+ul.trust:not(#_){margin-top:14px!important}
/* chips: one row at every width; full wording */
html body.t-svc1.t-svc1 .svc-hero ul.trust:not(#_){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px 22px!important;align-items:center;max-width:none!important}
html body.t-svc1.t-svc1 .svc-hero ul.trust li:not(#_){white-space:nowrap!important;display:flex;align-items:center}
@media(max-width:699px){
html body.t-svc1.t-svc1 .svc-hero ul.trust:not(#_){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:start}
html body.t-svc1.t-svc1 .svc-hero ul.trust li:not(#_){white-space:normal!important;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:13px;line-height:1.25;justify-self:stretch}
html body.t-svc1.t-svc1 .svc-hero ul.trust li i:not(#_){margin:0!important}
}
/* one soft Call glow: hero Call only, no ring */
html body.t-svc1.t-svc1 main .call:not(#_)::before{display:none!important;animation:none!important}
html body.t-svc1.t-svc1 main #hero-ctas .call:not(#_)::before{display:block!important;inset:-2px!important;box-shadow:0 0 22px 2px rgba(254,209,77,.45)!important;opacity:1!important;animation:none!important}
/* hero mascot: Plumbing sizes 105 / 186 / 328 tall on both pages */
html body.t-svc1.t-svc1 .svc-hrob:not(#_){width:auto!important;height:186px!important;transform:none!important}
html body.t-svc1.t-svc1 .svc-hrob:not(#_) img.still,html body.t-svc1.t-svc1 .svc-hrob:not(#_) .hsc-f{height:100%!important;width:auto!important}
@media(max-width:699px){html body.t-svc1.t-svc1 .svc-hrob:not(#_){height:105px!important}}
@media(min-width:1280px){html body.t-svc1.t-svc1 .svc-hrob:not(#_){height:clamp(186px,22.8vw,328px)!important}}
/* tablet: mascot grounded on the right, standing on the facts strip */
@media(min-width:700px) and (max-width:899px){
html body.t-svc1.t-svc1 .svc-hero:not(#_){padding-bottom:290px!important}
html body.t-svc1.t-svc1 .svc-hrob:not(#_){left:auto!important;right:32px!important;top:auto!important;bottom:92px!important;z-index:3!important}
html body.t-svc1.t-svc1 .svc-hero .hc:not(#_){position:static!important}
html body.t-svc1.t-svc1 .svc-hero:not(#_){position:relative!important}
}

/* ---- 2. Facts strip: 4 across from tablet up ---- */
@media(min-width:700px){html body.t-svc1.t-svc1 .glance.ab-gl:not(#_){grid-template-columns:repeat(4,auto)!important;justify-content:space-between!important;gap:18px!important}}
@media(min-width:700px) and (max-width:1099px){html body.t-svc1.t-svc1 .glance.ab-gl>div:not(#_){white-space:nowrap}}
@media(min-width:700px) and (max-width:899px){html body.t-svc1.t-svc1 .glance.ab-gl:not(#_){padding:18px 20px!important}html body.t-svc1.t-svc1 .glance.ab-gl b:not(#_){font-size:15px!important}}

/* ---- 3. Even block spacing ---- */
html body.t-svc1.t-svc1 main>.sec:not(#_):not(.hero):not(.fin){padding-top:64px!important;padding-bottom:64px!important}
@media(min-width:700px){html body.t-svc1.t-svc1 main>.sec:not(#_):not(.hero):not(.fin){padding-top:88px!important;padding-bottom:88px!important}}

/* ---- 4. Card stacks: 3 across from tablet up ---- */
@media(min-width:700px){
html body.t-svc1.t-svc1 .pcards.n3:not(#_){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body.t-svc1.t-svc1 .pcards.n3 .pcard:not(#_){min-width:0!important}
}
/* Plumbing service cards: full width, no photo cards */
html body.t-svc1.t-svc1 .t1-full .pcards:not(#_){max-width:none!important;width:100%!important}
html body.t-svc1.t-svc1 .t1-full .pcard img:not(#_),html body.t-svc1.t-svc1 .t1-full .pcard picture:not(#_){display:none!important}

/* ---- 5. Signs list: alert icons; brands with no lone pill ---- */
html body.t-svc1.t-svc1 .pck.t1-alert li:not(#_)::before{background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%2300053E' stroke-width='3.2' stroke-linecap='round' d='M12 6.5v7M12 17.6v.1'/%3E%3C/svg%3E") center/14px no-repeat!important}
html body.t-svc1.t-svc1 .svc-signs .bchips:not(#_){display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:10px!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
@media(max-width:699px){
html body.t-svc1.t-svc1 .svc-signs .bchips:not(#_){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
html body.t-svc1.t-svc1 .svc-signs .bchips li:not(#_){grid-column:span 2!important;padding:10px 4px!important;font-size:14px!important;text-align:center;min-width:0}
html body.t-svc1.t-svc1 .svc-signs .bchips li:nth-child(10):not(#_){grid-column:2/span 2!important}
}
@media(min-width:1100px){html body.t-svc1.t-svc1 .svc-signs .bchips:not(#_){max-width:720px!important}}

/* ---- 6. AC cost: price card with the mascot standing on it (desktop) ---- */
html body.t-svc1.t-svc1 .t1-price:not(#_){text-align:left}
html body.t-svc1 .t1-price .t1-pl{margin:10px 0 12px;display:grid;gap:0}
html body.t-svc1 .t1-price .t1-pl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.18)}
html body.t-svc1 .t1-price .t1-pl>div:last-child{border-bottom:0}
html body.t-svc1 .t1-price .t1-pl dt{font-weight:700;font-size:16px}
html body.t-svc1 .t1-price .t1-pl dd{margin:0;font:900 40px/1 var(--display);color:var(--y)}
@media(min-width:1000px){html body.t-svc1.t-svc1 .pscall.t1-price:not(#_){margin-top:0!important;align-self:end!important;margin-bottom:0!important}}
@media(max-width:999px){html body.t-svc1.t-svc1 .hsc-acrc:not(#_){display:none!important}}

/* ---- 7. Help cards: outlined Book under Call ---- */
html body.t-svc1.t-svc1 .pscall .btn.book:not(#_){display:flex!important;width:100%;justify-content:center;margin-top:10px!important;background:transparent!important;border:2px solid currentColor!important;color:inherit!important}
html body.t-svc1.t-svc1 .pscall .btn.call:not(#_){display:flex!important;width:100%;justify-content:center}

/* ---- 8. Plumbing older homes: text and image side by side on tablet ---- */
@media(min-width:700px) and (max-width:999px){
html body.t-svc1.t-svc1 .t1-old .pax:not(#_){display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;column-gap:28px!important;align-items:start!important}
html body.t-svc1.t-svc1 .t1-old .pax>*:not(.pscall):not(#_){grid-column:1!important}
html body.t-svc1.t-svc1 .t1-old .pax>.pscall:not(#_){grid-column:2!important;grid-row:1/span 4!important;align-self:center!important;margin:0!important;display:block!important}
}

/* ---- 9. How it works: bigger robots, aligned titles, connecting line ---- */
html body.t-svc1 .svc-tl{position:relative}
@media(min-width:700px){
html body.t-svc1.t-svc1 .svc-tl:not(#_){grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important}
html body.t-svc1.t-svc1 .svc-tl:not(#_)::before{content:"";position:absolute;left:4%;right:4%;top:var(--t1l,133px);height:2px;background:var(--y);opacity:.55;z-index:0}
html body.t-svc1.t-svc1 .svc-tl li:not(#_){position:relative;z-index:1}
}
@media(min-width:1000px){
html body.t-svc1.t-svc1 .svc-tl:not(#_){--t1l:173px}
html body.t-svc1.t-svc1 .svc-tl li>.cn.tlr:not(#_),html body.t-svc1.t-svc1 .svc-tl .cn:not(#_){height:172px!important;width:auto!important}
html body.t-svc1.t-svc1 .svc-tl .cn img:not(#_){height:172px!important;max-width:none!important}
}
@media(max-width:699px){
html body.t-svc1.t-svc1 .svc-tl:not(#_)::before{content:"";position:absolute;left:41px;top:46px;bottom:46px;width:2px;background:var(--y);opacity:.55}
html body.t-svc1.t-svc1 .svc-tl li>.cn.tlr:not(#_){position:relative;z-index:1}
}

/* ---- 10. Comfort Club (identical on both pages) ---- */
html body.t-svc1.t-svc1 .hub-club h2:not(#_){text-wrap:balance}
@media(min-width:700px){
html body.t-svc1.t-svc1 .hub-club .ab-ph:not(#_){display:grid!important;grid-template-columns:minmax(0,max-content) auto!important;justify-content:start!important;column-gap:28px!important;align-items:end!important}
html body.t-svc1.t-svc1 .hub-club .ab-ph:not(#_){grid-template-areas:none!important;grid-template-rows:auto!important}
html body.t-svc1.t-svc1 .hub-club .ab-ph>div:not(#_){max-width:640px;grid-column:1!important;grid-row:1!important;grid-area:auto!important;grid-column:1!important;grid-row:1!important}
html body.t-svc1.t-svc1 .hub-club .ab-ph>.t1-cm:not(#_){grid-column:2!important;grid-row:1!important;width:140px!important;height:auto!important;margin:0!important;align-self:end!important;position:relative!important;inset:auto!important;transform:none!important;padding:0!important;background:none!important}
}
@media(min-width:1200px){html body.t-svc1.t-svc1 .hub-club .ab-ph>.t1-cm:not(#_){width:170px!important}}
@media(max-width:699px){html body.t-svc1.t-svc1 .hub-club .ab-ph>.t1-cm:not(#_){width:130px!important;margin:0 auto 0 0!important;position:relative!important;inset:auto!important;transform:none!important}}
html body.t-svc1.t-svc1 .t1-cm img.still:not(#_){width:100%!important;height:auto!important}

/* ---- 11. Related services (identical on both pages) ---- */
@media(min-width:700px){
html body.t-svc1.t-svc1 .prw .pchips:not(#_){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:12px!important}
html body.t-svc1.t-svc1 .prw .pchips li:not(#_){display:flex!important;flex:none!important;min-width:0}
html body.t-svc1.t-svc1 .prw .pchips a:not(#_){flex:1;justify-content:center;white-space:normal!important;text-align:center;padding:8px 18px!important}
}
@media(min-width:700px) and (max-width:999px){html body.t-svc1.t-svc1 .prw .pchips:not(#_){grid-template-columns:repeat(2,minmax(0,1fr))!important}html body.t-svc1.t-svc1 .prw .pchips.n5 li:last-child:not(#_){grid-column:1/-1}}
@media(min-width:1000px){html body.t-svc1.t-svc1 .prw .pchips.n5:not(#_){grid-template-columns:repeat(5,minmax(0,1fr))!important}html body.t-svc1.t-svc1 .prw .pchips.n4:not(#_){grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* ---- 12. Tap targets >= 44px ---- */
html body.t-svc1.t-svc1 main .more:not(#_),html body.t-svc1.t-svc1 main .rv a:not(#_),html body.t-svc1.t-svc1 main #reviews a:not(.btn):not(#_),html body.t-svc1.t-svc1 main .pmore a:not(#_),html body.t-svc1.t-svc1 main .bc a:not(#_){display:inline-flex!important;align-items:center;min-height:44px}

/* no sideways scroll */
html body.t-svc1{overflow-x:clip}
@media(max-width:699px){
html body.t-svc1.t-svc1 .glance.ab-gl:not(#_){grid-template-columns:1fr 1fr!important}
html body.t-svc1.t-svc1 .glance.ab-gl>div:not(#_){grid-column:auto!important;grid-row:auto!important;order:0}
html body.t-svc1.t-svc1 .glance.ab-gl>.t1-w:not(#_){grid-column:1/-1!important;order:5}
}
html body.t-svc1.t-svc1 .svc-tl h3:not(#_){text-wrap:balance}
@media(min-width:700px) and (max-width:819px){html body.t-svc1.t-svc1 .svc-tl h3:not(#_){font-size:17px!important}}

/* iSmart 2026-11-07: phone trust row sized to content so the warranty item clears the edge */
@media (max-width:480px){html body.t-svc1.t-svc1 .svc-hero ul.trust:not(#_):not(#_):not(#_){grid-template-columns:auto auto auto!important;justify-content:space-between!important}}