.ref-map-container{position:relative;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1);background:#eee}#ref-leaflet-canvas{width:100%;height:100%;z-index:1}.ref-map-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(255 255 255 / .9);padding:10px 20px;border-radius:20px;font-weight:600;color:#333;z-index:2;display:none;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.ref-map-container.loading .ref-map-loader{display:block}.ref-map-popup{text-align:center}.ref-map-popup img{width:100%;height:100px;object-fit:cover;border-radius:4px;margin-bottom:8px}.ref-map-popup h4{margin:0 0 4px;font-size:14px;font-weight:600}.ref-map-popup .price{color:#27ae60;font-weight:700}.leaflet-popup-content-wrapper{border-radius:8px;padding:0}.leaflet-popup-content{margin:10px}.ref-map-badges{display:flex;justify-content:center;gap:8px;margin-top:8px;font-size:11px;color:#666;flex-wrap:wrap}.ref-map-badges span{display:flex;align-items:center;background:#f5f5f5;padding:2px 6px;border-radius:4px;border:1px solid #ddd}.ref-map-badges i{font-size:12px;margin-right:3px;color:#888}.leaflet-marker-icon,.leaflet-marker-shadow{opacity:1;transition:opacity 0.3s ease-in-out}.ref-map-pin{background:transparent!important;border:none!important}.ref-pin{width:37px;height:37px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1a1a1a;cursor:pointer;user-select:none;transition:background .15s ease,box-shadow .15s ease;box-shadow:0 1px 4px rgb(0 0 0 / .22),0 0 0 1px rgb(0 0 0 / .08)}.ref-pin:hover{background:#F5F7FA;box-shadow:0 2px 8px rgb(0 0 0 / .28),0 0 0 1px rgb(0 0 0 / .14)}.ref-pin.is-selected,.ref-pin.is-selected:hover{background:#F5F7FA;box-shadow:0 0 0 1.5px rgb(0 0 0 / .55),0 3px 8px rgb(0 0 0 / .22)}