#map {
    width: 100%;
    height: 100%;
    /*z-index: 3;*/
}
/*.mobile-controls{
    position: relative;
    z-index: 4;
}*/

.vbox-content .vbox-inline.vbox-child #map{
    width: 100vw!important;
    height: 80vh!important;
}

.custom-pin {
    width: 30px;
    height: 30px;
    background: linear-gradient(127deg, #006930 -10.24%, #006930 6.11%, #027056 23.48%, #30825F 38.18%, #669364 49.34%, #8C9F67 59.92%, #A89F5D 70.65%, #C5A052 80.1%, #D79944 96.46%, #E09549 115.24%, #DC924B 123.18%);
    position: relative;
    border-radius: 50%;
    transform: rotate(45deg); /* превращает круг в каплю */
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid white;
}

.custom-pin .icon {
    transform: rotate(-45deg); /* повернуть иконку обратно */
}

.custom-cluster {
    width: 40px;
    height: 40px;
    position: relative;
    background-color: #45a63d;
    border-radius: 50%;
    transform: rotate(45deg);
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid white;
}
.custom-cluster .inner-circle {
    width: 26px;
    height: 26px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #004d00;
    font-size: 16px;
    font-weight: bold;
    transform: rotate(-45deg);
}

.custom-cluster .icon {
    color: white;
    font-size: 16px;
    font-weight: bold;
    transform: rotate(-45deg);
}
.leaflet-popup-content {
    font-size: 14px;
    color: #333;
}


.ymaps-2-1-79-balloon,
.ymaps-2-1-79-balloon__layout{
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(167, 166, 166, 0.15),0 5px 15px -7px rgba(167, 166, 166,.5)!important;
}