.property-map{width:100%;height:310px;isolation:isolate}
.property-area-tooltip{border:1px solid #bf7569!important;background:#fff5f0ed!important;color:#82463c!important;border-radius:20px!important;box-shadow:0 2px 10px #53332318!important;font-size:11px!important;font-weight:500;padding:5px 10px!important}
.detail-area-label{flex-shrink:0;padding:6px 10px;border:1px solid #e9c8c0;border-radius:20px;background:#fff5f1;color:#98594e;font-size:11px}
.detail-area-note{display:flex;align-items:flex-start;gap:9px;margin:12px 0 0;font-size:11px;line-height:1.7;color:#647588}
.detail-area-note>span{flex-shrink:0;width:12px;height:12px;margin-top:3px;border:1px dashed #bd5e55;border-radius:50%;background:#da827733}
@media(max-width:600px){.property-map{height:270px}.detail-location .detail-section-heading{align-items:flex-start;flex-direction:column;gap:8px}}

/* The large map uses small approximate dots and clusters, never exact pins. */
.property-map-cluster{background:transparent;border:0}
.property-map-cluster>span{display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#c5a46b;color:#102c46;font:500 11px/1.2 "Manrope",sans-serif;box-shadow:0 2px 10px #102c4630}
.property-map-dot{cursor:pointer}
.property-map-dot:hover{fill:#c5a46b}
.property-map-dot:focus-visible{outline:none;stroke:#c5a46b;stroke-width:4}
.property-map-cluster:focus-visible{outline:3px solid #102c46;outline-offset:3px;border-radius:50%}
/* Each dot opens a single compact property preview, without a scrollable list. */
.reference-design .map-property-preview{display:flex;align-items:stretch;gap:12px;width:100%;min-width:0;min-height:82px;text-decoration:none;color:var(--walin-navy);background:#fff}
.reference-design .map-property-preview>img{display:block;width:76px;height:82px;flex-shrink:0;object-fit:cover;border-radius:10px}
.reference-design .map-preview-body{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:2px 3px 2px 0}
.reference-design .map-preview-body strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:500;line-height:1.45}
.reference-design .map-preview-body p{margin:0;font-size:12px;line-height:1.45;overflow-wrap:anywhere;color:#8b6a31}
.reference-design .map-preview-body span{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.4;color:#102c46}
.reference-design .map-preview-body svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.reference-design .map-property-preview:hover .map-preview-body svg{transform:translateX(3px)}
.reference-design .map-property-preview:focus-visible{outline:2px solid #c5a46b;outline-offset:3px;border-radius:10px}
.reference-design .property-dot-popup .leaflet-popup-content{margin:12px;overflow:visible}
.reference-design .property-dot-popup .leaflet-popup-content-wrapper{border-radius:14px;box-shadow:0 6px 24px #102c4620}
.reference-design .property-dot-popup .leaflet-popup-close-button{width:24px;height:24px;color:#617185}