/* Яндекс Карта на главной странице */
#yamaps {
    position: relative;
    overflow: hidden;
    background: #246aa3;
}

/* Тот же цветовой фильтр, который используется на странице контактов.
   Фильтр применяется только к подложке карты: метки, подписи и элементы
   управления Яндекс Карты сохраняют обычные цвета. 
#yamaps [class*="-ground-pane"] {
    filter: grayscale(1) sepia(0.1) hue-rotate(166deg) saturate(7.35) brightness(0.8) contrast(1.2);
    -webkit-filter: grayscale(1) sepia(0.1) hue-rotate(166deg) saturate(7.35) brightness(0.8) contrast(1.2);
}
*/
#yamaps .ymaps-2-1-79-map-copyrights-promo,
#yamaps .ymaps-2-1-79-copyright__wrap {
    opacity: .75;
}

/* Контейнер подписи привязан к географической точке центром.
   Благодаря translateX(-50%) адрес и метро находятся точно над пином
   независимо от ширины текста. */
.ym-main-marker__content {
    position: relative;
    width: 290px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    pointer-events: auto;
    text-align: center;
}

.ym-main-marker__card {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 215px;
    max-width: 320px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
}

.ym-main-marker__card .baloon__address,
.ym-main-marker__card .baloon__name {
    display: block;
    width: 100%;
    text-align: center;
}

.ym-main-marker__card:focus-visible {
    outline: 3px solid rgba(255, 255, 255, .95);
    outline-offset: 3px;
}

.yamaps--load-error {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.yamaps__error {
    position: relative;
    z-index: 3;
    max-width: 360px;
    padding: 18px 22px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .92);
    color: #333;
    text-align: center;
    box-shadow: 0 15px 35px rgba(2, 54, 127, .18);
}

@media (max-width: 768px) {
    .ym-main-marker__content {
        width: 220px;
    }

    .ym-main-marker__card {
        min-width: 175px;
        max-width: 220px;
        padding: 9px 12px;
        white-space: normal;
    }

    .ym-main-marker__card .baloon__address {
        font-size: 16px;
        line-height: 1.2;
    }

    .ym-main-marker__card .baloon__name {
        margin-top: 2px;
        font-size: 13px;
        line-height: 1.25;
    }
}