*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a1a2e;--accent:#e94560;--accent2:#f59e0b;--bg:#f4f4f8;--white:#fff;--text:#1a1a2e;--muted:#666;--border:#e0e0e0;--radius:8px;--shadow:0 2px 8px #00000014}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.container{padding:0 16px}}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--primary);color:#fff}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.badge{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-green{color:#065f46;background:#d1fae5}.badge-yellow{color:#92400e;background:#fef3c7}.badge-red{color:#991b1b;background:#fee2e2}.category-card{transition:transform .15s}.category-card:hover{transform:translateY(-2px)}@media (max-width:640px){.desktop-nav{display:none!important}.product-grid{grid-template-columns:1fr 1fr!important}.container{padding:0 12px}.catalog-sidebar{margin-bottom:16px;display:none;width:100%!important;position:static!important}.catalog-sidebar.sidebar-open,.sidebar-toggle{display:block!important}.header-search input::placeholder{font-size:12px}}@media (max-width:480px){.product-grid{grid-template-columns:1fr!important}.header-search{display:none!important}}