@media screen and (max-width: 749px) {
  .product-title-heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .product-title-heading--truncatable {
    cursor: pointer;
  }

  .product-title-heading.product-title-heading--expanded {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}