.loc-root{color:#000;background:#fff;flex-direction:column;width:100vw;height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.loc-header{border-bottom:2px solid #000;flex-shrink:0;align-items:center;gap:16px;padding:14px 24px;display:flex}.loc-back{letter-spacing:.12em;text-transform:uppercase;color:#000;border:1.5px solid #000;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700;text-decoration:none;transition:background .12s,color .12s}.loc-back:hover{color:#fff;background:#000}.loc-title{letter-spacing:.2em;text-transform:uppercase;flex:1;font-size:16px;font-weight:900}.loc-city{letter-spacing:.15em;text-transform:uppercase;color:#888;font-size:11px;font-weight:600}.loc-body{flex:1;display:flex;overflow:hidden}.loc-sidebar{background:#fff;border-right:2px solid #000;flex-direction:column;flex-shrink:0;width:360px;min-width:300px;max-width:400px;display:flex;overflow-y:auto}.loc-count{letter-spacing:.18em;text-transform:uppercase;color:#999;border-bottom:1px solid #eee;margin:0;padding:12px 20px 8px;font-size:10px}.loc-card{cursor:pointer;border-bottom:1.5px solid #eee;gap:14px;padding:16px 20px;transition:background .12s;display:flex}.loc-card:hover{background:#f5f5f5}.loc-card--active{color:#fff;background:#000!important}.loc-thumb{border:1.5px solid #000;border-radius:6px;flex-shrink:0;width:80px;height:60px;overflow:hidden}.loc-card--active .loc-thumb{border-color:#fff}.loc-thumb img{object-fit:cover;width:100%;height:100%;display:block}.loc-info{flex-direction:column;gap:4px;min-width:0;display:flex}.loc-name{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900;line-height:1.3}.loc-addr{color:#555;margin:0;font-size:11px;font-weight:500;line-height:1.4}.loc-card--active .loc-addr{color:#bbb}.loc-phone{letter-spacing:.06em;color:#000;margin:0;font-size:12px;font-weight:700;text-decoration:none}.loc-phone:hover{text-decoration:underline}.loc-card--active .loc-phone{color:#fff}.loc-btn{letter-spacing:.12em;text-transform:uppercase;color:#000;background:#fff;border:1.5px solid #000;border-radius:5px;align-self:flex-start;margin-top:6px;padding:5px 10px;font-size:9px;font-weight:700;text-decoration:none;transition:background .12s,color .12s;display:inline-block}.loc-btn:hover{color:#fff;background:#000}.loc-card--active .loc-btn{color:#fff;background:0 0;border-color:#fff}.loc-card--active .loc-btn:hover{color:#000;background:#fff}.loc-btn--disabled{cursor:default;opacity:.35;pointer-events:none}.loc-map-wrap{flex:1;position:relative;overflow:hidden}.loc-map-wrap .leaflet-container{width:100%;height:100%;font-family:system-ui,sans-serif}@media (max-width:700px){.loc-body{flex-direction:column;overflow-y:auto}.loc-sidebar{border-bottom:2px solid #000;border-right:none;flex-shrink:0;width:100%;max-width:none;max-height:none;overflow-y:visible}.loc-map-wrap{flex:none;height:56vw;min-height:260px}}