/* Start custom CSS *//* Contenedor cuadrado */
.et_pb_shop_grid ul.products li.product .et_shop_image{
  aspect-ratio: 1 / 1;
  width: 100%;
  display: block;

  /* importante: NO ocultar, porque no queremos recortar */
  overflow: visible;
  
  /* centra el contenido */
  display: flex;
  align-items: center;
  justify-content: center;

  /* color de relleno del hueco */
  background: #fff; /* cambia si tu grid tiene otro fondo */
}

/* Imagen completa, sin recorte */
.et_pb_shop_grid ul.products li.product .et_shop_image img{
  width: 100%;
  height: 100%;
  object-fit: contain;       /* NO recorta */
  object-position: center;
  display: block;
}/* End custom CSS */