:root{--bg:#0a0a0a;--panel:#101010;--panel2:#151515;--text:#eaeaea;--muted:#bfbfbf;--accent:#00ff99;}
*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',system-ui,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent);text-decoration:none}
.site-header{display:flex;align-items:center;justify-content:space-between;background:var(--panel);padding:10px 16px;border-bottom:1px solid #222}
.brand{display:flex;align-items:center;gap:10px}
.logo{height:44px;width:auto}
.top-nav a{margin:0 10px}
.hero{padding:56px 16px;text-align:center;background:radial-gradient(circle at 50% 0%, #111 0%, #000 60%);}
.hero .btn{display:inline-block;margin-top:12px;padding:10px 16px;background:var(--accent);color:#000;border-radius:8px;font-weight:600}
.about{padding:32px 16px;background:var(--panel2)}
.about h2{margin-top:0}
.site-footer{padding:16px;text-align:center;background:var(--panel);color:var(--muted)}

.whatsapp-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;z-index:1000}
.whatsapp-float img{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(0,255,153,.35))}

.products-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start;padding:16px}
@media (max-width: 900px){.products-layout{grid-template-columns:1fr} .sidebar{position:static}}
.sidebar{position:sticky;top:10px;background:var(--panel);border:1px solid #222;border-radius:12px;padding:12px}
.sidebar h3{margin:0 0 8px 0;font-size:18px}
.category-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.category-btn{width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:#0e0e0e;border:1px solid #1f1f1f;color:var(--text);cursor:pointer;font-size:14px}
.category-btn.active, .category-btn:hover{outline:2px solid var(--accent);}

.products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 8px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.product-card{background:var(--panel);border:1px solid #222;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.product-card img{width:100%;height: 180px;object-fit:contain;display: block;
  margin: 0 auto;background:#0f0f0f}
.product-card .body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}

.add-btn{padding:10px;border:none;border-radius:8px;background:var(--accent);color:#000;font-weight:700;cursor:pointer}
.badge{display:inline-block;background:#0e0e0e;border:1px solid #1f1f1f;padding:4px 8px;border-radius:20px;font-size:12px;color:var(--muted)}
.search{width:280px;max-width:50vw;padding:10px;border-radius:8px;border:1px solid #222;background:#0e0e0e;color:var(--text)}

.container{max-width:1100px;margin:auto;padding:16px}
.card{background:var(--panel);border:1px solid #222;border-radius:12px;padding:16px}
.form-grid{display:grid;gap:12px}
.form-grid input, .form-grid textarea{padding:12px;border-radius:8px;border:1px solid #222;background:#0e0e0e;color:var(--text)}
.btn{padding:12px 16px;border:none;border-radius:8px;background:var(--accent);color:#000;font-weight:700;cursor:pointer}

/* Cart Table (no prices) */
.table{width:100%;border-collapse:collapse}
.table th, .table td{padding:10px;border-bottom:1px solid #222;text-align:left}
.qty{width:64px}