:root{--bg: #09090b;--bg2: #18181b;--bg3: #27272a;--surf: rgba(255, 255, 255, .05);--surf2: rgba(255, 255, 255, .1);--b: rgba(255, 255, 255, .1);--b2: rgba(255, 255, 255, .15);--t1: #fafafa;--t2: #a1a1aa;--t3: #71717a;--primary: #8b5cf6;--primary-hover: #7c3aed;--accent: #d946ef;--accent-light: rgba(217, 70, 239, .2);--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-glow: 0 0 40px -10px rgba(139, 92, 246, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::selection{background:#8b5cf666}a{text-decoration:none;color:inherit}button,input,select{font-family:inherit;outline:none;border:none}button{cursor:pointer;background:none}.glass{background:#18181bb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--b)}.gradient-text{background:linear-gradient(135deg,#fff,#c4b5fd,#f0abfc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 14px #8b5cf663}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.cat-pill{padding:8px 18px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;background:var(--bg3);color:var(--t2);border:1px solid var(--b);transition:all .2s;white-space:nowrap}.cat-pill:hover{background:var(--surf);color:var(--t1);border-color:var(--b2)}.cat-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #8b5cf666}.product-card{background:var(--bg2);border:1px solid var(--b);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px -1px #0000001a;position:relative}.product-card:hover{transform:translateY(-5px);border-color:#8b5cf666;box-shadow:0 20px 40px #0006,var(--shadow-glow)}.p-img-wrap{height:220px;position:relative;overflow:hidden;background:var(--bg3)}.p-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .p-img{transform:scale(1.08)}.p-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%);opacity:0;display:flex;align-items:flex-end;justify-content:center;padding:1rem;transition:opacity .3s ease}.product-card:hover .p-overlay{opacity:1}.btn-add-overlay{background:#fffffff2;color:#000;padding:8px 16px;border-radius:99px;font-size:12px;font-weight:700;transform:translateY(10px);transition:transform .3s ease}.product-card:hover .btn-add-overlay{transform:translateY(0)}.p-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.p-badge.hot{background:#d946ef26;border:1px solid rgba(217,70,239,.3);color:var(--accent)}.p-badge.new{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#c4b5fd}.p-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.p-cat{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-bottom:8px}.p-cat-dot{width:6px;height:6px;border-radius:50%}.p-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--t1);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.p-foot{margin-top:auto;margin-bottom:12px}.p-price{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;color:var(--t1)}.p-sale-price{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;color:var(--accent);margin-right:8px}.p-orig-price{font-family:var(--font-body);font-size:.8rem;color:var(--t3);text-decoration:line-through}.btn-add-cart{width:100%;background:var(--surf);border:1px solid var(--b);border-radius:var(--radius-md);padding:10px;color:var(--t1);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-add-cart:hover{background:var(--primary);border-color:var(--primary);color:#fff}