/* A definite width, so the Elementor container computes the grid's height from its real column width.
   Without it the container sizes the widget at a near-zero width and the footer overlaps the grid. */
.elementor-widget-cvp-image-lightbox-grid,
.elementor-widget-cvp-image-lightbox-grid > .elementor-widget-container {
	width: 100%;
}

.cvp-ilg {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.cvp-ilg__item {
	display: block;
	overflow: hidden;
}

.cvp-ilg .cvp-ilg__img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: cover;
}

/* Fixed aspect ratio: the item sets the box, the image fills it (as the Elementor Pro Gallery did). */
.cvp-ilg--ratio .cvp-ilg__item {
	position: relative;
}

.cvp-ilg--ratio .cvp-ilg__img {
	position: absolute;
	inset: 0;
	height: 100%;
}