/* -------------------------------------------------------------
   1. GRID DE PRODUTOS (Loja, Categorias, Carrosséis)
------------------------------------------------------------- */
.woocommerce ul.products li.product a img,
.elementor-widget-woocommerce-products .product img,
.elementor-widget-wc-archive-products .product img,
.elementor-loop-container .elementor-post__thumbnail img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Proporção quadrada */
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

/* -------------------------------------------------------------
   2. PÁGINA INTERNA DO PRODUTO (Single Product)
------------------------------------------------------------- */
/* Imagem principal do produto */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img,
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Proporção quadrada */
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

/* Miniaturas da galeria (thumbnails) na página do produto */
.woocommerce div.product div.images .flex-control-thumbs li img,
.elementor-widget-woocommerce-product-images .flex-control-thumbs li img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important; /* Proporção quadrada */
    object-fit: contain !important;
    object-position: center !important;
    height: auto !important; /* Previne distorção nas flex-boxes */
}