.products-loading {
	background-image: url(/resources/img/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 35vh;
	background-size: 3rem;
}
.products-loading .products-list {
	opacity: 0.2;
}

.products {
	width: 100%
}

.products .products-list {
	margin: 0.5rem 0;
	flex-wrap: wrap;
	align-items: flex-start;
}

@media (max-width: 767px) {
	.products .products-list {
		justify-content: space-between;
		align-items: stretch
	}
}

.product {
	position: relative
}

.product article {
	padding: 2rem 0;
	box-sizing: border-box
}