:root{--black: #000000;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--white: #ffffff;--accent-700: #0369a1;--accent-600: #0284c7;--accent-500: #0ea5e9;--accent-400: #38bdf8;--accent-300: #7dd3fc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-accent: 0 0 8px rgba(14, 165, 233, .5);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .3s cubic-bezier(.4, 0, .2, 1);--transition-colors: color, background-color, border-color .3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm: .125rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-full: 9999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem}.navbar{position:sticky;top:0;z-index:50;background:#fffffffa;box-shadow:var(--shadow-lg);transition:var(--transition-base);padding:var(--space-md) 0;will-change:transform,padding;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--gray-200)}.navbar.scrolled{padding:var(--space-sm) 0;background:#fffffffa;box-shadow:var(--shadow-xl)}.navbar-container{max-width:80rem;margin:0 auto;padding:0 var(--space-md);display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:var(--space-sm);transition:var(--transition-transform);will-change:transform;text-decoration:none}.logo-container:hover{transform:scale(1.05)}.logo-img{height:3.5rem;width:auto;object-fit:contain;transition:var(--transition-transform),filter .3s ease;will-change:transform}.logo-container:hover .logo-img{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(0,0,0,.2))}.logo-text{font-size:1.5rem;font-weight:800;color:var(--black);letter-spacing:-.025em}.desktop-menu{display:none}@media (min-width: 768px){.desktop-menu{display:flex;gap:var(--space-xl);align-items:center;flex:1;justify-content:flex-end;margin-left:var(--space-xl)}}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{position:relative;padding:var(--space-sm) var(--space-md);font-size:.875rem;font-weight:600;color:var(--gray-700);text-decoration:none;transition:var(--transition-colors);border-radius:var(--border-radius-sm)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--accent-500);transition:width .3s ease,left .3s ease;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:80%;left:50%}.nav-link:hover{color:var(--accent-600)}.nav-link.active{color:var(--accent-600);font-weight:700}.search-container{position:relative;max-width:24rem;margin:0 var(--space-lg);flex:1;min-width:200px;transition:var(--transition-base)}.search-container.focused{flex-grow:1.2}.search-form{position:relative;width:100%}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-right:2.5rem;border-radius:var(--border-radius-full);background-color:var(--gray-100);color:var(--gray-900);border:1px solid var(--gray-300);font-size:.875rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:var(--transition-base);will-change:transform}.search-input:focus{border-color:var(--accent-500);outline:none;box-shadow:0 0 0 2px #0ea5e980;background-color:var(--white)}.search-input::placeholder{color:var(--gray-500)}.search-button{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--gray-500);transition:var(--transition-base);background:none;border:none;cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;justify-content:center}.search-button:hover{color:var(--accent-600);transform:translateY(-50%) scale(1.1)}.search-icon{width:1.25rem;height:1.25rem}.action-icons{display:flex;align-items:center;gap:var(--space-lg)}.icon-button{position:relative;color:var(--gray-700);transition:var(--transition-base);display:flex;align-items:center;padding:var(--space-xs);background:none;border:none;cursor:pointer}.icon-button:hover{color:var(--accent-600);filter:var(--shadow-accent);transform:translateY(-2px)}.wishlist-icon,.cart-icon{width:1.5rem;height:1.5rem}.cart-badge{position:absolute;top:-.5rem;right:-.5rem;background-color:var(--accent-600);color:var(--white);border-radius:var(--border-radius-full);width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:var(--shadow-md);animation:pulse 2s infinite;will-change:transform}.profile-container{position:relative}.profile-button{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;transition:var(--transition-base)}.profile-button:hover{transform:scale(1.05)}.profile-image{width:2.25rem;height:2.25rem;border-radius:var(--border-radius-full);object-fit:cover;border:2px solid transparent;box-shadow:var(--shadow-sm);transition:var(--transition-base);will-change:transform}.profile-initials{width:2.25rem;height:2.25rem;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-300);border:2px solid transparent;box-shadow:var(--shadow-sm);background:linear-gradient(to bottom right,var(--gray-700),var(--gray-800));transition:var(--transition-base)}.profile-button:hover .profile-image,.profile-button:hover .profile-initials{border-color:var(--accent-500);box-shadow:0 0 0 4px #0ea5e94d}.profile-dropdown{position:absolute;right:0;margin-top:var(--space-sm);width:13rem;background-color:#fffffffa;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--gray-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;transform-origin:top right;animation:scale-in .15s ease-out;will-change:transform}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:.625rem var(--space-md);font-size:.875rem;font-weight:500;color:var(--gray-700);transition:var(--transition-base);text-align:left;width:100%;background:none;border:none;cursor:pointer;text-decoration:none}.dropdown-item:hover{background-color:var(--gray-100);color:var(--accent-600)}.dropdown-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--gray-500)}.login-button{background:var(--gray-900);color:var(--white);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-md);transition:var(--transition-base);text-decoration:none;display:inline-block;will-change:transform;border:none;cursor:pointer}.login-button:hover{background:var(--gray-800);box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.mobile-menu-button{display:block}@media (min-width: 768px){.mobile-menu-button{display:none}}.menu-toggle-button{color:var(--gray-700);background:none;border:none;padding:var(--space-sm);transition:var(--transition-base);cursor:pointer;will-change:transform;display:flex;align-items:center;justify-content:center}.menu-toggle-button:hover{color:var(--accent-600);transform:rotate(90deg)}.menu-open-icon,.menu-close-icon{width:1.75rem;height:1.75rem}.mobile-menu{background:#fffffffa;box-shadow:var(--shadow-xl);animation:slide-down .3s ease-out;display:block;will-change:transform,opacity;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--gray-200)}@media (min-width: 768px){.mobile-menu{display:none}}.mobile-menu-content{padding:var(--space-md) var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-menu-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;color:var(--gray-700);transition:var(--transition-base);text-decoration:none}.mobile-menu-item.active{background-color:var(--gray-100);color:var(--accent-600)}.mobile-menu-item:hover{background-color:var(--gray-100);color:var(--accent-600);transform:translate(4px)}.mobile-menu-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--gray-600)}.login-button-mobile{background:var(--gray-900);color:var(--white);text-align:center;justify-content:center}.mobile-menu-divider{padding-top:var(--space-sm);margin-top:var(--space-sm);border-top:1px solid var(--gray-200)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes slide-down{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.navbar{backdrop-filter:none;-webkit-backdrop-filter:none}.profile-dropdown,.mobile-menu{animation:none}}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;box-shadow:0 0 0 3px #0ea5e980}