:root{--cm-primary:#667eea;--cm-primary-dark:#764ba2;--cm-accent:#2563eb;--cm-accent-light:#3b82f6;--cm-success:#10b981;--cm-success-dark:#059669;--cm-danger:#dc2626;--cm-warning:#f59e0b;--cm-text-primary:#111827;--cm-text-secondary:#6b7280;--cm-text-tertiary:#9ca3af;--cm-bg-primary:#ffffff;--cm-bg-secondary:#f9fafb;--cm-bg-tertiary:#f3f4f6;--cm-border-primary:#e5e7eb;--cm-border-secondary:#d1d5db;--cm-shadow:0 4px 12px rgba(0,0,0,0.1);--cm-shadow-lg:0 20px 50px rgba(0,0,0,0.3);--cm-gradient:linear-gradient(135deg,#667eea,#764ba2);--cm-gradient-success:linear-gradient(135deg,#10b981,#059669);--cm-radius:0.75rem;--cm-radius-sm:0.5rem;--cm-transition:all 0.2s ease}.dark-mode:root,:root.dark-mode{--cm-text-primary:#f9fafb;--cm-text-secondary:#d1d5db;--cm-text-tertiary:#9ca3af;--cm-bg-primary:#1f2937;--cm-bg-secondary:#111827;--cm-bg-tertiary:#374151;--cm-border-primary:#374151;--cm-border-secondary:#4b5563;--cm-accent:#3b82f6;--cm-accent-light:#60a5fa;--cm-shadow:0 4px 12px rgba(0,0,0,0.3);--cm-shadow-lg:0 20px 50px rgba(0,0,0,0.6)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cart-modal-backdrop,.checkout-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);display:flex;align-items:center;animation:fade-in .3s ease-out;z-index:1040;transition:background .3s ease}.dark-mode .cart-modal-backdrop,.dark-mode .checkout-modal-backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(12px)}.cart-modal-backdrop{justify-content:flex-end;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);z-index:1040}.checkout-modal-backdrop{justify-content:center;padding:1rem;z-index:1050}.cart-modal,.checkout-modal{background:var(--cm-bg-primary);display:flex;flex-direction:column;overflow:hidden;transition:background .3s ease,box-shadow .3s ease}.cart-modal{width:100%;max-width:480px;height:100vh;box-shadow:-4px 0 24px rgba(0,0,0,.15);animation:slide-in-right .3s ease-out}.dark-mode .cart-modal{box-shadow:-4px 0 24px rgba(0,0,0,.5)}.checkout-modal{width:100%;max-width:520px;max-height:90vh;border-radius:1rem;box-shadow:var(--cm-shadow-lg);animation:scale-in .3s ease-out}.cart-modal-header,.checkout-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid var(--cm-border-primary);background:var(--cm-gradient);color:#ffffff;flex-shrink:0;transition:all .3s ease}.dark-mode .cart-modal-header,.dark-mode .checkout-header{background:linear-gradient(135deg,#667eea,#764ba2)}.cart-modal-header h2,.checkout-header h2{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin:0}.cart-modal-header h2 svg,.checkout-header h2 svg{width:28px;height:28px}.cart-close{background:rgba(255,255,255,.2);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff;font-size:1.75rem;font-weight:300;transition:var(--cm-transition);flex-shrink:0}.cart-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg) scale(1.1)}.cart-close:active{transform:rotate(90deg) scale(.95)}.empty-cart{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;gap:1.5rem;background:var(--cm-bg-primary);transition:background .3s ease}.empty-cart svg{color:var(--cm-border-secondary);opacity:.5;animation:float 3s ease-in-out infinite}.empty-cart p{font-size:1.25rem;color:var(--cm-text-secondary);font-weight:500;transition:color .3s ease}.checkout-btn,.checkout-submit,.continue-shopping-btn{background:var(--cm-gradient);color:#ffffff;border:none;border-radius:var(--cm-radius);font-weight:600;cursor:pointer;transition:var(--cm-transition);box-shadow:0 4px 12px rgba(102,126,234,.3);position:relative;overflow:hidden}.dark-mode .checkout-btn,.dark-mode .checkout-submit,.dark-mode .continue-shopping-btn{box-shadow:0 4px 12px rgba(102,126,234,.5)}.continue-shopping-btn{padding:.875rem 2rem;font-size:1rem}.checkout-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;margin-top:1rem}.checkout-btn,.checkout-submit{display:flex;align-items:center;justify-content:center;gap:.5rem}.checkout-submit{flex:1;padding:.875rem 1.5rem;font-size:.9375rem}.checkout-btn:hover,.checkout-submit:hover:not(:disabled),.continue-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.checkout-btn:active,.checkout-submit:active:not(:disabled),.continue-shopping-btn:active{transform:translateY(0)}.checkout-btn:before,.checkout-submit:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.checkout-btn:hover:before,.checkout-submit:hover:not(:disabled):before{width:300px;height:300px}.checkout-btn svg,.checkout-submit svg{width:18px;height:18px;transition:transform .2s ease}.checkout-btn:hover svg{transform:translateX(4px)}.checkout-submit:disabled{opacity:.7;cursor:not-allowed}.checkout-submit.success{background:var(--cm-gradient-success)}.cart-items-wrapper,.checkout-form{flex:1;overflow-y:auto;padding:1rem 0;background:var(--cm-bg-primary);transition:background .3s ease}.checkout-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.cart-items-wrapper::-webkit-scrollbar,.checkout-form::-webkit-scrollbar{width:8px}.cart-items-wrapper::-webkit-scrollbar-track,.checkout-form::-webkit-scrollbar-track{background:var(--cm-bg-secondary);transition:background .3s ease}.cart-items-wrapper::-webkit-scrollbar-thumb,.checkout-form::-webkit-scrollbar-thumb{background:var(--cm-border-secondary);border-radius:4px;transition:background .3s ease}.cart-items-wrapper::-webkit-scrollbar-thumb:hover,.checkout-form::-webkit-scrollbar-thumb:hover{background:var(--cm-text-tertiary)}.cart-items{list-style:none;padding:0 1.5rem;margin:0;display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;gap:1rem;padding:1rem;background:var(--cm-bg-primary);border:1px solid var(--cm-border-primary);border-radius:var(--cm-radius);transition:var(--cm-transition);animation:slide-in-up .3s ease-out}.dark-mode .cart-item{background:var(--cm-bg-secondary)}.cart-item:hover{border-color:var(--cm-accent);box-shadow:0 4px 12px rgba(37,99,235,.1)}.dark-mode .cart-item:hover{box-shadow:0 4px 12px rgba(96,165,250,.15)}.cart-item-image-wrapper{width:80px;height:80px;flex-shrink:0;border-radius:var(--cm-radius-sm);overflow:hidden;background:var(--cm-bg-secondary);border:1px solid var(--cm-border-primary);display:flex;align-items:center;justify-content:center;transition:background .3s ease}.cart-item-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-item:hover .cart-item-img{transform:scale(1.1)}.cart-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,var(--cm-bg-tertiary));transition:background .3s ease}.dark-mode .cart-item-placeholder{background:linear-gradient(135deg,#1e3a8a,#374151)}.cart-item-placeholder svg{width:36px;height:36px;color:var(--cm-text-tertiary)}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.cart-item-info h3{font-size:1rem;font-weight:600;color:var(--cm-text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;transition:color .3s ease}.cart-item-price{color:var(--cm-text-secondary)}.cart-item-price,.cart-item-subtotal{font-size:.875rem;margin:0;transition:color .3s ease}.cart-item-subtotal{font-weight:600;color:var(--cm-accent)}.cart-item-qty{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.cart-item-qty button{width:32px;height:32px;background:var(--cm-bg-tertiary);border:1px solid var(--cm-border-secondary);border-radius:var(--cm-radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cm-accent);font-size:1.125rem;font-weight:600;transition:var(--cm-transition);flex-shrink:0}.cart-item-qty button:hover:not(:disabled){background:var(--cm-accent);color:#ffffff;border-color:var(--cm-accent);transform:scale(1.1)}.cart-item-qty button:active:not(:disabled){transform:scale(.95)}.cart-item-qty button:disabled{opacity:.4;cursor:not-allowed}.cart-item-qty span{font-weight:600;font-size:.9375rem;color:var(--cm-text-primary);min-width:24px;text-align:center;transition:color .3s ease}.remove-btn{background:#fee2e2!important;color:var(--cm-danger)!important;border-color:#fecaca!important;width:auto!important;padding:.375rem .75rem!important;gap:.375rem;font-size:.8125rem!important;font-weight:500!important;display:flex!important;align-items:center;margin-left:auto;transition:var(--cm-transition)}.dark-mode .remove-btn{background:rgba(220,38,38,.2)!important;color:#fca5a5!important;border-color:rgba(220,38,38,.3)!important}.remove-btn:hover:not(:disabled){background:var(--cm-danger)!important;color:#ffffff!important;border-color:var(--cm-danger)!important}.remove-btn svg{width:14px;height:14px}.cart-summary{border-top:2px solid var(--cm-border-primary);padding:1.5rem;background:var(--cm-bg-primary);flex-shrink:0;box-shadow:0 -4px 12px rgba(0,0,0,.05);transition:all .3s ease}.dark-mode .cart-summary{background:var(--cm-bg-secondary);box-shadow:0 -4px 12px rgba(0,0,0,.2)}.cart-total-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:1rem;color:var(--cm-text-secondary);transition:color .3s ease}.cart-total-row.shipping{border-top:1px solid var(--cm-border-primary)}.cart-total-row.total{border-top:2px solid var(--cm-border-primary);font-size:1.25rem;font-weight:700;color:var(--cm-text-primary);padding-top:1rem;transition:all .3s ease}.free-badge{background:var(--cm-gradient-success);color:#ffffff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shipping-progress-message{padding:12px 16px;margin:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid var(--cm-warning);border-radius:8px;color:#92400e;font-size:.875rem;font-weight:600;text-align:center;transition:all .3s ease}.dark-mode .shipping-progress-message{background:linear-gradient(135deg,rgba(217,119,6,.2),rgba(180,83,9,.2));border-left-color:rgba(245,158,11,.5);color:#fcd34d}.shipping-options{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.shipping-option-label{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid var(--cm-border-primary);border-radius:8px;cursor:pointer;transition:var(--cm-transition);background:var(--cm-bg-primary)}.dark-mode .shipping-option-label{background:var(--cm-bg-secondary)}.shipping-option-label:hover{border-color:var(--cm-accent);background:rgba(37,99,235,.05)}.dark-mode .shipping-option-label:hover{background:rgba(96,165,250,.08)}.shipping-option-label input[type=radio]{margin-top:.25rem;cursor:pointer;accent-color:var(--cm-accent)}.shipping-option-label input[type=radio]:checked~.shipping-option-content{color:var(--cm-accent)}.shipping-option-content{flex:1;transition:color .3s ease}.shipping-option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.shipping-option-name{font-weight:600;font-size:.95rem;color:var(--cm-text-primary);transition:color .3s ease}.shipping-option-price{font-weight:700;color:var(--cm-success);transition:color .3s ease}.shipping-option-time{font-size:.8125rem;color:var(--cm-text-secondary);transition:color .3s ease}.checkout-field{display:flex;flex-direction:column;gap:.5rem}.checkout-field label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:var(--cm-text-primary);transition:color .3s ease}.checkout-field label svg{width:16px;height:16px;color:var(--cm-text-secondary)}.checkout-field input,.checkout-field textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--cm-border-primary);border-radius:var(--cm-radius-sm);font-size:.9375rem;color:var(--cm-text-primary);transition:var(--cm-transition);font-family:inherit;background:var(--cm-bg-primary)}.dark-mode .checkout-field input,.dark-mode .checkout-field textarea{background:var(--cm-bg-secondary)}.checkout-field input:focus,.checkout-field textarea:focus{outline:none;border-color:var(--cm-accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.dark-mode .checkout-field input:focus,.dark-mode .checkout-field textarea:focus{box-shadow:0 0 0 3px rgba(96,165,250,.15)}.checkout-field input::placeholder,.checkout-field textarea::placeholder{color:var(--cm-text-tertiary)}.checkout-textarea{resize:vertical;min-height:80px;line-height:1.5}.phone-input-group{display:flex;align-items:center;gap:.5rem}.phone-prefix{background:var(--cm-bg-tertiary);border:2px solid var(--cm-border-primary);border-radius:var(--cm-radius-sm);padding:.75rem 1rem;font-weight:600;color:var(--cm-text-primary);font-size:.9375rem;user-select:none;transition:all .3s ease}.phone-input{flex:1}.checkout-hint{font-size:.8125rem;color:var(--cm-text-secondary);margin-top:.25rem;font-style:italic;transition:color .3s ease}.checkout-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:var(--cm-radius-sm);font-size:.875rem;display:flex;align-items:center;gap:.5rem;font-weight:500;animation:shake .4s ease;transition:all .3s ease}.dark-mode .checkout-error{background:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#fca5a5}.checkout-error svg{width:16px;height:16px;flex-shrink:0}.checkout-summary-box{background:var(--cm-bg-tertiary);border:2px solid var(--cm-border-primary);border-radius:var(--cm-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease}.dark-mode .checkout-summary-box{background:var(--cm-bg-secondary)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;color:var(--cm-text-secondary);transition:color .3s ease}.summary-row.total-row{border-top:2px solid var(--cm-border-secondary);padding-top:.75rem;margin-top:.25rem;font-size:1.125rem;font-weight:700;color:var(--cm-text-primary);transition:all .3s ease}.free-text{color:var(--cm-success);font-weight:600;font-size:.875rem;transition:color .3s ease}.checkout-actions{display:flex;gap:1rem;margin-top:.5rem}.checkout-cancel{flex:1;padding:.875rem 1.5rem;background:var(--cm-bg-tertiary);color:var(--cm-text-primary);border:2px solid var(--cm-border-primary);border-radius:var(--cm-radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--cm-transition)}.dark-mode .checkout-cancel{background:var(--cm-bg-secondary)}.checkout-cancel:hover:not(:disabled){background:var(--cm-border-primary);border-color:var(--cm-border-secondary);color:var(--cm-accent)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;border-radius:50%;animation:spin .8s linear infinite}.checkout-status{padding:1rem;border-radius:var(--cm-radius-sm);font-size:.9375rem;font-weight:500;text-align:center;animation:slide-down .3s ease-out;transition:all .3s ease}.status-success{background:#d1fae5;border:2px solid #a7f3d0;color:#065f46}.dark-mode .status-success{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.3);color:#86efac}.status-error{background:#fee2e2;border:2px solid #fecaca;color:#991b1b}.dark-mode .status-error{background:rgba(220,38,38,.2);border-color:rgba(220,38,38,.3);color:#fca5a5}@media (max-width:768px){.cart-modal,.checkout-modal{max-width:100%}.checkout-modal{max-height:95vh;margin:.5rem}.cart-modal-header,.checkout-header{padding:1.25rem}.cart-modal-header h2,.checkout-header h2{font-size:1.25rem}}@media (max-width:480px){.cart-modal-backdrop{justify-content:stretch}.cart-modal,.checkout-modal{border-radius:0;max-height:100vh}.checkout-modal-backdrop{padding:0}.checkout-actions{flex-direction:column;gap:.75rem}.cart-item-qty{flex-wrap:wrap;gap:.5rem}.remove-btn{width:100%!important;margin-left:0!important}}.cart-close:focus-visible,.cart-item-qty button:focus-visible,.checkout-btn:focus-visible,.checkout-cancel:focus-visible,.checkout-submit:focus-visible,.continue-shopping-btn:focus-visible,.remove-btn:focus-visible{outline:2px solid var(--cm-accent);outline-offset:2px}@media print{.cart-modal-backdrop,.checkout-modal-backdrop{display:none}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--header-bg:#ffffff;--header-text:#1e293b;--header-text-secondary:#64748b;--header-border:#e2e8f0;--header-hover:#f1f5f9;--header-shadow:rgba(0,0,0,0.1)}.dark-mode:root{--header-bg:#1e293b;--header-text:#f1f5f9;--header-text-secondary:#94a3b8;--header-border:#334155;--header-hover:#334155;--header-shadow:rgba(0,0,0,0.3)}.main-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--header-bg);border-bottom:1px solid var(--header-border);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s ease;will-change:box-shadow,background;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.main-header.scrolled{box-shadow:0 4px 16px var(--header-shadow);background:rgba(255,255,255,.98)}.dark-mode .main-header{background:rgba(30,41,59,.95)}.dark-mode .main-header.scrolled{background:rgba(30,41,59,.98);box-shadow:0 4px 16px rgba(0,0,0,.4)}.header-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;height:70px}.logo-section{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .3s ease;flex-shrink:0;position:relative}.logo-section:hover{transform:scale(1.05)}.logo-wrapper{position:relative;width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px rgba(102,126,234,.3);flex-shrink:0}.logo-glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0,transparent 70%);animation:logoGlow 3s ease-in-out infinite;z-index:0}@keyframes logoGlow{0%,to{opacity:.5}50%{opacity:1}}.logo-placeholder{position:relative;z-index:1;font-size:1.75rem;line-height:1;align-items:center}.brand-info,.logo-placeholder{display:flex;justify-content:center}.brand-info{flex-direction:column;gap:0}.brand-name{font-size:1.125rem;font-weight:800;color:var(--header-text);line-height:1.2;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:.75rem;color:var(--header-text-secondary);font-weight:600;line-height:1}.desktop-nav{flex:1}.desktop-nav,.nav-link{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.5rem 1rem;border-radius:8px;background:none;border:none;color:var(--header-text);text-decoration:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav-link:hover{background:var(--header-hover);color:#667eea}.nav-link:hover:after{width:100%}.nav-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;line-height:1}.shop-dropdown-container,.shop-trigger{position:relative}.dropdown-arrow{font-size:.75rem;transition:transform .3s ease;display:inline-block;margin-left:.25rem}.dropdown-arrow.open{transform:rotate(180deg)}.shop-dropdown{position:absolute;top:calc(100% + .5rem);left:0;background:var(--header-bg);border:1px solid var(--header-border);border-radius:12px;box-shadow:0 8px 24px var(--header-shadow);min-width:300px;animation:slideDown .3s ease;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dropdown-content{display:flex;flex-direction:column;gap:0;padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:1rem;padding:.875rem;color:inherit;text-decoration:none;transition:all .3s ease;border-radius:8px}.dropdown-item:hover{background:var(--header-hover);transform:translateX(4px)}.item-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center}.item-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.item-name{font-weight:700;color:var(--header-text);font-size:.95rem}.item-desc{font-size:.8rem;color:var(--header-text-secondary)}.item-arrow{color:#667eea;transition:transform .3s ease;font-size:.85rem}.dropdown-item:hover .item-arrow{transform:translateX(5px)}.user-tools{gap:1rem;flex-shrink:0}.search-form,.user-tools{display:flex;align-items:center}.search-form{gap:.5rem}.search-wrapper{display:flex;align-items:center;background:var(--header-hover);border-radius:8px;border:1px solid var(--header-border);padding:.5rem 1rem;transition:all .3s ease;min-width:250px}.search-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--header-bg)}.search-icon{font-size:1.25rem;margin-right:.5rem;display:flex;align-items:center;flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;color:var(--header-text);font-size:.95rem;font-weight:500;min-width:0}.search-input::placeholder{color:var(--header-text-secondary)}.clear-search{background:none;border:none;color:var(--header-text-secondary);cursor:pointer;font-size:1rem;transition:color .3s ease;padding:0;display:flex;align-items:center;margin-left:.5rem;flex-shrink:0}.clear-search:hover{color:var(--header-text)}.search-submit{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.search-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.search-submit:active{transform:translateY(0)}.tool-btn{position:relative;width:40px;height:40px;border-radius:8px;background:none;border:1px solid var(--header-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s ease;flex-shrink:0}.tool-btn:hover{background:var(--header-hover);border-color:#667eea;color:#667eea;transform:scale(1.1)}.tool-btn:active{transform:scale(.95)}.cart-badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;animation:badgePulse .3s ease;box-shadow:0 2px 8px rgba(239,68,68,.3)}.header-dark-mode-toggle{display:flex;flex-shrink:0}.header-dark-mode-toggle .dark-mode-toggle{position:relative;bottom:auto;right:auto;width:40px;height:40px;font-size:1.1rem;background:none;border:1px solid var(--header-border);box-shadow:none;flex-shrink:0}.header-dark-mode-toggle .dark-mode-toggle:hover{background:var(--header-hover);border-color:#667eea;transform:scale(1.1)}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:1px solid var(--header-border);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;flex-shrink:0}.mobile-menu-toggle:hover{border-color:#667eea;background:var(--header-hover)}.hamburger{width:24px;height:16px;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{width:100%;height:2px;background:var(--header-text);border-radius:2px;transition:all .3s ease}.hamburger.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0;transform:translateX(-10px)}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:0 8px 16px var(--header-shadow);max-height:calc(100vh - 70px);overflow-y:auto;animation:slideDown .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:99}.mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:1rem}.mobile-search-form{display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--header-border)}.mobile-search-form .search-wrapper{flex:1;min-width:auto}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--header-text);text-decoration:none;border-radius:8px;transition:all .3s ease}.mobile-nav-link:hover{background:var(--header-hover);color:#667eea;padding-left:1.25rem}.mobile-nav-link.sub-link{padding-left:2rem;margin-bottom:.5rem}.mobile-item-desc{display:block;font-size:.75rem;color:var(--header-text-secondary);margin-top:.25rem}.mobile-shop-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--header-border)}.mobile-section-title{padding:.75rem 1rem;font-weight:700;color:var(--header-text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.mobile-dark-mode-section{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--header-border)}.mobile-dark-mode-section .dark-mode-toggle{position:relative;bottom:auto;right:auto;width:45px;height:45px;font-size:1.25rem}@media (max-width:1024px){.header-container{gap:1.5rem;height:65px}.desktop-nav{gap:.25rem}.nav-link{padding:.5rem .75rem;font-size:.9rem}.search-wrapper{min-width:200px}.search-submit{padding:.5rem .75rem;font-size:.85rem}}@media (max-width:768px){.header-container{height:60px;padding:0 1rem}.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.search-form{display:none}.search-wrapper{min-width:100%;max-width:100%}.user-tools{gap:.5rem}.tool-btn{width:36px;height:36px;font-size:1.1rem}.header-dark-mode-toggle .dark-mode-toggle{width:36px;height:36px;font-size:1rem}.logo-section{gap:.5rem}.logo-wrapper{width:40px;height:40px}.logo-placeholder{font-size:1.5rem}.brand-name{font-size:1rem}.brand-tagline{font-size:.65rem}}@media (max-width:480px){.header-container{padding:0 .75rem;gap:.75rem;height:56px}.logo-section{gap:.4rem}.logo-wrapper{width:36px;height:36px}.logo-placeholder{font-size:1.25rem}.brand-name{font-size:.875rem}.brand-tagline{font-size:.55rem}.user-tools{gap:.25rem}.tool-btn{width:32px;height:32px;font-size:1rem}.header-dark-mode-toggle .dark-mode-toggle{width:32px;height:32px;font-size:.9rem}.mobile-nav-link{padding:.75rem}.mobile-nav-link.sub-link{padding-left:1.75rem}.shop-dropdown{min-width:250px;left:auto;right:0}}.dark-mode .mobile-menu-toggle:hover{border-color:#00d4ff}.dark-mode .tool-btn:hover{border-color:#00d4ff;color:#00d4ff}.dark-mode .search-submit{background:linear-gradient(135deg,#00d4ff,#667eea)}.dark-mode .search-submit:hover{box-shadow:0 4px 12px rgba(0,212,255,.3)}.dark-mode .nav-link:hover{color:#00d4ff}.dark-mode .nav-link:hover:after{background:linear-gradient(135deg,#00d4ff,#667eea)}.dark-mode .header-dark-mode-toggle .dark-mode-toggle:hover{border-color:#00d4ff;color:#00d4ff}.dark-mode .shop-dropdown{background:rgba(30,41,59,.95)}.dark-mode .dropdown-item:hover{background:rgba(51,65,85,.8)}.main-header *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion:reduce){.dropdown-item,.logo-section,.main-header,.main-header *,.nav-link{transition:none;animation:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in{animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}@keyframes slideRight{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.animate-slide-right{animation:slideRight .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.animate-pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes spinIn{0%{opacity:0;transform:rotate(-180deg) scale(0)}to{opacity:1;transform:rotate(0deg) scale(1)}}.animate-spin-in{animation:spinIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 5px rgba(102,126,234,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(102,126,234,.8));transform:scale(1.05)}}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}.hover-lift{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.hover-scale{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.1)}.hover-rotate{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hover-rotate:hover{transform:rotate(90deg)}.main-header{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.main-header.has-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.7)}.dark-mode .main-header.has-blur{background:rgba(30,41,59,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.main-header{box-shadow:0 2px 8px var(--header-shadow);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.main-header.scrolled{box-shadow:0 8px 32px rgba(0,0,0,.15);border-bottom:1px solid rgba(102,126,234,.2)}.dark-mode .main-header.scrolled{box-shadow:0 8px 32px rgba(0,0,0,.3);border-bottom:1px solid rgba(0,212,255,.2)}.brand-name{transition:all .3s ease}.logo-section:hover .brand-name{text-shadow:0 0 20px rgba(102,126,234,.5);filter:drop-shadow(0 0 10px rgba(102,126,234,.3))}.nav-link{position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;z-index:-1}.nav-link:hover:before{left:100%}.dropdown-item{position:relative;overflow:hidden}.dropdown-item:before{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#667eea,transparent);transition:left .4s ease}.dropdown-item:hover:before{left:100%}.search-wrapper{position:relative;overflow:hidden}.search-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:radial-gradient(circle,rgba(102,126,234,.1),transparent);transition:left .4s ease;pointer-events:none}.search-wrapper:focus-within:before{left:0}.cart-badge{animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(239,68,68,.3)}50%{transform:scale(1.1);box-shadow:0 4px 12px rgba(239,68,68,.6)}}.mobile-menu{animation:slideDown .4s cubic-bezier(.34,1.56,.64,1) forwards}.mobile-nav-link{transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;padding-left:1rem}.mobile-nav-link:after{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background:linear-gradient(180deg,#667eea,#764ba2);transform:translateY(-50%);transition:height .3s ease}.mobile-nav-link:hover:after{height:24px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.main-header.has-blur:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite;pointer-events:none;z-index:0}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.logo-img{position:relative;z-index:1;border-radius:8px;transition:all .3s ease}.logo-img:hover{filter:drop-shadow(0 0 10px rgba(102,126,234,.5))}.logo-img.animate-pulse-glow{animation:imgPulseGlow 3s ease-in-out infinite}@keyframes imgPulseGlow{0%,to{filter:drop-shadow(0 0 5px rgba(102,126,234,.5))}50%{filter:drop-shadow(0 0 15px rgba(102,126,234,.8))}}