footer {
    background: var(--Surface-Dark, #33333A);
}

footer .block-content {
    padding: 30px 20px 12px;
    align-items: stretch;
    gap: 33px;
}

footer .content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
}

footer .column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 57px;
}

footer .column > a > img {
    height: 74px;
}

footer .socials {
    display: flex;
    width: 229px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

footer .socials-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}

footer .links-row {
    display: flex;
    align-items: center;
    gap: 30px;
}

footer .links-row a {
    display: flex;
    align-items: center;
    gap: 6px;
}

footer .links-row a img {
    width: 24px;
}

footer .links-row a p {
    color: var(--Base-White, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer .contact-container {
    display: flex;
    height: 74px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

footer nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

footer .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

footer .row .caption {
    color: var(--Gray-200, #ABABB1);
}

footer .row-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer .row-container > a {
    display: flex;
    align-items: center;
    gap: 6px;
}

footer nav .footer-text {
    color: var(--Base-White, #FFF);
}

footer .mbk {
    display: flex;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background: #F7C43A;
    color: var(--Text-Primary, #1E2433);
    text-align: center;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: normal;
}

@media (max-width: 989px) {
    footer .block-content {
        padding: 30px 20px 14px;
        gap: 50px;
    }

    /* Flatten the three desktop columns so their children become
       direct grid items of .content and can be reordered freely. */
    footer .content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
        column-gap: 15px;
        row-gap: 30px;
    }

    footer .column {
        display: contents;
    }

    /* Mobile order: logo → phone → email → socials → two navs side by side. */
    footer .column > a:has(img) {
        order: 1;
        grid-column: 1 / -1;
    }

    footer .column:nth-child(2) .contact-container {
        order: 2;
        grid-column: 1 / -1;
    }

    footer .column:nth-child(3) .contact-container {
        order: 3;
        grid-column: 1 / -1;
    }

    footer .socials {
        order: 4;
        grid-column: 1 / -1;
        width: auto;
    }

    footer .column:nth-child(2) nav {
        order: 5;
        grid-column: 1;
        margin-top: 10px;
    }

    footer .column:nth-child(3) nav {
        order: 5;
        grid-column: 2;
        margin-top: 10px;
    }

    footer nav .footer-text {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
    }

    footer .row {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
}

/* ---- Ховеры кликабельных элементов футера — Brand/Primary (правка по фидбеку) ---- */

footer a.footer-heading,
footer a.footer-text,
footer a.footer-contact,
footer .footer-note,
footer a.caption,
footer .links-row a p,
footer .row-container a .caption {
    transition: color 0.15s ease;
}

footer a.footer-heading:hover,
footer a.footer-text:hover,
footer a.footer-contact:hover,
footer a.caption:hover,
footer .links-row a:hover p,
footer .row-container a:hover .caption {
    color: var(--Brand-Primary, #D5A944);
}

/* «Обратный звонок»/«Написать письмо» и так золотые — на ховере светлеют. */
footer a.footer-note:hover,
footer button.footer-note:hover {
    color: var(--Brand-Primary-light, #D4B46B);
}