.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.nav-container{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-size:1.5rem;font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:.75rem}.logo-img{height:32px;max-width:140px;object-fit:contain;border-radius:4px}.text-primary{color:var(--color-primary)}.nav-links{gap:1.25rem;list-style:none;margin:0;padding:0}.nav-item,.nav-item-btn{font-weight:600;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;transition:var(--transition-normal);position:relative;cursor:pointer;border:none;background:none}.nav-item i,.nav-item-btn i{font-size:1.25rem}.nav-item:hover,.nav-item-btn:hover{color:var(--color-primary);transform:translateY(-2px)}.cart-link{position:relative}.cart-badge{position:absolute;top:-8px;right:-8px;background-color:var(--color-primary);color:#fff;font-size:.65rem;padding:.2rem .4rem;border-radius:var(--radius-full);min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface);font-weight:700}.user-menu{display:flex;align-items:center;gap:1.25rem}.header-actions{display:none;align-items:center;gap:.5rem}.search-toggle-btn{display:none;font-size:1.25rem;color:var(--color-text);background:none;border:none;cursor:pointer;padding:.5rem;transition:var(--transition-normal)}.search-toggle-btn:hover{color:var(--color-primary)}.header-action-link{display:flex;align-items:center;justify-content:center;position:relative;color:var(--color-text);font-size:1.25rem;padding:.5rem;transition:var(--transition-normal);text-decoration:none}.header-action-link:hover{color:var(--color-primary)}.header-action-link .cart-badge{position:absolute;top:-2px;right:-4px}.header-search-container{position:relative;flex:1;max-width:400px;margin:0 2rem}.header-search-form{display:flex;align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:20px;padding:.25rem 1rem;transition:var(--transition-normal)}.header-search-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.header-search-form input{flex:1;border:none;background:transparent;padding:.5rem 0;color:var(--color-text);outline:none;width:100%}.header-search-form button{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;transition:var(--transition-normal)}.header-search-form button:hover{color:var(--color-primary)}.search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;max-height:400px;overflow-y:auto;padding:.5rem 0}.dropdown-header{padding:.5rem 1rem;font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;transition:var(--transition-normal)}.dropdown-item i{color:var(--color-text-muted);font-size:.9rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:var(--radius-sm)}.suggestion-img{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.dropdown-item span{flex:1;font-weight:500}.dropdown-item:hover{background-color:rgba(var(--color-primary-rgb),.05);color:var(--color-primary)}.dropdown-item:hover i{color:var(--color-primary)}.drawer-toggle-btn{display:none;font-size:1.5rem;color:var(--color-text);background:none;border:none;cursor:pointer;padding:.5rem;transition:var(--transition-normal)}.drawer-toggle-btn:hover{color:var(--color-primary)}.drawer-header-content{display:none;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border);width:100%}.drawer-title{font-size:1.25rem;font-weight:800;color:var(--color-text)}.drawer-close-btn{font-size:1.5rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:var(--transition-normal)}.drawer-close-btn:hover{color:var(--color-primary)}.mobile-search-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-surface);z-index:500;flex-direction:column;padding:1rem}.mobile-search-overlay.active{display:flex}.mobile-search-form{display:flex;align-items:center;gap:.5rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:20px;padding:.5rem 1rem;flex-shrink:0}.mobile-search-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.mobile-search-close{background:none;border:none;color:var(--color-text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem;transition:var(--transition-normal);flex-shrink:0}.mobile-search-close:hover{color:var(--color-primary)}.mobile-search-form input{flex:1;border:none;background:transparent;padding:.5rem 0;color:var(--color-text);outline:none;font-size:1rem}.mobile-search-form button[type=submit]{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;font-size:1.1rem;transition:var(--transition-normal);flex-shrink:0}.mobile-search-form button[type=submit]:hover{color:var(--color-primary)}.mobile-search-overlay .search-dropdown{position:static;box-shadow:none;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:.5rem;max-height:none;flex:1;overflow-y:auto}.nav-item-has-mega{position:relative}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:500px;padding:1.5rem;z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item-has-mega:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.mega-menu-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}.mega-menu-col h4{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.75rem;letter-spacing:.05em}.mega-menu-col ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:.5rem}.mega-menu-col ul a{color:var(--color-text);font-size:.9rem;font-weight:500;transition:var(--transition-normal)}.mega-menu-col ul a:hover{color:var(--color-primary);padding-left:4px}.promo-col{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-surface-hover),.5));border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.promo-col h4{color:var(--color-primary)}.promo-col p{font-size:.8rem;color:var(--color-text-muted);margin-bottom:1rem;line-height:1.4}.header-minimal .nav-item span{display:none}.header-minimal .nav-item i{font-size:1.4rem}@media(max-width:1024px){.drawer-toggle-btn{display:block}.nav-links{gap:1rem}}@media(max-width:768px){.nav-container{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo actions";height:auto;padding:1rem}.logo{grid-area:logo;font-size:1.25rem}.header-actions{display:flex;grid-area:actions}.search-toggle-btn{display:flex}.header-search-container,.nav-links .cart-link,.nav-links .nav-item span{display:none}.nav-links .nav-item i,.nav-links .nav-item-btn i{font-size:1.4rem}.user-menu{gap:1rem}}@media(max-width:640px){.nav-container{padding:.75rem var(--spacing-4)}.logo span{font-size:1.1rem}}@media(max-width:480px){.logo span{display:none}}@media(max-width:1024px){.nav-menu-wrapper{position:fixed;top:0;left:-320px;width:300px;height:100vh;background-color:var(--color-surface);box-shadow:var(--shadow-lg);z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--color-border)}.nav-menu-wrapper.active{left:0}.drawer-header-content{display:flex!important}.nav-links{flex-direction:column!important;align-items:flex-start!important;width:100%;padding:2rem 1.5rem;gap:1.5rem}.nav-item{flex-direction:row!important;gap:.75rem!important;font-size:1rem!important}.nav-item span{display:inline!important}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto}.footer-grid{grid-template-columns:2fr 1fr 1fr;padding:var(--spacing-12) var(--spacing-4)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr}}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo .logo-img{height:28px;max-width:120px;object-fit:contain;border-radius:4px}.footer-title{font-weight:600;margin-bottom:var(--spacing-4);color:var(--color-text)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-links a{color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);padding:var(--spacing-6) 0}.footer-compact .footer-bottom{padding:var(--spacing-4) 0}.social-links{display:flex;gap:var(--spacing-4)}.social-links a{color:var(--color-text-muted);font-size:1.25rem}.social-links a:hover{color:var(--color-primary)}.mt-4{margin-top:var(--spacing-4)}