.product-card {
  display: flex;
  min-height: 280px;
  flex-direction: column;
  transition: transform .18s, border-color .18s;
}

.product-card:hover {
  transform: translateY(-3px);
  border-color: rgba(32, 199, 173, .35);
}

.product-card strong {
  margin-top: auto;
  padding-top: 20px;
  color: var(--accent);
  font-size: 13px;
}

@media (max-width: 850px) {
  .hero-actions { flex-wrap: wrap; }
}