/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 17 2026 | 09:56:53 */
/* Make WooCommerce product gallery landscape */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .woocommerce-product-gallery__wrapper {
    aspect-ratio: 16 / 9;   /* change to 16/9 if you want wider */
    width: 100%;
	padding: 15px 0px;
}

/* Force images to fill the landscape box */
.woocommerce div.product .woocommerce-product-gallery__image img {
    width: 100%;
    height: 50%;
	
    object-fit: cover;   /* crops instead of stretching */
}

/* Fix the image container height */
.woocommerce div.product .woocommerce-product-gallery__image {
    height: 50%;
	
}