.hpsm-map-wrap{
--hpsm-pin-color: #E77E58;
--hpsm-accent: #E77E58;
--hpsm-map-height: min(70vh, 620px);
--hpsm-popup-width: 520px;
--hpsm-card-radius: 18px;
--hpsm-card-border: #F0E6E2;
--hpsm-pin-scale: 1; position: relative;
z-index: 0;
isolation: isolate;
}
.hpsm-map-wrap .leaflet-container{
position: relative;
z-index: 0;
}
.hpsm-map-wrap .hpsm-map{
position: relative;
z-index: 0;
}
.hpsm-map{
width: 100%;
height: var(--hpsm-map-height);
} .hpsm-card{
background: #fff;
border: 1px solid var(--hpsm-card-border);
border-radius: var(--hpsm-card-radius);
overflow: hidden;
}
.hpsm-card--shadow{
box-shadow: 0 10px 30px rgba(36, 38, 43, 0.06);
} .hpsm-map-wrap .leaflet-control-zoom a{
border-radius: 10px !important;
border: 1px solid var(--hpsm-card-border) !important;
color: #2F3A44 !important;
box-shadow: 0 8px 18px rgba(36, 38, 43, 0.08);
}
.hpsm-map-wrap .leaflet-control-zoom a:hover{
background: var(--hpsm-accent) !important;
color: #fff !important;
}
.hpsm-map-wrap .leaflet-popup-content-wrapper{
border-radius: 16px;
border: 1px solid var(--hpsm-card-border);
box-shadow: 0 14px 28px rgba(36, 38, 43, 0.18);
}
.hpsm-map-wrap .leaflet-popup-tip{
box-shadow: 0 14px 28px rgba(36, 38, 43, 0.18);
} .hpsm-map-wrap .leaflet-popup-content{
margin: 16px 18px;
width: min(var(--hpsm-popup-width), 90vw);
}
.hpsm-popup{ max-width: var(--hpsm-popup-width); }
.hpsm-popup__title{
font-weight: 800;
margin: 0 0 6px 0;
font-size: 18px;
line-height: 1.15;
letter-spacing: -0.01em;
}
.hpsm-popup__meta{
font-size: 12.5px;
color: #6B7785;
margin-bottom: 10px;
}
.hpsm-popup__img{
width: 100%;
height: auto;
border-radius: 12px;
margin: 0 0 12px 0;
display: block;
}
.hpsm-popup__text{
font-size: 14px;
line-height: 1.45;
margin: 0 0 12px 0;
}
.hpsm-popup__btn{
display: inline-block;
background: var(--hpsm-accent);
color: #fff;
text-decoration: none;
padding: 11px 14px;
border-radius: 12px;
font-weight: 800;
font-size: 13px;
}
.hpsm-popup__btn:hover{
filter: brightness(0.96);
} .hpsm-map-wrap + .hpsm-map-wrap{ margin-top: 18px; }