/* WKSS WDC recommendations layout correction. Scoped to body.wkss-wdc-recommendations-active only. */
body.wkss-wdc-recommendations-active.single-product .up-sells.upsells.products ul.products,
body.wkss-wdc-recommendations-active.single-product section.up-sells ul.products,
body.wkss-wdc-recommendations-active.single-product .related.products ul.products,
body.wkss-wdc-recommendations-active.single-product section.related ul.products,
body.wkss-wdc-recommendations-active.woocommerce-cart .cross-sells ul.products {
	display: grid !important;
	grid-template-columns: repeat(var(--wkss-wdc-rec-pc-cols), minmax(0, 1fr)) !important;
	gap: var(--wkss-wdc-rec-gap) !important;
	align-items: stretch !important;
	clear: both !important;
	width: 100% !important;
}

body.wkss-wdc-recommendations-active.single-product .up-sells.upsells.products ul.products::before,
body.wkss-wdc-recommendations-active.single-product .up-sells.upsells.products ul.products::after,
body.wkss-wdc-recommendations-active.single-product .related.products ul.products::before,
body.wkss-wdc-recommendations-active.single-product .related.products ul.products::after,
body.wkss-wdc-recommendations-active.woocommerce-cart .cross-sells ul.products::before,
body.wkss-wdc-recommendations-active.woocommerce-cart .cross-sells ul.products::after {
	content: none !important;
	display: none !important;
}

body.wkss-wdc-recommendations-active.single-product .up-sells ul.products li.product,
body.wkss-wdc-recommendations-active.single-product .related ul.products li.product,
body.wkss-wdc-recommendations-active.woocommerce-cart .cross-sells ul.products li.product {
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	min-width: 0 !important;
}

body.wkss-wdc-recommendations-active.wkss-wdc-rec-equal-height.single-product .up-sells ul.products li.product,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-equal-height.single-product .related ul.products li.product,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-equal-height.woocommerce-cart .cross-sells ul.products li.product {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

body.wkss-wdc-recommendations-active.single-product .up-sells ul.products li.product a.woocommerce-LoopProduct-link,
body.wkss-wdc-recommendations-active.single-product .related ul.products li.product a.woocommerce-LoopProduct-link,
body.wkss-wdc-recommendations-active.woocommerce-cart .cross-sells ul.products li.product a.woocommerce-LoopProduct-link {
	display: block;
	min-width: 0;
}

body.wkss-wdc-recommendations-active.single-product .up-sells ul.products li.product img,
body.wkss-wdc-recommendations-active.single-product .related ul.products li.product img,
body.wkss-wdc-recommendations-active.woocommerce-cart .cross-sells ul.products li.product img {
	width: 100%;
	height: auto;
}

body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-square.single-product .up-sells ul.products li.product img,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-square.single-product .related ul.products li.product img,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-square.woocommerce-cart .cross-sells ul.products li.product img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-4-3.single-product .up-sells ul.products li.product img,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-4-3.single-product .related ul.products li.product img,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-4-3.woocommerce-cart .cross-sells ul.products li.product img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-3-2.single-product .up-sells ul.products li.product img,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-3-2.single-product .related ul.products li.product img,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-ratio-3-2.woocommerce-cart .cross-sells ul.products li.product img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

body.wkss-wdc-recommendations-active.single-product .up-sells ul.products li.product .woocommerce-loop-product__title,
body.wkss-wdc-recommendations-active.single-product .related ul.products li.product .woocommerce-loop-product__title,
body.wkss-wdc-recommendations-active.woocommerce-cart .cross-sells ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-line-clamp: var(--wkss-wdc-rec-title-lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.45;
}

body.wkss-wdc-recommendations-active.wkss-wdc-rec-hide-price.single-product .up-sells ul.products li.product .price,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-hide-price.single-product .related ul.products li.product .price,
body.wkss-wdc-recommendations-active.wkss-wdc-rec-hide-price.woocommerce-cart .cross-sells ul.products li.product .price {
	display: none !important;
}

@media (max-width: 900px) {
	body.wkss-wdc-recommendations-active.single-product .up-sells.upsells.products ul.products,
	body.wkss-wdc-recommendations-active.single-product section.up-sells ul.products,
	body.wkss-wdc-recommendations-active.single-product .related.products ul.products,
	body.wkss-wdc-recommendations-active.single-product section.related ul.products,
	body.wkss-wdc-recommendations-active.woocommerce-cart .cross-sells ul.products {
		grid-template-columns: repeat(var(--wkss-wdc-rec-tablet-cols), minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-grid.single-product .up-sells.upsells.products ul.products,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-grid.single-product section.up-sells ul.products,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-grid.single-product .related.products ul.products,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-grid.single-product section.related ul.products,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-grid.woocommerce-cart .cross-sells ul.products {
		grid-template-columns: repeat(var(--wkss-wdc-rec-mobile-cols), minmax(0, 1fr)) !important;
	}

	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-scroll.single-product .up-sells.upsells.products ul.products,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-scroll.single-product section.up-sells ul.products,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-scroll.single-product .related.products ul.products,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-scroll.single-product section.related ul.products,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-scroll.woocommerce-cart .cross-sells ul.products {
		display: flex !important;
		overflow-x: auto !important;
		scroll-snap-type: x proximity !important;
		gap: var(--wkss-wdc-rec-gap) !important;
		padding-bottom: 8px !important;
	}

	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-scroll.single-product .up-sells ul.products li.product,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-scroll.single-product .related ul.products li.product,
	body.wkss-wdc-recommendations-active.wkss-wdc-recommendations-mobile-scroll.woocommerce-cart .cross-sells ul.products li.product {
		flex: 0 0 min(82vw, 320px) !important;
		scroll-snap-align: start !important;
	}
}
