/* KG Appliance Repair: preview stylesheet (mobile-first, no framework). Palette C: Spruce & Mint. */
@font-face{font-family:"Archivo";src:url("fonts/archivo-latin-var.woff2") format("woff2");font-weight:400 900;font-stretch:100% 125%;font-display:swap}
:root{
  --spruce-900:#0B3B2E;--spruce-700:#146C53;--mint-400:#3DDC97;--mint-600:#178A5C;--mint-100:#E2F7EC;
  --paper:#F7FAF8;--ink:#0E1A16;--ink-2:#3C4A44;--line:#D3E2DA;--white:#fff;
  --wide:125%;--mid:112%;--r:6px;--wrap:1160px;
  --font:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6}
img,svg{max-width:100%;height:auto}
a{color:var(--spruce-700);text-underline-offset:3px}
a:hover{color:var(--spruce-900)}
:focus-visible{outline:3px solid var(--mint-600);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 18px}
h1,h2,h3{font-stretch:var(--wide);line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em;color:var(--spruce-900)}
h1{font-size:clamp(30px,6.4vw,50px);font-weight:850}
h2{font-size:clamp(23px,4.2vw,32px);font-weight:800}
h3{font-size:19px;font-weight:750;font-stretch:var(--mid)}
p{margin:0 0 1em}
.tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--spruce-700);margin:0 0 12px}
.tag::before{content:"";width:5px;height:18px;background:var(--mint-600)}
.lead{font-size:19px;color:var(--ink-2);max-width:62ch}
.sec{padding:52px 0}
.sec--white{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec--mint{background:var(--mint-100)}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px 12px;z-index:99}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--r);font-weight:750;font-size:16px;text-decoration:none;border:2px solid var(--spruce-700);background:var(--spruce-700);color:#fff;font-stretch:var(--mid)}
.btn:hover{background:var(--spruce-900);border-color:var(--spruce-900);color:#fff}
.btn--line{background:transparent;color:var(--spruce-700)}
.btn--line:hover{background:var(--spruce-700);color:#fff}
.btn svg{width:18px;height:18px}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
/* top strip + header */
.strip{background:var(--spruce-900);color:var(--mint-100);font-size:14px}
.strip .wrap{display:flex;justify-content:center;gap:18px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}
.strip b{color:#fff;font-weight:700}
.hdr{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.hdr .wrap{display:flex;align-items:center;gap:14px;min-height:64px}
.hdr__logo{display:block;line-height:0;margin-right:auto}
.hdr__logo img{width:172px;height:auto}
.hdr__call{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r);background:var(--spruce-700);color:#fff}
.hdr__call svg{width:22px;height:22px}
.hdr__call span,.hdr__book{display:none}
.hdr__text{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r);border:2px solid var(--spruce-700);color:var(--spruce-700)}
.hdr__text svg{width:22px;height:22px}
.nav{position:relative}
.nav summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--line);border-radius:var(--r)}
.nav summary::-webkit-details-marker{display:none}
.nav summary svg{width:22px;height:22px}
.nav ul{list-style:none;margin:0;padding:8px;position:absolute;right:0;top:54px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:var(--r);min-width:220px;box-shadow:0 10px 30px rgba(11,59,46,.12)}
.nav a{display:block;padding:10px 12px;text-decoration:none;font-weight:650;color:var(--ink)}
.nav a:hover{background:var(--mint-100)}
.nav-desk{display:none}
.nav-desk ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.nav-desk a{display:block;padding:8px 11px;font-size:15px;font-weight:650;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}
.nav-desk a:hover{border-bottom-color:var(--mint-600);color:var(--spruce-900)}
@media (min-width:980px){
  .hdr__logo img{width:210px}
  .hdr__logo{margin-right:24px}
  .nav-desk{display:block;margin-right:auto}
  .nav{display:none}
  .hdr__call{width:auto;padding:0 4px;background:none;color:var(--spruce-900);font-weight:800;font-stretch:var(--mid);font-size:18px;gap:8px;text-decoration:none}
  .hdr__call svg{color:var(--spruce-700)}
  .hdr__call span{display:inline}
  .hdr__book{display:inline-flex}
  .hdr__text{width:44px;height:44px}
}
@media (min-width:980px) and (max-width:1140px){.hdr__call span{display:none}.nav-desk a{padding:8px 8px}}
@media (min-width:980px) and (max-width:1300px){.hdr__logo img{width:180px}.hdr__logo{margin-right:16px}.nav-desk a{padding:8px 9px}.hdr .wrap{gap:10px}}
.nav-desk a,.hdr__call,.hdr__book,.btn{white-space:nowrap}
/* hero */
.hero{padding:34px 0 40px;background:linear-gradient(180deg,var(--white) 0,var(--paper) 100%);border-bottom:1px solid var(--line)}
.hero__grid{display:grid;gap:22px}.hero__text{order:1}.picker{order:2}.hero .facts{order:3}
.facts{background:var(--white);border:1px solid var(--line);border-left:6px solid var(--mint-600);border-radius:var(--r);padding:16px 18px;align-self:start}
.facts ul{list-style:none;margin:0;padding:0}
.facts li{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:16px}
.facts li:last-child{border-bottom:0}
.facts b{display:block;font-stretch:var(--mid);color:var(--spruce-900)}
.facts svg{flex:0 0 22px;width:22px;height:22px;color:var(--mint-600);margin-top:2px}
.picker{margin-top:8px}
.picker__q{font-size:clamp(24px,5vw,34px);margin-bottom:6px}
.picker__hint{color:var(--ink-2);margin:0 0 16px}
.picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pick{display:flex;flex-direction:column;gap:6px;background:var(--white);border:1.5px solid var(--line);border-radius:var(--r);padding:14px;text-decoration:none;color:var(--ink);min-height:120px;transition:border-color .15s,transform .15s}
.pick:hover{border-color:var(--spruce-700);transform:translateY(-2px);color:var(--ink)}
.pick svg{width:34px;height:34px;color:var(--spruce-700)}
.pick b{font-stretch:var(--mid);font-size:17px;color:var(--spruce-900);line-height:1.2}
.pick span{font-size:14px;color:var(--ink-2);line-height:1.35}
@media (max-width:699px){.pick{align-items:center;text-align:center;min-height:0;padding:12px 6px;gap:6px}.pick b{font-size:14px}.pick span{display:none}.strip .hrs{display:none}}
@media (min-width:700px){.picker__grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:980px){.hero__grid{grid-template-columns:1.55fr 1fr;column-gap:40px;row-gap:30px;align-items:center}.hero__text,.hero .facts{order:0}.picker{order:0;grid-column:1 / -1}.pick{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:12px;min-height:0;padding:16px}.pick svg{grid-row:1 / span 2;width:40px;height:40px}.pick span{grid-column:2}}
/* symptom list */
.symp{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.symp a{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink)}
.symp a:hover{border-color:var(--spruce-700)}
.symp b{font-stretch:var(--mid);color:var(--spruce-900)}
.symp small{grid-column:1;color:var(--ink-2);font-size:15px}
.symp i{grid-row:1 / span 2;grid-column:2;font-style:normal;color:var(--spruce-700);font-weight:800}
@media (min-width:820px){.symp{grid-template-columns:1fr 1fr}}
/* receipt */
.receipt{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;max-width:640px;box-shadow:0 1px 0 var(--line)}
.receipt h3{margin-bottom:12px}
.receipt dl{margin:0}
.receipt .row{display:flex;align-items:baseline;gap:8px;padding:8px 0}
.receipt dt{font-weight:650}
.receipt dd{margin:0;text-align:right;font-weight:750;color:var(--spruce-900)}
.receipt .row::after{content:none}
.receipt .dots{flex:1;border-bottom:2px dotted #B9CEC3;transform:translateY(-4px)}
@media (max-width:520px){.receipt{padding:18px 14px}.receipt .row{font-size:15px}.receipt dd{max-width:52%}}
.receipt .note{margin:14px 0 0;font-size:15px;color:var(--ink-2)}
.two{display:grid;gap:28px}
@media (min-width:900px){.two{grid-template-columns:1fr 1fr;gap:48px;align-items:start}}
/* checklist */
.check{list-style:none;margin:0;padding:0;counter-reset:c}
.check li{position:relative;padding:0 0 14px 44px;counter-increment:c}
.check li::before{content:counter(c);position:absolute;left:0;top:0;width:30px;height:30px;border:2px solid var(--spruce-700);border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--spruce-700);font-size:15px}
.check b{color:var(--spruce-900)}
/* counties */
.counties details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px}
.counties summary{cursor:pointer;padding:14px 16px;font-weight:750;font-stretch:var(--mid);color:var(--spruce-900);display:flex;justify-content:space-between;gap:10px}
.counties summary span{color:var(--ink-2);font-weight:500;font-stretch:100%}
.counties ul{list-style:none;margin:0;padding:0 16px 16px;display:flex;flex-wrap:wrap;gap:6px 18px}
.counties a{font-size:15px}
.home-base{font-weight:700}
/* brands */
.brands{columns:2;gap:24px;list-style:none;margin:0;padding:0}
.brands li{padding:4px 0;border-bottom:1px solid var(--line);break-inside:avoid}
@media (min-width:760px){.brands{columns:4}}
/* shop */
.shop{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
.shop div{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.shop b{display:block;font-size:26px;font-stretch:var(--wide);font-weight:850;color:var(--spruce-900);line-height:1.1}
@media (min-width:760px){.shop{grid-template-columns:repeat(4,1fr)}}
/* booking */
.book{background:var(--spruce-900);color:#E8F3EE;padding:52px 0}
.book h2{color:#fff}
.book a{color:var(--mint-400)}
.book .lead{color:#CFE3DA}
.form{display:grid;gap:12px;background:#fff;color:var(--ink);border-radius:var(--r);padding:20px}
.form label{display:grid;gap:4px;font-weight:650;font-size:15px}
.form input,.form select,.form textarea{font:inherit;font-size:16px;padding:11px 12px;border:1.5px solid #B9CEC3;border-radius:var(--r);background:#fff;color:var(--ink);width:100%}
.form textarea{min-height:110px}
.form .pair{display:grid;gap:12px}
.form small{color:var(--ink-2)}
@media (min-width:700px){.form .pair{grid-template-columns:1fr 1fr}}
/* faq */
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;padding:12px 0;font-weight:750;font-stretch:var(--mid);color:var(--spruce-900);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--mint-600)}
.faq details[open] summary::after{content:"–"}
.faq summary::-webkit-details-marker{display:none}
.faq p{margin:0 0 14px;max-width:70ch}
/* inner pages */
.crumbs{font-size:14px;padding:14px 0 0;color:var(--ink-2)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"›";margin-right:6px;color:#8AA79A}
.page-head{padding:18px 0 34px;background:var(--white);border-bottom:1px solid var(--line)}
.page-head__grid{display:grid;gap:22px}
@media (min-width:980px){.page-head__grid{grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.chips a,.chips span{display:inline-block;padding:7px 12px;border-radius:999px;background:var(--mint-100);color:var(--spruce-900);text-decoration:none;font-size:15px;font-weight:650}
.chips a:hover{background:#CDEFDD}
.cards{display:grid;gap:12px}
@media (min-width:820px){.cards{grid-template-columns:1fr 1fr}}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.card h3{margin-bottom:8px}
.card p:last-child{margin-bottom:0}
.sym{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:12px;scroll-margin-top:90px}
.sym dl{display:grid;gap:8px;margin:0}
.sym dt{font-size:13px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--mint-600)}
.sym dd{margin:0 0 6px}
@media (min-width:900px){.sym dl{grid-template-columns:repeat(3,1fr);gap:18px}.sym dd{margin:0}}
.sym dl>div{display:grid;gap:4px;align-content:start}
.links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.links a{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;font-weight:650;font-size:15px}
.links a:hover{border-color:var(--spruce-700)}
.cta{background:var(--mint-100);border:1px solid #BFE6D1;border-radius:var(--r);padding:22px;display:grid;gap:8px}
.cta h2{margin:0}
.aside{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.aside h2{font-size:18px;margin-bottom:8px}
.aside p{margin:0 0 8px;font-size:16px}
/* footer */
.ftr{background:var(--spruce-900);color:#CFE3DA;padding:40px 0 24px;font-size:15px;margin-bottom:0}
.ftr a{color:#fff;text-decoration:none}
.ftr a:hover{text-decoration:underline}
.ftr__call{display:grid;gap:14px;padding-bottom:26px;border-bottom:1px solid #1E5745}
.ftr__call img{width:220px;height:auto}
.ftr__big{font-size:clamp(26px,5vw,38px);font-weight:850;font-stretch:var(--wide);color:#fff;line-height:1.1}
.ftr__rows{display:grid;gap:18px;padding:24px 0}
.ftr__rows h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mint-400);margin:0 0 8px;font-stretch:100%}
.ftr__rows ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.ftr__legal{border-top:1px solid #1E5745;padding-top:16px;font-size:13px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
@media (min-width:900px){.ftr__call{grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.ftr__rows{grid-template-columns:1.3fr 1.3fr 1fr;gap:30px}}
.preview-note{background:#FFF;border-bottom:1px dashed var(--line);font-size:13px;text-align:center;padding:5px;color:var(--ink-2)}

/* ---- full site additions ---- */
.strip a{color:var(--mint-100)}
.tag--mint{color:var(--mint-400)}
.btn--mint{background:var(--mint-400);border-color:var(--mint-400);color:var(--spruce-900)}
.btn--mint:hover{background:#fff;border-color:#fff;color:var(--spruce-900)}
.btn--ghost{background:transparent;border-color:#5FA88A;color:#fff}
.btn--ghost:hover{background:#fff;color:var(--spruce-900);border-color:#fff}
.ftr__btns{margin:0}
@media (min-width:900px){.ftr__rows{grid-template-columns:1.2fr 1.2fr 1.4fr .9fr}}
.mt{margin-top:30px}
.small{font-size:15px;color:var(--ink-2)}
.narrow{max-width:820px}
.prose h2{font-size:24px;margin-top:28px}
.kicker{font-size:13px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--mint-600);margin:0 0 4px}
.cards--3{display:grid;gap:12px}
@media (min-width:760px){.cards--3{grid-template-columns:1fr 1fr}}
@media (min-width:1080px){.cards--3{grid-template-columns:1fr 1fr 1fr}}
.card--svc a{display:flex;align-items:center;gap:12px;text-decoration:none}
.card--svc a h3{margin:0}
.card--svc svg{color:var(--spruce-700);flex:0 0 34px}
.brandlinks{list-style:none;margin:0;padding:0;columns:2;gap:24px}
.brandlinks li{padding:5px 0;border-bottom:1px solid var(--line);break-inside:avoid}
.brandlinks a{text-decoration:none;font-weight:650}
@media (min-width:760px){.brandlinks{columns:4}}
.brandgrid{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:1fr 1fr}
@media (min-width:760px){.brandgrid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1080px){.brandgrid{grid-template-columns:repeat(4,1fr)}}
.brandgrid a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;text-decoration:none;height:100%}
.brandgrid a:hover{border-color:var(--spruce-700)}
.brandgrid b{display:block;font-stretch:var(--mid);color:var(--spruce-900);font-size:18px}
.brandgrid small{color:var(--ink-2);font-size:14px}
.coupons{display:grid;gap:14px;margin-bottom:26px}
@media (min-width:820px){.coupons{grid-template-columns:repeat(3,1fr)}}
.coupon{background:#fff;border:2px dashed var(--mint-600);border-radius:var(--r);padding:22px}
.coupon--plain{border-style:solid;border-color:var(--line)}
.coupon__big{display:block;font-size:40px;font-weight:900;font-stretch:var(--wide);color:var(--spruce-900);line-height:1}
.coupon h2{font-size:22px;margin:10px 0 6px}
.countygrid{display:grid;gap:14px}
@media (min-width:900px){.countygrid{grid-template-columns:1fr 1fr}}
.county{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;scroll-margin-top:90px}
.county h2{font-size:22px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.county h2 span{font-size:14px;font-weight:500;color:var(--ink-2);font-stretch:100%}
.townlist{list-style:none;margin:0;padding:0;columns:2;gap:18px}
.townlist li{padding:3px 0;break-inside:avoid}
.townlist small{display:block;color:var(--ink-2);font-size:13px;line-height:1.3}
.factlist{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.factlist li{display:flex;justify-content:space-between;gap:14px;padding:11px 16px;border-bottom:1px solid var(--line)}
.factlist li:last-child{border-bottom:0}
.factlist b{color:var(--spruce-900)}
.sitelist{list-style:none;margin:0 0 10px;padding:0;columns:1;gap:24px}
@media (min-width:700px){.sitelist{columns:2}}
@media (min-width:1000px){.sitelist{columns:3}}
.sitelist li{padding:3px 0;break-inside:avoid}
.quick{display:grid;gap:12px;margin:0}
@media (min-width:820px){.quick{grid-template-columns:1fr 1fr}}
.quick>div{background:#fff;border:1px solid var(--line);border-left:5px solid var(--mint-600);border-radius:var(--r);padding:16px}
.quick dt{font-weight:750;font-stretch:var(--mid);color:var(--spruce-900);margin-bottom:6px}
.quick dd{margin:0}
.glance{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin-top:14px}
.sec .glance p{margin:0 0 8px;font-size:16px}
.iconlist{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.iconlist li{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:9px 12px}
.iconlist svg{flex:0 0 20px;color:var(--mint-600)}
.tip{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:10px}
.tip h3{font-size:17px;margin-bottom:4px}
.tip p{margin:0;font-size:16px}
.tips{display:grid;gap:10px;margin-top:20px}
@media (min-width:820px){.tips{grid-template-columns:1fr 1fr}.tips .tip{margin:0}}
.picker__grid--city{margin-top:10px}
@media (min-width:980px){.picker__grid--city .pick{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:12px;min-height:0;padding:16px}.picker__grid--city .pick svg{grid-row:1 / span 2;width:40px;height:40px}.picker__grid--city .pick span{grid-column:2}}
.page-head .receipt{align-self:start}
.page-head .btns + p,.page-head .btns + p + p{margin-top:18px}
/* photos */
.photo{margin:0;border-radius:var(--r);overflow:hidden;background:var(--mint-100);aspect-ratio:16/10;box-shadow:0 1px 2px rgba(14,26,22,.06),0 8px 24px -12px rgba(11,59,46,.28)}
.photo picture,.photo img{display:block;width:100%;height:100%}
.photo img{object-fit:cover}
.head-side{display:grid;gap:16px;align-content:start}

/* short request form (hero) */
.qform{gap:10px;padding:18px 18px 16px;background:linear-gradient(180deg,#EEFAF4 0,#fff 120px);border:1px solid #BFE3D0;border-top:4px solid var(--mint-600);box-shadow:0 1px 2px rgba(14,26,22,.05),0 14px 32px -18px rgba(11,59,46,.35)}
.qform__h{font-size:22px;margin:0 0 2px}
.qform label{font-size:14px;color:var(--spruce-900)}
.qform input,.qform select{padding:9px 11px;min-height:44px}
.qform input:focus,.qform select:focus{border-color:var(--mint-600);outline:2px solid rgba(23,138,92,.25);outline-offset:0}
.qform .pair{gap:10px}
.qform .btn{width:100%;margin-top:4px}
.qform__note{display:flex;gap:8px;align-items:flex-start;margin:2px 0 0;font-size:14px;line-height:1.45;color:var(--ink-2)}
.qform__note svg{flex:0 0 18px;width:18px;height:18px;color:var(--mint-600);margin-top:1px}
.qform__draft{font-size:12px}

@media (min-width:350px){.qform .pair{grid-template-columns:1fr 1fr}}

/* full-width photo hero: real <img> behind the text, dark spruce overlay (left-heavy) */
.phero{position:relative;isolation:isolate;background:var(--spruce-900);overflow:hidden;border-bottom:1px solid var(--line)}
.phero__bg{position:absolute;inset:0;margin:0;z-index:-1;background:var(--spruce-900)}
.phero__bg picture,.phero__bg img{display:block;width:100%;height:100%}
.phero__bg img{object-fit:cover;object-position:50% 55%}
.phero__bg{--ov:.80;--ovm:.70}
.phero__bg::after{content:"";position:absolute;inset:0}
/* desktop overlay: full strength until the text column ends, then it fades toward the form so the photo shows */
@media (min-width:980px){.phero__bg::after{background:linear-gradient(90deg,rgb(9 46 36/calc(var(--ov) + .06)) 0,rgb(9 46 36/var(--ov)) calc(100% - 500px),rgb(9 46 36/calc(var(--ov) - .16)) calc(100% - 428px),rgb(9 46 36/.30) calc(100% - 300px),rgb(9 46 36/.14) 100%)}}
@media (min-width:1240px){.phero__bg::after{background:linear-gradient(90deg,rgb(9 46 36/calc(var(--ov) + .06)) 0,rgb(9 46 36/var(--ov)) calc(50% + 80px),rgb(9 46 36/calc(var(--ov) - .16)) calc(50% + 152px),rgb(9 46 36/.30) calc(50% + 280px),rgb(9 46 36/.14) 100%)}}
@media (min-width:980px){.phero:not(.phero--form) .phero__bg::after{background:linear-gradient(90deg,rgb(9 46 36/calc(var(--ov) + .06)) 0,rgb(9 46 36/var(--ov)) calc(50% + 40px),rgb(9 46 36/calc(var(--ov) - .16)) calc(50% + 120px),rgb(9 46 36/.30) calc(50% + 260px),rgb(9 46 36/.14) 100%)}}

.phero__grid{display:grid;gap:28px;padding-top:56px;padding-bottom:56px;align-items:center}
.phero__text{max-width:600px;color:#fff}
.phero__text h1,.phero__text .tag,.phero__text .lead{text-shadow:0 1px 2px rgba(0,0,0,.25)}
.phero__text h1{color:#fff;text-wrap:balance}
.phero__text .lead{color:#EAF6F0}
.phero__text .tag{color:#fff}
.phero__text .tag::before{background:var(--mint-400)}
.phero__text p:not(.tag):not(.lead){color:#EAF6F0}
.phero__text a:not(.btn){color:#BDF3DA}
.phero .btn--ghost{border-color:rgba(255,255,255,.8);color:#fff}
.phero .btn--ghost:hover{background:#fff;color:var(--spruce-900)}
.phero .qform{background:#fff;border-color:var(--line)}
@media (min-width:980px){
 .phero__grid{min-height:520px}
 .phero--form .phero__grid{grid-template-columns:minmax(0,1fr) 410px;column-gap:72px}
 .phero .qform{align-self:center;box-shadow:0 2px 6px rgba(0,0,0,.12),0 24px 48px -20px rgba(0,0,0,.45)}
}
@media (max-width:979px){
 .phero{display:grid;grid-template-columns:minmax(0,1fr);background:var(--white)}
 .phero__grid{display:contents}
 .phero__bg{position:relative;inset:auto;grid-area:1/1;z-index:0}
 .phero__bg::after{background:linear-gradient(180deg,rgb(9 46 36/.22) 0,rgb(9 46 36/.38) 48px,rgb(9 46 36/var(--ovm)) 92px,rgb(9 46 36/calc(var(--ovm) + .03)) 100%)}
 .phero__text{grid-area:1/1;position:relative;z-index:1;max-width:none;min-height:380px;padding:100px 18px 28px;display:flex;flex-direction:column;justify-content:flex-end}
 .phero__text .lead{font-size:16.5px;line-height:1.55}
 .phero .qform{grid-row:2;grid-column:1;margin:20px 18px 26px}
}
/* strip under the photo hero (About box, symptom chips, price box) */
.ahero{background:var(--white);border-bottom:1px solid var(--line);padding:24px 0 28px}
.ahero__grid{display:grid;gap:22px}
.ahero__h{font-size:19px;margin-bottom:6px}
.ahero .chips{margin-top:8px}
.ahero__text p:last-child{margin-bottom:0}
@media (min-width:980px){
 .ahero__grid{grid-template-columns:1.45fr 1fr;gap:44px;align-items:start}
 .aside--row{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));column-gap:28px}
 .aside--row h2,.aside--row .small{grid-column:1/-1}
}
/* home: picker and facts right under the hero */
.hero--below{padding-top:30px}
.hero--below .picker{order:1;margin-top:0}
.hero--below .facts{order:2}
@media (min-width:980px){
 .hero--below .hero__grid{grid-template-columns:1.55fr 1fr;align-items:start}
 .hero--below .picker{grid-column:auto}
}
@media (min-width:980px){.phero:not(.phero--form) .phero__text{max-width:min(600px,50vw)}}

/* per-photo overlay strength: the lightest level that keeps hero text at WCAG AA with margin (see site/contrast/) */
.phero__bg--kitchen-hero{--ov:0.67;--ovm:0.66}
.phero__bg--kitchen-wood{--ov:0.77;--ovm:0.68}
.phero__bg--kitchen-white{--ov:0.73;--ovm:0.67}
.phero__bg--kitchen-gray{--ov:0.72;--ovm:0.67}
.phero__bg--kitchen-brand{--ov:0.73;--ovm:0.67}
.phero__bg--svc-refrigerator{--ov:0.66;--ovm:0.68}
.phero__bg--svc-washer{--ov:0.71;--ovm:0.68}
.phero__bg--svc-dryer{--ov:0.74;--ovm:0.66}
.phero__bg--svc-dishwasher{--ov:0.69;--ovm:0.67}
.phero__bg--svc-oven{--ov:0.67;--ovm:0.68}
.phero__bg--svc-cooktop{--ov:0.62;--ovm:0.68}
.phero__bg--svc-microwave{--ov:0.69;--ovm:0.66}
.phero__bg--svc-ice-maker{--ov:0.7;--ovm:0.68}
.phero__bg--svc-range-hood{--ov:0.61;--ovm:0.63}

/* payment marks (footer + contact), Oct 7 2026 */
.paylogos{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.paylogos .pay{display:block;flex:none;width:41px;height:26px}
.aside .paylogos{margin:2px 0 4px}

/* WordPress additions */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.kg-notice{background:var(--mint-100);border-bottom:2px solid var(--mint-600);padding:14px 0;font-weight:650}
.kg-notice--err{background:#fdecea;border-color:#b3261e}
body.admin-bar .hdr{top:32px}@media (max-width:782px){body.admin-bar .hdr{top:46px}}