/* Keep complete product names readable in a compact title area. */
.product-info { min-width: 0; }
.product-info h1 {
  --title-min-size: 24;
  line-height: 1.18;
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  .product-info h1 { --title-min-size: 20; }
}
.product-info h1[data-title-overflow="collapsed"] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.product-title-toggle {
  display: block;
  margin: -8px 0 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--pine, #124f54);
  font: inherit;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.product-title-toggle[hidden] { display: none; }