.footer {
    width: 100%;
    background: var(--color-clear-white);
    position: relative
}

.footer__container {
    --width: 100%;
    --padding-top: 8.5333333333vw;
    --padding-bottom: 8.5333333333vw;
    --flex-direction: column;
    --side-padding: var(--main-layout-side-padding);
    --side-margin: 0
}

@media(min-width: 720px) {
    .footer__container {
        --width:100%;
        --padding-top: 5vw;
        --padding-bottom: 2.5vw;
        --flex-direction: row;
        --side-padding: var(--main-layout-side-padding);
        --side-margin: 0
    }
}

@media(min-width: 1281px) {
    .footer__container {
        --width:72.5vw;
        --padding-top: 3.3333333333vw;
        --padding-bottom: 3.9583333333vw;
        --flex-direction: row;
        --side-padding: 0;
        --side-margin: auto
    }
}

@media(min-width: 2400px) {
    .footer__container {
        --width:1740px;
        --padding-top: 80px;
        --padding-bottom: 95px;
        --flex-direction: row;
        --side-padding: 0;
        --side-margin: auto
    }
}

.footer__container {
    display: flex;
    width: var(--width);
    flex-direction: var(--flex-direction);
    align-items: stretch;
    padding: var(--padding-top) var(--side-padding) var(--padding-bottom);
    margin: 0 var(--side-margin);
    position: relative
}

.footer__contacts {
    --margin-top: 1.0666666667vw;
    --gap: 2.1333333333vw
}

@media(min-width: 720px) {
    .footer__contacts {
        --margin-top:0vw;
        --gap: 0.625vw
    }
}

@media(min-width: 1281px) {
    .footer__contacts {
        --margin-top:0vw;
        --gap: 0.4166666667vw
    }
}

@media(min-width: 2400px) {
    .footer__contacts {
        --margin-top:0px;
        --gap: 10px
    }
}

.footer__contacts {
    position: absolute;
    right: var(--side-padding);
    top: var(--vertical-padding);
    margin-top: var(--margin-top);
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    align-items: flex-end
}

.footer__email {
    text-align: right
}

.footer__logo-container {
    --padding-right: 13.8666666667vw;
    --border-width: 0
}

@media(min-width: 720px) {
    .footer__logo-container {
        --padding-right:4.0625vw;
        --border-width: 1px
    }
}

@media(min-width: 1281px) {
    .footer__logo-container {
        --padding-right:2.7083333333vw;
        --border-width: 1px
    }
}

@media(min-width: 2400px) {
    .footer__logo-container {
        --padding-right:65px;
        --border-width: 1px
    }
}

.footer__logo-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    border-right: var(--border-width) solid var(--color-elephant-bone);
    padding-right: var(--padding-right)
}

.footer__working-hours {
    --padding-left: 9.0666666667vw;
    --gap: 2.9333333333vw;
    --margin-top: 2.6666666667vw
}

@media(min-width: 720px) {
    .footer__working-hours {
        --padding-left:3.90625vw;
        --gap: 0.859375vw;
        --margin-top: 1.71875vw
    }
}

@media(min-width: 1281px) {
    .footer__working-hours {
        --padding-left:2.6041666667vw;
        --gap: 0.5729166667vw;
        --margin-top: 1.1458333333vw
    }
}

@media(min-width: 2400px) {
    .footer__working-hours {
        --padding-left:62.5px;
        --gap: 13.75px;
        --margin-top: 27.5px
    }
}

.footer__working-hours {
    display: flex;
    padding-left: var(--padding-left);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap);
    margin-top: var(--margin-top);
    color: var(--color-wetty-asphalt)
}

.footer__days-of-week {
    --width: 47.2vw;
    --gap: 1.3333333333vw
}

@media(min-width: 720px) {
    .footer__days-of-week {
        --width:13.828125vw;
        --gap: 0.390625vw
    }
}

@media(min-width: 1281px) {
    .footer__days-of-week {
        --width:9.21875vw;
        --gap: 0.2604166667vw
    }
}

@media(min-width: 2400px) {
    .footer__days-of-week {
        --width:221.25px;
        --gap: 6.25px
    }
}

.footer__days-of-week {
    display: flex;
    width: var(--width);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap)
}

.footer__days-of-week__items {
    --gap: 2.6666666667vw;
    --justify-content: flex-end
}

