/* ===== Category page overrides =====
   Diferença visual chave vs home: o "+" do product card vira caractere plano
   centralizado ABAIXO da imagem (não overlay circular sobre ela).

   Após restruturação do home.js, "+" é flex child direto de .product-card
   (depois de imgwrap, antes de info). Aqui sobrescrevemos os estilos de overlay
   da home pra renderizar como caractere plano centralizado. */

.product-card { gap: 6px; }

.product-add-btn {
  align-self: center;
  margin: 0;
  padding: 8px 0 4px;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: var(--text-muted);
  position: static;
  z-index: auto;
}
.product-add-btn:hover {
  background: transparent;
  transform: none;
  opacity: 0.55;
}
.product-add-btn:active { transform: none; }

@media (min-width: 1024px) {
  .product-add-btn {
    margin: 0;
    padding: 10px 0 4px;
  }
}