.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);position:relative;z-index:45}.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;z-index:1}.filter-dd.open{z-index:2}.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;max-width:min(360px,calc(100vw - 32px));box-sizing:border-box;display:none;z-index:50}.filter-dd.open .filter-dd-menu{display:block}.filter-dd-menu.is-fixed{position:fixed;right:auto;z-index:80}.filter-dd-menu.is-fixed.open{display:block}.filter-dd:last-of-type .filter-dd-menu:not(.is-fixed){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-pill.location-city:not(.active){border-color:var(--color-primary, var(--ink))}.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}.fb-sort{display:inline-flex;flex:none;margin:0}.fb-sort .sort-select{padding:9px 14px}.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-col .branch-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-4) var(--sp-3)}.listing-branch-card{min-width:0;overflow:hidden}.listing-branch-card .branch-name,.listing-branch-card .branch-meta,.listing-branch-card .branch-service{min-width:0}.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)}@media(max-width:900px){.results-col .branch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3) 10px}}@media(max-width:640px){.results-col .branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.listing-split{padding:var(--sp-4) 0 var(--sp-6);gap:var(--sp-4)}.results-col .listing-branch-card .branch-photo{aspect-ratio:1 / 1;border-radius:12px}.results-col .listing-branch-card .branch-info{padding:6px 2px 0}.results-col .listing-branch-card .branch-top{align-items:flex-start;gap:4px}.results-col .listing-branch-card .branch-name{font-size:12.5px;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.results-col .listing-branch-card .branch-rating{font-size:11px;padding-top:1px}.results-col .listing-branch-card .branch-rating .star{width:11px;height:11px}.results-col .listing-branch-card .branch-meta,.results-col .listing-branch-card .branch-service{font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-col .listing-branch-card .featured-badge{top:6px;left:6px;padding:3px 7px;font-size:9.5px;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-col .listing-branch-card .avail-badge{left:6px;bottom:6px;right:6px;width:auto;max-width:calc(100% - 12px);padding:3px 7px;font-size:9.5px;overflow:hidden;text-overflow:ellipsis}.results-col .listing-branch-card .fav-btn{top:6px;right:6px;width:24px;height:24px}}.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:1.5px solid var(--border-strong);border-radius:var(--r-pill);padding:6px 11px;font-size:12px;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,box-shadow .15s ease;font-family:var(--font);z-index:1}.map-price-pin{letter-spacing:-.01em}.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;filter:drop-shadow(0 1px 0 var(--border-strong));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.06);z-index:3;box-shadow:var(--shadow-md)}.map-pin:hover:after,.map-pin.active:after{border-top-color:var(--ink);filter:none}.map-preview{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(300px,calc(100% - 24px));background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:6;font-family:var(--font)}.map-preview[hidden]{display:none!important}.map-preview-close{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border:none;border-radius:50%;background:#15171b8c;color:#fff;font-size:18px;line-height:1;cursor:pointer}.map-preview-photo{display:block;position:relative;aspect-ratio:16 / 10;background:var(--surface-alt);overflow:hidden;text-decoration:none}.map-preview-fallback{position:absolute;inset:0;background:linear-gradient(135deg,var(--grad-beauty-1),var(--grad-beauty-2))}.map-preview-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.map-preview-body{padding:12px 14px 14px}.map-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.map-preview-name{font-size:14px;font-weight:800;color:var(--ink);line-height:1.25;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.map-preview-rating{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}.map-preview-rating .star{color:var(--star)}.map-preview-service,.map-preview-price{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-preview-price{color:var(--ink);font-weight:800}.map-preview-cta{display:flex;align-items:center;justify-content:center;margin-top:12px;width:100%;min-height:40px;border-radius:var(--r-pill);background:var(--color-primary);color:#fff!important;border:1.5px solid var(--color-primary);font-size:13.5px;font-weight:800;text-decoration:none}.map-preview-cta:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff!important}.map-overlay .map-preview{bottom:calc(70px + env(safe-area-inset-bottom,0px))}.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))}}