:root{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--secondary-50:#ecfeff;--secondary-100:#cffafe;--secondary-200:#a5f3fc;--secondary-300:#67e8f9;--secondary-400:#22d3ee;--secondary-500:#06b6d4;--secondary-600:#0891b2;--secondary-700:#0e7490;--secondary-800:#155e75;--secondary-900:#164e63;--neutral-900:#12100e;--neutral-800:#1c1917;--neutral-700:#292524;--neutral-600:#44403c;--neutral-500:#57534e;--neutral-400:#78716c;--neutral-300:#a8a29e;--neutral-200:#d6d3d1;--danger-500:#ef4444;--success-500:#22c55e;--success-700:#15803d;--bg-base:#0c0a09;--bg-secondary:#151312;--bg-elevated:#1c1917;--bg-surface:#292524;--bg-surface-hover:#44403c;--bg-tertiary:#1c1917;--bg-card:#1c1917;--bg-card-hover:#292524;--bg-hover:#ffffff0d;--sidebar-width:240px;--z-sticky:100;--z-negative:-1;--z-base:0;--z-dropdown:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--text-primary:#f5f5f4;--text-secondary:#d6d3d1;--text-muted:#a8a29e;--text-accent:var(--primary-400);--border-subtle:#ffffff14;--border-default:#44403c;--border-strong:#57534e;--border-accent:var(--primary-600);--brand-primary:var(--primary-500);--brand-primary-hover:var(--primary-400);--brand-primary-glow:#f59e0b33;--discord:#5865f2;--discord-hover:#4752c4;--success:#22c55e;--success-rgb:34,197,94;--success-bg:#22c55e26;--warning:#f59e0b;--warning-rgb:245,158,11;--warning-bg:#f59e0b26;--error:#ef4444;--error-rgb:239,68,68;--error-bg:#ef444426;--online:#22c55e;--online-glow:#22c55e66;--offline:#ef4444;--offline-glow:#ef444466;--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--space-0:0;--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;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 30px #f59e0b33;--shadow-glow-primary:var(--shadow-glow);--transition-fast:.1s ease;--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.4s ease;--header-height:72px;--container-max:1200px;--container-wide:1400px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-semibold:600;--accent-300:#c4b5fd;--accent-400:#a78bfa;--accent-500:#8b5cf6;--success-400:#4ade80;--success-600:#16a34a;--rank-assistant:#60a5fa;--rank-admin:#a78bfa;--rank-head-admin:#f472b6;--role-friend:#34d399;--role-hero:#fbbf24;--role-master:#f87171;--rarity-common:#9ca3af;--rarity-uncommon:#10b981;--rarity-rare:#3b82f6;--rarity-epic:#8b5cf6;--rarity-legendary:#f59e0b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d}.store-page{padding-bottom:var(--space-20);background-color:var(--bg-body);min-height:100vh}.store-hero{text-align:center;height:280px;margin-bottom:var(--space-8);justify-content:center;align-items:center;display:flex;position:relative}.store-hero .store-hero-bg{z-index:0;position:absolute;inset:0}.store-hero .store-hero-bg:before{content:"";background-image:radial-gradient(circle at 20% 30%,#f59e0b1f 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(var(--brand-primary-rgb),.12)0%,transparent 40%);filter:blur(50px);position:absolute;inset:0}.store-hero .store-hero-bg:after{content:"";opacity:.4;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.store-hero .store-hero-content{z-index:10;padding:var(--space-6)var(--space-10);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:#1c1917a6;border:1px solid #ffffff0f;max-width:640px;animation:.6s cubic-bezier(.16,1,.3,1) heroFadeUp;position:relative;box-shadow:0 0 0 1px #ffffff05,0 10px 40px -10px #0006}.store-hero .store-hero-content h1{letter-spacing:-.03em;margin-bottom:var(--space-2);color:#fff;text-shadow:0 4px 20px #00000080;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700}.store-hero .store-hero-content p{font-size:var(--text-base);color:var(--text-secondary);opacity:.8;max-width:480px;margin:0 auto;font-weight:400;line-height:1.5}.store-nav{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-12);top:var(--header-height,80px);z-index:50;padding:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);background:#1c1917cc;border:1px solid #ffffff0d;flex-wrap:wrap;width:fit-content;margin-left:auto;margin-right:auto;display:flex;position:sticky;box-shadow:0 10px 30px -10px #00000080}.store-nav .nav-item{padding:var(--space-2)var(--space-6);border-radius:var(--radius-full);color:var(--text-muted);text-transform:uppercase;font-weight:600;font-size:var(--text-xs);letter-spacing:.05em;border:1px solid #0000;transition:all .3s}.store-nav .nav-item:hover{color:var(--text-primary);background:#ffffff0d}.store-nav .nav-item.active{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b33}.products-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-8);color:var(--text-primary);align-items:center;gap:var(--space-3);display:flex}.products-section h2:before{content:"";border-radius:var(--radius-full);background:#f59e0b;width:4px;height:24px;display:block}.products-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:640px){.products-grid{grid-template-columns:1fr}}.product-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c191799;border:1px solid #ffffff14;flex-direction:column;width:100%;max-width:320px;margin:0 auto;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card .product-image{aspect-ratio:1392/768;background:#000;border-bottom:1px solid #ffffff0d;width:100%;position:relative;overflow:hidden}.product-card .product-image img{object-fit:cover;width:100%;height:100%}.product-card .product-image .placeholder{color:#ffffff1a;width:100%;height:100%;font-size:var(--text-4xl);background:linear-gradient(45deg,#292524,#1c1917);justify-content:center;align-items:center;font-weight:800;display:flex}.product-card .product-image .badge-featured{color:#000;border-radius:var(--radius-full);font-weight:800;font-size:var(--text-xs);text-transform:uppercase;z-index:2;background:#f59e0b;padding:4px 12px;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000004d}.product-card .product-content{padding:var(--space-6);justify-content:space-between;gap:var(--space-4);background:linear-gradient(#ffffff0d 0%,#ffffff05 100%);border-top:1px solid #ffffff0d;flex-direction:column;flex-grow:1;display:flex;position:relative;top:-5px}.product-card .product-content .product-header .category{text-transform:uppercase;letter-spacing:.15em;color:#f59e0b;margin-bottom:var(--space-2);border-radius:var(--radius-sm);background:#f59e0b1a;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.product-card .product-content .product-header h3{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.03em;margin:0;font-weight:900;line-height:1.1}.product-card .product-content .product-description-excerpt{margin-bottom:var(--space-4);flex-grow:1}.product-card .product-content .product-description-excerpt p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.product-card .product-content .product-description-excerpt p.placeholder-text{color:var(--text-muted);font-style:italic}.product-card .product-content .product-actions{padding-top:var(--space-4);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.product-card .product-content .product-actions .price-stack{flex-direction:column;gap:2px;display:flex}.product-card .product-content .product-actions .price-stack .price-item{color:var(--text-muted);align-items:baseline;gap:4px;transition:all .2s;display:flex}.product-card .product-content .product-actions .price-stack .price-item .amount{font-size:var(--text-base);color:var(--text-secondary);font-weight:700}.product-card .product-content .product-actions .price-stack .price-item .period{text-transform:uppercase;opacity:.8;font-size:11px;font-weight:600}.product-card .product-content .product-actions .price-stack .price-item.highlight{order:-1;margin-bottom:2px}.product-card .product-content .product-actions .price-stack .price-item.highlight .amount{font-size:var(--text-2xl);color:#f59e0b;text-shadow:0 0 15px #f59e0b33;font-weight:800}.product-card .product-content .product-actions .price-stack .price-item.highlight .period{color:#f59e0b;opacity:1;font-size:12px}.product-card .product-content .product-actions .btn-view{color:var(--text-primary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;transition:all .2s}.product-card .product-content .product-actions .btn-view:hover{color:#000;background:#f59e0b;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.product-card .card-shine{pointer-events:none;z-index:10;background:linear-gradient(105deg,#0000 20%,#ffffff0d 40%,#0000 60%);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.empty-state{text-align:center;border-radius:var(--radius-xl);background:#0003;border:2px dashed #ffffff0d;grid-column:1/-1;padding:100px 20px}.empty-state .icon{margin-bottom:var(--space-4);opacity:.3;font-size:4rem;display:inline-block}.empty-state h3{font-size:var(--text-xl);color:var(--text-secondary)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}