/* Local Search & SEO · visual refinement (prototype v1, Panda Visual/local-search-seo, 2026-10-23).
   Loaded after local-search.css on this page only. Approved copy and links unchanged.
   Shows what a nearby customer sees: query → map → compare → choose → act. All example UI is aria-hidden
   and labelled "Example"; Plum House is a PandaPath concept brand. No ratings, counts or results. */
.local-search-page{--lx-ink:#17171b;--lx-soft:#6e6c66;--lx-line:#e4e1da;--lx-paper:#f6f5f1;--lx-pink:#E84274;--lx-pink-ink:#c72d5c;--lx-green:#1d7a46;
  --lx-shadow:0 1px 1px rgba(23,23,27,.06),0 22px 44px -26px rgba(23,23,27,.5)}
.lx-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.local-search-page [class^="lx-"] i,.local-search-page [class*=" lx-"] i{font-style:normal}
/* shared skeleton bars */
.lx-hero .lx-res span i,.lx-scene i[style],.lx-nearby i[style]{display:block;height:7px;width:var(--w);border-radius:9px;background:#e5e2db}
.lx-stars{font-style:normal;letter-spacing:.06em;color:#F59700}
.lx-open{color:var(--lx-green);font-weight:600}
.lx-example{position:absolute;top:12px;right:12px;z-index:3;margin:0;font:600 10px/1 'Outfit',sans-serif;letter-spacing:.1em;text-transform:uppercase;
  color:#fff;background:rgba(23,23,27,.78);border-radius:99px;padding:5px 9px}

/* ---------- 01 · Hero: one search, annotated ---------- */
/* Owner screenshot correction: Customers / Are Looking. Keep the existing type
   scale and font; constrain only this accent, not body copy or other heroes. */
.local-search-page .ls-hero h1 .hero-accent{max-inline-size:4.8em;text-wrap:balance}
.lx-hero{position:relative;margin:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;padding:22px 0 0}
.lx-steps{position:relative;list-style:none;margin:0;padding:0;height:470px}
.lx-steps li{position:absolute;left:0;right:-10px;top:calc(var(--t) + 22px);transform:translateY(-50%);display:flex;align-items:center;gap:10px;
  font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--lx-ink);white-space:nowrap}
.lx-steps b{font-size:.7rem;color:var(--lx-soft);font-weight:600}
.lx-steps li::after{content:"";flex:1;min-width:16px;height:1px;background:linear-gradient(90deg,#cfcbc2,#cfcbc2 60%,var(--lx-pink));}
.lx-steps li::before{content:"";position:absolute;right:-4px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--lx-pink)}
.lx-steps li.is-act{color:var(--lx-pink-ink)}
.lx-phone{position:relative;z-index:1;width:300px;height:470px;box-sizing:border-box;padding:12px;border:8px solid var(--lx-ink);border-radius:36px;background:#fbfaf7;
  box-shadow:var(--lx-shadow);display:flex;flex-direction:column;gap:10px;overflow:hidden}
.lx-q{flex:none;height:40px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:99px;background:#fff;border:1px solid var(--lx-line);
  font-size:.86rem;color:var(--lx-ink);box-shadow:0 4px 10px -8px rgba(0,0,0,.4)}
.lx-q svg{color:var(--lx-pink)}
.lx-map{position:relative;flex:none;height:150px;border-radius:14px;overflow:hidden;background:#ece9e1;
  background-image:linear-gradient(#e3dfd6 1px,transparent 1px),linear-gradient(90deg,#e3dfd6 1px,transparent 1px);background-size:26px 26px}
.lx-road{position:absolute;background:#fff;border-radius:6px}
.lx-road.is-a{left:-10%;right:-10%;top:44%;height:12px;transform:rotate(-8deg)}
.lx-road.is-b{top:-10%;bottom:-10%;left:62%;width:10px;transform:rotate(12deg)}
.lx-road.is-c{left:8%;width:46%;top:76%;height:7px;background:#dcefe2}
.lx-pin{position:absolute;left:var(--x);top:var(--t);width:16px;height:16px;margin:-16px 0 0 -8px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#8d8a83}
.lx-pin::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
.lx-pin.is-top{width:24px;height:24px;margin:-24px 0 0 -12px;background:var(--lx-pink);box-shadow:0 6px 12px -4px rgba(232,66,116,.6)}
.lx-pin.is-top::after{inset:7px}
.lx-you{position:absolute;left:var(--x);top:var(--t);width:12px;height:12px;margin:-6px;border-radius:50%;background:#3b7cf0;border:2px solid #fff;box-shadow:0 0 0 6px rgba(59,124,240,.18)}
.lx-sheet{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0}
.lx-hero .lx-res{display:flex;align-items:center;gap:10px;height:44px;padding:0 10px;border-radius:10px;background:#fff;border:1px solid var(--lx-line)}
.lx-hero .lx-res u{flex:none;width:28px;height:28px;border-radius:7px;background:#e5e2db}
.lx-hero .lx-res>span{flex:1;display:grid;gap:6px;min-width:0}
.lx-hero .lx-res.is-top{height:76px;border:1.5px solid var(--lx-pink);box-shadow:0 10px 22px -16px rgba(232,66,116,.8)}
.lx-hero .lx-res.is-top img{flex:none;width:56px;height:56px;border-radius:8px;object-fit:cover}
.lx-hero .lx-res.is-top span{gap:2px}
.lx-hero .lx-res b{font-size:.95rem;color:var(--lx-ink)}
.lx-hero .lx-res small{font-size:.72rem;color:var(--lx-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-actions{display:flex;gap:5px}
.lx-actions i{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;height:30px;border-radius:99px;border:1px solid var(--lx-line);background:#fff;
  font-size:.66rem;font-weight:600;color:var(--lx-ink);white-space:nowrap}
.lx-actions i.is-go{flex:1.3;background:var(--lx-pink);border-color:var(--lx-pink);color:#fff}
.lx-actions svg{width:11px;height:11px}
.lx-hero .lx-example{top:34px;right:14px}

/* ---------- 02 · Discovery: a search box with suggestions ---------- */
.lx-suggest{background:#fff;border:1px solid var(--lx-line);border-radius:18px;padding:8px 8px 10px;box-shadow:var(--lx-shadow)}
.lx-field{display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;margin-bottom:6px;border-radius:12px;background:var(--lx-paper);color:var(--lx-pink)}
.lx-caret{width:2px;height:22px;background:var(--lx-ink)}
.lx-suggest.ls-queries p{display:flex;align-items:center;gap:14px;padding:11px 16px;border:0;border-radius:10px;font-size:1.02rem}
.lx-suggest.ls-queries p:first-of-type{background:rgba(232,66,116,.08)}
.lx-suggest.ls-queries p span{margin:0;font-size:inherit;display:inline-flex;color:#a29f97}
.lx-suggest.ls-queries p:first-of-type span{color:var(--lx-pink)}
.local-search-page .ls-journey{position:relative;padding:22px 0 0;margin:56px 0 34px}
.local-search-page .ls-journey::before{content:"";position:absolute;left:0;right:0;top:4px;height:2px;background:linear-gradient(90deg,#d8d4cb 0 80%,var(--lx-pink))}
.local-search-page .ls-journey li{position:relative;font-size:.86rem;letter-spacing:.06em}
.local-search-page .ls-journey li::before{content:"";position:absolute;left:0;top:-24px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--lx-ink)}
.local-search-page .ls-journey li:last-child{color:var(--lx-pink-ink)}
.local-search-page .ls-journey li:last-child::before{background:var(--lx-pink);border-color:var(--lx-pink)}

/* ---------- 03 · Decision: an example profile with the eight factors pinned ---------- */
.lx-decide{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center;margin:40px 0}
.lx-decide .ls-factors{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.lx-profile{position:relative;margin:0;background:#fff;color:var(--lx-ink);border-radius:16px;overflow:visible;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.lx-photos{position:relative;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:150px;border-radius:16px 16px 0 0;overflow:hidden}
.lx-photos img{grid-row:1/span 2;width:100%;height:100%;object-fit:cover}
.lx-photos i{background:#d9d3c8}
.lx-photos i+i{background:#c9c0b2}
.lx-pbody{padding:16px 18px 18px;display:grid;gap:9px}
.lx-pname{font:700 1.3rem/1.1 'Outfit',sans-serif;letter-spacing:-.01em}
.local-search-page .lx-profile p{margin:0;font-size:.86rem;color:#55555a}
.lx-prow{position:relative;display:flex;align-items:center;gap:6px;padding-right:34px}
.local-search-page .lx-profile .lx-quote{font-style:italic}
.lx-btns i{display:inline-flex;align-items:center;position:relative;padding:5px 12px;border:1px solid var(--lx-line);border-radius:99px;font-size:.78rem;font-weight:600;color:var(--lx-ink)}
.lx-btns i .lx-n{position:absolute;right:auto;left:calc(100% - 10px);top:-9px}
.lx-btns{gap:22px!important}
.lx-nearby{position:relative;margin-top:4px;padding-top:12px;border-top:1px dashed #dcd7ce;display:grid;gap:8px}
.lx-nearby small{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lx-soft)}
.local-search-page .lx-nearby p{display:flex;align-items:center;gap:10px}
.lx-nearby u{width:22px;height:22px;border-radius:6px;background:#ece9e2}
.lx-nearby i[style]{flex:none}
.lx-n{position:absolute;right:0;top:50%;margin-top:-11px;width:22px;height:22px;border-radius:50%;background:var(--lx-pink);color:#fff;
  font:700 10px/22px 'Outfit',sans-serif;text-align:center;box-shadow:0 0 0 3px #fff}
.lx-photos .lx-n{right:auto;left:var(--nx);top:var(--ny);margin:0;box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.lx-nearby>.lx-n{top:12px;margin:0}
.lx-profile .lx-example{top:12px;right:12px;left:auto}

/* ---------- 04 · Management: one scene per area ---------- */
.ls-management{gap:28px!important}
.ls-management .lx-mg{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:28px;align-items:start;
  border:1px solid var(--lx-line);border-radius:16px;padding:20px;background:#fff}
.lx-mg .lx-scene{grid-row:1/span 3;align-self:stretch}
.lx-mg .ls-number{margin-bottom:10px}
.lx-mg h3{margin-top:0}
.local-search-page .ls-management .lx-mg p{line-height:1.7;font-size:.98rem;margin-bottom:0}
.lx-scene{position:relative;background:var(--lx-paper);border-radius:12px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:9px;min-height:160px;overflow:hidden}
.local-search-page .lx-scene p{margin:0;font-size:.72rem;line-height:1.2;color:var(--lx-soft)}
.lx-sk{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lx-ink)}
.lx-sc-gbp p{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:8px;padding:6px 8px;background:#fff;border-radius:7px;position:relative;padding-right:24px}
.lx-sc-gbp p::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:5px;margin-top:-4px;border:2px solid var(--lx-green);border-top:0;border-right:0;transform:rotate(-45deg)}
.lx-sc-gbp em{font-style:normal;font-size:.72rem;color:var(--lx-ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-thumbs{display:flex;gap:3px}.lx-thumbs i{width:16px;height:12px;border-radius:3px;background:#d9d3c8}
.lx-serp{display:grid;gap:5px;padding:10px;background:#fff;border-radius:8px;border-left:3px solid var(--lx-pink)}
.lx-serp small{font-size:.62rem;color:var(--lx-green)}
.lx-serp b{font-size:.8rem;line-height:1.2;color:#2a52be}
.lx-serp.is-dim{border-left-color:transparent;opacity:.7}
.lx-sc-presence p{display:grid;grid-template-columns:52px 1fr 1fr 14px;align-items:center;gap:6px;padding:8px;background:#fff;border-radius:7px}
.lx-sc-presence p span{font-weight:600;color:var(--lx-ink)}
.lx-sc-presence u{width:14px;height:14px;border-radius:50%;background:var(--lx-green);position:relative}
.lx-sc-presence u::after{content:"";position:absolute;left:4px;top:3.5px;width:5px;height:3px;border:1.5px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg)}
.lx-rv{display:grid;gap:5px;padding:9px;background:#fff;border-radius:8px}
.lx-rv .lx-stars{font-size:.7rem}
.lx-reply{justify-self:start;margin-top:2px;font-size:.6rem;font-weight:700;color:var(--lx-pink-ink);background:rgba(232,66,116,.1);border-radius:99px;padding:2px 7px}
.lx-themes{display:grid;gap:5px}
.lx-themes p{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:6px}
.lx-themes i{display:block;height:6px;width:var(--w);border-radius:9px;background:var(--lx-ink)}
.lx-themes p:nth-child(2) i{background:var(--lx-pink)}

/* ---------- 05 · Restaurants: the profile as storefront and menu ---------- */
.lx-dine{position:relative;margin:0 0 34px;padding:0 0 48px 0}
.lx-dine img{display:block;width:86%;margin-left:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.lx-store{position:absolute;left:0;bottom:0;width:min(250px,56%);background:#fff;border-radius:14px;padding:12px 14px 14px;box-shadow:var(--lx-shadow);display:grid;gap:8px}
.local-search-page .lx-store p{margin:0;font-size:.74rem;color:#55555a}
.lx-tabs{display:flex;gap:10px;border-bottom:1px solid var(--lx-line);padding-bottom:7px;white-space:nowrap}
.lx-tabs b{color:var(--lx-ink);box-shadow:0 9px 0 -7px var(--lx-pink)}
.lx-menu{display:flex;align-items:center;gap:8px}
.lx-menu span{flex:none;color:var(--lx-ink)}
.lx-menu i{flex:1;border-bottom:1px dotted #c9c3b9;height:0}
.lx-cta{display:flex;gap:6px;margin-top:2px!important}
.lx-cta i{flex:1;text-align:center;padding:6px 0;border-radius:99px;font-size:.72rem;font-weight:600;background:var(--lx-ink);color:#fff}
.lx-cta i+i{background:#fff;color:var(--lx-ink);border:1px solid var(--lx-line)}
.lx-dine .lx-example{top:12px;right:12px}
.local-search-page .ls-restaurant .ls-editorial{font-size:clamp(1.5rem,2.4vw,2rem);margin-bottom:18px}

/* ---------- 07 · Gap: quick self-check ---------- */
.lx-check .ls-checks li{padding:0;border-top:1px solid var(--line-dark)}
.lx-check .ls-checks li::before{content:none}
.lx-check label{display:flex;align-items:center;gap:14px;padding:14px 4px;cursor:pointer;color:var(--on-dark);border-radius:6px;transition:background .15s}
.lx-check label:hover{background:rgba(244,242,237,.04)}
.lx-check input{appearance:none;-webkit-appearance:none;flex:none;margin:0;width:20px;height:20px;border:1.5px solid #6e6c66;border-radius:5px;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}
.lx-check input::after{content:"";width:9px;height:5px;margin-top:-2px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) scale(0);transition:transform .15s}
.lx-check input:checked{background:var(--lx-pink);border-color:var(--lx-pink)}
.lx-check input:checked::after{transform:rotate(-45deg) scale(1)}
.lx-check input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.lx-check li:has(input:checked) span{color:#fff}
.lx-check-out{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin:18px 0 0;padding:14px 18px;border-radius:12px;background:rgba(232,66,116,.12);border:1px solid rgba(232,66,116,.35)}
.lx-check-out[hidden]{display:none}
.local-search-page .ls-dark .lx-check-out>span{color:var(--on-dark);font-weight:600}
.lx-check-out b{color:#ff8db0;font-size:1.2em}
.local-search-page .ls-dark .lx-check-out .ls-link{color:var(--on-dark);min-height:36px}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .lx-hero{grid-template-columns:minmax(0,1fr) 280px}
  .lx-phone{width:280px}
  .ls-management .lx-mg{grid-template-columns:1fr;grid-template-rows:none}
  .lx-mg .lx-scene{grid-row:auto;margin-bottom:20px;min-height:150px}
}
@media(max-width:1000px){
  .lx-decide{grid-template-columns:minmax(0,340px) minmax(0,1fr)}
  .lx-decide .ls-factors{grid-template-columns:1fr}
  .lx-decide .ls-factors li{padding:14px 0}
}
@media(max-width:800px){
  .lx-hero{grid-template-columns:1fr;justify-items:center;padding-top:0}
  .lx-steps{order:2;height:auto;width:100%;display:flex;justify-content:space-between;gap:4px;margin-top:18px}
  .lx-steps li{position:static;transform:none;flex-direction:column;gap:2px;font-size:.66rem;letter-spacing:.04em;white-space:normal;text-align:center}
  .lx-steps li::after,.lx-steps li::before{content:none}
  .lx-hero .lx-example{right:calc(50% - 140px)}
  .lx-decide{grid-template-columns:1fr}
  .lx-profile{max-width:400px}
  .lx-decide .ls-factors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-dine{max-width:520px}
}
@media(max-width:520px){
  .lx-phone{width:min(280px,100%)}
  .lx-hero .lx-example{right:12px}
  .lx-suggest{padding:6px}
  .lx-suggest.ls-queries p{padding:10px 12px;font-size:.96rem}
  .local-search-page .ls-journey{gap:6px;flex-wrap:nowrap;font-size:.68rem}
  .local-search-page .ls-journey li{flex:1;letter-spacing:.02em}
  .local-search-page .ls-journey li::after{display:none!important}
  .ls-management .lx-mg{padding:14px}
  .lx-dine img{width:100%}
  .lx-dine{padding-bottom:0}
  .lx-store{position:relative;width:auto;margin:-40px 14px 0}
}
@media(max-width:374px){
  .lx-decide .ls-factors{grid-template-columns:1fr}
  .lx-steps li{font-size:.58rem}
  .lx-actions i{font-size:.58rem}
}


/* ---------- v1 QA fixes ---------- */
.local-search-page .ls-journey li::after{display:none!important}
.local-search-page .lx-profile .lx-btns{margin-top:6px}
.lx-btns i .lx-n{left:auto;right:-10px;top:-10px;margin:0}
.lx-sc-gbp p{grid-template-columns:auto minmax(0,1fr);gap:10px}
.lx-sc-presence p{grid-template-columns:58px 1fr 1fr 14px}
.lx-themes p{grid-template-columns:58px 1fr}

/* ================= v2 (2026-10-23) ================= */
/* 05 · Restaurants: the short text column sits centred against the tall image column */
@media(min-width:801px){.local-search-page .ls-restaurant .ls-split{align-items:center}}

/* 08 · Related capabilities: a small scene above each link */
.lx-relx .lx-rel{width:100%;max-width:300px;aspect-ratio:16/10;margin-bottom:22px;border-radius:14px;background:var(--lx-paper);display:grid;place-items:center;padding:18px;box-sizing:border-box}
.lx-rcard{width:100%;display:grid;gap:7px;background:#fff;border-radius:10px;padding:14px;box-shadow:0 12px 26px -20px rgba(23,23,27,.5)}
.lx-rcard i[style]{display:block;height:7px;width:var(--w);border-radius:9px;background:#e5e2db}
.lx-rcard small{font-size:.66rem;letter-spacing:.06em;color:var(--lx-soft)}
.lx-rcard .lx-stars{font-size:.8rem}
.lx-rbtn{justify-self:start;margin-top:4px;padding:6px 14px;border-radius:99px;background:var(--lx-pink);color:#fff;font-size:.72rem;font-weight:600}
.lx-rel-web .lx-rcard{padding:0;overflow:hidden;gap:0}
.lx-chrome{display:flex;gap:4px;padding:7px 9px;background:#ece8e1}
.lx-chrome i{width:6px;height:6px;border-radius:50%;background:#c9c3b9}
.lx-whero{display:grid;gap:7px;padding:16px 14px;background:#17171b}
.lx-whero i[style]{background:#3a3a40}
.lx-whero .lx-rbtn{background:#fff;color:#17171b}

/* 04 · Management: single column with scene beside text on tablets */
@media(min-width:521px) and (max-width:900px){
  .ls-management{grid-template-columns:1fr!important}
  .ls-management .lx-mg{grid-template-columns:210px minmax(0,1fr);grid-template-rows:auto auto 1fr}
  .lx-mg .lx-scene{grid-row:1/span 3;margin-bottom:0}
}

/* 01 · Hero on phones: a compact phone so the visual starts near the fold */
@media(max-width:800px){
  .lx-hero{margin-top:-8px}
  .lx-phone{height:auto;width:min(300px,100%);border-radius:30px}
  .lx-map{height:104px}
  .lx-sheet .lx-res:not(.is-top){display:none}
  .lx-hero .lx-example{top:12px}
}
@media(max-width:800px){.lx-relx .lx-rel{aspect-ratio:auto;max-width:none;padding:14px;margin-bottom:16px}}

/* ================= v3 · 06 Measurement: stages rise toward business outcomes ================= */
.lx-measure{margin-top:40px}
.local-search-page .lx-mcap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 26px;font-size:.92rem;color:var(--lx-soft)}
.lx-mcap b{color:var(--lx-ink);font-weight:600}
.lx-mtag{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--lx-ink);border-radius:99px;padding:4px 9px}
.lx-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;margin:0;position:relative}
.lx-ladder::after{content:"";position:absolute;left:2%;right:2%;bottom:-22px;height:2px;background:linear-gradient(90deg,#dcd7ce,var(--lx-pink))}
.lx-ladder::before{content:"";position:absolute;right:2%;bottom:-27px;width:10px;height:10px;border-top:2px solid var(--lx-pink);border-right:2px solid var(--lx-pink);transform:rotate(45deg)}
.local-search-page .lx-ladder>.lx-st{display:flex;flex-direction:column;gap:10px;border:0;border-radius:16px;padding:22px 20px 24px;margin:0}
.lx-st.is-1{min-height:250px;background:var(--lx-paper)}
.lx-st.is-2{min-height:310px;background:#efece5}
.lx-st.is-3{min-height:370px;background:var(--lx-ink);color:#f4f2ed}
.lx-st.is-4{min-height:430px;background:#fff;border:1.5px dashed var(--lx-pink)!important}
.local-search-page .lx-st dt{font-size:.74rem;font-weight:700;letter-spacing:.1em;color:var(--lx-ink)}
.local-search-page .lx-st dd{margin:0;font-size:.9rem;line-height:1.45;color:#55555a}
.local-search-page .lx-st.is-3 dt{color:#ff8db0}
.local-search-page .lx-st.is-3 dd{color:#b9b7bd}
.local-search-page .lx-st.is-4 dt{color:var(--lx-pink-ink)}
.local-search-page .lx-st .lx-metric{margin-top:auto;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;padding-top:14px;border-top:1px solid rgba(23,23,27,.12)}
.local-search-page .lx-st .lx-metric+.lx-metric{margin-top:0}
.lx-metric strong{grid-column:1/-1;font:700 clamp(30px,3.2vw,44px)/1 'Outfit',sans-serif;letter-spacing:-.03em;color:var(--lx-ink)}
.lx-metric.is-sm strong{font-size:clamp(22px,2.2vw,28px)}
.local-search-page .lx-metric span{font-size:.86rem;color:#55555a}
.lx-metric em{font-style:normal;font-weight:700;font-size:.86rem;color:var(--lx-pink-ink);justify-self:end}
.local-search-page .lx-st.is-3 .lx-metric{border-top-color:rgba(244,242,237,.16)}
.lx-st.is-3 .lx-metric strong{color:#fff}
.local-search-page .lx-st.is-3 .lx-metric span{color:#d6d4d9}
.local-search-page .lx-st .lx-caveat{font-size:.78rem;color:#ff8db0;padding-left:10px;border-left:2px solid var(--lx-pink)}
.local-search-page .ls-measure-note{margin-top:56px}
@media(max-width:1000px){
  .lx-ladder{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .lx-st.is-1,.lx-st.is-2,.lx-st.is-3,.lx-st.is-4{min-height:0}
  .lx-ladder::after,.lx-ladder::before{content:none}
  .local-search-page .ls-measure-note{margin-top:36px}
}
@media(max-width:520px){
  .lx-ladder{grid-template-columns:1fr;gap:10px}
  .local-search-page .lx-ladder>.lx-st{padding:18px}
  }

/* ================= v3.1 · 06 Measurement: each stage shows the real moment ================= */
.local-search-page .lx-st .lx-art{order:-1;position:relative;margin:0 0 8px;height:138px;border-radius:12px;overflow:hidden;background:#fff;
  box-shadow:0 1px 1px rgba(23,23,27,.06),0 14px 28px -20px rgba(23,23,27,.55)}
.lx-st.is-1{min-height:330px}.lx-st.is-2{min-height:420px}.lx-st.is-3{min-height:460px}.lx-st.is-4{min-height:500px}
/* 1 · search + map */
.lx-art-find{display:flex;flex-direction:column}
.lx-aq{display:flex;align-items:center;gap:7px;height:34px;margin:8px 8px 0;padding:0 10px;border-radius:99px;border:1px solid var(--lx-line);font-size:.74rem;color:var(--lx-ink);flex:none}
.lx-aq svg{color:var(--lx-pink)}
.lx-amap{position:relative;flex:1;margin:8px;border-radius:8px;overflow:hidden;background:#ece9e1;
  background-image:linear-gradient(#e3dfd6 1px,transparent 1px),linear-gradient(90deg,#e3dfd6 1px,transparent 1px);background-size:20px 20px}
.lx-plabel{position:absolute;left:calc(52% + 14px);top:calc(56% - 22px);font-size:.62rem;font-weight:600;white-space:nowrap;background:#fff;color:var(--lx-ink);border-radius:6px;padding:3px 6px;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
/* 2 · profile opened */
.lx-art-profile{display:flex;flex-direction:column;gap:7px;padding:0 0 10px}
.lx-ptop{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2px;height:44px;flex:none}
.lx-ptop i{background:#cfd9de}.lx-ptop i:nth-child(2){background:#bccbd2}.lx-ptop i:nth-child(3){background:#dfe6e9}
.lx-ptabs{display:flex;gap:10px;padding:0 10px;font-size:.64rem;color:var(--lx-soft);border-bottom:1px solid var(--lx-line);padding-bottom:5px}
.lx-ptabs b{font-weight:500}
.lx-ptabs em{font-style:normal;font-weight:700;color:var(--lx-ink);box-shadow:0 7px 0 -5px var(--lx-pink)}
.lx-pmenu{display:grid;gap:5px;padding:0 10px}
.lx-pmenu i{display:block;height:6px;width:var(--w);border-radius:9px;background:#e5e2db}
.lx-pbtn{position:relative;align-self:flex-start;margin:2px 10px 0;padding:5px 12px;border-radius:99px;border:1px solid var(--lx-line);font-size:.66rem;font-weight:600;color:var(--lx-ink)}
.lx-tap{position:absolute;right:-8px;bottom:-8px;width:20px;height:20px;border-radius:50%;background:rgba(232,66,116,.25);box-shadow:0 0 0 5px rgba(232,66,116,.12)}
/* 3 · directions */
.lx-art-route{display:flex;flex-direction:column}
.lx-rmap{position:relative;flex:1;background:#ece9e1;background-image:linear-gradient(#e3dfd6 1px,transparent 1px),linear-gradient(90deg,#e3dfd6 1px,transparent 1px);background-size:20px 20px}
.lx-rmap svg{position:absolute;inset:0;width:100%;height:100%}
.lx-rbar{flex:none;display:flex;align-items:center;gap:5px;padding:7px 8px;background:#fff;border-top:1px solid var(--lx-line)}
.lx-rbar>span{flex:1;display:grid;line-height:1.15;min-width:0}
.lx-rbar b{font-size:.7rem;color:var(--lx-ink)}
.lx-rbar small{font-size:.6rem;color:var(--lx-green);font-weight:600}
.lx-rbar i{font-size:.62rem;font-weight:600;padding:5px 9px;border-radius:99px;border:1px solid var(--lx-line);color:var(--lx-ink)}
.lx-rbar i.is-go{background:var(--lx-pink);border-color:var(--lx-pink);color:#fff}
/* 4 · order ticket, not yet connected */
.local-search-page .lx-st .lx-art-ticket{background:transparent;box-shadow:none;display:grid;place-items:center;overflow:visible}
.lx-ticket{width:76%;display:grid;gap:7px;padding:14px 14px 18px;background:#fff;border:1.5px dashed #f0b3c6;
  -webkit-mask:radial-gradient(circle 5px at 50% 100%,transparent 98%,#000) 0 0/14px 100% repeat-x;mask:radial-gradient(circle 5px at 50% 100%,transparent 98%,#000) 0 0/14px 100% repeat-x}
.lx-ticket>b{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lx-pink-ink)}
.lx-tl{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lx-tl i{display:block;height:6px;flex:1;max-width:60%;border-radius:9px;background:repeating-linear-gradient(90deg,#f0d3dc 0 6px,transparent 6px 10px)}
.lx-tl u{display:block;width:28px;height:6px;border-radius:9px;background:repeating-linear-gradient(90deg,#f0d3dc 0 4px,transparent 4px 7px)}
.lx-tl.is-total{border-top:1px dashed #f0b3c6;padding-top:7px}
.lx-tl.is-total b{font-size:.66rem;color:var(--lx-ink)}
@media(max-width:1000px){.lx-st.is-1,.lx-st.is-2,.lx-st.is-3,.lx-st.is-4{min-height:0}}
@media(max-width:520px){.local-search-page .lx-st .lx-art{height:128px}}
.local-search-page .lx-st.is-4 .lx-art-ticket{order:2;margin:auto 0 0;height:220px}
.lx-ticket{width:84%;-webkit-mask:none;mask:none;border-radius:6px;padding:18px 18px 20px;gap:11px;box-shadow:0 14px 28px -22px rgba(232,66,116,.6)}
.lx-ticket>b{font-size:.74rem}
.lx-tl i{height:8px}.lx-tl u{height:8px;width:34px}
@media(max-width:1000px){.local-search-page .lx-st.is-4 .lx-art-ticket{height:180px;margin-top:8px}}