/* Product names stay compact in cards while the complete text remains in the DOM. */
.product-card h3,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product .wc-block-grid__product-title {
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.product-card h3 > a,
.wc-block-grid__product .wc-block-grid__product-title > a {
	display: block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}