/* ===========================================
   PRODUTOS.CSS — estilos exclusivos da página Produtos
   =========================================== */

.produtos{
  padding:80px 0 100px;
}
.grid-produtos{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:30px;
}
.card-produto{
  background:#fff8ea;
  color:var(--ink);
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 14px 30px rgba(23,21,15,0.12);
  display:flex;
  flex-direction:column;
}
.card-foto{
  aspect-ratio:1/1;
  background:repeating-linear-gradient(45deg, rgba(74,90,58,0.06), rgba(74,90,58,0.06) 10px, transparent 10px, transparent 20px);
  border-bottom:3px solid var(--gold);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--olive);
  font-size:0.85rem;
  padding:20px;
}
.card-foto img{width:100%; height:100%; object-fit:cover;}
.card-body{padding:22px 22px 26px;}
.card-body .tag{
  font-size:0.7rem;
  text-transform:uppercase;
  letter-spacing:0.12em;
  color:var(--rust);
  font-weight:600;
}
.card-body h3{
  font-size:1.25rem;
  margin:8px 0 8px;
}
.card-body p{
  font-size:0.9rem;
  color:#4a4636;
  margin-bottom:16px;
}
.card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:auto;
}
.preco{font-family:'Fraunces', serif; font-weight:600; font-size:1.15rem; color:var(--ink);}
.preco span{font-size:0.75rem; color:#7a755e; font-weight:400; font-family:'Jost', sans-serif;}
.mini-btn{
  background:var(--olive);
  color:#fff;
  font-size:0.82rem;
  padding:9px 16px;
  border-radius:3px;
  font-weight:600;
}
.mini-btn:hover{background:#5b6e48;}

/* COMO COMPRAR */
.como-comprar{
  padding:80px 0 100px;
}
.como-comprar .section-head{max-width:600px; margin:0 auto;}
.como-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:36px;
  margin-top:56px;
}
.passo{
  border-left:3px solid var(--gold);
  padding-left:22px;
}
.passo .num{
  font-family:'Fraunces', serif;
  font-size:1rem;
  color:var(--rust);
  font-weight:600;
  margin-bottom:10px;
}
.passo h3{font-size:1.1rem; margin-bottom:8px;}
.passo p{color:var(--ink-soft); font-size:0.92rem;}

@media (max-width: 880px){
  .grid-produtos, .como-grid{grid-template-columns:1fr;}
  .produtos, .como-comprar{padding:64px 0;}
}