.listing-topbar{padding:var(--sp-6) 0 var(--sp-5);border-bottom:1px solid var(--border);background:var(--surface)}.filterbar-section{border-bottom:1px solid var(--border);background:var(--surface)}.filterbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) 0;overflow-x:auto;scrollbar-width:none}.filterbar::-webkit-scrollbar{display:none}.fb-cats{display:flex;align-items:center;gap:8px;flex:none}.fb-cat-pill{display:inline-flex;align-items:center;gap:7px;flex:none;white-space:nowrap;border:1px solid var(--border-strong);background:#fff;border-radius:var(--r-pill);padding:9px 16px;font-size:13.5px;font-weight:700;color:var(--ink-2);text-decoration:none}.fb-cat-pill svg{width:16px;height:16px;flex:none}.fb-cat-pill:hover{border-color:var(--ink);color:var(--ink)}.fb-cat-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.fb-cat-pill.active svg{color:#fff}.fb-divider{width:1px;height:24px;background:var(--border);flex:none;margin:0 2px}.fb-dd-group{display:flex;align-items:center;gap:8px;flex:none}.filter-dd{position:relative;flex:none}.filter-dd-btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--border-strong);background:#fff;border-radius:var(--r-pill);padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--ink-2);font-family:var(--font);cursor:pointer}.filter-dd-btn:hover{border-color:var(--ink)}.filter-dd-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.filter-dd-btn .chev{width:14px;height:14px;color:var(--ink-faint);flex:none;transition:transform .15s ease}.filter-dd.open .filter-dd-btn .chev{transform:rotate(180deg)}.filter-dd-menu{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:16px;min-width:230px;display:none;z-index:40}.filter-dd.open .filter-dd-menu{display:block}.filter-dd:last-of-type .filter-dd-menu{left:auto;right:0}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.filter-pill{border:1px solid var(--border-strong);background:#fff;border-radius:var(--r-pill);padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--ink-2);text-decoration:none;font-family:var(--font)}.filter-pill:hover{border-color:var(--ink);color:var(--ink)}.filter-pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.filter-reset-pill{flex:none;margin-left:auto;background:none;border:none;font-size:13.5px;font-weight:700;color:var(--color-primary-dark);padding:9px 6px;font-family:var(--font);cursor:pointer;text-decoration:none}.filter-reset-pill:hover{text-decoration:underline}.listing-split{display:flex;gap:var(--sp-6);padding:var(--sp-6) 0 var(--sp-8);align-items:flex-start}.results-col{flex:1 1 0;min-width:0}.results-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}.listing-title-inline{font-size:22px;font-weight:800;letter-spacing:-.01em}.listing-sub-inline{color:var(--ink-soft);font-size:13.5px;margin-top:4px}.results-bar-right{display:flex;align-items:center;gap:12px;flex:none}.results-count{font-size:13px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.results-col .branch-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-4) var(--sp-3)}.listing-branch-card .branch-sub{font-size:12px;font-weight:700;color:var(--ink-soft);margin-top:1px}.listing-branch-card .featured-badge{position:absolute;top:8px;left:8px;z-index:2;background:#fffffff0;border-radius:var(--r-pill);padding:4px 9px;font-size:10.5px;font-weight:700;color:var(--color-primary-dark)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--sp-7)}.page-btn{min-width:38px;height:38px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:#fff;font-size:13.5px;font-weight:700;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:var(--font)}.page-btn:hover{border-color:var(--ink);color:var(--ink)}.page-btn.active,.page-btn.active span{background:var(--ink);border-color:var(--ink);color:#fff}.page-btn.disabled,.page-btn.disabled span{opacity:.4;pointer-events:none}.sort-select{border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:10px 16px;font-size:13.5px;font-weight:600;color:var(--ink-2);font-family:var(--font);background:#fff;cursor:pointer}.sort-select:focus{outline:none;border-color:var(--ink)}.map-col{flex:0 0 42%;position:sticky;top:92px;height:calc(100vh - 92px - var(--sp-6));align-self:flex-start}.map-panel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--r-xl);background:radial-gradient(circle at 22% 28%,#afc9f28c,#afc9f200 42%),radial-gradient(circle at 78% 72%,#b7e0c48c,#b7e0c400 46%),radial-gradient(circle at 60% 12%,#ffb1b859,#ffb1b800 40%),repeating-linear-gradient(0deg,rgba(21,23,27,.05) 0 1px,transparent 1px 56px),repeating-linear-gradient(90deg,rgba(21,23,27,.05) 0 1px,transparent 1px 56px),#eef0f1}.map-panel--google{background:#eef0f1}.map-google{width:100%;height:100%}.map-pins{position:absolute;inset:0}.map-pin{position:absolute;transform:translate(-50%,-100%);background:#fff;border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:7px 12px;font-size:12.5px;font-weight:800;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap;transition:transform .15s ease,background-color .15s ease,color .15s ease;font-family:var(--font)}.map-pin:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;transition:border-top-color .15s ease}.map-pin:hover,.map-pin.active{background:var(--ink);color:#fff;border-color:var(--ink);transform:translate(-50%,-100%) scale(1.08);z-index:2}.map-pin:hover:after,.map-pin.active:after{border-top-color:var(--ink)}.card-highlight{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:var(--r-md)}.map-toggle-btn{display:none;position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:50;align-items:center;gap:8px;background:var(--ink);color:#fff;border:none;border-radius:var(--r-pill);padding:12px 20px;font-size:14px;font-weight:700;box-shadow:var(--shadow-lg);font-family:var(--font);cursor:pointer}.map-toggle-btn svg{width:17px;height:17px;flex:none}.map-overlay{position:fixed;inset:0;z-index:95;background:#fff;display:none;flex-direction:column}.map-overlay.open{display:flex}.map-overlay-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:800;font-size:15px;flex:none}.map-overlay-close{background:var(--surface-alt);border:none;width:34px;height:34px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;font-family:var(--font)}.map-overlay .map-panel{flex:1;height:auto;border-radius:0}.map-overlay-list-btn{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border:none;border-radius:var(--r-pill);padding:12px 22px;font-size:14px;font-weight:700;box-shadow:var(--shadow-lg);font-family:var(--font);cursor:pointer}.map-overlay-list-btn svg{width:16px;height:16px;flex:none}@media(max-width:900px){.map-col{display:none}.map-toggle-btn{display:flex}}@media(max-width:768px){.map-toggle-btn{bottom:calc(82px + env(safe-area-inset-bottom))}}@media(max-width:640px){.results-bar{flex-direction:column;align-items:flex-start}.results-bar-right{width:100%;justify-content:space-between}}