.site-header{padding:var(--space-4) 0;width:100%;position:fixed;top:0;z-index:var(--z-index-sticky);background-color:transparent;transition:all var(--transition-normal) ease}.show-maintenance-banner .site-header{top:2.5rem}.site-header.scrolled{backdrop-filter:blur(10px);padding:var(--space-2) 0;box-shadow:var(--shadow-md);background-color:#10102391}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.free-gift{transition:all var(--transition-normal) ease-in-out}.free-gift.scrolled{translate:0 -10%}.logo-container{display:flex;align-items:center}.mobile-menu-toggle{display:none;margin-right:var(--space-4);font-size:var(--font-size-2xl);cursor:pointer;color:var(--color-text-primary)}.logo{display:flex;align-items:center}.logo img{width:80px;height:auto;margin-right:var(--space-2);border-radius:var(--border-radius-md)}.logo h1{font-size:var(--font-size-xl);font-weight:700;margin:0;margin-right:var(--space-2);color:var(--color-text-primary)}.logo .subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.main-nav ul{display:flex;list-style:none;gap:var(--space-6)}.main-nav a{color:var(--color-text-secondary);font-weight:500;transition:color var(--transition-fast) ease;position:relative}.main-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width var(--transition-normal) ease}.main-nav a:hover{color:var(--color-text-primary)}.main-nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.cart-icon{position:relative;font-size:var(--font-size-lg);color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast) ease}.cart-icon:hover{color:var(--color-accent)}.cart-badge{position:absolute;top:-8px;right:-8px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:white;border-radius:50%;font-size:var(--font-size-xs);font-weight:700}.login-button{background-color:var(--color-primary);color:white;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);font-weight:500;transition:background-color var(--transition-fast) ease}.login-button:hover{background-color:var(--color-primary-light)}.user-profile{display:flex;align-items:center;gap:var(--space-2)}.username{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.username-mobile{display:none}.avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:white}@media (max-width:480px){.show-maintenance-banner .site-header{top:4.75rem}}@media (min-width:481px) and (max-width:768px){.show-maintenance-banner .site-header{top:3.5rem}}@media (max-width:768px){.mobile-menu-toggle{display:block}.main-nav{position:fixed;top:72px;left:0;width:100%;height:0;background-color:var(--color-background);overflow:hidden;transition:height var(--transition-normal) ease}.main-nav.open{height:calc(100vh - 72px)}.main-nav ul{flex-direction:column;padding:var(--space-4);gap:var(--space-4)}.main-nav li{padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.1)}.logo h1{font-size:var(--font-size-lg)}.logo .subtitle,.username{display:none}.username-mobile{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.free-gift.scrolled{scale:.9;transform-origin:200% -50%}}@media (min-width:1024px){.free-gift.scrolled{translate:0 0}}