.hp-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}
.hp-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
@media (max-width:992px){ .hp-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:576px){ .hp-grid{grid-template-columns:1fr;} }

.hp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.hp-card__image{display:block;aspect-ratio:4/3;background:#f8f9fa}
.hp-card__image img{width:100%;height:100%;object-fit:cover;display:block}
.hp-card__body{padding:12px}
.hp-card__title{font-size:.95rem;margin:0 0 .25rem}
.hp-card__title a{text-decoration:none;color:inherit}
.hp-card__desc{font-size:.85rem;color:#6b7280;margin:.25rem 0 .5rem}
.hp-card__price{font-weight:600}
.hp-actions{display:flex;justify-content:center;margin-top:16px}