.finder{align-items:stretch}
.finder-side{display:grid;align-content:center;padding-block:var(--sp-7)}
.finder-side .city-picker{margin-top:var(--sp-5);max-width:28rem;background:var(--color-surface)}
.kpanel{margin-top:var(--sp-5)}
.loc-hero{padding-bottom:var(--space-section)}
.kbody{display:grid;gap:var(--sp-5)}
.kbody.swap{animation:city-swap var(--dur-3) var(--ease-enter)}
.khead{display:flex;align-items:center;gap:var(--sp-4)}
.kthumb{width:clamp(64px,6vw,88px);height:auto;aspect-ratio:4/5;flex:none;border-radius:var(--r-md);object-fit:cover;box-shadow:var(--shadow-print)}
.khead > div{min-width:0}
.khead .kind{color:var(--color-accent-text);margin:0 0 var(--sp-1)}
.kstatus{display:inline-flex;align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0 0;font-size:var(--fs-small);font-weight:600}
.kstatus i{width:8px;height:8px;border-radius:50%;background:#c9c2bc}
.kstatus.open i{background:#2fbf71;box-shadow:0 0 0 4px rgba(47,191,113,.18)}
.korder{display:grid;gap:var(--sp-2)}
.kbuy{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5)}
.kcta{min-height:58px;min-width:min(100%,17rem);justify-content:space-between;padding:0 24px 0 28px}
.knote{margin:0;font-size:13px;line-height:1.45;color:var(--color-text-muted)}
.plats{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}
.plats .label{color:var(--color-text-muted);font-size:11px;margin-right:2px}
.plats .plat{height:38px}
.kfacts{list-style:none;margin:0;padding:var(--sp-4) 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);border-top:1px solid var(--color-border-strong)}
.kfacts li{display:grid;align-content:start;gap:var(--sp-1);padding-inline:var(--sp-5)}
.kfacts li:first-child{padding-left:0}
.kfacts li + li{border-left:1px solid var(--color-border)}
.kfacts .label{display:flex;align-items:center;gap:6px;margin:0 0 2px;color:var(--color-text-muted);font-size:11px}
.kico{width:15px;height:15px;flex:none;color:var(--color-accent-text)}
.kfacts address{font-style:normal;color:var(--color-text);font-size:15px;line-height:1.45}
.kfacts .ph,.kact{min-height:44px;margin-block:-10px}
.kfacts .ph{display:inline-flex;align-items:center;justify-self:start;font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap}
.kfacts .ph:hover{color:var(--color-accent-text)}
.kact{display:inline-flex;align-items:center;justify-self:start;gap:6px;font:700 var(--fs-label)/1 var(--font-label);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;color:var(--color-text);white-space:nowrap}
.kact svg{width:14px;height:14px;transition:transform var(--dur-2) var(--ease-out)}
.kact:hover svg{transform:translateX(3px)}
.ktoday{display:grid;margin:0;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.45}
.ktoday span + span{font-weight:600}
.kweek summary{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:32px;cursor:pointer;list-style:none;font:700 var(--fs-label)/1 var(--font-label);letter-spacing:var(--ls-label);text-transform:uppercase}
.kweek summary::-webkit-details-marker{display:none}
.kweek summary::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform var(--dur-2) var(--ease-out)}
.kweek[open] summary::after{transform:translateY(1px) rotate(-135deg)}
dl.hours{margin:var(--sp-1) 0 0;display:grid;gap:2px;font-size:13px;background:var(--color-surface);border-radius:var(--r-sm);padding:8px 12px}
dl.hours div{display:flex;justify-content:space-between;gap:10px;padding:2px 0}
dl.hours dt{color:var(--color-text-muted)}
dl.hours dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
dl.hours .today dt,dl.hours .today dd{color:var(--color-accent-text)}
.hnote{margin:calc(-1 * var(--sp-2)) 0 0;font-size:var(--fs-xs);line-height:1.45;color:var(--color-text-muted)}
.map{--map-sea:#FBF8F5;background:var(--map-sea);display:grid;align-items:center}
.map-box{--land-end:100%;position:relative;width:100%;aspect-ratio:960/580}
.js .map-box.is-fit{position:absolute;inset:0;aspect-ratio:auto}
.map-box svg{position:absolute;inset:0;width:100%;height:100%;--fade:linear-gradient(to bottom,transparent,#000 14%,#000 calc(var(--land-end) - 14%),transparent var(--land-end));-webkit-mask-image:var(--fade);mask-image:var(--fade)}
.map .land-ca{fill:#F1E8E0;stroke:#E0D2C5;stroke-width:.8}
.map .land-us{fill:#F7F2ED}
.map .states{fill:none;stroke:#EADFD5;stroke-width:.6}
.map .border{fill:none;stroke:#CDBBAA;stroke-width:1.2;stroke-dasharray:3 4}
.map .country{font:700 22px var(--font-label);letter-spacing:.4em;text-transform:uppercase;text-anchor:middle;fill:#B9A797;opacity:.75}
.map .route{fill:none;stroke:var(--color-accent);stroke-width:1.6;stroke-dasharray:4 7;vector-effect:non-scaling-stroke;opacity:.5}
.mk-list{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.mk{--leg:24px;--chip:36px;position:absolute;left:var(--x);top:var(--y);width:0;height:0}
.mk.on{z-index:2}
.mk-dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--color-surface);box-shadow:0 0 0 2.5px var(--color-text),0 2px 6px rgba(0,0,0,.25);transition:background var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-spring)}
.mk.on .mk-dot{background:var(--color-accent);box-shadow:0 0 0 3px var(--color-surface),0 0 0 5px var(--color-accent),0 4px 10px rgba(243,100,12,.45);transform:scale(1.12)}
.mk-dot::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--color-accent);opacity:0;pointer-events:none}
.mk.ping .mk-dot::after{animation:mk-ping .9s var(--ease-out)}
@keyframes mk-ping{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}
.mk::before{content:"";position:absolute;left:-1px;width:2px;height:var(--leg);background:var(--color-text);opacity:.3;transition:opacity var(--dur-2) var(--ease-out)}
.mk.on::before{opacity:1}
.mk[data-side^="up"]::before{bottom:6px}
.mk[data-side="down"]::before{top:6px}
.mk-chip{position:absolute;left:-14px;display:inline-flex;align-items:center;height:var(--chip);padding:0 16px;border:0;border-radius:var(--r-pill);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-print);
font:700 12px/1 var(--font-label);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;cursor:pointer;
transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}
.mk-chip::after{content:"";position:absolute;inset:-4px}
.mk[data-side^="up"] .mk-chip{bottom:calc(var(--leg) + 6px)}
.mk[data-side="down"] .mk-chip{top:calc(var(--leg) + 6px)}
.mk[data-side="up-left"] .mk-chip{left:auto;right:-14px}
@media (hover:hover){.mk-chip:hover{box-shadow:var(--shadow-print-hover);transform:translateY(-1px)}}
.mk-chip:active{transform:scale(var(--press))}
.mk-chip:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}
.mk.on .mk-chip{background:var(--color-text);color:#fff}
.ordbar{display:none}
@media (max-width:999px){
.finder-side{padding-block:var(--sp-7) var(--sp-6);max-width:none}
.map{aspect-ratio:3/2}
.map-box{max-height:100%}
.ordbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;padding:12px var(--gr) calc(12px + env(safe-area-inset-bottom,0px)) var(--gl);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -1px 0 var(--color-border),0 -16px 30px -24px rgba(0,0,0,.35);transform:translateY(110%);transition:transform var(--dur-3) var(--ease-out)}
.ordbar.show{transform:none}
.ordbar .btn{flex:1;min-height:52px;justify-content:space-between;padding:0 22px}
.ordcall{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--color-text);color:#fff}
.ordcall svg{width:22px;height:22px}
footer.site{padding-bottom:84px}
}
@media (min-width:641px) and (max-width:999px){.finder-side{max-width:40rem}}
@media (max-width:640px){
.kfacts{grid-template-columns:minmax(0,1fr);padding-top:0}
.kfacts li{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border)}
.kfacts li + li{border-left:0}
.kfacts li > .label{grid-column:1 / -1}
.kfacts .kact{grid-column:2;grid-row:2}
.kfacts .kweek{grid-column:1 / -1}
.hnote{margin-top:0}
.kcta{flex:1 1 100%}
.finder-side{padding-block:var(--sp-6) var(--sp-5)}
.finder-side .city-picker{margin-top:var(--sp-5)}
.kbody{gap:var(--sp-4)}
.kthumb{width:60px}
.khead{gap:var(--sp-3)}
.map{aspect-ratio:4/3}
.mk{--leg:16px;--chip:32px}
.mk-chip{font-size:11px;padding:0 12px;left:-12px}
.mk[data-side="up-left"] .mk-chip{right:-12px}
}
@media (max-width:360px){.kthumb{width:52px}}
@media (prefers-reduced-motion:reduce){
.ordbar,.mk-dot,.mk-chip{transition:none}
.kbody.swap,.mk.ping .mk-dot::after{animation:none}
}
