/* =====================================================================
   SD Mobile Auto Glass — location pages ("Showroom Black", page layer)
   Text-only by design (no photography on area pages). The visual hook is
   a live coverage radar. Shared components live in homepage.css.
   ===================================================================== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;font:600 11.5px/1.2 var(--f-m);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.crumbs a{color:var(--mute);text-decoration:none;transition:color .25s var(--ease)}
.crumbs [aria-current]{color:var(--blue)}
@media(hover:hover){.crumbs a:hover{color:var(--white)}}

/* ---------- hero: copy + form over a sweeping radar ---------- */
.lhero{position:relative;padding:calc(var(--bar) + 70px) 0 clamp(70px,8vw,110px);overflow:hidden;isolation:isolate;
  background:radial-gradient(900px 600px at 80% 20%,rgba(77,159,255,.14),transparent 60%),var(--void)}
.lhero-radar{position:absolute;z-index:-1;right:-12%;top:50%;width:min(1100px,110vw);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;
  background:repeating-radial-gradient(circle,rgba(77,159,255,.12) 0 1px,transparent 1px 90px);
  -webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);opacity:.9}
.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 76%,rgba(77,159,255,.32) 100%);animation:radar 7s linear infinite}
@keyframes radar{to{transform:rotate(360deg)}}
.lhero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,5vw,80px);align-items:start}
.lhero-h1{font-size:clamp(32px,3.8vw,54px);line-height:1.1;margin-bottom:24px;max-width:15em}
.lhero-h1{text-wrap:balance}
.lhero-lede{font:400 clamp(18px,1.4vw,20px)/1.7 var(--f-d);color:#dfe5ea}
.lhero-p{color:var(--mute)}
.lhero .chips{margin:26px 0 30px}
.lhero-form .qs{box-shadow:0 60px 120px -40px rgba(0,0,0,.95),0 0 0 1px rgba(77,159,255,.12)}

/* ---------- common problems ---------- */
.probs{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line)}
.probs-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:center}
.probs-p{color:var(--mute)}
.fixlist{padding:30px 32px;border-radius:24px;background:linear-gradient(160deg,var(--steel-2),var(--steel));border:1px solid var(--line-2)}
.fixlist-h{font:600 20px/1.3 var(--f-d);margin:0 0 12px}
.fixlist li{position:relative;padding:15px 0 15px 40px;border-top:1px solid var(--line);font:500 16.5px/1.4 var(--f-d)}
.fixlist li::before{content:"";position:absolute;left:0;top:13px;width:24px;height:24px;border-radius:50%;
  background:rgba(77,159,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7.5 12.3 3 3L16.5 9' fill='none' stroke='%234d9fff' stroke-width='2'/%3E%3C/svg%3E") center/100% no-repeat}

/* ---------- services (text cards) ---------- */
.lsvc{padding:clamp(80px,10vw,140px) 0;background:var(--carbon);border-block:1px solid var(--line)}
.lsvc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lcard{display:flex;flex-direction:column;padding:28px 26px 26px;border-radius:var(--r);background:linear-gradient(180deg,var(--steel-2),var(--steel));border:1px solid var(--line)}
.lcard-n{font:600 11px/1 var(--f-m);letter-spacing:.14em;color:var(--blue);margin-bottom:26px}
.lcard h3{font:600 clamp(19px,1.5vw,21px)/1.3 var(--f-d);letter-spacing:-.01em;margin:0 0 10px}
.lcard p{color:var(--mute);font-size:15.5px;margin:0 0 22px}
.lcard-cta{margin-top:auto;align-self:flex-start;display:inline-flex;gap:8px;font:600 14.5px/1.4 var(--f-b);color:var(--white);text-decoration:none;
  padding-bottom:4px;border-bottom:1px solid rgba(77,159,255,.6);transition:color .25s var(--ease),border-color .25s var(--ease)}
.lcard-cta span{transition:transform .45s var(--ease)}
@media(hover:hover){.lcard-cta:hover{color:var(--blue);border-color:var(--blue)}.lcard-cta:hover span{transform:translateX(4px)}}

/* ---------- what to expect ---------- */
.expect{padding:clamp(80px,10vw,140px) 0}
.expect-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px 60px;align-items:start}
.expect-big{font:400 clamp(19px,1.5vw,22px)/1.7 var(--f-d);color:#dfe5ea}
.expect-copy p:not(.expect-big){color:var(--mute);padding-top:20px;border-top:1px solid var(--line)}
.page-location .why{padding-top:0}
.page-location .tile--head{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px 60px;align-items:end}
.page-location .tile--head .eyebrow{grid-column:1/-1;margin-bottom:6px}
.page-location .tile--head .h2{margin:0}
.page-location .tile--head p:last-child{margin:0}

/* ---------- coverage radar ---------- */
.cover{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line)}
.cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:center}
.radar{width:100%;max-width:560px;justify-self:center}
.radar-disc{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle,rgba(77,159,255,.12),rgba(13,17,22,.9) 70%);border:1px solid rgba(77,159,255,.35);box-shadow:0 0 80px -10px rgba(77,159,255,.25),inset 0 0 60px rgba(77,159,255,.08)}
.radar-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(77,159,255,.22);transform:translate(-50%,-50%)}
.radar-ring.r1{width:33%;height:33%}.radar-ring.r2{width:62%;height:62%}.radar-ring.r3{width:90%;height:90%}
.radar-x,.radar-y{position:absolute;background:rgba(77,159,255,.16)}
.radar-x{left:5%;right:5%;top:50%;height:1px}.radar-y{top:5%;bottom:5%;left:50%;width:1px}
.radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;border-radius:30px;background:var(--blue);color:var(--void);
  font:700 12px/1 var(--f-d);letter-spacing:.02em;white-space:nowrap;box-shadow:0 0 0 8px rgba(77,159,255,.15),0 0 40px rgba(77,159,255,.6);z-index:2}
