.footer {
    padding: 72px 0 24px;
    background: var(--brand-secondary);
}

.footer__top {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.footer__logo {
    display: block;
    width: 250px;
}

.footer__logo-img {
    width: 100%;
    height: auto;
}

.footer__about {
    margin-top: 24px;
}

.footer__legal {
    margin-top: 32px;
}

.footer__about,
.footer__legal {
    color: var(--text-on-dark);
}

.footer__title {
    margin-bottom: 24px;
    color: var(--text-white);
}

.footer__brand {
    max-width: 379px;
    width: 100%;
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer__link {
    color: var(--text-on-dark);
    transition: color 0.2s;
}

.footer__link:hover,
.footer__email:hover,
.footer__policy:hover {
    color: var(--brand-primary);
}

.footer__phone {
    display: block;
    color: var(--text-white);
}

.footer__email {
    display: block;
    margin-top: 12px;
    color: var(--text-on-dark);
    transition: color 0.2s;
}

.footer__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.footer__social,
.footer__social-img {
    display: block;
    width: 32px;
    height: 32px;
}

.footer__bottom {
    margin-top: 48px;
    padding-top: 16px;
    border-top: 1px solid var(--border-dark);
}

.footer__brand + .footer__col {
    margin-left: auto;
}

.footer__copyright {
    color: var(--text-on-dark);
}

.footer__policy {
    color: var(--text-on-dark);
    text-decoration: underline;
    transition: color 0.2s;
}

@media (max-width: 1080px) {

    .footer {
        padding: 24px 0 16px;
    }

    /*
     * Блок логотипа занимает всю ширину и внутри делится надвое,
     * а «Информация» и «Контакты» уходят под него в одну строку.
     */
    .footer__top {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .footer__brand {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
        gap: 24px;
        grid-column: 1 / -1;
        max-width: 100%;
    }

    .footer__logo {
        width: 200px;
    }

    .footer__legal {
        margin-top: 0;
    }

    .footer__bottom {
        margin-top: 24px;
    }
}

@media (max-width: 768px) {

    .footer__top,
    .footer__brand {
        grid-template-columns: 1fr;
    }

    .footer__legal {
        margin-top: 24px;
    }

    .footer__brand + .footer__col {
        margin-left: 0;
    }
}