:root{--header-height:5rem;--color-primary:#2a22e2;--color-primary-hover:#4a42f0;--color-primary-active:#1a14c4;--color-secondary:#64748b;--color-secondary-hover:#94a3b8;--color-secondary-active:#475569;--color-accent:#f97316;--color-accent-hover:#fb923c;--color-accent-active:#ea580c;--color-success:#10b981;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-white:#fff;--banner-green-text:#166534;--banner-red-text:#991b1b;--color-error:#ef4444;--color-info:#06b6d4;--color-stock-healthy:#22c55e;--color-stock-low:#f97316;--color-stock-critical:#dc2626;--color-stock-out:#b91c1c;--color-dark-bg:#0b0f19;--color-dark-bg-1:#0b0f19;--color-dark-bg-2:#0f1420;--color-dark-bg-3:#151923;--color-dark-card:#141832;--color-dark-accent:#151a2e;--gradient-primary:linear-gradient(135deg,#2a22e2,#1a14c4);--gradient-accent:linear-gradient(135deg,#f97316,#ea580c);--gradient-dark:linear-gradient(165deg,var(--color-dark-bg) 0%,var(--color-dark-card) 40%,var(--color-dark-accent) 100%);--space-section:2rem;--space-section-sm:1.5rem;--space-section-lg:3rem;--space-card:1.25rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-3xl:40px;--radius-full:9999px;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-accent:0 0 20px #f9731666;--shadow-card-elevated:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-primary:0 8px 24px -8px #2a22e266;--shadow-primary-hover:0 16px 32px -8px #2a22e280;--text-h1:3rem;--text-h2:2.25rem;--text-h3:1.875rem;--text-h4:1.5rem;--text-h5:1.25rem;--text-h6:1.125rem;--text-body:1rem;--text-caption:.75rem;--duration-fast:.15s;--duration-default:.2s;--duration-slow:.3s;--ease-out:ease-out;--ease-bounce:cubic-bezier(.36,.07,.19,.97);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-cart-drawer:30;--z-mobile-nav:40;--z-modal:50;--z-celebration:60;--z-tooltip:70}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-default:0s;--duration-slow:0s}}.mobile-search-enter-active,.mobile-search-leave-active{transition:opacity .2s,transform .2s}.mobile-search-enter-from,.mobile-search-leave-to{opacity:0;transform:translateY(8px)}