/* v1.3.1 – Hard Clamp CSS (desktop only, tuned) */
@media (min-width: var(--kolbo-dpif-breakpoint, 1025px)) {
	.single-product div.product :is(
		.woocommerce-product-gallery,
		.woocommerce-product-gallery__wrapper,
		.woocommerce-product-gallery__image,
		.woocommerce-product-gallery__image a,
		.woocommerce-product-gallery__image img,
		.wp-post-image,
		.flex-viewport,
		.flex-viewport img,
		.easyzoom, .easyzoom img,
		.swiper, .swiper-wrapper, .swiper-slide, .swiper-slide img,
		.slick-slider, .slick-track, .slick-slide, .slick-slide img,
		.kolbo-gallery-main, .kolbo-gallery-main__image, .kolbo-gallery-main__image img
	) {
		max-width: var(--kolbo-dpif-max-w, 560px) !important;
		max-height: var(--kolbo-dpif-max-h, 70vh) !important;
		width: 100% !important;
		height: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		object-fit: contain !important;
		object-position: center center !important;
		box-sizing: border-box !important;
	}
	body.kolbo-dpif-hard-clamp :is(
		.single-product div.product .woocommerce-product-gallery,
		.single-product div.product .woocommerce-product-gallery__image,
		.single-product div.product .woocommerce-product-gallery__image a,
		.single-product div.product .woocommerce-product-gallery__image img,
		.single-product div.product .flex-viewport,
		.single-product div.product .flex-viewport img,
		.single-product .kolbo-gallery-main,
		.single-product .kolbo-gallery-main__image,
		.single-product .kolbo-gallery-main__image img
	) {
		max-width: var(--kolbo-dpif-max-w, 560px) !important;
	}
	.single-product div.product [style*="vw"],
	.single-product div.product [style*="100vw"] {
		max-width: var(--kolbo-dpif-max-w, 560px) !important;
		width: 100% !important;
	}
	.single-product div.product { align-items: flex-start !important; }
}