.mzh-pin-wrap { background: transparent !important; border: 0 !important; }
.mzh-pin { position: relative; display: grid; width: 34px; height: 34px; place-items: center; border: 3px solid #fff; border-radius: 50% 50% 50% 0; background: #e8877a; box-shadow: 0 5px 12px rgba(104, 54, 48, .32); transform: rotate(-45deg); }
.mzh-pin::after { position: absolute; bottom: -8px; left: 50%; width: 12px; height: 12px; border-radius: 50%; background: rgba(232, 135, 122, .22); content: ''; transform: translateX(-50%); }
.mzh-pin span { display: block; width: 10px; height: 10px; border-radius: 50%; background: #fff9f6; transform: rotate(45deg); }
#mzh-map .leaflet-popup-content-wrapper, .place-detail-map .leaflet-popup-content-wrapper { overflow: hidden; border: 1px solid #efd4cb; border-radius: 16px; background: #fffaf7; box-shadow: 0 14px 30px rgba(74, 48, 43, .2); }
#mzh-map .leaflet-popup-content, .place-detail-map .leaflet-popup-content { margin: 14px 16px 15px; }
#mzh-map .leaflet-popup-tip, .place-detail-map .leaflet-popup-tip { border: 1px solid #efd4cb; border-top: 0; border-left: 0; background: #fffaf7; }
#mzh-map .leaflet-popup-close-button, .place-detail-map .leaflet-popup-close-button { top: 7px; right: 8px; color: #a85b4b; font-size: 20px; }
#mzh-map .map-popup h2 { padding-right: 18px; color: #463632; }
#mzh-map .map-popup p { margin: 0 0 10px; color: #76615b; font-size: .86rem; line-height: 1.45; }
#mzh-map .map-popup a, .place-detail-map .place-detail-popup a { display: inline-flex; padding: 7px 10px; border-radius: 7px; background: #f5b4a4; color: #4b3833; font-size: .8rem; font-weight: 750; text-decoration: none; }
.place-detail-map .leaflet-popup-content-wrapper { border-radius: 14px; }