/*
Theme Name: Flatsome Optimized (Retina Ready)
Theme URI: http://flatsome.uxthemes.com/
Description: A Flatsome child theme optimized for high-resolution retina displays and maximum image clarity, mimicking Woodmart/Porto quality settings.
Author: UX Themes
Author URI: http://www.uxthemes.com/
Template: flatsome
Version: 3.0
*/

/* Add custom CSS here */

/* Ensure images don't get blurry when downscaled */
img {
    image-rendering: -webkit-optimize-contrast; /* Webkit */
    image-rendering: high-quality; /* Standard */
}

/* Force equal height for product images in grid */
.product-small .box-image {
    padding-top: 100% !important; /* Forces 1:1 Square Aspect Ratio */
    /* Use 125% for Portrait (4:5) or 75% for Landscape (4:3) */
    position: relative;
    overflow: hidden;
}

.product-small .box-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This crops the image to fit the box without stretching */
    object-position: center;
}

/* Disable Hover Zoom/Effect */
.product-small .box-image:hover img {
    transform: none !important; /* Stops the zoom effect */
    opacity: 1 !important;
}

.product-small:hover .box-image {
    transform: none !important;
    box-shadow: none !important; /* Optional: Remove shadow on hover if present */
}