@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--primary:#6d28d9;--primary-dark:#5b21b6;--primary-light:#ede9fe;--primary-glow:rgba(109,40,217,0.2);--secondary:#db2777;--secondary-light:#fce7f3;--success:#059669;--success-light:#d1fae5;--warning:#d97706;--warning-light:#fef3c7;--error:#dc2626;--error-light:#fee2e2;--bg:#f8f7ff;--bg-surface:#ffffff;--bg-elevated:#f3f0ff;--bg-glass:rgba(255,255,255,0.8);--bg-overlay:rgba(0,0,0,0.5);--text:#1a1523;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-inverse:#ffffff;--text-link:#6d28d9;--border:rgba(0,0,0,0.08);--border-strong:rgba(0,0,0,0.16);--border-focus:rgba(109,40,217,0.5);--border-primary:rgba(109,40,217,0.2);--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 16px -2px rgba(0,0,0,0.08),0 2px 6px -2px rgba(0,0,0,0.04);--shadow-lg:0 12px 40px -8px rgba(0,0,0,0.12),0 4px 16px -4px rgba(0,0,0,0.06);--shadow-xl:0 24px 64px -16px rgba(0,0,0,0.16);--shadow-primary:0 4px 20px rgba(109,40,217,0.25);--shadow-primary-lg:0 8px 32px rgba(109,40,217,0.3);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--max-width:1280px;--header-height:64px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-fast:0.15s ease-out;--transition-base:0.25s cubic-bezier(0.16,1,0.3,1);--transition-smooth:0.4s cubic-bezier(0.16,1,0.3,1);--transition-spring:0.5s cubic-bezier(0.175,0.885,0.32,1.275);--bg-base:var(--bg);--text-main:var(--text);--accent-primary:var(--primary);--accent-glow:var(--primary-glow);--border-light:var(--border);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--in-oklab: }@supports (background:linear-gradient(in oklab,white,black)){:root{--in-oklab:in oklab}}@view-transition{navigation:auto}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--text)}a{text-decoration:none;transition:color var(--transition-fast)}a,button{color:inherit}button{font-family:inherit;border:none;cursor:pointer;background:none;letter-spacing:inherit}img,svg{display:block}input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.main-content{flex:1 1;padding-bottom:80px}@media (min-width:768px){.main-content{padding-bottom:0}}.text-gradient{background:linear-gradient(135deg var(--in-oklab),#7c3aed 0,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-primary{background:linear-gradient(135deg var(--in-oklab),var(--primary),var(--secondary))}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.6)}.card,.glass-panel{border:1px solid var(--border);border-radius:var(--radius-lg)}.card{background:var(--bg-surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-primary)}.btn{justify-content:center;padding:.625rem 1.25rem;font-size:var(--text-sm);transition:all var(--transition-base);white-space:nowrap}.btn,.btn-primary{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-pill);font-weight:600;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg var(--in-oklab),#8b5cf6,var(--primary));color:var(--text-inverse);box-shadow:var(--shadow-primary);padding:.7rem 1.5rem;font-size:.95rem;transition:all var(--transition-smooth)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text);border:1.5px solid var(--border-strong);padding:.625rem 1.25rem;border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.625rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:var(--text-sm);transition:all var(--transition-fast);cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-ghost:hover{background:var(--primary-light);color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em}.badge-discount{background:linear-gradient(135deg,#dc2626,#f97316);color:white}.badge-success{background:var(--success-light);color:var(--success)}.badge-coin{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.badge-primary{background:var(--primary-light);color:var(--primary)}.section-title{font-size:clamp(1.3rem,2.5vw,1.75rem);font-weight:800;letter-spacing:-.03em;color:var(--text)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.section-header .view-all{font-size:var(--text-sm);font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:4px;transition:gap var(--transition-fast)}.section-header .view-all:hover{gap:8px}.divider{height:1px;background:var(--border);margin:2rem 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}@media (max-width:640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@keyframes shimmer-wave{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-ambient{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes jump{0%,80%,to{transform:scale(0) translateY(0)}40%{transform:scale(1) translateY(-6px)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .4s var(--ease-out) forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(109,40,217,.3);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:rgba(109,40,217,.5)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;gap:1rem}.empty-state-icon{font-size:4rem;margin-bottom:.5rem;opacity:.6}.empty-state h3{font-size:var(--text-xl);font-weight:700}.empty-state p{color:var(--text-muted);max-width:360px;font-size:var(--text-sm)}.category-subnav-wrapper{background:white;border-bottom:1px solid #e5e7eb;padding:0;position:sticky;top:64px;z-index:40;box-shadow:0 4px 12px rgba(0,0,0,.03)}.category-subnav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;gap:.5rem;padding:.5rem 1rem}.category-subnav-item{position:relative;display:flex;align-items:center;flex-shrink:0;padding:.75rem .5rem;transition:all .2s ease}.category-subnav-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;padding:.4rem .8rem;border-radius:9999px;transition:all .2s ease}.category-subnav-text{font-size:.9rem;font-weight:600;color:#4b5563;white-space:nowrap}.dropdown-icon{color:#9ca3af;transition:transform .2s ease}.category-subnav-item:hover .category-subnav-link{background:#f5f3ff}.category-subnav-item:hover .category-subnav-text,.category-subnav-item:hover .dropdown-icon{color:#6d28d9}.category-dropdown{position:absolute;top:100%;left:0;min-width:220px;padding-top:4px;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:50}.category-subnav-item:hover .category-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.category-subnav-item:hover .dropdown-icon{transform:rotate(180deg)}.category-dropdown-inner{background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);padding:.5rem;display:flex;flex-direction:column;gap:2px}.category-dropdown-item{padding:.5rem .875rem;text-decoration:none;font-size:.875rem;font-weight:500;color:#374151;border-radius:8px;transition:all .15s ease}.category-dropdown-item:hover{background:#f5f3ff;color:#6d28d9}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(0,0,0,.04)}.header-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;height:64px}.logo{font-size:1.35rem;font-weight:900;letter-spacing:-.05em;gap:6px;background:linear-gradient(135deg,#7c3aed,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo,.logo-mark{flex-shrink:0;display:flex;align-items:center}.logo-mark{width:30px;height:30px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:9px;justify-content:center;color:white;font-size:15px;box-shadow:0 3px 10px rgba(109,40,217,.3);-webkit-text-fill-color:white}.desktop-nav{display:none;align-items:center;gap:4px;flex-shrink:0}@media (min-width:768px){.desktop-nav{display:flex}}.nav-link{display:flex;align-items:center;gap:5px;padding:.45rem .8rem;border-radius:10px;font-weight:500;font-size:.875rem;color:#4b5563;transition:all .15s ease}.nav-link:hover{background:#f5f3ff;color:#6d28d9}.wishlist-nav-link{position:relative}.wishlist-nav-link .nav-link{gap:4px}.header-profile-btn{display:flex;align-items:center;gap:6px;padding:.5rem 1.1rem;border-radius:9999px;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:white;border:none;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px rgba(109,40,217,.25);text-decoration:none;margin-left:6px}.header-profile-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(109,40,217,.35);color:white}.header-profile-btn:active{transform:none}.header-avatar{width:22px;height:22px;background:rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}@media (max-width:767px){.header-content{gap:.75rem}}.footer-container{margin-top:6rem;background:var(--bg-surface);position:relative;padding-bottom:2rem}.footer-top-border{height:1px;width:100%;background:linear-gradient(90deg,transparent,var(--border-light),transparent);margin-bottom:4rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:4rem}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}}.footer-logo{font-size:1.5rem;font-weight:800;letter-spacing:-.05em;margin-bottom:1rem}.footer-mission{color:var(--text-muted);line-height:1.6;font-size:.95rem;max-width:400px}.footer-heading{font-size:1.05rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-main)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.footer-disclosure{color:var(--text-muted);font-size:.8rem;line-height:1.6;max-width:800px}.footer-copyright{color:var(--text-muted);font-size:.85rem;opacity:.8}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}.mobile-nav{position:fixed;bottom:0;left:0;width:100%;z-index:100;border-radius:0;border-bottom:none;border-left:none;border-right:none}@media (min-width:768px){.mobile-nav{display:none}}.mobile-nav-items{justify-content:space-around;height:64px;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-items,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;justify-content:center;gap:4px;color:var(--text-muted);width:100%;height:100%}.nav-item span{font-size:.7rem;font-weight:500}.nav-item:hover{color:var(--text-main)}.active-accent{color:hsl(var(--accent-primary))}.active-accent:hover{color:hsl(var(--accent-hover))}