/* ===== FUNDO GERAL ===== */
body {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
}

/* ===== HEADER ===== */
.header, .top-bar {
  background-color: #000000 !important;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* ===== LINKS ===== */
a {
  color: #ffffff;
  transition: 0.3s;
}
a:hover {
  color: #a855f7; /* roxo */
}

/* ===== NOME DOS PRODUTOS ===== */
.product-name,
.product-name a {
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: 1px;
}

/* ===== PREÇOS ===== */
.price, .preco-produto {
  color: #a855f7 !important;
  font-weight: 700;
}

/* ===== CARD DOS PRODUTOS ===== */
.product {
  background-color: #111111;
  border-radius: 12px;
  padding: 10px;
  transition: 0.3s;
}

.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 0 20px rgba(168,85,247,0.3);
}

/* ===== BOTÃO ===== */
.btn, button {
  background: linear-gradient(45deg, #6b21a8, #a855f7);
  border: none;
  color: #fff;
  border-radius: 30px;
  padding: 10px 20px;
  font-weight: 600;
  transition: 0.3s;
}

.btn:hover, button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px rgba(168,85,247,0.6);
}

/* ===== BADGE FRETE GRATIS ===== */
.frete-gratis {
  background-color: #a855f7 !important;
  color: #fff !important;
}

/* ===== INPUTS ===== */
input, select {
  background-color: #111 !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.1);
}

/* ===== RODAPÉ ===== */
.footer {
  background-color: #000;
  color: #aaa;
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* ===== SCROLLBAR (opcional) ===== */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #000;
}
::-webkit-scrollbar-thumb {
  background: #a855f7;
  border-radius: 10px;
}