/**
 * JSD Deal Grid
 *
 * Layout only. Section chrome comes from section.css; cards style themselves.
 *
 * 3 columns desktop, 2 tablet, 1 mobile.
 */

.jsd-deal-grid {
	display: grid;
	grid-template-columns: repeat(var(--jsd-grid-cols, 3), minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}

@media (max-width: 1024px) {
	.jsd-deal-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (max-width: 640px) {
	.jsd-deal-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}
}