.simprod-similar-product-wrapper {
	margin: 0 0 1.5em;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	flex: 1 1 100%;
}

.simprod-similar-product-wrapper .simprod-similar-product-title {
	margin: 0 0 1em;
}

/* Layout only: card styling still comes from the active theme. */
.simprod-similar-product-wrapper ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
	gap: 1.5em !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

/* WooCommerce clearfix pseudo-elements would become empty grid cells. */
.simprod-similar-product-wrapper ul.products::before,
.simprod-similar-product-wrapper ul.products::after {
	content: none !important;
	display: none !important;
}

.simprod-similar-product-wrapper ul.products li.product {
	float: none !important;
	clear: none !important;
	position: static !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
}

/* Let thumbnails fill their grid cell instead of the theme's fixed size. */
.simprod-similar-product-wrapper ul.products li.product img,
.simprod-similar-product-wrapper ul.products li.product .woocommerce-loop-product__link img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
}

/* Remove any padding/margin the theme adds to the product link wrapper. */
.simprod-similar-product-wrapper ul.products li.product .woocommerce-loop-product__link,
.simprod-similar-product-wrapper ul.products li.product .woocommerce-LoopProduct-link {
	padding: 0;
	margin: 0;
}

/* Center product title and price. */
.simprod-similar-product-wrapper ul.products li.product .woocommerce-loop-product__title,
.simprod-similar-product-wrapper ul.products li.product .price {
	margin: 0;
	text-align: center;
}