#map,
.yandex-map {
width: 100%;
height: 600px;
margin: 0 auto;
border-radius: 16px;
overflow: hidden;
}
.main-map-container { overflow: hidden;
}
.ymaps-2-1-79-map {
border-radius: 16px !important;
}
.ymaps-2-1-79-inner-panes {
border-radius: 16px;
overflow: hidden;
}
.quarry-main-card-right .yandex-map {
max-height: 264px;
max-width: 100% !important;
}
.quarry-page__map .yandex-map {
max-height: 230px;
}
.yandex-map .ymaps-2-1-79-map {
width: 100% !important;
}
.placemark-container {
position: relative;
display: flex;
align-items: center;
transform: translate(-50%, -70%);
}
.custom-marker {
position: relative;
min-width: 44px;
width: 44px;
height: 44px;
flex-shrink: 0;
z-index: 1;
transform: translateX(-22px);
}
.custom-marker svg {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0;
}
.placemark-label {
position: relative;
margin-left: 10px;
transform: translateX(-22px);
padding: 8px 10px;
background: #fbfbfb;
border-radius: 8px;
white-space: nowrap;
z-index: 0;
box-shadow: 0 4px 8px 0 rgba(38, 38, 38, 0.1);
}
.placemark-label-content {
font-family: "Geologica", sans-serif;
font-size: 14px;
color: var(--tekst-1);
text-align: left;
}
.label-prefix {
font-weight: 300;
}
.label-name {
font-weight: 500; }
.balloon-content {
font-family: "Geologica", sans-serif;
font-size: 14px;
line-height: 1.4;
padding: 8px 0;
white-space: nowrap;
}
.balloon-content b {
font-weight: 500;
display: block;
margin-bottom: 4px;
}
@media screen and (max-width: 1023px) {
#map,
.yandex-map {
height: 413px;
}
.small-map {
height: 245px;
}
.quarry-page__map .yandex-map {
max-height: 200px;
}
}
@media screen and (max-width: 767px) {
#map,
.yandex-map {
height: 460px;
}
.quarry-main-card-right .yandex-map {
max-height: 257px;
}
.quarry-page__map .yandex-map {
max-height: 287px;
}
.placemark-container {
flex-direction: column;
transform: translate(-50%, -35%);
}
.custom-marker {
transform: translateX(0);
}
.placemark-label {
transform: translateX(0);
}
}
@media screen and (max-width: 550px) {
.quarry-page__map .yandex-map {
max-height: 187px;
}
}