.grade-produtos{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:26px;
  margin-top:36px;
}

.card-produto{
  position:relative;
  background:var(--bg-card);
  border:1px solid var(--hair);
  border-radius:var(--raio-md);
  overflow:hidden;
  transition:border-color .3s ease, transform .3s ease;
}
.card-produto:hover{ border-color:var(--hair-strong); transform:translateY(-4px); }

.card-produto__link-completo{ text-decoration:none; color:inherit; display:block; }

.card-produto__imagem{
  position:relative; aspect-ratio:3/4; overflow:hidden;
  background:linear-gradient(160deg, rgba(123,232,196,0.08), rgba(198,168,245,0.08));
}
.card-produto__imagem img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
}
.card-produto:hover .card-produto__imagem img{ transform:scale(1.06); }

.card-produto__badge{
  position:absolute; top:12px; left:12px; z-index:2;
  font-family:var(--fonte-mono); font-size:0.62rem; letter-spacing:0.08em; text-transform:uppercase;
  padding:5px 10px; border-radius:999px;
  background:rgba(8,8,13,0.65); border:1px solid var(--hair-strong); color:var(--mint);
  backdrop-filter:blur(6px);
}
.card-produto__categoria{
  position:absolute; bottom:0; left:0; right:0; z-index:2;
  padding:10px 14px;
  font-family:var(--fonte-mono); font-size:0.6rem; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--muted);
  background:linear-gradient(0deg, rgba(8,8,13,0.75), transparent);
}

.card-produto__corpo{ padding:18px 20px 20px; }
.card-produto__nome{ font-family:var(--fonte-titulo); font-size:1.05rem; font-weight:500; margin-bottom:6px; }
.card-produto__preco{ color:var(--mint); font-weight:600; font-size:0.95rem; margin-bottom:12px; }
.card-produto__preco--indisponivel{ color:var(--muted); font-weight:400; font-size:0.82rem; }

.card-produto__link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:0.8rem; color:var(--white); text-decoration:none;
}
.card-produto__link svg{ width:14px; height:14px; transition:transform .2s ease; }
.card-produto__link-completo:hover .card-produto__link svg{ transform:translateX(4px); }

.card-produto__adicionar{
  width:calc(100% - 32px); margin:0 16px 16px;
  padding:.7rem 1rem; border-radius:999px;
  background:transparent; border:1px solid var(--hair-strong); color:var(--white);
  font-family:var(--fonte-corpo); font-size:0.8rem; cursor:pointer;
  transition:border-color .25s ease, color .25s ease;
}
.card-produto__adicionar:hover{ border-color:var(--pink); color:var(--pink); }

.aviso-catalogo{
  margin-top:40px; padding:16px 20px;
  border:1px dashed var(--hair-strong); border-radius:var(--raio-md);
  color:var(--muted); font-size:0.85rem; text-align:center;
}