/**
 * Responsive adjustments
 */
@media (min-width: 768px) {
	:root {
		--sw-container-padding: var(--sw-space-8);
	}
	
	.sw-grid--2-cols\@md {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	:root {
		--sw-container-padding: var(--sw-space-12);
	}
	
	.sw-grid--3-cols\@lg {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.sw-grid--4-cols\@lg {
		grid-template-columns: repeat(4, 1fr);
	}
}