/* === ESTILO PERSONALIZADO PARA RAÇÕES ROSÁRIO === */

/* Fundo geral da loja */
body {
  background-color: #fff8f8;
  font-family: "Arial", sans-serif;
}

/* Títulos principais em vermelho */
h1, h2, h3, h4 {
  color: #d90000;
  font-weight: bold;
}

/* Links e textos com destaque em vermelho */
a {
  color: #d90000;
}
a:hover {
  color: #b30000;
  text-decoration: underline;
}

/* Botões de compra e destaques */
.button, .buy-button, .action-button, .botao-comprar {
  background-color: #d90000 !important;
  color: white !important;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}
.button:hover, .buy-button:hover, .action-button:hover, .botao-comprar:hover {
  background-color: #b30000 !important;
}

/* Cabeçalho mais limpo */
header, .header, .top-bar {
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
}

/* Rodapé com fundo claro */
footer {
  background-color: #fff0f0;
  color: #444;
  padding: 20px 0;
}

/* Produtos com sombra leve */
.product-card, .product-item {
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.product-card:hover, .product-item:hover {
  transform: scale(1.02);
}