.woocommerce-product-gallery {
	transition: opacity 0.3s ease;

	// when switching variation gallery
	&[data-state="loading"] {
		opacity: 0.3;
	}

	.ct-media-container {
		display: flex;
	}
}


// default & stacked gallery
.ct-default-gallery,
.ct-stacked-gallery {

	.product-entry-wrapper {
		@include media-breakpoint-up (lg) {
			display: grid;
			grid-template-columns: calc(var(--product-gallery-width, 50%) - 20px) auto;
			grid-column-gap: 40px;
		}
	}
}