.product-section.product-detail--article {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: clamp(1.5rem, 5vw, 4rem);
  background: var(--card-bg);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .08);
}

.product-detail--article .product-heading {
  align-items: start;
}

.product-detail--article .product-heading h1 {
  max-width: 18ch;
  margin-bottom: 0;
  font-size: clamp(2.25rem, 5vw, 4.75rem);
  line-height: 1.02;
  letter-spacing: -.045em;
}

.product-detail--article .product-card {
  box-shadow: none;
}

@media (max-width: 720px) {
  .product-section.product-detail--article {
    border-radius: 16px;
    padding: 1.25rem;
  }
}