header{position:absolute;width:100%;top:0;z-index:40}.nav{display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;padding:15px;background-color:transparent;z-index:1000}.nav.scrolled{background-color:#000}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:999}.nav__menu-bar{display:flex;flex-direction:column;row-gap:6px;cursor:pointer}.nav__menu-bar div{width:40px;height:3px;background-color:#fff;border-radius:2px}.nav__menu-list{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;width:450px;left:-450px;transition:all .3s;background-color:#fff;z-index:999;max-width:100%;max-height:100%}.nav__menu-list.active{left:0}.nav__menu-list-cart{position:fixed;top:0;bottom:0;width:450px;right:-450px;transition:all .3s;background:#fff;z-index:999;max-width:100%;max-height:100%}.nav__menu-list-cart.active{right:0}