.mapx{display:flex;flex-direction:column;height:calc(100vh - var(--nav-h))}.mapx-filters{border-bottom:1px solid var(--hairline);background:var(--surface);flex:none}.mapx-filters-inner{display:flex;align-items:center;gap:10px;padding:12px 24px;flex-wrap:wrap}.mapx-filters .grow{flex:1}.filter-select{border:1px solid var(--border);border-radius:var(--r-pill);padding:9px 14px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:var(--surface);cursor:pointer}.mapx-split{flex:1;display:grid;grid-template-columns:1fr 420px;min-height:0}.mapx-map{position:relative;background:#eef1f3}.mapx-map .map-missing{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);padding:24px;text-align:center}.mapx-list{border-left:1px solid var(--hairline);display:flex;flex-direction:column;min-height:0;background:var(--bg-2)}.mapx-list-head{padding:14px 20px;border-bottom:1px solid var(--hairline);font-size:14px;color:var(--text-muted);flex:none;background:var(--surface)}.mapx-list-head b{color:var(--ink)}.mapx-cards{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.mcard{display:grid;grid-template-columns:104px 1fr;gap:12px;flex:0 0 auto;min-height:96px;border:1px solid var(--hairline);border-radius:var(--r);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-xs);cursor:pointer;transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}.mcard:hover,.mcard.is-active{border-color:var(--navy);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mcard-media{background:var(--surface-3);overflow:hidden}.mcard-media img{width:100%;height:100%;object-fit:cover;display:block}.mcard-media .ph{height:100%}.mcard-body{padding:12px 14px 12px 0;min-width:0}.mcard-price{font-weight:700;color:var(--ink);font-size:16px;line-height:1.25}.mcard-price .per{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-top:1px}.mcard-title{font-size:13.5px;font-weight:600;color:var(--ink);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcard-loc{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-muted);margin-top:4px}.mcard-loc svg{width:13px;height:13px;color:var(--sky);flex:none}.mcard-link{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--navy)}.mapx-empty{padding:28px 20px}.mb-pin{background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:6px 12px;border-radius:var(--r-pill);box-shadow:var(--shadow);white-space:nowrap;cursor:pointer;transition:transform var(--t) var(--ease-out),background var(--t) var(--ease)}.mb-pin:hover,.mb-pin.is-active{background:var(--sky);transform:translateY(-2px) scale(1.05);z-index:2}.mpop{font-family:var(--font);padding:2px 2px 4px;min-width:168px}.mpop-price{font-weight:700;color:var(--ink);font-size:15px;line-height:1.25}.mpop-price .per{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-top:1px}.mpop-title{font-size:13px;color:var(--text);margin:2px 0}.mpop-loc{font-size:12px;color:var(--text-muted);margin-bottom:8px}.mpop a{font-size:12.5px;font-weight:600;color:var(--navy)}.mapboxgl-popup-content{border-radius:var(--r-sm);box-shadow:var(--shadow);padding:12px 14px}@media (max-width: 900px){.mapx{height:auto}.mapx-split{grid-template-columns:1fr}.mapx-map{height:56vh}.mapx-list{border-left:0;border-top:1px solid var(--hairline)}.mapx-cards{max-height:none}}