.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-0{margin-bottom:0}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-3\.5{width:.875rem;height:.875rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.min-w-5{min-width:1.25rem}.min-w-6{min-width:1.5rem}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:var(--border-default)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-4{border-width:4px}.border-\[var\(--neon-cyan\)\]{border-color:var(--neon-cyan)}.border-border{border-color:var(--border-default)}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:var(--bg-card-hover)}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-background{background-color:var(--bg-primary)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-brand{background-color:var(--accent-primary)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-muted{background-color:var(--bg-secondary)}.bg-popover{background-color:var(--bg-card)}.bg-primary{background-color:var(--accent-primary)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pl-8{padding-left:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.tracking-widest{letter-spacing:.1em}.text-accent-foreground{color:var(--text-primary)}.text-destructive{color:var(--error)}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-foreground{color:var(--text-primary)}.text-muted-foreground{color:var(--text-secondary)}.text-popover-foreground{color:var(--text-primary)}.text-primary-foreground{color:var(--accent-primary-text,#fff)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--ease-premium:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--sidebar-width:240px;--navbar-height:64px;--z-sidebar:40;--z-navbar:50;--z-overlay:60;--z-modal:70;--z-tooltip:80}[data-theme=light]{--bg-primary:#f8f8f7;--bg-secondary:#f0efed;--bg-card:#fff;--bg-card-hover:#fafaf9;--bg-sidebar:#fff;--bg-navbar:#fff;--bg-input:#f3f3f1;--bg-overlay:#0006;--text-primary:#0f0f10;--text-secondary:#3d3d40;--text-muted:#6b6b70;--text-faint:#9c9ca2;--text-inverse:#fff;--accent-primary:#6d4aff;--accent-primary-hover:#5b35f0;--accent-primary-soft:#6d4aff14;--accent-secondary:#0ea5e9;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-pink:#ec4899;--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#00000026;--border-accent:#6d4aff4d;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 8px 32px #00000014, 0 4px 8px #0000000a;--shadow-xl:0 16px 48px #0000001a, 0 8px 16px #0000000d;--shadow-card:0 1px 3px #0000000a, 0 4px 12px #00000008;--shadow-card-hover:0 4px 20px #00000014, 0 2px 6px #0000000a;--hero-gradient:linear-gradient(135deg, #ede9fe 0%, #dbeafe 40%, #e0f2fe 70%, #f0fdfa 100%);--category-card-bg:linear-gradient(135deg, #6d4aff0d, #0ea5e90d);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#111113;--bg-card:#161618;--bg-card-hover:#1c1c1f;--bg-sidebar:#0f0f11;--bg-navbar:#0a0a0b;--bg-input:#1a1a1d;--bg-overlay:#0009;--text-primary:#f0f0f2;--text-secondary:#b4b4bc;--text-muted:#75757e;--text-faint:#52525a;--text-inverse:#0a0a0b;--accent-primary:#7c5cfc;--accent-primary-hover:#8e72ff;--accent-primary-soft:#7c5cfc1a;--accent-secondary:#22d3ee;--accent-green:#34d399;--accent-orange:#fbbf24;--accent-pink:#f472b6;--border-subtle:#ffffff0d;--border-default:#ffffff14;--border-strong:#ffffff1f;--border-accent:#7c5cfc4d;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #00000059;--shadow-xl:0 16px 48px #0006;--shadow-card:0 1px 3px #0003, 0 4px 12px #00000026;--shadow-card-hover:0 4px 24px #0000004d, 0 0 0 1px #7c5cfc26;--hero-gradient:linear-gradient(135deg, #0f0a1a 0%, #0a0f1a 40%, #0a1218 70%, #0a0a0b 100%);--category-card-bg:linear-gradient(135deg, #7c5cfc0f, #22d3ee0a);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--duration-slow) var(--ease-smooth), color var(--duration-slow) var(--ease-smooth);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.app-layout{min-height:100vh}.app-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);height:100vh;z-index:var(--z-sidebar);padding-top:var(--navbar-height);transition:transform var(--duration-slow) var(--ease-premium), background-color var(--duration-slow) var(--ease-smooth);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.app-sidebar::-webkit-scrollbar{width:4px}.app-sidebar::-webkit-scrollbar-track{background:0 0}.app-sidebar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.app-main{margin-left:var(--sidebar-width);flex-direction:column;min-height:100vh;display:flex}.app-content{padding-top:var(--navbar-height);flex:1;width:100%;min-width:0}.navbar{height:var(--navbar-height);background:var(--bg-navbar);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);z-index:var(--z-navbar);padding:0 var(--space-6);transition:background-color var(--duration-slow) var(--ease-smooth);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar__inner{align-items:center;gap:var(--space-4);width:100%;display:flex}.navbar__logo{align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-primary);white-space:nowrap;width:calc(var(--sidebar-width) - var(--space-6));flex-shrink:0;text-decoration:none;display:flex}.navbar__logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;width:32px;height:32px;font-weight:800;font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.navbar__logo-text span{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar__search{flex:1;max-width:560px;margin:0 auto}.navbar__search-wrapper{align-items:center;display:flex;position:relative}.navbar__search-icon{color:var(--text-muted);pointer-events:none;z-index:2;width:18px;height:18px;transition:color var(--duration-normal) var(--ease-smooth);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.navbar__search-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:100%;height:40px;font-size:var(--text-sm);color:var(--text-primary);transition:all var(--duration-normal) var(--ease-premium);outline:none;padding:0 16px 0 42px}.navbar__search-input::placeholder{color:var(--text-faint)}.navbar__search-input:focus{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft)}.navbar__search-input:focus~.navbar__search-icon{color:var(--accent-primary)}.navbar__search-shortcut{right:var(--space-3);pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute}.navbar__search-shortcut kbd{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-faint);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;padding:1px 5px;line-height:1.4}.search-dropdown{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);z-index:100;padding:var(--space-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #00000059}.search-dropdown__loading{padding:var(--space-4)}.search-dropdown__results{gap:var(--space-1);flex-direction:column;display:flex}.search-dropdown__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-smooth);text-decoration:none;display:flex}.search-dropdown__item:hover{background:var(--accent-primary-soft)}.search-dropdown__item-icon{border-radius:var(--radius-md);background:var(--bg-secondary);width:36px;height:36px;font-weight:700;font-size:var(--text-sm);color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-dropdown__item-info{flex:1;min-width:0}.search-dropdown__item-title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-dropdown__item-meta{align-items:center;gap:var(--space-2);margin-top:2px;display:flex}.search-dropdown__item-author{font-size:var(--text-xs);color:var(--text-muted)}.search-dropdown__item-price{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.search-dropdown__item-price--free{color:#10b981}.search-dropdown__footer{padding:var(--space-3) var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--accent-primary);border-top:1px solid var(--border-subtle);margin-top:var(--space-1);font-weight:600;text-decoration:none;display:block}.search-dropdown__footer:hover{background:var(--accent-primary-soft)}.search-dropdown__empty{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.navbar__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.cart-trigger{border-radius:var(--radius-full);width:38px;height:38px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--duration-normal) var(--ease-premium);justify-content:center;align-items:center;display:flex;position:relative}.cart-trigger:hover{background:var(--accent-primary-soft);color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.05)}.cart-trigger svg{width:18px;height:18px}.cart-trigger__badge{border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #6d4aff66}.navbar__icon-btn{border-radius:var(--radius-full);width:38px;height:38px;color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-premium);justify-content:center;align-items:center;display:flex;position:relative}.navbar__icon-btn:hover{background:var(--accent-primary-soft);color:var(--accent-primary);transform:scale(1.05)}.navbar__icon-btn:active{transform:scale(.95)}.navbar__icon-btn svg{width:20px;height:20px}.navbar__cart-badge{border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.navbar__auth{align-items:center;gap:var(--space-2);margin-left:var(--space-2);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-premium);white-space:nowrap;cursor:pointer;border:none;padding:8px 18px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--accent-primary-soft);color:var(--text-primary)}.btn--primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #6d4aff40}.btn--primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #6d4aff59}.btn--primary:active{transform:translateY(0)scale(.97)}.btn--outline{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}.btn--outline:hover{background:var(--bg-card);border-color:var(--border-strong)}.btn--lg{font-size:var(--text-base);border-radius:var(--radius-full);padding:12px 28px}.btn--icon{border-radius:var(--radius-full);padding:8px}.sidebar__nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-premium);cursor:pointer;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--accent-primary-soft);color:var(--text-primary)}.sidebar__link--active{background:var(--accent-primary-soft);color:var(--accent-primary);font-weight:600}.sidebar__link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__link-icon svg{width:20px;height:20px}.sidebar__divider{background:var(--border-subtle);height:1px;margin:var(--space-2) var(--space-4)}.sidebar__section-title{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-4) var(--space-4) var(--space-2);font-weight:600}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--space-16) var(--space-8) var(--space-8);margin-top:var(--space-24);transition:background-color var(--duration-slow) var(--ease-smooth)}.footer__inner{max-width:1200px;margin:0 auto}.footer__grid{gap:var(--space-10);margin-bottom:var(--space-12);grid-template-columns:repeat(4,1fr);display:grid}.footer__column-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-4)}.footer__link{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-smooth);display:block}.footer__link:hover{color:var(--accent-primary)}.footer__socials{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.footer__social-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-3)}.footer__social-link{color:var(--text-muted);transition:all var(--duration-normal) var(--ease-premium);display:flex}.footer__social-link:hover{color:var(--accent-primary);transform:translateY(-2px)}.footer__social-link svg{width:20px;height:20px}.footer__bottom{padding-top:var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.footer__copyright{font-size:var(--text-xs);color:var(--text-faint)}.footer__legal{gap:var(--space-6);display:flex}.footer__legal a{font-size:var(--text-xs);color:var(--text-faint);transition:color var(--duration-fast) var(--ease-smooth)}.footer__legal a:hover{color:var(--text-secondary)}.hero{background:var(--hero-gradient);padding:var(--space-20) var(--space-8) var(--space-16);text-align:center;border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse at center, var(--accent-primary-soft) 0%, transparent 70%);pointer-events:none;width:120%;height:120%;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.hero__content{z-index:1;max-width:680px;margin:0 auto;position:relative}.hero__eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-primary);background:var(--accent-primary-soft);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6);border:1px solid var(--border-accent);font-weight:600;display:inline-flex}.hero__title{font-family:var(--font-heading);font-weight:800;font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.02em;line-height:1.1}.hero__title-gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-8);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6}.hero__search{max-width:480px;margin:0 auto;position:relative}.hero__search-input{width:100%;height:52px;padding:0 var(--space-4) 0 calc(var(--space-5) + 22px);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-base);color:var(--text-primary);box-shadow:var(--shadow-lg);transition:all var(--duration-normal) var(--ease-premium);outline:none}.hero__search-input::placeholder{color:var(--text-faint)}.hero__search-input:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-lg), 0 0 0 3px var(--accent-primary-soft)}.hero__search-icon{left:var(--space-5);color:var(--text-muted);width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.hero__stats{justify-content:center;gap:var(--space-10);margin-top:var(--space-10);display:flex}.hero__stat{text-align:center}.hero__stat-value{font-family:var(--font-heading);font-weight:700;font-size:var(--text-2xl);color:var(--text-primary)}.hero__stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.collection-row{padding:var(--space-10) var(--space-8) 0}.collection-row__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.collection-row__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-primary)}.collection-row__subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.collection-row__arrows{align-items:center;gap:6px;display:flex}.collection-row__arrow{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex}.collection-row__arrow:hover:not(:disabled){background:var(--accent-primary-soft);color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.05)}.collection-row__arrow:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.device-tabs{align-items:center;gap:var(--space-6);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-8);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.device-tabs::-webkit-scrollbar{display:none}.device-tab{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-smooth);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.device-tab:hover{color:var(--text-primary)}.device-tab--active{color:var(--text-primary);border-bottom-color:var(--accent-primary);font-weight:600}.techypad-hero{background:radial-gradient(1200px 600px at 15% -10%, #6d4aff38, transparent 70%), radial-gradient(900px 500px at 85% 15%, #0ea5e929, transparent 60%), radial-gradient(800px 400px at 50% 100%, #8b5cf614, transparent 50%), var(--bg-primary);border-bottom:1px solid var(--border-subtle);padding:var(--space-12) var(--space-8) 0;position:relative;overflow:hidden}.techypad-hero__grid{align-items:center;gap:var(--space-12);margin-bottom:var(--space-10);grid-template-columns:1.15fr .85fr;display:grid}@media (max-width:1080px){.techypad-hero__grid{gap:var(--space-8);grid-template-columns:1fr}}.techypad-deck{-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#181922 0%,#0d0e14 100%);border:1px solid #ffffff26;border-radius:26px;padding:20px 20px 18px;position:relative;box-shadow:0 24px 60px -12px #000000b3,0 0 0 1px #000c,inset 0 1px 1px #ffffff40}.techypad-deck__topbar{justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px;display:flex}.techypad-deck__brand{font-family:var(--font-heading);letter-spacing:.12em;color:#e2e8f0;text-transform:uppercase;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.techypad-deck__led{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite deckLedPulse;box-shadow:0 0 10px #10b981}@keyframes deckLedPulse{0%,to{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 14px #10b981}}.techypad-deck__keys-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.deck-key{aspect-ratio:1;cursor:pointer;text-align:center;background:linear-gradient(#242634 0%,#151620 100%);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:center;padding:8px;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000080,inset 0 1px #ffffff26}.deck-key:hover{box-shadow:0 8px 20px #0009, 0 0 18px var(--key-glow,#6d4aff66), inset 0 1px 0 #ffffff40;border-color:#ffffff4d;transform:translateY(-3px)}.deck-key:active{transform:translateY(2px)scale(.96);box-shadow:0 2px 4px #0009,inset 0 2px 6px #000000b3}.deck-key__screen{background:#00000073;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:100%;padding:4px;display:flex;position:relative}.deck-key__icon{justify-content:center;align-items:center;display:flex}.deck-key__title{text-transform:uppercase;letter-spacing:.05em;color:#f8fafc;font-size:.64rem;font-weight:700;line-height:1.1}.deck-key__sub{color:#94a3b8;font-size:.55rem;line-height:1}.techypad-deck__dials{border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;margin-top:14px;padding-top:12px;display:flex}.deck-dial{align-items:center;gap:10px;display:flex}.deck-dial__knob{background:conic-gradient(from 180deg,#353849,#1c1e28,#353849);border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 10px #00000080,inset 0 2px 4px #00000080}.deck-dial__indicator{background:#6d4aff;border-radius:2px;width:3px;height:8px;position:absolute;top:4px;box-shadow:0 0 6px #6d4aff}.deck-dial__label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.deck-dial__val{color:#10b981;font-size:.65rem;font-weight:600}@keyframes eqBarPulse{0%,to{height:4px}50%{height:16px}}.spotlight-grid{gap:var(--space-6);padding:var(--space-8) var(--space-8) 0;grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:900px){.spotlight-grid{grid-template-columns:1fr}}.spotlight-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-premium), box-shadow var(--duration-normal) var(--ease-premium), border-color var(--duration-normal) var(--ease-premium);display:flex;overflow:hidden}.spotlight-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-3px)}.spotlight-card__content{padding:var(--space-6);justify-content:space-between;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.spotlight-card__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.25}.spotlight-card__description{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.spotlight-card__image-container{background:var(--bg-secondary);flex-shrink:0;width:220px;position:relative;overflow:hidden}@media (max-width:600px){.spotlight-card{flex-direction:column-reverse}.spotlight-card__image-container{width:100%;height:180px}}.spotlight-card__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.collection-row__view-all{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);transition:all var(--duration-normal) var(--ease-premium);font-weight:500;display:inline-flex}.collection-row__view-all:hover{color:var(--accent-primary);gap:var(--space-2)}.collection-row__view-all svg{width:16px;height:16px}.collection-row__scroll{gap:var(--space-5);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-top:var(--space-2);margin-top:calc(var(--space-2) * -1);padding-bottom:var(--space-4);padding-left:0;padding-right:0;display:flex;overflow-x:auto}.collection-row__scroll::-webkit-scrollbar{display:none}.collection-row__scroll>*{scroll-snap-align:start;flex-shrink:0}.product-card{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-subtle);width:280px;box-shadow:var(--shadow-card);transition:all var(--duration-slow) var(--ease-premium);cursor:pointer;color:inherit;text-decoration:none;display:block;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-default);transform:translateY(-4px)}.product-card__image-wrapper{aspect-ratio:16/10;background:var(--bg-secondary);width:100%;position:relative;overflow:hidden}.product-card__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-premium)}.product-card:hover .product-card__image{transform:scale(1.03)}.product-card__category-badge{top:var(--space-3);right:var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;padding:3px 10px;font-weight:600;position:absolute}.product-card__info{padding:var(--space-4);gap:var(--space-3);display:flex}.product-card__icon{border-radius:var(--radius-md);background:var(--bg-secondary);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;overflow:hidden}.product-card__icon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.product-card__details{flex:1;min-width:0}.product-card__title{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.product-card__meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;overflow:hidden}.product-card__description{font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;overflow:hidden}.product-card__price{font-size:var(--text-xs);font-weight:600}.product-card__price--free{color:var(--accent-green)}.product-card__price--paid{color:var(--text-primary)}.product-card--small{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:350px;min-width:350px;height:114px;box-shadow:var(--shadow-xs);transition:all var(--duration-normal) var(--ease-premium);align-items:stretch;padding:0;text-decoration:none;overflow:hidden;flex-direction:row!important;display:flex!important}.product-card--small:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm);background:var(--bg-card-hover);transform:translateY(-2px)}.product-card--small .product-card__image-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:104px;min-width:104px;height:100%;position:relative;overflow:hidden;display:flex!important}.product-card--small .product-card__info{flex:1;justify-content:space-between;gap:2px;min-width:0;padding:10px 14px;flex-direction:column!important;display:flex!important}.product-card--small .product-card__icon{border-radius:var(--radius-lg);width:44px;height:44px}.product-card--small .product-card__hover-btn{width:30px;height:30px}.category-pills{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.category-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:all var(--duration-normal) var(--ease-premium);border:1px solid var(--border-default);color:var(--text-secondary);background:0 0;padding:7px 16px;font-weight:500;display:inline-flex}.category-pill:hover{background:var(--accent-primary-soft);border-color:var(--border-accent);color:var(--accent-primary)}.category-pill--active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.category-pill--active:hover{background:var(--accent-primary-hover);color:#fff}.category-grid{padding:var(--space-10) var(--space-8) 0}.category-grid__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-5)}.category-grid__items{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.category-card{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--category-card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-premium);color:inherit;text-decoration:none;display:flex}.category-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.category-card__label{font-weight:600;font-size:var(--text-base);color:var(--text-primary)}.category-card__count{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.price-badge{font-size:var(--text-xs);align-items:center;font-weight:600;display:inline-flex}.price-badge--free{color:var(--accent-green)}.price-badge--paid{color:var(--text-primary)}.theme-toggle{border-radius:var(--radius-full);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-premium);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{background:var(--accent-primary-soft);color:var(--accent-primary)}.theme-toggle:active{transform:scale(.9)}.theme-toggle svg{width:20px;height:20px;transition:transform var(--duration-slow) var(--ease-spring)}.theme-toggle--rotate svg{transform:rotate(360deg)}.browse-page{padding:var(--space-8)}.browse-page__header{margin-bottom:var(--space-6)}.browse-page__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-4)}.browse-page__toolbar{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.browse-page__count{font-size:var(--text-sm);color:var(--text-muted)}.browse-page__sort{align-items:center;gap:var(--space-2);display:flex}.browse-page__sort select{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-card);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;outline:none;padding:6px 12px}.browse-page__sort select:focus{border-color:var(--accent-primary)}.product-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.product-grid .product-card{width:100%}.search-page{padding:var(--space-8)}.search-page__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-5)}.search-page__title span{color:var(--text-muted);font-weight:400}.search-page__section{margin-top:var(--space-8)}.search-page__section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.search-page__section-title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-lg);color:var(--text-primary)}.pdp{max-width:1200px;padding:var(--space-8) var(--space-6) var(--space-16);animation:pdp-fadeIn .3s var(--ease-smooth) both;margin:0 auto}@keyframes pdp-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pdp-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-8);display:flex}.pdp-breadcrumb a{color:var(--text-muted);transition:color var(--duration-fast) var(--ease-smooth);text-decoration:none}.pdp-breadcrumb a:hover{color:var(--text-primary)}.pdp-breadcrumb__sep{color:var(--text-faint);font-size:var(--text-xs);-webkit-user-select:none;user-select:none}.pdp-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.pdp-header__left{align-items:center;gap:var(--space-5);display:flex}.pdp-header__icon{border-radius:var(--radius-xl);background:var(--bg-secondary);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.pdp-header__icon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pdp-header__info{flex-direction:column;display:flex}.pdp-header__category{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:2px;font-weight:500}.pdp-header__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-3xl);color:var(--text-primary);margin:0 0 4px}.pdp-header__author{font-size:var(--text-base);color:var(--text-muted)}.pdp-header__author a{color:var(--text-secondary);font-weight:500;text-decoration:none}.pdp-header__author a:hover{color:var(--accent-primary)}.pdp-header__actions{align-items:center;gap:var(--space-3);display:flex}.pdp-action-btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);font-weight:600;display:flex}.pdp-action-btn:hover{background:var(--bg-card-hover);border-color:var(--border-default)}.pdp-action-btn--primary{background:var(--accent-primary);color:#fff;border:none}.pdp-action-btn--primary:hover{background:var(--accent-primary-hover);border:none}.pdp-action-btn--icon{width:40px;padding:0}.pdp-gallery{gap:var(--space-4);scroll-snap-type:x mandatory;padding-bottom:var(--space-4);margin-bottom:var(--space-10);scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;display:flex;overflow-x:auto}.pdp-gallery::-webkit-scrollbar{height:8px}.pdp-gallery::-webkit-scrollbar-track{background:0 0}.pdp-gallery::-webkit-scrollbar-thumb{background-color:var(--border-default);border-radius:20px}.pdp-gallery__item{aspect-ratio:16/9;border-radius:var(--radius-xl);scroll-snap-align:start;border:1px solid var(--border-subtle);cursor:pointer;background:var(--bg-secondary);min-width:280px;max-width:600px;transition:transform var(--duration-normal) var(--ease-smooth);flex:0 0 calc(33.333% - 10.66px);overflow:hidden}.pdp-gallery__item:hover{transform:translateY(-2px)}.pdp-gallery__item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pdp-content-layout{gap:var(--space-12);grid-template-columns:1fr 340px;align-items:start;display:grid}.pdp-section-title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.pdp-overview{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7}.pdp-overview p{margin-bottom:var(--space-4)}.pdp-details-list{gap:var(--space-4);flex-direction:column;display:flex}.pdp-detail-item{gap:var(--space-4);border-bottom:1px solid var(--border-subtle);grid-template-columns:120px 1fr;align-items:start;padding:12px 0;display:grid}.pdp-detail-item__label{font-size:var(--text-sm);color:var(--text-muted)}.pdp-detail-item__value{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:8px;font-weight:500;display:flex}@media (max-width:1024px){.pdp-content-layout{grid-template-columns:1fr}}@media (max-width:768px){.pdp-header{flex-direction:column;align-items:flex-start}.pdp-header__actions{width:100%}.pdp-action-btn--primary{flex:1}.pdp-gallery__item{flex:0 0 85%;min-width:280px}}.product-detail{padding:var(--space-8);max-width:1200px}.pdp-related{margin-top:var(--space-16);padding-top:var(--space-10)}.related-products{padding:var(--space-10) var(--space-8)}.related-products__title{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-5)}.empty-state{text-align:center;padding:var(--space-20) var(--space-8)}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-5);color:var(--text-faint)}.empty-state__title{font-family:var(--font-heading);font-weight:600;font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state__text{font-size:var(--text-sm);color:var(--text-muted)}.fade-in-up{opacity:0;transition:opacity var(--duration-slower) var(--ease-premium), transform var(--duration-slower) var(--ease-premium);transform:translateY(20px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.stagger>.fade-in-up:first-child{transition-delay:0s}.stagger>.fade-in-up:nth-child(2){transition-delay:60ms}.stagger>.fade-in-up:nth-child(3){transition-delay:.12s}.stagger>.fade-in-up:nth-child(4){transition-delay:.18s}.stagger>.fade-in-up:nth-child(5){transition-delay:.24s}.stagger>.fade-in-up:nth-child(6){transition-delay:.3s}.hamburger{border-radius:var(--radius-full);cursor:pointer;width:38px;height:38px;color:var(--text-primary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger__lines{flex-direction:column;justify-content:space-between;width:18px;height:14px;display:flex;position:relative}.hamburger__line{width:100%;height:2px;transition:all var(--duration-normal) var(--ease-premium);transform-origin:50%;background:currentColor;border-radius:2px}.hamburger--open .hamburger__line:first-child{transform:translateY(6px)rotate(45deg)}.hamburger--open .hamburger__line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--open .hamburger__line:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-overlay{background:var(--bg-overlay);z-index:calc(var(--z-sidebar) - 1);opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth);display:none;position:fixed;inset:0}.mobile-overlay--visible{opacity:1}@media (max-width:1024px){.category-grid__items{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--sidebar-width:280px;--navbar-height:56px}.hamburger{display:flex}.app-sidebar{transform:translate(-100%)}.app-sidebar--open{transform:translate(0)}.mobile-overlay{display:block}.app-main{margin-left:0}.navbar__logo{width:auto}.navbar__search,.navbar__auth{display:none}.hero__title{font-size:var(--text-3xl)}.hero__stats{gap:var(--space-6)}.collection-row{padding:var(--space-6) var(--space-4) 0}.collection-row__scroll{margin:0;padding-left:0;padding-right:0}.category-grid{padding:var(--space-6) var(--space-4) 0}.category-grid__items{grid-template-columns:1fr}.hero{padding:var(--space-12) var(--space-4) var(--space-10)}.browse-page,.search-page,.product-detail{padding:var(--space-4)}.footer__grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}.footer{padding:var(--space-10) var(--space-4) var(--space-6)}.footer__bottom{gap:var(--space-4);text-align:center;flex-direction:column}.footer__legal{justify-content:center}.product-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero__stats{gap:var(--space-4);flex-direction:column}.footer__grid{grid-template-columns:1fr}.product-card{width:240px}.product-card--small{width:280px}}.product-card__hover-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;gap:var(--space-2);opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth);background:#0006;display:flex;position:absolute;inset:0}.product-card:hover .product-card__hover-actions{opacity:1}.product-card__hover-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--duration-fast) var(--ease-smooth);background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.product-card__hover-btn:hover{background:#ffffff4d;transform:scale(1.05)}.product-card__hover-btn--primary{background:var(--accent-primary);border-color:var(--accent-primary)}.product-card__hover-btn--primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.product-card__placeholder{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-card));width:100%;height:100%;color:var(--text-faint);font-size:var(--text-2xl);justify-content:center;align-items:center;display:flex}.rating{align-items:center;gap:var(--space-1);display:inline-flex}.rating__stars{gap:1px;display:flex}.rating__star{color:var(--accent-orange);width:14px;height:14px}.rating__star--empty{color:var(--text-faint)}.rating__count{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-1)}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-card-hover) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-modal);gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-card);border:1px solid var(--bg-hover);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);pointer-events:auto;animation:toast-slide-in .3s var(--ease-spring) forwards;min-width:300px;max-width:400px;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.toast--closing{animation:toast-slide-out .3s var(--ease-premium) forwards}.toast__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast--success .toast__icon{color:#10b981}.toast--error .toast__icon{color:#ef4444}.toast--info .toast__icon{color:var(--accent-primary)}.toast__message{font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:500}.toast__close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.toast__close:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.auth-modal{background:var(--bg-card);border:1px solid var(--bg-hover);border-radius:var(--radius-xl);width:90%;max-width:440px;padding:var(--space-8);z-index:calc(var(--z-modal) + 10);animation:modal-pop var(--duration-normal) var(--ease-spring);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}.auth-modal__close{top:var(--space-4);right:var(--space-4);color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;background:0 0;border:none;position:absolute}.auth-modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.auth-modal__header{text-align:center;margin-bottom:var(--space-6)}.auth-modal__title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.auth-modal__subtitle{font-size:var(--text-sm);color:var(--text-muted)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-form__group{gap:var(--space-2);flex-direction:column;display:flex}.auth-form__label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.auth-form__input{background:var(--bg-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:all var(--duration-fast) ease;border:1px solid #0000;padding:.75rem 1rem}.auth-form__input:focus{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 4px var(--accent-primary-soft);outline:none}.auth-form__forgot{font-size:var(--text-xs);color:var(--accent-primary);text-align:right;margin-top:-4px;text-decoration:none}.auth-modal__footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.auth-modal__toggle{color:var(--accent-primary);cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0}.auth-modal__toggle:hover{text-decoration:underline}@keyframes modal-pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cart-backdrop{-webkit-backdrop-filter:blur(6px);z-index:calc(var(--z-overlay) + 4);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth);background:#000000a6;position:fixed;inset:0}.cart-backdrop--visible{opacity:1;pointer-events:auto}[data-theme=light] .cart-backdrop{background:#0f172a73}.cart-drawer{background:var(--bg-card);border-left:1px solid var(--border-subtle);width:100%;max-width:420px;z-index:calc(var(--z-overlay) + 5);transition:transform var(--duration-normal) var(--ease-premium);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-16px 0 48px #00000080}[data-theme=light] .cart-drawer{border-left:1px solid var(--border-default);background:#fff;box-shadow:-16px 0 48px #00000029}.cart-drawer--open{transform:translate(0)}.cart-drawer__header{padding:var(--space-6);border-bottom:1px solid var(--bg-hover);justify-content:space-between;align-items:center;display:flex}.cart-drawer__title{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.cart-drawer__close{color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;background:0 0;border:none}.cart-drawer__close:hover{background:var(--bg-hover);color:var(--text-primary)}.cart-drawer__content{padding:var(--space-6);flex:1;overflow-y:auto}.cart-items{gap:var(--space-6);flex-direction:column;display:flex}.cart-item{gap:var(--space-4);display:flex}.cart-item__image{border-radius:var(--radius-md);background:var(--bg-secondary);flex-shrink:0;width:80px;height:80px;overflow:hidden}.cart-item__info{flex-direction:column;flex:1;display:flex}.cart-item__title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600;text-decoration:none}.cart-item__title:hover{color:var(--accent-primary)}.cart-item__price{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:auto}.cart-item__actions{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.quantity-control{align-items:center;gap:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px;display:flex}.quantity-control button{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-primary);cursor:pointer;font-size:var(--text-base);transition:background var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.quantity-control button:hover{background:var(--bg-hover)}.quantity-control span{font-size:var(--text-sm);text-align:center;min-width:1ch;font-weight:500}.cart-item__remove{color:#ef4444;font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;font-weight:600}.cart-item__remove:hover{text-decoration:underline}.cart-drawer__footer{padding:var(--space-6);border-top:1px solid var(--bg-hover);background:var(--bg-primary)}.cart-drawer__summary{margin-bottom:var(--space-4);font-size:var(--text-base);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.cart-drawer__total{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.user-dropdown-container{position:relative}.user-dropdown{top:calc(100% + var(--space-2));background:var(--bg-card);border:1px solid var(--bg-hover);border-radius:var(--radius-md);width:240px;padding:var(--space-2);z-index:var(--z-tooltip);animation:dropdown-fade .2s var(--ease-premium);position:absolute;right:0;box-shadow:0 10px 15px -3px #0000001a}.dropdown-item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;border:none;font-weight:500;text-decoration:none;display:block}.dropdown-item:hover{background:var(--bg-hover)}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600;display:block}.form-label .required-star{color:#ef4444;margin-left:2px}.form-input,.form-select,.form-textarea{background:var(--bg-input);width:100%;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth);outline:none;padding:12px 16px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-soft);background:var(--bg-card)}.form-input::-moz-placeholder{color:var(--text-faint)}.form-textarea::-moz-placeholder{color:var(--text-faint)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.static-page{max-width:800px;padding:var(--space-12) var(--space-4);margin:0 auto}.static-page__header{margin-bottom:var(--space-10);text-align:center}.static-page__title{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:800}.static-page__subtitle{font-size:var(--text-lg);color:var(--text-muted)}.static-page__content{color:var(--text-secondary);line-height:1.7}.static-page__content h2{font-size:var(--text-2xl);color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4);font-weight:700}.static-page__content p{margin-bottom:var(--space-4)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.brand-logo-monochrome{filter:brightness(0)invert()}[data-theme=light] .brand-logo-monochrome{filter:none}.placeholder\:text-muted-foreground::placeholder{color:var(--text-secondary)}.hover\:border-primary:hover{border-color:var(--accent-primary)}.hover\:bg-muted:hover{background-color:var(--bg-secondary)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-primary:focus{border-color:var(--accent-primary)}.focus\:bg-accent:focus{background-color:var(--bg-card-hover)}.focus\:bg-destructive:focus{background-color:var(--error)}.focus\:text-accent-foreground:focus{color:var(--text-primary)}.focus\:text-destructive-foreground:focus{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color:var(--accent-primary)}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-brand:active{background-color:var(--accent-primary)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}@media (prefers-color-scheme:dark){.dark\:ring-gray-900{--tw-ring-opacity:1;--tw-ring-color:rgb(17 24 39/var(--tw-ring-opacity,1))}}