/**
 * Single-product gallery compatibility.
 *
 * Some Shoptimizer/CommerceKit and WooCommerce gallery combinations expose a
 * sub-pixel of the next slide at the right edge on desktop as well as mobile.
 * Keep the slider's own size/transform calculations intact and clip only its
 * painted output.
 */
body.single-product div.product .woocommerce-product-gallery,
body.single-product div.product .commercekit-product-gallery,
body.single-product div.product .cgkit-product-gallery {
	box-sizing: border-box;
	max-width: 100%;
	border-right: 0 !important;
}

body.single-product div.product .woocommerce-product-gallery::before,
body.single-product div.product .woocommerce-product-gallery::after,
body.single-product div.product .commercekit-product-gallery::before,
body.single-product div.product .commercekit-product-gallery::after,
body.single-product div.product .cgkit-product-gallery::before,
body.single-product div.product .cgkit-product-gallery::after {
	border-right: 0 !important;
}

body.single-product div.product .summary {
	border-left: 0 !important;
}

body.single-product div.product .woocommerce-product-gallery .flex-viewport,
body.single-product div.product .woocommerce-product-gallery .slick-list,
body.single-product div.product .woocommerce-product-gallery .flickity-viewport,
body.single-product div.product .woocommerce-product-gallery .swiper,
body.single-product div.product .woocommerce-product-gallery .swiper-container,
body.single-product div.product .woocommerce-product-gallery .splide__track,
body.single-product div.product .commercekit-product-gallery .flex-viewport,
body.single-product div.product .commercekit-product-gallery .slick-list,
body.single-product div.product .commercekit-product-gallery .flickity-viewport,
body.single-product div.product .commercekit-product-gallery .swiper,
body.single-product div.product .commercekit-product-gallery .swiper-container,
body.single-product div.product .commercekit-product-gallery .splide__track,
body.single-product div.product .cgkit-product-gallery .flex-viewport,
body.single-product div.product .cgkit-product-gallery .slick-list,
body.single-product div.product .cgkit-product-gallery .flickity-viewport,
body.single-product div.product .cgkit-product-gallery .swiper,
body.single-product div.product .cgkit-product-gallery .swiper-container,
body.single-product div.product .cgkit-product-gallery .splide__track {
	overflow: hidden !important;
	contain: paint;
	clip-path: inset(0 1px 0 0);
}

/* Standard WooCommerce/FlexSlider can render without a named viewport until
 * initialization completes. Clip the gallery column itself during that phase. */
body.single-product div.product .woocommerce-product-gallery {
	overflow-x: clip;
}

@supports not (overflow: clip) {
	body.single-product div.product .woocommerce-product-gallery {
		overflow-x: hidden;
	}
}