/* Kol Playback — dynamic seller product image (RTL). */

/* Responsive + uniform: every product image fills its column as a square,
   cropped with object-fit so mixed aspect ratios all look the same size and
   nothing overflows the grid. */
.kolpb-product-image {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
	min-width: 0 !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin-inline: auto;
}

/* Grid items default to min-width:auto, so our fixed-size images were forcing
   the product columns to 300px and overflowing the row. Let them shrink so the
   theme's responsive (1fr) columns fit — uniform tiles, no overflow. */
.woocommerce ul.products li.product,
ul.products li.product {
	min-width: 0 !important;
}

/* Single product page: keep it tidy inside the gallery column. */
.woocommerce-product-gallery .kolpb-product-image,
.kolpb-gallery-image .kolpb-product-image {
	border-radius: 4px;
}