/**
 * Theme options layer — CSS custom properties are injected inline from
 * `elgamal_theme_options_css()` (inc/theme-settings.php).
 * Keep this file for enqueue handle / cascade order only.
 */

.elgamal-blog-grid {
	display: grid;
	grid-template-columns: repeat(var(--elgamal-blog-cols-desktop, 3), minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 2rem);
}

@media (max-width: 767px) {
	.elgamal-blog-grid {
		grid-template-columns: repeat(var(--elgamal-blog-cols-mobile, 1), minmax(0, 1fr));
	}
}