body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #f8f8f8;
  color: #333;
}

/* Banner no fundo do cabeçalho (quebra de linha mantida, sem fundo vermelho nas letras) */
header {
  background: url("banner.jpg") center/cover no-repeat;
  color: white;
  padding: 60px 20px;
  text-align: center;
}

/* Título e subtítulo */
header h1 {
  margin: 0;
  font-size: 2.2rem;
}
header p {
  margin: 10px 0 0;
  font-size: 1.05rem;
}

/* Link Voltar em vermelho e sem fundo */
header a.voltar {
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  margin-top: 12px;
}
header a.voltar:hover { text-decoration: underline; }

/* Grids iguais à primeira versão */
.categorias, .produtos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  padding: 20px;
}

/* Cards */
.categoria-card, .produto-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  text-align: center;
  padding: 15px;
  transition: transform 0.2s;
}
.categoria-card:hover, .produto-card:hover { transform: scale(1.05); }

/* Imagens dentro dos cards */
.categoria-card img, .produto-card img {
  max-width: 100%;
  border-radius: 8px;
}

/* Deixar qualquer link dentro dos cards sem azul e sem sublinhado */
.categorias a, .produto-card a, .categoria-card {
  color: inherit;
  text-decoration: none;
}

/* Títulos dos cards em VERMELHO */
.categoria-card h2, .produto-card h2 {
  color: #cc0000;
  margin-top: 10px;
}
/* Grid de produtos com pelo menos 3 colunas */
.products-grid, .produtos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    justify-items: center;
}
/* Forçar tamanho padrão das imagens dos produtos */
.categoria-card img,
.produto-card img,
.product-card img {
    width: 150px;   /* largura fixa */
    height: 150px;  /* altura fixa */
    object-fit: cover; /* corta proporcionalmente sem deformar */
    border-radius: 8px;
    display: block;
    margin: 0 auto; /* centraliza dentro do card */
}
