:root {
  --bg: #0E1117;
  --surface: #151A2E;
  --text: #E6EDF3;
  --muted: #9AA7B2;
  --border: #1F2639;
  --neon-green: #00E38C;
  --neon-purple: #A05CFF;
  --neon-blue: #3BA7FF;
}
html[data-theme="grok"] body { background: var(--bg); color: var(--text); }
.btn { padding: .6rem 1rem; border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: .5rem; }
.btn-primary { background: var(--neon-green); color: #0a0a0a; }
.link { color: var(--neon-blue); }
.card { background: var(--surface); border: 1px solid var(--border); padding: 1rem; border-radius: .75rem; }
.header, .footer { background: #0B0E13; border-bottom: 1px solid var(--border); padding: .75rem 1rem; }
.container { max-width: 1100px; margin: 1rem auto; padding: 0 1rem; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.thumb { width: 100%; height: 160px; object-fit: cover; border-radius: .5rem; }
.price { font-weight: 700; }
.muted { color: var(--muted); }
.banner { padding: 2rem 0; }
.cta-row a { margin-right: .5rem; }
.product { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
@media (max-width: 800px) { .product { grid-template-columns: 1fr; } }
.table { width: 100%; border-collapse: collapse; }
.table td, .table th { border: 1px solid var(--border); padding: .5rem; }
.pagination { display:flex; gap:.5rem; align-items:center; }