/* Keralcart Site Settings — shop / category product grid (grid tab only; list view is untouched).
 * Overrides the inline styles Isotope masonry writes (position/left/top on cards, height on the list),
 * so `!important` is required here. */

#product-grid .product__all ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important; /* theme adds -15px on top of the Bootstrap .row's -15px */
	padding: 0 !important;
}
/* WooCommerce clearfix pseudo-elements would otherwise become empty grid cells. */
#product-grid .product__all ul.products::before,
#product-grid .product__all ul.products::after {
	content: none !important;
	display: none !important;
}

#product-grid .product__all ul.products > li.product {
	position: static !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	/* Row 1: the card (takes all spare height). Row 2: the plugin's Quick view + Add to wishlist buttons. */
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: 1fr auto;
}

/* Equal-height cards: the card fills the row, the button and the quick view / wishlist bar sit at the bottom. */
#product-grid .product__all ul.products > li.product > .product__all-single {
	grid-column: 1 / -1;
	display: flex;
	flex-direction: column;
}
#product-grid .product__all-single-inner {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
#product-grid .product__all-content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
#product-grid .product__all-content .product__add-to-cart {
	margin-top: auto;
}

@media (max-width: 991px) {
	#product-grid .product__all ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
	#product-grid .product__all ul.products { grid-template-columns: minmax(0, 1fr); }
}