/**
 * Place for Footer styles here.

MAIN

*/
 
/* MAIN */
.page-footer {
    display: flex;
    flex-direction: column;
    column-gap: 5em;
    row-gap: 2em;
    background: var(--background-footer);
    padding-top: 30px;
    padding-bottom: 35px;
    color: #fff;
}

.page-footer__upperline {
    display: grid;
    grid-template-columns: 19fr 18fr 18fr auto;
    column-gap: 4rem;
}

.page-footer__info {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    width: fit-content;
    row-gap: 24px;
}

.page-footer__brand-after {
    
}

/* page-footer__contacts */
.page-footer__contacts {
    grid-column: 4;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    row-gap: 5px;
}

.page-footer__contacts a {
    font-size: 16px;
    color: #fff;
    display: flex;
    column-gap: 10px;
}

.page-footer__contacts-phone img {
    width: 14px;
}

.page-footer__contacts-link {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.page-footer__contacts-email img {
    width: 14px;
}

.page-footer__contacts-city {
    font-size: 16px;
    color: #fff;
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.page-footer__contacts-city img {
    width: 14px;
}

.page-footer__contacts-city .city-txt.current_city {
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
}

.page-footer__contacts-city .content {
    padding: 0;
}

.page-footer__menu {
    grid-column: 2;
    grid-row: 1;
    width: fit-content;
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.page-footer__catalog {
    grid-column: 3;
    grid-row: 1;
    width: fit-content;
    /* margin-left: auto; */
    /* margin-right: auto; */
}

.page-footer__catalog ul,
.page-footer__menu-menu ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    color: var(--footer-text);
}

.page-footer__catalog span,
.page-footer__catalog a,
.page-footer__menu-menu span,
.page-footer__menu-menu a {
    color: var(--footer-text);
}

.page-footer__work-time {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: fit-content;
}

.page-footer__work-time-open-time,
.page-footer__work-time-open-day {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.page-footer__work-time-open-day__item,
.page-footer__work-time-open-time__item {
    color: var(--footer-text);
}

.page-footer__work-time-payment {
    display: flex;
    column-gap: 15px;
    align-items: center;
}

.page-footer__work-time-payment img {
    height: auto;
}

/* page-footer__underline */
.page-footer__underline {
    display: flex;
    justify-content: space-between;
    color: var(--footer-text);
    flex-wrap: wrap;
    column-gap: 3rem;
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.page-footer__underline a {
    color: var(--footer-text);
}

.page-underfooter__seo-brand {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.page-underfooter__seo-brand a {
    color: var(--red);
}








/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {

}

@media (max-width: 1919px) {
}

@media (max-width: 1800px) {

}

@media (max-width: 1650px) {

}

@media (max-width: 1600px) {
    .page-footer__upperline {
        grid-template-columns: 30fr 18fr 25fr auto;
    }
    .page-footer__underline {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        row-gap: 15px;
    }
    .page-underfooter__copyright {
        grid-column: 1;
        grid-row: 1;
    }
    .page-underfooter__seo-brand {
        grid-column: 1;
        grid-row: 2;
    }
    .page-underfooter__policy {
        grid-column: 2;
        grid-row: 1;
        text-align: end;
    }
    .page-underfooter__personal-data {
        grid-column: 2;
        grid-row: 2;
        text-align: end;
    }
}

@media (max-width: 1500px) {

}

@media (max-width: 1440px) {
}

@media (max-width: 1366px) {
    .page-footer {
        grid-template-columns: 6fr 6fr 4fr 6fr;
        column-gap: 3em;
    }
    .page-underfooter__policy-data a,
    .page-underfooter__seo-brand a,
    .page-footer__brand-after,
    .page-footer__copyright,
    .page-footer__contacts,
    .page-footer__contacts a,
    .page-footer__contacts-city,
    .page-footer__menu-menu a,
    .page-footer__catalog-menu a,
    .page-footer__contacts-city .city-txt.current_city {
        font-size: 14px;
    }
    .page-footer__copyright,
    .page-footer__contacts {
      /* row-gap: 0; */
    }
    .page-underfooter__seo {
      grid-template-columns: 250px 120px;
    }
}

@media (max-width: 1280px) {
    .page-footer {
        grid-template-columns: 7fr 7fr 4fr 7fr;
        column-gap: 3em;
    }
    .page-footer__upperline {
        grid-template-columns: 4fr 2fr 3fr 3fr;
        column-gap: 3rem;
    }
}

@media (max-width: 1225px) {
    .page-footer__work-time-payment {
        flex-wrap: wrap;
        row-gap: 8px;
    }
}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {
    .page-footer {
        grid-template-columns: 4fr 3fr;
        /*! grid-template-rows: auto auto auto auto; */
        row-gap: 2em;
    }
    .page-footer__info {
        grid-column: 1;
        grid-row: 1;
    }
    .page-footer__catalog {
        grid-column: 1;
        grid-row: 2;
    }
    .page-footer__menu {
        grid-column: 2;
        grid-row: 2;
    }
    .page-footer__contacts {
        grid-column: 2;
        grid-row: 1;
    }
    .page-underfooter__policy-data {
        grid-column: 2;
        grid-row: 3;
    }
    .page-footer__brand-after {
        max-width: 260px;
    }
    .page-footer__upperline {
        grid-template-columns: 2fr 2fr;
        column-gap: 3rem;
        row-gap: 3rem;
    }
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
}

@media (max-width: 650px) {
    .page-footer {
        grid-template-columns: 6fr 3fr;
    }
    .page-footer__upperline {
        grid-template-columns: 1fr 1fr;
    }
    .page-footer__underline {
        display: flex;
        flex-direction: column;
        align-items: start;
    }
    .page-footer__info {
        grid-column: 1;
        grid-row: 1;
    }
    .page-footer__catalog {
        grid-column: 1;
        grid-row: 2;
    }
    .page-footer__menu {
        grid-column: 2;
        grid-row: 2;
    }
    .page-footer__work-time {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 570px) {
    .page-footer__upperline {
        grid-template-columns: 5fr 4fr;
    }
}

@media (max-width: 500px) {
    .page-footer__info {
        grid-column: 1/3;
        grid-row: 1;
    }
    .page-footer__catalog {
        grid-column: 1;
        grid-row: 3;
    }
    .page-footer__menu {
        grid-column: 2;
        grid-row: 3;
    }
    .page-footer__work-time {
        grid-column: 1/3;
        grid-row: 2;
    }
}

@media (max-width: 480px) {
    .page-footer__upperline {
        grid-template-columns: 1fr auto;
    }
}

@media (max-width: 450px) {
    .page-underfooter__seo {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        max-width: 250px;
    }
}

@media (max-width: 400px) {
    .page-footer {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 360px) {
    .page-footer__upperline {
        display: flex;
        flex-direction: column;
        row-gap: 2rem;
    }
}