@media(min-width: 720px) {
    .footer__days-of-week__items {
        --gap:0.78125vw;
        --justify-content: flex-start
    }
}

@media(min-width: 1281px) {
    .footer__days-of-week__items {
        --gap:0.5208333333vw;
        --justify-content: flex-start
    }
}

@media(min-width: 2400px) {
    .footer__days-of-week__items {
        --gap:12.5px;
        --justify-content: flex-start
    }
}

.footer__days-of-week__items {
    display: flex;
    align-items: center;
    gap: var(--gap);
    align-self: stretch
}

.footer__weekend {
    color: var(--color-peach)
}

.footer__requisites {
    --margin-top: 10.1333333333vw;
    --padding-left: 0vw
}

@media(min-width: 720px) {
    .footer__requisites {
        --margin-top:2.421875vw;
        --padding-left: 3.90625vw
    }
}

@media(min-width: 1281px) {
    .footer__requisites {
        --margin-top:1.6145833333vw;
        --padding-left: 2.6041666667vw
    }
}

@media(min-width: 2400px) {
    .footer__requisites {
        --margin-top:38.75px;
        --padding-left: 62.5px
    }
}

.footer__requisites {
    margin-top: var(--margin-top);
    padding-left: var(--padding-left);
    color: var(--color-wetty-asphalt)
}

.footer__social-links {
    --width: 100%;
    --margin-bottom: 0vw;
    --vertical-padding: 5.0666666667vw
}

@media(min-width: 720px) {
    .footer__social-links {
        --width:auto;
        --margin-bottom: 4.296875vw;
        --vertical-padding: 0vw
    }
}

@media(min-width: 1281px) {
    .footer__social-links {
        --width:auto;
        --margin-bottom: 0vw;
        --vertical-padding: 0vw
    }
}

@media(min-width: 2400px) {
    .footer__social-links {
        --width:auto;
        --margin-bottom: 0px;
        --vertical-padding: 0px
    }
}

.footer__social-links {
    margin-bottom: var(--margin-bottom);
    margin-left: auto;
    width: auto;
    order: var(--order);
    align-self: flex-end;
    flex-grow: 0;
    flex-shrink: 0;
    padding: var(--vertical-padding) 0
}

.footer__logo {
    --height: 5.8666666667vw
}

@media(min-width: 720px) {
    .footer__logo {
        --height:2.65625vw
    }
}

@media(min-width: 1281px) {
    .footer__logo {
        --height:1.7708333333vw
    }
}

@media(min-width: 2400px) {
    .footer__logo {
        --height:42.5px
    }
}

.footer__logo {
    height: var(--height);
    flex-grow: 0;
    flex-shrink: 0
}

.footer__menu {
    --border-width: 1px;
    --vertical-padding: 9.6vw;
    --side-padding: 0vw;
    --gap: 16vw
}

@media(min-width: 720px) {
    .footer__menu {
        --border-width:0;
        --vertical-padding: 0vw;
        --side-padding: 4.21875vw;
        --gap: 6.5625vw
    }
}

@media(min-width: 1281px) {
    .footer__menu {
        --border-width:0;
        --vertical-padding: 0vw;
        --side-padding: 2.8125vw;
        --gap: 4.375vw
    }
}

@media(min-width: 2400px) {
    .footer__menu {
        --border-width:0;
        --vertical-padding: 0px;
        --side-padding: 67.5px;
        --gap: 105px
    }
}

.footer__menu {
    display: flex;
    border-top: var(--border-width) solid var(--color-elephant-bone);
    border-bottom: var(--border-width) solid var(--color-elephant-bone);
    padding: var(--vertical-padding) var(--side-padding);
    gap: var(--gap);
    flex-grow: 0;
    flex-shrink: 0
}

.footer__menu-column {
    --gap: 8vw
}

@media(min-width: 720px) {
    .footer__menu-column {
        --gap:2.34375vw
    }
}

@media(min-width: 1281px) {
    .footer__menu-column {
        --gap:1.5625vw
    }
}

@media(min-width: 2400px) {
    .footer__menu-column {
        --gap:37.5px
    }
}

.footer__menu-column {
    display: flex;
    flex-direction: column;
    gap: var(--gap)
}

.footer__menu-item:hover {
    color: var(--color-brand-light)
}
