:root{
  --bg:#0b0f14;
  --card:#0f1720;
  --muted:#9aa4af;
  --accent:#7c3aed;
}
body.dark-bg{
  background: linear-gradient(180deg, rgba(11,15,20,1) 0%, rgba(18,22,28,1) 100%);
  color: #e6eef8;
  min-height:100vh;
}
.dark-card{
  background: var(--card);
  border: 1px solid rgba(255,255,255,0.03);
  color: #e6eef8;
}
.accent{
  color: var(--accent);
}
.card .price{
  font-size: 1.1rem;
  font-weight:700;
}
img.prod{
  height:190px;
  object-fit:cover;
  border-radius:8px;
  background:linear-gradient(135deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
}
.card:hover{
  transform: translateY(-6px);
  transition: transform 250ms ease;
}
.btn-primary{
  background: linear-gradient(90deg, #6d28d9, #0ea5a3);
  border: none;
}
.badge{
  font-weight:600;
}
footer{opacity:0.85}
.center{display:flex;justify-content:center;align-items:center}