/* Task 1258: let catalog names use the full text column and align from its left edge. */
.product-detail-page .public-product-content h2 {
  width: 100%;
  max-width: none;
  text-align: left !important;
  text-wrap: wrap;
}

.product-detail-page .public-product-name {
  display: block;
  width: 100%;
  max-width: none;
  text-align: left;
}

@media (max-width: 640px) {
  .product-detail-page .public-product-content h2 {
    font-size: .92rem !important;
    line-height: 1.25 !important;
  }
}