/* ============================================================
   PRODUTOS — catálogo/loja com botão de comprar via WhatsApp.
   ============================================================ */

.products-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.product-card{
  background:var(--white); border:1px solid var(--pearl-deep); border-radius:var(--radius-md); overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.product-card:hover{transform:translateY(-5px); box-shadow:var(--shadow-card);}
.product-photo{aspect-ratio:1/1; border-radius:0; cursor:pointer; transition:opacity .2s ease;}
.product-photo:hover{opacity:0.8;}
.product-info{padding:20px;}
.product-info h3{font-size:16.5px; color:var(--graphite); font-weight:700; font-family:'Manrope',sans-serif;}
.product-info p{margin-top:6px; font-size:13.5px; color:var(--slate);}
.product-footer{display:flex; align-items:center; justify-content:space-between; margin-top:16px;}
.product-price{font-family:'Fredoka',sans-serif; font-weight:600; font-size:17px; color:var(--blue-deep);}
.buy-btn{
  display:inline-flex; align-items:center; gap:6px; background:var(--blue-ice); color:var(--blue-deep);
  padding:9px 15px; border-radius:100px; font-size:12.5px; font-weight:800; transition:background .18s ease;
}
.buy-btn:hover{background:var(--blue); color:var(--white);}
.buy-btn svg{width:14px; height:14px;}
.products-footnote{text-align:center; margin-top:40px; color:var(--slate); font-size:14px;}

/* Use esta classe quando trocar o placeholder pela foto real do produto */
.product-photo-img{width:100%; aspect-ratio:1/1; object-fit:cover; display:block;}