/*
 SN-FAQ-MESSENGER-HEIGHT-20261027-V4

 Block:
 Остались вопросы? Мы готовы помочь!

 Telegram / WhatsApp / MAX.

 Desktop only.
 Widths and existing styles preserved.
*/

@media (min-width: 992px) {

    .faq-mp__form
    a.header__contacts-soc-item.icon-tg2,

    .faq-mp__form
    a.header__contacts-soc-item.icon-wa,

    .faq-mp__form
    a.header__contacts-soc-item.icon-max {

        height: 40px !important;

        min-height: 40px !important;

        max-height: 40px !important;

        box-sizing: border-box !important;
    }
}


/*
 SN-HOME-SOCIAL-GAPS-20261027-V4

 Reference: six social buttons in bottom footer.

 Horizontal gap: 4px.
 Vertical gap: 4px.

 Desktop only.
*/

@media (min-width: 992px) {

    /*
     * ОСТАЛИСЬ ВОПРОСЫ?
     *
     * Telegram + WhatsApp in first row.
     * MAX in second row.
     */

    .faq-mp__form .faq-mp__form-btns {
        display: flex !important;
        flex-wrap: wrap !important;

        gap: 4px !important;
        column-gap: 4px !important;
        row-gap: 4px !important;
    }

    .faq-mp__form .faq-mp__form-btns
    > a.header__contacts-soc-item:is(.icon-tg2, .icon-wa) {
        box-sizing: border-box !important;

        flex: 0 0 calc((100% - 4px) / 2) !important;

        width: calc((100% - 4px) / 2) !important;
        min-width: 0 !important;
        max-width: calc((100% - 4px) / 2) !important;

        margin: 0 !important;
    }

    .faq-mp__form .faq-mp__form-btns
    > a.header__contacts-soc-item.icon-max {
        box-sizing: border-box !important;

        flex: 0 0 100% !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
    }

    /*
     * ОСТАЁМСЯ НА СВЯЗИ!
     *
     * Six buttons, 3 columns and 2 rows.
     */

    .feedback-mp
    :has(> .feedback-mp__socials-item) {

        display: grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        column-gap: 4px !important;
        row-gap: 4px !important;
        gap: 4px !important;

        align-items: stretch !important;
    }

    .feedback-mp .feedback-mp__socials-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
    }

    .feedback-mp
    .feedback-mp__socials-item
    > a.footer__contacts-social-item {

        box-sizing: border-box !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}