/* Mobile column count follows the widget setting. A later file so it wins over cached CSS. */
@media (max-width: 768px) {
	.novoshop-services-grid {
		display: grid !important;
		width: 100% !important;
	}

	.novoshop-services-grid.columns-mobile-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	.novoshop-services-grid.columns-mobile-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.novoshop-services-grid.columns-mobile-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.novoshop-services-grid.columns-mobile-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.novoshop-services-grid.columns-mobile-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
}