.wd-product.wd-hover-small {
	--text-align: start;
}

.wd-product.wd-hover-small .product-wrapper {
	position: relative;
	flex-direction: row;
	gap: 15px;
}

.wd-product.wd-hover-small .product-element-top {
	flex: 0 0 auto;
	max-width: 50%;
	border-radius: calc(var(--wd-brd-radius) / 1.5);
}

.wd-product.wd-hover-small .product-element-top :is(.product-image-link, .hover-img) img {
	border-radius: calc(var(--wd-brd-radius) / 1.5);
}

.wd-product.wd-hover-small .product-element-bottom {
	flex: 1 1 auto;
}