.app-footer{border-top:var(--border);}
.app-footer__bottom{padding:1rem 0;}
.app-footer__privacy{color:var(--color-base); text-decoration: underline; display:inline-block; margin-top:1rem;}
.app-footer__privacy:hover{color:var(--main-color);}
.app-footer__social{margin-top:1rem;}
.app-footer__title{ margin:.5rem 0 1rem; font-size:1.5rem;}


/* .footer-menu__list{margin:0 -.5rem; padding:0; list-style: none;color:var(--color-base);}

.footer-menu__list--child{margin-bottom:3rem; margin-top:0;} */

.menu-row{margin:0 -.75rem;}
.menu-row__item{padding:0 .5rem; padding-right:1rem; margin:.5rem 0; width:100%;  position:relative; text-transform:uppercase; }
.menu-row__item a{color:currentColor;}
.app-footer__contacts .menu-row__item:nth-child(1), 
.app-footer__contacts .menu-row__item:nth-child(2) {font-size:1.25rem; font-weight:700;}

.footer-menu__link{color:inherit; display: inline-block; font: var(--title); font-size:1.25rem; text-transform:uppercase; }
.app-footer__bottom{border-top:var(--border);}
.app-footer__right, .app-footer__left{padding-top:1rem; padding-bottom:2rem;}

.app-footer__logo{display:block; margin:1rem auto;}
.app-logo__icon{  width:100%; max-width:4rem; margin:0 auto 1rem;  display:block;}

@media (prefers-reduced-motion:no-preference){

    .app-footer__center{ 
        perspective: 200px;

    }
    .app-footer__logo>.app-logo__icon{ 
        transform-origin: 50% 0;
        transform:  rotateY(90deg) translateZ(10px);
        animation: showFooter linear forwards;
        animation-timeline: view();
        animation-range: entry 50%;
    }

    .app-footer__logo>.app-logo__name{ 
        opacity: 0;
        animation: fadeIn linear forwards;
        animation-timeline: view();
        animation-range: entry 50%;
    }



    @keyframes showFooter {
        to {
            transform: rotateY(0) translateZ(0);
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
}

@media screen and (min-width:47em){
    .app-footer__right, .app-footer__left{padding-top:2rem; }
    .app-footer__left{padding-bottom:2rem;}
    .app-footer__privacy{margin-top:0;}

    .app-footer__title{margin-bottom:1.5rem;}
    .app-footer__title,  .footer-menu__link {font-size:1.5rem; }
    
    .app-footer__contacts .menu-row__item:nth-child(1), 
    .app-footer__contacts .menu-row__item:nth-child(2) {font-size:1rem; font-weight:400;}
    .menu-row__item{padding-right:1rem; margin-right:.5rem; width:auto;}
    .menu-row__item:after{content:''; display: block; width:2px; height:70%; position:absolute;  top:0; bottom:0; margin:auto; right:0;  transform:skewX(-20deg); background: var(--main-color);}
    .menu-row__item:last-child:after{ display: none;}
    
    .app-footer__logo{display:block; margin:2rem auto;}
    .app-logo__icon{ max-width:6rem;}
}

@media screen and (min-width:63em){
    .app-footer__bottom{padding:2rem 0;}
    .app-footer__social{margin-top:1.5rem;}
    .app-footer__left{padding-right:2rem;}
    .app-footer__right{padding-left:2rem;}
    .app-footer{border-top:var(--border);}
    .app-footer__left,
    .app-footer__right{border-top:none;}
    .menu-row{margin:0 -.5rem;}
    
}