.block-product-title {
  flex-shrink: 0;
  padding-inline-end: 4px;
  color: rgb(var(--color-text));
  background-color: var(--background-color);
}

.block-product-title span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--max-row);
  -webkit-box-orient: vertical;
}

/* Keep product-card metadata aligned when titles have different lengths. */
.block-product-card .block-product-title span {
  height: 2.8em;
  height: 2lh;
}