/**
 * G Product Carousel — equal-height custom loop cards (storefront).
 *
 * Global style.min.css uses `height: inherit` on `.slick-slide`, which fights
 * flex stretch. VB preview already uses height:auto + stretch; mirror that here
 * and include Divi 5 wrappers (`.et_pb_module_inner`) in the fill chain.
 */

.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-track {
	display: flex !important;
	align-items: stretch !important;
}

.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-slide {
	float: none !important;
	height: auto !important;
	display: flex !important;
}

.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-slide > div {
	display: flex !important;
	flex-direction: column !important;
	width: 100%;
	height: 100% !important;
}

.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-slide .product-wrapper,
.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-slide .bc-link-whole-grid-card,
.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-slide .et_pb_section,
.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-slide .et_pb_row,
.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-slide .et_pb_column {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	height: 100% !important;
	width: 100%;
	box-sizing: border-box;
}

.et_pb_db_product_carousel.same-height-cards .et_pb_carousel_wrapper.slick-initialized .slick-slide .et_pb_module_inner {
	height: 100%;
}

/* Align last module (price / stock / ATC) when that toggle is also on. */
.et_pb_db_product_carousel.same-height-cards.align-last-module .et_pb_carousel_wrapper.slick-initialized .slick-slide .et_pb_column > .et_pb_module:last-child {
	margin-top: auto !important;
}