.product-summary {
  flex-direction: column;
  gap: 4px;
  line-height: 1.35;
  text-align: center;
}

@media (max-width: 560px) {
  .hero-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .product-summary {
    padding: 14px 10px !important;
  }
}