.site-footer{
    background:var(--red-dark);
    color:var(--white);
    font-family:var(--font-primary);
    margin-top:0;
}

.page-home .site-footer {
    margin-top: 150px
}

.site-footer__body{
    padding:54px 0 38px;
}

.site-footer__grid{
    display:grid;
    grid-template-columns:1fr 48px 1.75fr 48px .75fr;
    gap:48px;
    align-items:center;
}

.footer-brand,
.footer-stores,
.footer-social{
    min-width:0;
}

.footer-logo,
.footer-logo__img{
    display:none;
}

.footer-nav{
    display:grid;
    gap:5px;
}

.footer-nav__link,
.footer-stores__item,
.footer-stores__item a,
.footer-social__icon{
    color:var(--white);
    text-decoration:none;
    font-size:24px;
    line-height:1.12;
    font-weight:400;
}

.footer-stores__title,
.footer-social__title{
    font-size:31px;
    line-height:1;
    font-weight:700;
    margin:0 0 30px;
}

.footer-stores__list{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:4px;
}

.footer-social{
    justify-self:end;
}

.footer-social__icons{
    display:grid;
    gap:8px;
}

.footer-star{
    width:34px;
    height:34px;
    object-fit:contain;
    justify-self:center;
}

.footer-bottom{
    background:#050505;
    color:var(--white);
}

.footer-bottom__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:13px 0 12px;
    font-size:19px;
    line-height:1;
}

.footer-bottom__dev a{
    color:var(--white);
    text-decoration:none;
}

/* TABLET */

@media(max-width:1024px){

.site-footer__body{
    padding:42px 0 30px;
}

.site-footer__grid{
    grid-template-columns:1fr 34px 1.5fr 34px .8fr;
    gap:26px;
}

.footer-nav__link,
.footer-stores__item,
.footer-stores__item a,
.footer-social__icon{
    font-size:22px;
}

.footer-stores__title,
.footer-social__title{
    font-size:25px;
    margin-bottom:22px;
}

.footer-star{
    width:25px;
    height:25px;
}

.footer-bottom__inner{
    font-size:15px;
}

}

/* MOBILE */

@media(max-width:700px){

.site-footer__body{
    padding:30px 0 24px;
}

.site-footer__grid{
    grid-template-columns:1fr;
    gap:24px;
    text-align:center;
    justify-items:center;
}

.footer-star{
    width:22px;
    height:22px;
}

.footer-star--left{
    order:2;
}

.footer-star--right{
    order:4;
}

.footer-social{
    order:5;
    justify-self:center;
}

.footer-nav{
    gap:4px;
}

.footer-nav__link,
.footer-stores__item,
.footer-stores__item a,
.footer-social__icon{
    font-size:20px;
    line-height:1.15;
}

.footer-stores__title,
.footer-social__title{
    font-size:24px;
    margin-bottom:12px;
}

.footer-bottom__inner{
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:8px;
    padding:12px 0;
    font-size:13px;
    line-height:1.25;
}

}