nav{position:fixed;top:0;width:100%;background:#000c;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}nav .container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center;height:48px}nav .logo{font-size:22px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(90deg,var(--gradient-red),var(--gradient-yellow),var(--gradient-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav ul{display:flex;list-style:none;gap:32px;align-items:center;margin:0}nav a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:400;transition:color .3s ease}nav a:hover{color:var(--text-primary)}.nav-right{display:flex;align-items:center;gap:32px}.nav-cart{position:relative;color:var(--text-secondary);display:flex;align-items:center;transition:color .3s ease;text-decoration:none}.nav-cart:hover{color:var(--text-primary)}.nav-cart-count{position:absolute;top:-6px;right:-8px;background:var(--gradient-red);color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.nav-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){nav .container{padding:0 20px}.nav-toggle{display:flex}.nav-right{gap:20px}nav ul{display:none;flex-direction:column;align-items:flex-start;gap:0;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000f7;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);padding:81px 6px;z-index:999;margin:0}nav ul.open{display:flex}nav ul li a{display:block;padding:9px 40px;font-size:27px;font-weight:600;text-align:left;color:var(--text-primary)}nav ul li a:hover{color:var(--text-secondary)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/nav.css.map */