.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;padding:1.2rem}.navbar-left .logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.navbar-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.nav-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.nav-links li a{color:white;text-decoration:none;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 0;transition:all .2s ease;position:relative}.nav-links li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:white;transition:all .2s ease;transform:translateX(-50%)}.nav-links li a:hover:after{width:100%}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-right .cart-icon,.navbar-right .user-icon{color:#fff;text-decoration:none;margin-left:1rem;position:relative}.navbar-right .cart-count{background-color:#f44336;color:#fff;border-radius:50%;padding:.2rem .5rem;font-size:.8rem;position:absolute;top:-.5rem;right:-.5rem}.sign-up-btn{padding:.6rem 1.2rem;color:white;text-decoration:none;border:2px solid white;border-radius:6px;font-weight:500;transition:all .2s ease;margin-right:.5rem}.sign-up-btn:hover{background-color:rgba(255,255,255,.1);transform:translateY(-1px)}.login-btn{padding:.6rem 1.5rem;background-color:white;color:#1a1a1a;text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.login-btn:hover{background-color:rgba(255,255,255,.9);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.logo-container{display:flex;align-items:center;gap:1.5rem}.logo-icon,.logo-text{font-size:1.5rem;color:white}.logo-text{font-weight:600}.logo{text-decoration:none;display:flex;align-items:center}.logo:hover .logo-icon,.logo:hover .logo-text{opacity:.9;transition:opacity .2s ease}@media (max-width:1024px){.nav-links{gap:2rem}}@media (max-width:768px){.navbar-center{position:static;transform:none}.nav-links{gap:1.5rem}}@media (max-width:640px){.sign-up-btn{display:none}.login-btn{padding:.4rem .8rem;font-size:.8rem}}.dark-mode-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#333;margin-right:15px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.dark-mode-toggle:hover{color:#000}body.dark .dark-mode-toggle{color:#e0e0e0}body.dark .dark-mode-toggle:hover{color:#ffffff}