/* Shared related products/bundles grid columns (theme panel: desktop_columns / mobile_columns) */

.related-products-grid-variant[data-mobile-columns] > .product-grid,
.related-bundles-grid-variant[data-mobile-columns] > .product-grid {
	display: grid;
	grid-template-columns: repeat(var(--qc-mobile-columns, 2), minmax(0, 1fr));
	gap: clamp(12px, 2vw, 16px);
}

@media (min-width: 769px) {
	.related-products-grid-variant[data-mobile-columns] > .product-grid,
	.related-bundles-grid-variant[data-mobile-columns] > .product-grid {
		grid-template-columns: repeat(var(--qc-desktop-columns, 4), minmax(0, 1fr));
		gap: clamp(16px, 2.5vw, 24px);
	}
}