/* Loaded after Bootstrap and assets/styles.css so the blog media ratio
   cannot be replaced by the legacy fixed 190px height. */
.page-blog .blog-card__media {
	aspect-ratio: 1 / 1 !important;
	height: auto !important;
}

.page-blog .blog-card__media img,
.page-blog .blog-card__placeholder {
	height: 100% !important;
	object-fit: cover;
	width: 100% !important;
}

@media (min-width: 992px) {
	body .container.page-catalog,
	body .container.page-cart,
	body .container.page-account,
	body .container.page-reviews {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 4rem !important;
		padding-right: 4rem !important;
	}

	body .container.page-catalog .column-left,
	body .container.page-cart .column-left,
	body .container.page-account .column-left,
	body .container.page-reviews .column-left,
	body .container.page-catalog #column-left,
	body .container.page-cart #column-left,
	body .container.page-account #column-left,
	body .container.page-reviews #column-left {
		margin-left: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}