/*
Author:       Pishro System
Author URI:   https://www.pishrosystem.com
Version:      1.0
Convert the standard WooCommerce products list into a modern responsive grid
*/
ul.products {
	margin-right: 0 !important;
	grid-gap: 20px;
	display: grid;
	width: 100%;
}

ul.products:before {
	content: unset !important;
}

ul.products.columns-5 {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

ul.products.columns-6 {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

ul.products.columns-7 {
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

@media (max-width: 480px) {
	ul.products.columns-6 {
		grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
	}

	ul.products.columns-7 {
		grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
	}

}

ul.products li.product {
	width: 100% !important;
	display: flex;
	flex-direction: column;
}

ul.products li.product.product-category img{
	border-radius: 16px 16px 0 0;
}

ul.products li.product.product-category h2{
	text-align: center;
	font-size: 0.75rem;
}

ul.products li.product a.woocommerce-loop-product__link {
	flex-grow: 1;
}