.header{position:sticky;top:0;left:0;right:0;height:70px;background:var(--bg-primary);border-bottom:1px solid var(--border-color-light);z-index:var(--z-sticky);transition:all var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-sm)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-md);max-width:var(--container-xl);margin:0 auto}@media(min-width:768px){.header-container{padding:0 var(--space-xl)}}.header-logo{display:flex;align-items:center;gap:var(--space-sm);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.header-logo:hover{transform:scale(1.08)}.header-logo:active{transform:scale(1.12)}@media(hover:none){.header-logo:active{transform:scale(1.1)}}.header-logo img{height:40px;width:auto;transition:filter .3s ease}.header-logo:hover img{filter:drop-shadow(0 0 8px rgba(233,30,140,.4))}.header-logo-text{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;align-self:center}@media(min-width:768px){.header-logo-text{font-size:var(--font-size-xl)}}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 2px rgba(233,30,140,.1))}50%{filter:drop-shadow(0 0 5px rgba(233,30,140,.25))}}.header-logo-img{animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 1px rgba(233,30,140,.1))}50%{filter:drop-shadow(0 0 4px rgba(233,30,140,.2))}}.header-nav{display:none;align-items:center;gap:var(--space-xl)}@media(min-width:768px){.header-nav{display:flex}}.header-nav-link{position:relative;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);padding:var(--space-sm) 0;transition:color var(--transition-fast)}.header-nav-link:hover,.header-nav-link.active{color:var(--text-primary)}.header-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.header-nav-link:hover:after,.header-nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}@media(min-width:768px){.header-actions{gap:var(--space-md)}}.header-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast)}.header-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.header-action-btn svg{width:22px;height:22px}.cart-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--text-inverse);background:var(--color-primary);border-radius:var(--radius-full)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.menu-toggle:hover{background:var(--bg-secondary)}.menu-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-base)}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(min-width:768px){.menu-toggle{display:none}}.mobile-menu{position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:var(--z-fixed);transform:translate(-100%);transition:transform var(--transition-slow);overflow-y:auto}.mobile-menu.active{transform:translate(0)}.mobile-menu-nav{display:flex;flex-direction:column;padding:var(--space-lg)}.mobile-menu-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);border-bottom:1px solid var(--border-color-light);transition:all var(--transition-fast)}.mobile-menu-link:hover{background:var(--bg-secondary);color:var(--color-primary)}.mobile-menu-link svg{width:24px;height:24px;color:var(--text-secondary)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffffa;z-index:var(--z-modal);display:flex;flex-direction:column;padding:var(--space-xl);opacity:0;visibility:hidden;transition:all var(--transition-base)}.search-overlay.active{opacity:1;visibility:visible}.search-header{display:flex;align-items:center;gap:var(--space-md);max-width:var(--container-md);width:100%;margin:0 auto}.search-input-wrapper{flex:1;position:relative}.search-input{width:100%;padding:var(--space-md) var(--space-lg);padding-left:3rem;font-size:var(--font-size-lg);border:2px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);outline:none}.search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.search-results{flex:1;max-width:var(--container-md);width:100%;margin:var(--space-xl) auto 0;overflow-y:auto}.main{min-height:calc(100vh - 270px)}.page-header{padding:var(--space-2xl) 0;text-align:center;background:var(--bg-secondary)}.page-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-sm)}.page-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary)}.section{padding:var(--space-3xl) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.section-title{font-size:var(--font-size-2xl)}.section-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);transition:gap var(--transition-fast)}.section-link:hover{gap:var(--space-sm)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr)}}.categories-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-lg)}@media(min-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}}.category-card{position:relative;aspect-ratio:16/9;border-radius:var(--radius-2xl);overflow:hidden;cursor:pointer}.category-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.category-card:hover .category-card-image{transform:scale(1.05)}.category-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;padding:var(--space-lg)}.category-card-title{color:var(--text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color-light);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-md)}.footer-brand-header{display:flex;align-items:center;gap:var(--space-sm)}.footer-brand-logo{height:50px;width:auto;max-width:80px;object-fit:contain}.footer-brand-name{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand-text{color:var(--text-secondary);font-size:var(--font-size-sm);max-width:300px}.footer-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.footer-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-link{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.footer-social{display:flex;gap:var(--space-md)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.footer-social-link:hover{background:var(--color-primary);color:var(--text-inverse)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding-top:var(--space-xl);margin-top:var(--space-xl);border-top:1px solid var(--border-color-light);text-align:center}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright{font-size:var(--font-size-sm);color:var(--text-tertiary)}.footer-legal{display:flex;gap:var(--space-lg)}.footer-legal-link{font-size:var(--font-size-sm);color:var(--text-tertiary);transition:color var(--transition-fast)}.footer-legal-link:hover{color:var(--text-primary)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-sm);width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);z-index:1000}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{padding:var(--space-md);border-bottom:1px solid var(--border-color-light)}.user-dropdown-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);display:block}.user-dropdown-email{font-size:var(--font-size-xs);color:var(--text-secondary)}.user-dropdown-menu{padding:var(--space-xs);display:flex;flex-direction:column}.user-dropdown-item{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.user-dropdown-item:hover{background:var(--bg-secondary);color:var(--color-primary)}.user-dropdown-divider{height:1px;background:var(--border-color-light);margin:var(--space-xs) 0}.user-dropdown-item.logout{color:var(--color-error, #EF4444)}.user-dropdown-item.logout:hover{background:#ef44441a}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;background:var(--bg-primary);box-shadow:var(--shadow-xl);z-index:var(--z-fixed);transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1),visibility 0s linear .4s;display:flex;flex-direction:column;will-change:transform;visibility:hidden}.cart-drawer.active{transform:translate(0);visibility:visible;transition:transform .4s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}