/* ==========================================================================
   MHS 2026 official branding (Eric, 11 Nov 2026) — STYLE ONLY.
   Palette sampled from the new official MHS artwork:
   bg #0F1019 · charcoal #15181E · panel #1B1F27 · metal #434345 · metal-lt #8A9099
   chrome #C9D2E3 · fabric #F6F8FD / #DFE3EE / shadow #CACDD9 · lettering silver #E5E5E5
   label silver #AEB4BF · electric blue #0369FC · deep blue #0E49C1 · glow #3FE1FE · neon #0CBBFB
   Green call buttons are intentionally untouched (--call / --call2 / --callTxt).
   ========================================================================== */
@font-face{font-family:Michroma!important;src:url(fonts/michroma.woff2) format("woff2")!important;font-display:swap!important}
:root{
  --mhs-bg:#0F1019;--mhs-char:#15181E;--mhs-panel:#1B1F27;--mhs-panel2:#222731;--mhs-metal:#434345;--mhs-metal-lt:#8A9099;
  --mhs-chrome:#C9D2E3;--mhs-fabric:#F6F8FD;--mhs-fabric2:#DFE3EE;--mhs-fabric-sh:#CACDD9;--mhs-silver:#E5E5E5;--mhs-label:#AEB4BF;
  --mhs-blue:#0369FC;--mhs-blue-deep:#0E49C1;--mhs-glow:#3FE1FE;--mhs-neon:#0CBBFB;--mhs-text:#D9DDE4;
  --mhs-edge:rgba(63,225,254,.28);--mhs-glow-sh:0 0 0 1px rgba(63,225,254,.25),0 0 18px rgba(3,105,252,.28);
  --mhs-brushed:linear-gradient(180deg,#1B1F27 0%,#15181E 55%,#101219 100%);
  --blue:#0369FC;--blue-deep:#0369FC;--blue-lt:#3FE1FE
}
html body{background:var(--mhs-bg)!important;color:var(--mhs-text)!important}
.kicker,.fh,.sx2-eyebrow,.crumbs,.meta{font-family:Michroma,Inter,system-ui,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important}
html body .kicker{color:var(--mhs-glow)!important;font-size:11px!important;font-weight:400!important}
html body .fh{color:var(--mhs-label)!important;font-size:10px!important;font-weight:400!important}
html body .accent{color:var(--mhs-glow)!important;opacity:1!important;text-shadow:0 0 18px rgba(63,225,254,.35)!important}

/* ---------- headers ---------- */
html body header.top,html body header.sp-bar{background:rgba(15,16,25,.94)!important;border-bottom:1px solid rgba(63,225,254,.35)!important;box-shadow:0 1px 0 rgba(3,105,252,.5),0 8px 24px rgba(0,0,0,.45)!important;color:var(--mhs-silver)!important}
html body .nav a,html body .pg-nav a{color:var(--mhs-silver)!important;opacity:.9!important}
html body .nav a:hover,html body .pg-nav a:hover{color:var(--mhs-glow)!important;opacity:1!important}
html body .brand img.mhs-sign,html body .sp-bar img.mhs-sign{height:52px!important;width:auto!important;max-width:none!important}
@media (max-width:900px){html body .brand img.mhs-sign{height:46px!important}}
html body .lang-pick{background:var(--mhs-panel)!important;border-color:#3A4150!important;color:var(--mhs-silver)!important}
html body .lang-pick svg:first-child{color:var(--mhs-glow)!important}
html body .lang-pick:hover,html body .lang-pick:focus-within{border-color:var(--mhs-glow)!important}
html body .lang-select option{color:#0F1019!important;background:#fff!important}
html body .sp-btn:not(.sp-call){background:var(--mhs-panel)!important;border-color:var(--mhs-glow)!important;color:var(--mhs-silver)!important}
html body .sp .sp-btn:not(.sp-call){color:var(--mhs-silver)!important}
html body .sp-btn.main,html body .sp .sp-btn.main{background:var(--mhs-blue)!important;border-color:var(--mhs-blue)!important;color:#fff!important;box-shadow:0 0 14px rgba(3,105,252,.45)!important}

/* ---------- homepage sections ---------- */
html body .sec-light{background:var(--mhs-char)!important;color:var(--mhs-text)!important}
html body .sec-dark{background:var(--mhs-brushed)!important}
html body .sec-light h2,html body .sec-light h3,html body .sx2 h2,html body .sx2 h3{color:#fff!important}
html body .sec-light .sub,html body .sec-light p,html body .sx2 p{color:var(--mhs-text)!important}
html body section#sizes.sx2{background:var(--mhs-bg)!important;color:var(--mhs-text)!important}
html body .sx2 .sz-sub{color:var(--mhs-label)!important}
html body .sx-tabs button{background:var(--mhs-panel)!important;color:var(--mhs-silver)!important;border-color:#3A4150!important}
html body .sx-tabs button.on,html body .sx-tabs button[aria-selected=true]{background:var(--mhs-blue)!important;border-color:var(--mhs-glow)!important;color:#fff!important;box-shadow:var(--mhs-glow-sh)!important}
html body .sx2-sizes button{background:var(--mhs-panel)!important;color:var(--mhs-silver)!important;border-color:#3A4150!important}
html body .sx2-sizes button small,html body .sx2-sizes button span{color:var(--mhs-label)!important}
html body .sx2-sizes button.on,html body .sx2-sizes button[aria-checked=true]{background:var(--mhs-blue)!important;border-color:var(--mhs-glow)!important;color:#fff!important}
html body .sx2-sizes button.on small,html body .sx2-sizes button[aria-checked=true] small,html body .sx2-sizes button.on span,html body .sx2-sizes button[aria-checked=true] span{color:#fff!important}
html body figure.sx2-fig{border:1px solid var(--mhs-edge)!important;box-shadow:var(--mhs-glow-sh)!important}
html body .sx2-readable-size,html body .sx2-readable-size strong{color:#fff!important}
html body aside.sx2-card{background:var(--mhs-brushed)!important;border:1px solid var(--mhs-edge)!important;box-shadow:var(--mhs-glow-sh)!important;color:var(--mhs-text)!important}
html body aside.sx2-card h3{color:#fff!important}
html body .sx2-card .sx2-eyebrow{color:var(--mhs-glow)!important}
html body .sx2-made,html body .sx2-walls{color:var(--mhs-label)!important}
html body .sx2-dims div{background:var(--mhs-panel2)!important;border-color:#333A46!important}
html body .sx2-dims dt{color:var(--mhs-label)!important}html body .sx2-dims dd{color:#fff!important}
html body details.sx2-fp{background:var(--mhs-panel)!important;border-color:var(--mhs-edge)!important;color:var(--mhs-silver)!important}
html body details.sx2-fp summary{color:var(--mhs-silver)!important}
html body .sx-dl a,html body .sx2 a:not(.btn){color:var(--mhs-neon)!important}
html body #bs-form.bs-panel{background:var(--mhs-brushed)!important;border:1px solid var(--mhs-edge)!important;color:var(--mhs-text)!important}
html body .bs-panel label,html body .bs-panel legend,html body .bs-field>span,html body .bs-panel .bs-lbl{color:var(--mhs-silver)!important}
html body .bs-mode,html body p#bs-summary.bs-summary{background:var(--mhs-panel2)!important;color:var(--mhs-text)!important}
html body p#bs-summary.bs-summary b{color:#fff!important}
html body .bs-hint,html body .bs-panel small,html body .bs-panel .hint{color:var(--mhs-label)!important}
html body figure.bs-plan,html body figure.bs-photo{border:1px solid var(--mhs-edge)!important}
html body .bs-legend li,html body #bs-cap{color:#2A303B!important}
html body .bs-photo figcaption{color:#2A303B!important}
html body main>div.cta-strip{background:transparent!important}
html body section#areas{background:var(--mhs-char)!important}
html body .areas li{background:var(--mhs-panel)!important;border-color:#3A4150!important;color:var(--mhs-silver)!important}
html body .areas li a{color:var(--mhs-silver)!important}
html body .areas li:hover{border-color:var(--mhs-glow)!important}
html body .center.muted,html body .muted{color:var(--mhs-label)!important}
html body .strip{background:var(--mhs-char)!important;border-color:var(--line)!important}
html body .strip b{color:#fff!important}
html body .family-section{background:var(--mhs-brushed)!important;border-block:1px solid rgba(63,225,254,.22)!important}
html body .cta-band{background:radial-gradient(120% 140% at 50% 0%,#1B2A4A 0%,#11162A 45%,var(--mhs-bg) 100%)!important;border-top:1px solid rgba(63,225,254,.35)!important}
html body .cta-band h2{color:#fff!important}
html body .faq details{background:var(--mhs-panel)!important;border-color:#333A46!important}
html body .faq summary{color:#fff!important}
html body .faq details[open]{border-color:var(--mhs-edge)!important}
html body .card{border-color:var(--mhs-edge)!important}
html body .big-quote{background:linear-gradient(180deg,#0A75FF 0%,var(--mhs-blue) 55%,var(--mhs-blue-deep) 100%)!important;box-shadow:0 0 0 1px rgba(63,225,254,.35),0 10px 30px rgba(3,105,252,.35)!important}
html body .hdr-quote{background:var(--mhs-blue)!important}
html body .btn-primary{background:var(--mhs-blue)!important}
html body .sc-quote{background:var(--mhs-blue)!important}

/* quote form: white “fabric” card with a blue neon edge (behaviour untouched) */
html body form#quote.quote{background:var(--mhs-fabric)!important;box-shadow:0 0 0 1px rgba(63,225,254,.55),0 0 26px rgba(3,105,252,.35),0 20px 50px rgba(0,0,0,.45)!important}
/* size dialog keeps its light body; neon edge only */
html body #size-chooser{box-shadow:0 0 0 1px rgba(63,225,254,.6),0 0 30px rgba(3,105,252,.45)!important}

/* ---------- footer (all pages) ---------- */
html body footer.foot{background:var(--mhs-bg)!important;color:var(--mhs-text)!important;border-top:1px solid rgba(63,225,254,.3)!important;max-width:none!important}
html body footer.foot a{color:var(--mhs-silver)!important}
html body footer.foot a:hover{color:var(--mhs-glow)!important}
html body footer.foot .legal,html body footer.foot .foot-product-note{color:var(--mhs-label)!important}
html body .foot-brand img.mhs-sign{width:178px!important;height:auto!important;max-width:48vw!important}

/* ---------- subpages ---------- */
html body.pg,html body:has(main.sp){background:var(--mhs-bg)!important}
html,html body{background-color:var(--mhs-bg)!important}
html body .sp{color:var(--mhs-text)!important}
html body .sp h1{color:#fff!important;text-shadow:0 0 24px rgba(3,105,252,.25)!important}
html body .sp h2{color:var(--mhs-silver)!important}
html body .sp h2.t,html body .sp h3{color:#fff!important}
html body .sp a{color:var(--mhs-neon)!important}
html body .sp strong,html body .sp b{color:#fff!important}
html body .lead{color:#fff!important}
html body .crumbs{color:var(--mhs-label)!important;font-size:10px!important}html body .crumbs a{color:var(--mhs-neon)!important}
html body .pg-cta{background:var(--mhs-brushed)!important;border:1px solid var(--mhs-glow)!important;box-shadow:var(--mhs-glow-sh)!important}
html body .pg-cta p{color:var(--mhs-label)!important}
html body .pg-fig img{border-color:#333A46!important}
html body .pg-fig figcaption,html body .note,html body .meta{color:var(--mhs-label)!important}
html body .tbl th,html body .tbl td{border-bottom-color:#2A303B!important;color:var(--mhs-text)!important}
html body .tbl thead th{background:var(--mhs-panel2)!important;color:#fff!important}
html body .specs div{background:var(--mhs-panel)!important}html body .specs dt{color:var(--mhs-label)!important}html body .specs dd{color:#fff!important}
html body .inventory-card{background:var(--mhs-panel)!important;border-color:#333A46!important;color:var(--mhs-text)!important}
html body .inventory-card h3{color:#fff!important}
html body .inventory-card p{color:var(--mhs-label)!important}
html body .inventory-card:hover{border-color:var(--mhs-glow)!important}
html body .post-card{background:var(--mhs-panel)!important;border-color:#333A46!important}
html body .sp-check{background:var(--mhs-panel)!important;border-color:var(--mhs-glow)!important;color:var(--mhs-text)!important}
html body .sp-check h2,html body .sp-check h3{color:#fff!important}
html body .sp-check small,html body .sp-check .sub{color:var(--mhs-label)!important}
html body mark.fee{background:#FFE26A!important;color:#0F1019!important}
html body .sp-back{color:var(--mhs-neon)!important}
html body .nb,html body .near{color:var(--mhs-text)!important}

/* contrast fixes */
html body .lang-pick .lang-name,html body .lang-pick svg{color:var(--mhs-silver)!important}
html body section#sizes h2,html body #build-setup h2,html body #areas h2{color:#fff!important}
html body #build-setup .sub,html body #build-setup .bs-hint,html body #build-setup .bs-note{color:var(--mhs-label)!important}
html body .bs-field>label,html body .bs-field>legend{color:var(--mhs-silver)!important}
html body .bs-mode{background:var(--mhs-panel2)!important}
html body .bs-mode span{color:var(--mhs-silver)!important}
html body .bs-mode input:checked+span{background:var(--mhs-blue)!important;color:#fff!important;box-shadow:0 0 12px rgba(3,105,252,.5)!important}
html body .bs-quick button,html body .bs-step button{background:var(--mhs-panel)!important;border-color:#3A4150!important;color:var(--mhs-silver)!important}
html body .bs-quick button[aria-pressed="true"]{background:var(--mhs-blue)!important;border-color:var(--mhs-glow)!important;color:#fff!important}
html body .bs-summary{background:var(--mhs-panel2)!important;border-left-color:var(--mhs-glow)!important;color:var(--mhs-text)!important}
html body .bs-facts li{color:var(--mhs-text)!important}
html body .bs-note a{color:var(--mhs-neon)!important}
html body .btn-primary,html body a.btn-primary{color:#fff!important}
html body .sx2-sizes button.on *,html body .sx2-sizes button[aria-checked=true] *,html body .sx2-sizes button[aria-pressed=true] *{color:#fff!important}
html body #areas a:not(.btn):not(.hdr-btn){color:var(--mhs-neon)!important}
html body .foot .fh,html body .pg .foot .fh{color:var(--mhs-label)!important}
html body .legal,html body .pg .foot .legal{color:var(--mhs-label)!important}
html body .sp-check .lab,html body .sp-full{color:var(--mhs-label)!important;border-top-color:#2A303B!important}
/* light components keep their original light tokens */
html body form#quote,html body #size-chooser,html body figure.bs-plan,html body figure.bs-photo{--blue-lt:#22A2DC;--blue:#0872BA;--blue-deep:#0872BA}
/* size drawings pop-up: dark sign panel to match (behaviour untouched) */
html body dialog#size-chooser{background:var(--mhs-bg)!important;color:var(--mhs-text)!important}
html body #size-chooser .size-dialog-head{background:var(--mhs-char)!important;border-bottom:1px solid rgba(63,225,254,.3)!important;color:#fff!important}
html body #size-chooser .size-dialog-head h2{color:#fff!important}
html body #size-chooser-close{background:var(--mhs-panel)!important;color:var(--mhs-silver)!important;border:2px solid var(--mhs-glow)!important}
html body #size-chooser a:not(.btn),html body #size-chooser .sx-specs{color:var(--mhs-neon)!important}
html body #size-chooser :focus-visible{outline-color:var(--mhs-glow)!important}

/* Eric's original wide sign: sizes for small screens */
@media (max-width:900px){html body .brand img.mhs-sign{height:44px!important}}
@media (max-width:760px){html body .sp-bar img.mhs-sign{height:38px!important}}
@media (max-width:360px){html body .brand img.mhs-sign{height:38px!important}html body .sp-bar img.mhs-sign{height:32px!important}}
/* keep the desktop nav on one line next to the wider sign (1181–1400px) */
@media (min-width:1181px) and (max-width:1400px){html body .brand img.mhs-sign{height:42px!important}html body .nav{gap:16px!important}html body .nav a{white-space:nowrap!important}}
@media (min-width:1181px) and (max-width:1260px){html body .brand img.mhs-sign{height:34px!important}html body .nav{gap:12px!important}html body header.top{gap:16px!important}}
/* Google "Add to preferred sources" button (footer, blog + updates). Fallback link shows until Google's button renders */
html body .pref-src{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:6px 0 0;min-height:40px;text-align:center}
html body .pref-src [google-add-preferred-source-btn]:not([data-initialized]){display:none!important}
html body .pref-src [google-add-preferred-source-btn][data-initialized]+.pref-src-fallback{display:none!important}
html body .pref-src a.pref-src-fallback{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid #5F6670;border-radius:20px;background:#1B1F27;color:#E5E5E5!important;font:600 14px/1 Inter,system-ui,sans-serif;text-decoration:none}
html body .pref-src-fallback span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#0369FC;font-weight:800;font-size:12px}
html body .pref-src a.pref-src-fallback:hover{border-color:var(--mhs-glow)}
html body .pref-ask{flex-basis:100%;margin:0!important;color:#fff;font-weight:700}
html body .post-pref{margin:28px 0 10px;padding:18px;border:1px solid rgba(63,225,254,.28);border-radius:14px;background:var(--mhs-panel)}
html body .sp-family+.pref-src{justify-content:flex-start}
/* Recent jobs / updates feed */
html body .upd-list{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:22px 0}
html body .upd-card{background:var(--mhs-panel);border:1px solid #333A46;border-radius:14px;overflow:hidden;display:grid}
html body .upd-card:hover{border-color:var(--mhs-glow)}
html body .upd-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
html body .upd-card div{padding:14px 16px 16px}
html body .upd-card h2{font-size:20px!important;margin:4px 0 6px!important;color:#fff!important}
html body .upd-card h2 a{color:#fff!important;text-decoration:none}
html body .upd-photo{margin:16px 0}
html body .upd-photo img{width:100%;height:auto;border-radius:14px;border:1px solid #333A46;display:block}
html body .upd-src{color:var(--mhs-label)}
@media (min-width:761px){html body footer.foot .pref-src{justify-content:flex-start!important}}

/* ---- Hero "Marquee Sizes" + "Marquee Photos" (12 Nov 2026) ---- */
html body .hero-links{
  display:flex;flex-wrap:wrap;align-items:stretch;
  gap:10px;margin:14px 0;max-width:620px; /* match .hero-ctas width */
}
html body a.hero-photos{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:8px 18px;border-radius:999px;
  border:1px solid var(--mhs-glow);
  color:var(--mhs-chrome)!important;
  text-decoration:none!important;
  font:700 15px/1.2 Inter,system-ui,sans-serif;
  letter-spacing:0;text-transform:none;white-space:nowrap;
  background:rgba(3,105,252,.14);
  box-shadow:0 0 0 1px rgba(63,225,254,.18),0 0 16px rgba(3,105,252,.22);
  box-sizing:border-box;
}
html body .hero-links a.hero-photos{
  flex:1 1 100%;width:100%;margin:0;text-align:center;
}
@media (min-width:701px){
  html body .hero-links a.hero-photos{flex:1 1 calc(50% - 5px);width:auto}
}
html body a.hero-photos:hover,html body a.hero-photos:focus-visible{
  background:rgba(3,105,252,.32);color:#fff!important;
  box-shadow:0 0 0 1px rgba(63,225,254,.45),0 0 20px rgba(63,225,254,.35);
}
html body a.hero-photos:focus-visible{outline:3px solid var(--mhs-glow);outline-offset:3px}
@media (min-width:1181px) and (max-width:1400px){
  html body .nav{gap:14px!important}
  html body .nav a{white-space:nowrap!important;font-size:13px}
}
@media (min-width:1181px) and (max-width:1260px){
  html body .nav{gap:10px!important}
  html body .nav a{font-size:12.5px}
}

/* ---- Curated /photos/ gallery (12 Nov 2026) ---- */
html body .photo-page{padding-bottom:120px}
html body .photo-gal{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;margin:22px 0 28px;
}
@media (min-width:761px){
  html body .photo-gal{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  html body .photo-page{padding-bottom:48px}
}
html body .photo-gal figure{margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:#1B1F27;border:1px solid #333A46}
html body .photo-gal figure:hover{border-color:var(--mhs-glow)}
html body .photo-gal a.lb,html body .photo-gal picture{display:block;width:100%;height:100%}
html body .photo-gal img{width:100%;height:100%;object-fit:cover;display:block}
html body .photo-page .more-jobs{margin:18px 0 8px}

html body .photo-page .lead{margin:0 0 6px}
html body .photo-page .photo-hint{margin:0 0 8px;color:#9AA3B0;font:500 15px/1.45 Inter,system-ui,sans-serif}

/* ---- Location / service-area section + quote-form call prompts (12 Nov 2026) ---- */
html body section#location{
  background:var(--mhs-brushed)!important;
  color:var(--mhs-text)!important;
  border-top:1px solid var(--mhs-edge);
}
html body section#location h2{color:#fff!important}
html body section#location .sub{color:var(--mhs-text)!important;margin:8px 0 0;max-width:40rem}
html body .loc-grid{
  display:grid;grid-template-columns:1fr;gap:18px;
  max-width:1320px;margin:22px auto 0;min-width:0;
}
@media (min-width:880px){
  html body .loc-grid{grid-template-columns:minmax(240px,.9fr) minmax(0,1.35fr);align-items:stretch;gap:22px}
}
html body .loc-card,
html body .loc-map-wrap{
  background:var(--mhs-panel);
  border:1px solid var(--mhs-glow);
  box-shadow:var(--mhs-glow-sh);
  border-radius:16px;
  min-width:0;
  box-sizing:border-box;
}
html body .loc-card{padding:22px 20px 20px}
html body .loc-name{
  margin:0 0 12px;color:#fff!important;
  font:700 22px/1.2 Inter,system-ui,sans-serif;
}
html body .loc-address{margin:0 0 12px}
html body .loc-address a{
  color:var(--mhs-chrome)!important;text-decoration:none;
  font:600 16px/1.45 Inter,system-ui,sans-serif;
  display:inline-block;
}
html body .loc-address a:hover{color:var(--mhs-glow)!important}
html body .loc-phones{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  margin:0 0 16px;
}
html body .loc-phones a{
  color:var(--mhs-chrome)!important;text-decoration:none;
  font:700 18px/1.3 Inter,system-ui,sans-serif;
  min-height:44px;display:inline-flex;align-items:center;
  border-radius:0;background:none;padding:0;
}
html body .loc-phones a:hover{color:var(--mhs-glow)!important}
html body .loc-hours .fh{margin:0 0 6px}
html body .loc-hours p:not(.fh){margin:0;color:var(--mhs-text)!important;font:500 16px/1.5 Inter,system-ui,sans-serif}
html body .loc-actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;
  margin-top:18px;
}
html body .loc-actions a.hero-photos,
html body a.loc-review{
  flex:0 1 auto;width:auto;max-width:100%;
  padding:8px 18px;text-align:center;
}
html body a.loc-directions{
  color:var(--mhs-neon)!important;font:700 15px/1.3 Inter,system-ui,sans-serif;
  text-decoration:underline;text-underline-offset:3px;
  min-height:44px;display:inline-flex;align-items:center;
}
html body a.loc-directions:hover{color:#fff!important}
html body .loc-map-wrap{
  overflow:hidden;min-height:240px;aspect-ratio:16/11;background:#15181E;
}
html body .loc-map-wrap iframe{
  display:block;width:100%;height:100%;border:0;min-height:240px;
}
html body .loc-areas{max-width:1320px;margin:22px auto 0}
html body .loc-areas .fh{margin:0 0 10px}
html body section#location .areas{margin:0 0 14px}
html body section#location a:not(.btn):not(.hdr-btn):not(.hero-photos):not(.quote-call-now):not(.quote-confused-link){color:var(--mhs-neon)!important}
html body section#location .areas li a{color:var(--mhs-silver)!important}

/* Quote form: grass-green Call now + small confused reminders. Labels unchanged. */
html body .quote-call-top{margin:12px 0 2px;min-width:0}
html body .quote-skip{
  margin:0 0 10px!important;color:#4B4E52!important;
  font:500 15px/1.45 Inter,system-ui,sans-serif!important;
  letter-spacing:0!important;text-transform:none!important;
}
html body a.quote-call-now{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;max-width:100%;box-sizing:border-box;
  min-height:52px;padding:12px 16px;border-radius:12px;border:0;
  background:var(--call);color:var(--callTxt)!important;
  text-decoration:none!important;
  font:800 18px/1.2 Inter,system-ui,sans-serif;
  box-shadow:0 8px 24px rgba(108,196,23,.45);
}
html body a.quote-call-now b,
html body a.quote-call-now .num{color:var(--callTxt)!important;font-weight:800}
html body a.quote-call-now:hover{background:var(--call2)}
html body a.quote-call-now:focus-visible{outline:3px solid #0B3D14;outline-offset:3px}
html body p.quote-confused{
  margin:4px 0 0;color:#566472;
  font:500 14px/1.45 Inter,system-ui,sans-serif;
  letter-spacing:0;text-transform:none;min-width:0;
}
html body a.quote-confused-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:4px 12px;margin-left:2px;
  border-radius:999px;background:var(--call);
  color:var(--callTxt)!important;text-decoration:none!important;
  font:700 13px/1.3 Inter,system-ui,sans-serif;
  vertical-align:middle;white-space:nowrap;
}
html body a.quote-confused-link:hover{background:var(--call2)}
html body a.quote-confused-link:focus-visible{outline:3px solid #0B3D14;outline-offset:2px}
@media (max-width:760px){
  /* Keep submit + last reminder clear of the sticky call bar */
  html body form#quote.quote{padding-bottom:calc(180px + env(safe-area-inset-bottom))!important}
  html body p.quote-confused{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  html body a.quote-confused-link{white-space:normal;margin-left:0}
}

@media (max-width:760px){
  html body section#location{padding-bottom:calc(140px + env(safe-area-inset-bottom))!important;scroll-margin-bottom:140px}
  html body .loc-map-wrap{margin-bottom:8px}
}