#menu,
#cart-offpage {
    z-index: 98;
}

#menu .background-blur,
#cart-offpage .background-blur { 
    opacity: 0; 
    transition-duration: .3s; 
}
#menu.show .background-blur,
#cart-offpage.show .background-blur { 
    opacity: 1; 
    transition-delay: .3s; 
}

#menu .background-white,
#menu .menu-nav { 
    left: -150%; 
    transition-duration: .3s; 
    transition-delay: .3s; 
}
#menu.show .background-white, 
#menu.show .menu-nav { 
    left: 0; 
}


#cart-offpage .background-white,
#cart-offpage .cart-content { 
    right: -150%; 
    transition-duration: .3s; 
    transition-delay: .3s; 
}
#cart-offpage.show .background-white, 
#cart-offpage.show .cart-content { 
    right: 0; 
}

@media (max-width: 768px) {
    :root {
        --header-height: 70px;
    }
}