.blip{position:absolute;width:0;height:0;z-index:1}
.blip i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#8cc3ff;box-shadow:0 0 12px 2px rgba(77,159,255,.8);animation:blip 7s ease-out var(--d) infinite}
.blip--out i{width:6px;height:6px;left:-3px;top:-3px;background:var(--mute);box-shadow:none}
.blip.is-left b{left:auto;right:10px}
.blip b{position:absolute;left:10px;top:-8px;font:500 11.5px/1.3 var(--f-b);letter-spacing:.02em;color:#c9d1d9;white-space:nowrap}
.blip--out b{color:#8b97a3;font-size:10.5px}
@keyframes blip{0%{opacity:1;transform:scale(1.8)}25%{opacity:.85;transform:scale(1)}100%{opacity:.4;transform:scale(.8)}}
.cover-block{padding:24px 0;border-top:1px solid var(--line)}
.cover-block h3{font:600 20px/1.3 var(--f-d);margin:0 0 8px}
.cover-block p{color:var(--mute);margin:0}

/* ---------- schedule: contact card + embeds ---------- */
.lsched{padding:clamp(80px,10vw,140px) 0;background:radial-gradient(900px 500px at 50% 0%,rgba(77,159,255,.14),transparent 60%),var(--carbon);border-top:1px solid var(--line)}
.lsched-card{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(30px,5vw,70px);align-items:center;padding:clamp(30px,4vw,56px);border-radius:28px;
  background:linear-gradient(160deg,var(--steel-2),var(--steel));border:1px solid var(--line-2);margin-bottom:16px}
.lsched-copy p{color:var(--mute);margin-bottom:28px}
.lsched-copy .h2 .chrome{display:block}
.nap{margin:0;padding:24px;border-radius:18px;background:rgba(7,9,12,.55);border:1px solid var(--line)}
.nap>div{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.nap>div:first-child{border-top:0;padding-top:0}
.nap .nap-brand{grid-template-columns:1fr}
.nap .nap-brand dd{font:600 19px/1.3 var(--f-d)}
.nap dt{font:600 11px/1.9 var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:#8b97a3}
.nap dd{margin:0;font-size:15.5px;line-height:1.5}
.nap a{color:var(--blue);text-decoration:none;font-weight:600}
.lsched-embeds{margin-top:0}

@media(max-width:980px){
  .lhero{padding-top:calc(var(--bar) + 40px)}
  .lhero-grid,.probs-grid,.expect-grid,.cover-grid,.lsched-card{grid-template-columns:1fr}
  .lsvc-grid{grid-template-columns:1fr 1fr}
  .radar{max-width:480px}
  .page-location .tile--head{grid-template-columns:1fr}
  .page-location .bento .reason{grid-column:span 1}
}
@media(max-width:640px){
  .lsvc-grid{grid-template-columns:1fr}
  .blip b{display:none}
  .fixlist{padding:22px}
}
@media(prefers-reduced-motion:reduce){
  .sweep,.blip i{animation:none!important}
}

/* ---------- 2026-10-08: rewritten doc ---------- */
.lsvc-grid .lcard{position:relative;padding-bottom:84px}
.lcard-glyph{display:block;margin:-6px 0 14px}
.lcard-glyph .glyph{width:56px;height:56px}
.lcard .card-go{position:absolute;right:20px;bottom:20px}
.lcard h3 .card-link{color:inherit}
.probs .why-list{margin-top:0}
.cover-lead{font:400 clamp(18px,1.4vw,20px)/1.6 var(--f-d);color:#dfe5ea}
.cover-block p{color:#c9d1d9}
.cover-note{color:var(--mute);margin:20px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.lsched-card--solo{grid-template-columns:1fr;text-align:center}
.lsched-card--solo .lsched-copy{max-width:760px;margin:0 auto}
.lsched-card--solo .lsched-copy p{margin-bottom:14px}
.lsched-card--solo .acts{justify-content:center;margin-top:24px}
.lsched-card--solo .h2 .chrome{display:inline}