/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

body#category #js-product-list .product_list.grid > .row {
	display: flex;
	flex-wrap: wrap;
}

body#category #js-product-list .product_list.grid > .row > .ajax_block_product {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	display: flex;
}

body#category #js-product-list .product_list.grid > .row > .ajax_block_product > .product-miniature {
	width: 100%;
}

body#category #js-product-list .product_list.grid .thumbnail-container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

body#category #js-product-list .product_list.grid .thumbnail-container .product-image {
	width: 100%;
}

body#category #js-product-list .product_list.grid .thumbnail-container a.product-thumbnail {
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 125% !important;
}

body#category #js-product-list .product_list.grid .thumbnail-container a.product-thumbnail img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body#category #js-product-list .product_list.grid .thumbnail-container .product-meta {
	flex: 1 1 auto;
}

@media (max-width: 991px) {
	body#category #js-product-list .product_list.grid > .row > .ajax_block_product {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 575px) {
	body#category #js-product-list .product_list.grid > .row > .ajax_block_product {
		flex: 0 0 100%;
		max-width: 100%;
	}
}