.nav-bar{box-sizing:border-box;z-index:2;background-color:#fff;justify-content:center;align-items:center;height:5.5rem;padding:1rem;display:flex;position:sticky;top:0}.nav-bar .nav-content{flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:70rem;display:flex}.nav-content .logo{font-size:1.5rem;font-weight:700}.nav-content .links{gap:.5rem;width:max-content;display:flex;width:max-content!important}.nav-content ul li{align-items:center;display:flex}.nav-content ul li a{flex:1;padding:.7rem 1rem}.nav-content ul li .active{color:#16525b;font-weight:600}.nav-content ul li:nth-child(5) .active{color:#0ff}.action-buttons{align-items:center;gap:1rem;display:flex}.user{cursor:pointer;align-items:center;gap:.3rem;font-weight:500;display:flex}.action-buttons button{color:#fff;background-color:#000;border-radius:.3rem;padding:.3rem 1rem}.sixtyvw{width:60vw!important}.zerovw{width:0!important}.side-menu-back-filter{z-index:2;background-color:#0000001a;width:100vw;height:100vh;transition:all .3s;position:fixed;top:0;right:0}.sideLinks{color:#fff;z-index:14;background-color:#000;flex-direction:column;width:20rem;height:100vh;padding-top:1rem;transition:all .4s .2s;display:flex;position:absolute;top:5.5rem;right:0;overflow:hidden auto}.sideLinks li{z-index:22;width:60vw;min-height:3rem;padding-inline:2rem;font-weight:100;position:relative;color:#fff!important;font-size:1.1rem!important}.sideLinks .active{color:#0ff!important;font-weight:600!important}.cart-number{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.cart-size{color:#fff;z-index:445;background-color:#000;border-radius:50%;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-.5rem;right:-.5rem}.menu-icon{cursor:pointer;z-index:445;flex-direction:column;justify-content:center;gap:9px;width:2rem;height:4rem;display:flex;position:relative}.menu-icon span{background-color:#02242b;border-radius:.3rem;width:100%;height:3px;display:block}.menu-icon span:nth-child(odd){background-color:#fff}.menu-icon span:nth-child(2n){background-color:#fff;width:60%;margin-left:auto;transition:all .3s;position:relative}.menu-icon:hover span:nth-child(2n){width:100%;margin-left:auto;position:relative}.footer{color:#fff;text-align:center;background-color:#000;padding:2rem;position:relative;z-index:13!important}@media screen and (max-width:680px){.nav-content .logo{font-weight:700;font-size:1.5rem!important}}