*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;transition:.3s}nav{position:fixed;top:0;left:0;right:0;z-index:9999}.nav-container{width:100%;max-width:var(--max-width);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;background:var(--text-dark)}.nav__header{padding:.8rem 1rem;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:var(--text-dark)}.nav__logo a{font-size:1.5rem;font-weight:700;color:var(--white)}.nav__logo{display:flex;align-items:center}.nav__logo img{display:block;height:35px;width:auto;object-fit:contain;min-width:35px;max-width:80px;flex-shrink:0}.nav__logo{flex:0 0 auto}.nav__res__btn{display:flex;align-items:center;gap:1rem}.nav__menu__btn{font-size:1.5rem;color:var(--white);cursor:pointer}.nav__links{position:absolute;top:60px;left:0;width:100%;padding:2rem;list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;background-color:var(--text-dark);transition:.5s;z-index:-1;transform:translateY(-100%)}.nav__links.open{transform:translateY(0)}.nav__links a{font-weight:600;color:var(--white)}.nav__btns{display:none}.nav-logo-mobile{display:block}.nav-logo-desktop{display:none}@media (min-width: 768px){nav{background:#fff;transition:all .3s ease}.nav-container{padding:2rem;background:transparent}nav.scrolled{box-shadow:0 2px 10px #0000001a}nav.scrolled .nav-container{height:56px;transition:height .3s ease}.nav__header{flex:1;padding:0;background-color:transparent}.nav__logo a{color:var(--text-dark)}.nav__res__btn{display:none}.cart-sec i{color:var(--text-dark)}.nav__links{position:static;padding:0;flex-direction:row;background-color:transparent;transform:none;z-index:1}.nav__links a{color:var(--text-dark)}.nav__logo img{height:45px;min-width:45px;max-width:100px}.nav-logo-mobile{display:none}.nav-logo-desktop{display:block}}