.footer {
    position: relative;

    margin-top: 56px;
    display: flex;
    justify-content: center;
    flex: 0;

    color: var(--color-white);

    background-color: var(--color-space);
}

@media screen and (min-width: 960px) {
    .footer {
        margin-top: 72px;
    }
}

/*Новогодний футер*/
/*.footer::before {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    z-index: 0;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    opacity: 0.3;*/
/*    background-image: url("https://s.sweb.ru/img/icons/NY-pattern.svg");*/
/*    background-position: top;*/
/*}*/


/*    Новогодний футер
background-image: url("../images/pattern_footer-03.svg");
background-position: -32% 18%;*/

.footer ul,
.footer p {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer__grid {
    margin: 0 40px;
    width: 100%;
    max-width: 1420px;
    padding: 40px 0 32px 0;
    display: grid;
    gap: 33px 20px;
    grid-template-columns: repeat(20, 1fr);
    grid-template-areas:
        "partner partner partner partner partner partner nav nav nav nav nav nav nav nav nav form form form form form"
        "partner partner partner partner partner partner app app app app .. .. .. .. .. form form form form form"
        ". . . . . . info info info info info info info info info info info info info info";

    transition: .5s;
}

.footer .grid-item__become-partner {
    grid-area: partner;
    margin-left: -15px;
}

.footer .grid-item__nav-links {
    grid-area: nav;
}

.footer .grid-item__download-app {
    grid-area: app;
}

.footer .grid-item__footer-form-search {
    grid-area: form;
}

.footer .grid-item__copyright {
    grid-area: info;
}

.footer .grid-item__copyright .footer__text {
    margin: 0;
}

.footer .grid-item__copyright .footer__text span {
    display: inline;
}

.footer .grid-item__copyright .footer__text:not(:first-child) {
    margin-top: 8px;
}

.footer .become-partner {
    padding-top: 32px;
    padding-left: 55px;
    height: 236px;
    width: 357px;

    background: url("../../images/footer/footer_left.svg") no-repeat;
}

.footer .become-partner__title {
    color: var(--color-white);

    font-size: 20px;
    line-height: 130%;
    font-weight: 500;
}

.footer .become-partner__list-items {
    padding-left: 10px;
}

.footer .become-partner__list-title,
.footer .become-partner__list-item {
    position: relative;

    font-size: 16px;
    line-height: 130%;
    color: var(--color-white);
}

.footer .become-partner__list-item::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 46%;
    left: -9px;
    background: url("../../images/footer/marker_footer.png") no-repeat;
}

.footer .become-partner__button {
    margin: 20px 0 auto;
}

.footer .nav-links__columns {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}

.footer .nav-links__list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: .5s;
}

.footer .nav-links__list-item a {
    font-size: 14px;
    line-height: 140%;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color-white-tr15);
    color: var(--color-white);
}

.footer .download-app__links {
    display: flex;
    gap: 16px;
}

.footer .download-app__link img {
    width: 122px;
}

.footer .footer-form-search {
    margin-bottom: 32px;
    min-width: 255px;
    max-width: 288px;
    height: 30px;
    display: flex;
    align-items: center;
    overflow: hidden;

    border-radius: 5px;
    background: var(--color-white);
}

.footer .footer-form-search input[type=text] {
    position: relative;
    margin: 0 2px 0 15px;
    font: 14px/140% TTNorms, Verdana, Geneva, sans-serif;
    display: block;
    width: 100%;
    height: 20px;
    padding: 6px 0;
    color: #71839E;
    border: none;
    border-radius: 5px;
    box-sizing: unset;
    min-height: auto;
    outline: none;
}

.footer .footer-form-search [type=submit] {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    display: block;
    flex-shrink: 0;

    border: none;
    background: url("../../images/footer/submit_search.svg") no-repeat 50% 50%;

    cursor: pointer;
}

.footer .site-map {
    text-decoration: none;
    color: #FFFFFF;
}

.footer .phones-block {
    margin-top: 32px;
    margin-bottom: 24px;
}

.footer .phones-block__phone {
    cursor: default;
    text-decoration: none;
    color: #fff;
}

.footer .phones-block__location {
    color: #8997AC;
}

.footer .social-links__items {
    display: flex;
    gap: 20px;
}

.footer .footer__title {
    margin-bottom: 8px;

    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    color: var(--color-white);
}

.footer .footer__text {
    margin-bottom: 0;

    font-size: 10px;
    line-height: 140%;
    color: var(--color-dark-grey-1);
}

.footer .become-partner__title {
    font-family: TTNorms, Verdana, Geneva, sans-serif !important;
    margin-bottom: 12px;
}

.footer .grid-item {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

@media screen and (max-width: 1599px) {
    .footer .footer__grid {
        padding-top: 40px;
        grid-template-columns: repeat(12, 1fr);
        row-gap: 0;
        grid-template-areas:
            "partner partner partner partner nav nav nav nav nav nav nav nav"
            "form form form form app app app . . . . ."
            "form form form form app app app . . . . ."
            "form form form form info info info info info info info info"
            "form form form form .. .. .. .. .. .. .. ..";
    }

    .footer .grid-item.grid-item__footer-form-search {
        margin-top: 32px;
    }

    .footer .grid-item.grid-item__download-app {
        margin-top: 24px;
    }

    .footer .grid-item.grid-item__copyright {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1259px) {
    .footer .footer__grid {
        padding-top: 40px;
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas:
            "partner partner partner partner partner nav nav nav nav nav nav nav"
            "form form form form form nav nav nav nav nav nav nav"
            "form form form form form app app app app . . ."
            "form form form form form .. .. .. .. .. .. .."
            "info info info info info info info info info info info info";
    }

    .footer .nav-links__list {
        grid-gap: 8px 16px;
        gap: 8px 16px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .footer .nav-links__columns {
        display: flex;
        flex-direction: column;
        gap: unset;
    }

    .footer .nav-links__column:not(:first-child) {
        margin-top: 24px;
    }

    .footer br {
        display: none;
    }
}

@media screen and (max-width: 959px) {
    .footer .footer__grid {
        grid-template-areas:
            "partner partner partner partner partner partner nav nav nav nav nav nav"
            "form form form form form form nav nav nav nav nav nav"
            "form form form form form form app app app app app ."
            "form form form form form form .. .. .. .. ..  .."
            "info info info info info info info info info info info info";
    }
}

@media screen and (max-width: 800px) {
    .footer .footer__grid {
        margin: 0 20px;
    }
}

@media screen and (max-width: 799px) {
    .footer .footer__grid {
        grid-template-columns: 1fr;
        padding: 32px 0;
        grid-template-areas:
        "partner"
        "nav"
        "app"
        "form"
        "info";
    }

    .footer .grid-item__become-partner {
        margin: 0;
    }

    .footer .grid-item__become-partner .become-partner {
        padding: 0;
        margin: 0;
        background-image: none;
        width: auto;
        height: auto;
    }

    .footer .grid-item__nav-links {
        margin-top: 32px;
    }

    .footer .footer-form-search {
        max-width: none;
    }
}