/* Start:/assets/css/contacts-page.css?17890326672866*/
/* Страница /contacts/: CTA-блок, карта, фикс цветов внутри #contacts */

#contacts .contacts-feedback {
    margin-top: 10px;
}

/* #contacts h2 задаёт тёмный цвет — перебиваем для CTA */
#contacts .contacts-feedback h2.title-block {
    color: #fff !important;
    margin-top: 0;
}

#contacts .contacts-feedback h2.title-block:before {
    background-color: #fff !important;
}

#contacts .contacts-feedback h3.base {
    color: #fff;
}

#contacts .contacts-feedback .prev-text {
    color: rgba(255, 255, 255, 0.9);
}

#contacts .contacts-feedback .c-list .info .title,
#contacts .contacts-feedback .c-list .info .sub,
#contacts .contacts-feedback .c-list .info a {
    color: #fff;
}

#contacts .contacts-feedback .form-block h3 {
    color: #fff;
}

#contacts .socials {
    padding-bottom: 20px;
}

/* Иконка мессенджера MAX (в template_styles.css её нет — иконка добавлена в 2026) */
#contacts .socials .max {
    background-image: url(/local/templates/v1_yac/img/contacts/max.svg);
}

/* Плиток стало 4 в один ряд (было 6 в двух col-lg-6) — на узких экранах не даём сжиматься в кашу.
   !important — перебиваем :first-child/:last-child из template_styles, иначе сетка 2×2 кривая */
@media (max-width: 575.98px) {
    #contacts .socials {
        flex-wrap: wrap;
    }
    #contacts .socials .soc-but {
        flex: 1 1 40%;
        margin: 5px !important;
    }
}

#contacts > .container > h2 {
    margin-top: 10px;
}

#contacts .filial .address .goto {
    display: inline;
    margin-left: 6px;
    padding: 0;
    border: 0;
    background: none;
    color: #6c5ce7;
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

#contacts .filial .address .goto:hover,
#contacts .filial .address .goto:focus {
    color: #1A1753;
    outline: none;
}

#contacts .filial .address .goto.is-active {
    color: #1A1753;
    font-weight: 600;
    text-decoration: none;
}

#contacts .contacts-map-panel {
    max-height: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.32s ease, opacity 0.28s ease, margin 0.28s ease;
}

#contacts .contacts-map-panel.is-open {
    max-height: 460px;
    margin: 16px 0 8px;
    opacity: 1;
}

#contacts .contacts-map {
    width: 100%;
    height: 380px;
    border-radius: 12px;
    overflow: hidden;
    background: #eef1f6;
    box-shadow: 0 8px 24px rgba(26, 23, 83, 0.08);
}

@media (max-width: 991px) {
    #contacts .contacts-feedback {
        margin-top: 0;
    }

    #contacts .contacts-map {
        height: 280px;
        border-radius: 8px;
    }

    #contacts .contacts-map-panel.is-open {
        max-height: 340px;
    }
}

/* End */
/* /assets/css/contacts-page.css?17890326672866 */