/*
 * Homepage "Best Sellers" grid (Elementor element 4c3dced, nasa-core products shortcode, Elessi "modern-9" cards).
 * The theme lays the row out with floats, so cards only ever grow to their own content (simple, swatch and
 * swatch + pack cards are 75 / 106 / 133px of info). Turn the row into a wrapping flex container so every
 * card stretches to its row, and let the info block take the spare height so the in-flow (mobile) button
 * lands on one line. Desktop keeps the theme's absolute, hover-revealed button anchored to the card bottom.
 * Column widths (.large-3 / .medium-4 / .small-6), margins and all hover rules stay with the theme.
 * To roll back, delete this file (or the whole biog-elessi-fixes plugin).
 */
.elementor-element-4c3dced .nasa-sc.products.ns-type-grid > .row {
	display: flex;
	flex-wrap: wrap;
}

/* The theme's clearfix pseudo-elements (display: table) would become empty flex items. */
.elementor-element-4c3dced .nasa-sc.products.ns-type-grid > .row::before,
.elementor-element-4c3dced .nasa-sc.products.ns-type-grid > .row::after {
	display: none;
}

.elementor-element-4c3dced .nasa-sc.products.ns-type-grid > .row > .product-warp-item {
	display: flex;
	float: none;
	flex: 0 0 auto;
}

.elementor-element-4c3dced .nasa-sc.products.ns-type-grid .product-warp-item > .product-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.elementor-element-4c3dced .nasa-sc.products.ns-type-grid .product-item > .product-img-wrap {
	flex: 0 0 auto;
}

.elementor-element-4c3dced .nasa-sc.products.ns-type-grid .product-item > .product-info-wrap {
	flex: 1 0 auto;
}
