.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;
}

/* --- added: card title clamp to 1 line on index & collection pages --- */
/* display:-webkit-box 等基础属性一并写死：主题有更高优先级规则会把 display 覆盖成 flow-root，导致 line-clamp 失效 */
body[data-page-type="index"] .block-product-title span,
body[data-page-type="collection"] .block-product-title span {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: 1 !important;
}