.footer {
    width: 100%;
    background-color: var(--reserved-dark-color);
    padding: 30px 0px 40px 0px;
    color: var(--main-light-color)
}
footer a:hover {
    color: white;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1160px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "Manrope-ExtraLight", "sans-serif";
    font-size: 15px;
}

.footer-logo,
.footer-items,
.footer-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-logo {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 96px !important;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.footer-items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 32px;
}

.footer-contacts {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; /* Контакты справа */
    gap: 10px; /* Расстояние между элементами */
}
.footer-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0px 48px
}
.footer-links a:last-child {
    width: min-content;
}
.footer-desc-items {
    width: 100%;
    color: #ACACAC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px 10px;
    margin-top: 115px;
}
.social-media__icon {
    width: 27px;
}

@media (max-width: 991.98px) {
    .footer-items {
        gap: 24px;
    }
}


@media (max-width: 767.98px) {
    footer {
        padding: 48px 16px 9px !important;
    }
    .footer-container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 0.45fr 0px 0.55fr;
        grid-template-columns: 0.45fr 0.55fr;
        -ms-grid-rows: auto 45px auto 45px auto;
        grid-template-rows: auto auto auto;
        gap: 45px 0px;
    }
    .footer-container > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .footer-container > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }
    .footer-container > *:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .footer-container > *:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .footer-container > *:nth-child(5) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    .footer-container > *:nth-child(6) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .footer-logo {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column-align: start;
        justify-self: start;
    }

    .footer-contacts {
        -ms-grid-row: 1;
        grid-row: 1;
        gap: 8px;
        -ms-grid-column-align: end;
        justify-self: end;
    }

    .footer-items {
        -ms-grid-row: 2;
        grid-row: 2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 16px;
    }
    .footer-email {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .footer-desc-items {
        -ms-grid-row: 2;
        grid-row: 2;
        display: -ms-grid;
        display: grid;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 0;
        gap: 16px;
        width: 90%;
        -ms-grid-column-align: end;
        justify-self: end;
    }

    .footer-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }
}

@media (max-width: 359.98px) {
    .footer-container {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr; /* Одна колонка */
        gap: 24px 0px;
    }
    .footer-logo {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        grid-column: 1;
    }
    .footer-contacts {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-column-align: start;
        justify-self: start; /* Выравниваем контакты по левому краю */
    }

    .footer-items {
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 1;
        grid-column: 1;
        width: 100%;
    }
    .footer-desc-items {
        -ms-grid-row: 4;
        grid-row: 4;
        -ms-grid-column: 1;
        grid-column: 1;
        width: 100%;
        -ms-grid-column-align: start;
        justify-self: start; /* Выравниваем по левому краю */
    }
    /* Опционально: уменьшаем отступы для очень маленьких экранов */
    footer {
        padding: 32px 16px 9px !important;
    }
}