/* Products grid v5 — oc6 gallery cards on PLP */
@import url('oc6-gallery-card.css');

.products-grid-variant.oc6-gallery .oc6-grid-shell {
	width: 100%;
	padding-inline: clamp(12px, 2vw, 24px);
	box-sizing: border-box;
}

.products-grid-variant.oc6-gallery .product-grid.oc6-grid {
	margin-bottom: 0;
	grid-template-columns: repeat(var(--pg5-desktop-columns, 4), minmax(0, 1fr));
}

@media (max-width: 768px) {
	.products-grid-variant.oc6-gallery .product-grid.oc6-grid {
		grid-template-columns: repeat(var(--pg5-mobile-columns, 2), minmax(0, 1fr));
		gap: 12px;
	}
}

@media (max-width: 991px) {
	.plp-shell--fv2 .products-grid-variant.oc6-gallery .oc6-grid-shell,
	.plp-shell--fv3 .products-grid-variant.oc6-gallery .oc6-grid-shell {
		padding-inline: clamp(12px, 2vw, 20px);
	}

	.plp-shell--fv2 .products-grid-variant.oc6-gallery .product-grid.oc6-grid,
	.plp-shell--fv3 .products-grid-variant.oc6-gallery .product-grid.oc6-grid {
		padding-inline: 0;
	}
}

.plp-shell--fv2 .plp-shell__main > section.products.products-grid-variant.oc6-gallery,
.plp-shell--fv3 .plp-shell__main > section.products.products-grid-variant.oc6-gallery {
	padding-top: 0;
}