/* ==========================================================================
   Hero
   ========================================================================== */

.page-hero,
.product-hero {
  padding: 56px 0;
}

.page-hero h1,
.products-hero h1 {
  font-size: clamp(2.5rem, 4.5vw, 3.5rem);
}

.page-hero-description,
.product-hero-description {
  max-width: 650px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 28px;
}