/* ============ NHÓM SẢN PHẨM (dùng cho cả gia dụng & điện gia dụng) ============ */
.group{padding:80px var(--gutter);display:flex;flex-direction:column;gap:40px;align-items:flex-start;}
.group--home{background:var(--bg);}
.group--elec{background:var(--bg-alt);}
.group__head{display:flex;flex-direction:column;gap:14px;align-items:flex-start;width:100%;}
.group__lead{width:880px;max-width:100%;font-size:16px;line-height:1.7;color:var(--muted);}

.group__grid{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch;width:100%;}

.pcard{
  display:flex;flex-direction:column;align-items:stretch;
  background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease;
}
.pcard:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(0,0,0,.22);}
/* Ảnh sản phẩm là ảnh cắt nền trắng -> contain + padding, KHÔNG cover (cover cắt cụt bồn) */
.pcard__img{
  width:100%;aspect-ratio:800/500;flex:none;
  object-fit:contain;padding:18px;background:var(--bg);
}
.pcard__body{
  flex:1;display:flex;flex-direction:column;gap:10px;align-items:stretch;
  padding:22px 24px 24px;
}
.pcard__name{font-size:18px;font-weight:700;line-height:1.3;color:var(--ink);text-align:center;}

/* Gia dụng: 3 thẻ / hàng (397 × 3 + 24 × 2 = 1239 ≈ 1240) */
.group--home .pcard{width:397px;}
/* Điện gia dụng: 2 thẻ / hàng (608 × 2 + 24 = 1240) */
.group--elec .pcard{width:608px;}
.group--elec .pcard__body{padding:24px 26px 26px;}
.group--elec .pcard__name{font-size:19px;line-height:normal;}

/* === RESP-PAGE (auto) === */
@media (max-width:1024px){
  .group__lead{width:100%;}
  .group--home .pcard{width:calc(50% - 12px);}
  .group--elec .pcard{width:100%;}
}
@media (max-width:600px){
  .group--home .pcard{width:100%;}
}
/* === END RESP-PAGE === */