/* 1) Forzamos que el contenedor de la imagen tenga SIEMPRE la misma proporción */
.ps-products-listing .ps-product__thumbnail > a{
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;     /* estilo Etsy (vertical). Prueba 1/1 si quieres cuadrado */
  overflow: hidden;
  border-radius: 14px;      /* opcional */
  background: #f5f5f5;      /* opcional */
}

/* 2) La imagen rellena ese espacio SIN deformarse */
.ps-products-listing .ps-product__thumbnail > a > img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;        /* clave */
  display: block;
}

/* 3) Fallback si tu navegador/tema ignora aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  .ps-products-listing .ps-product__thumbnail > a { height: 260px; }
}

/* === FIX PARA: carruseles / "Artículos recomendados" / sliders === */

/* El ancla que envuelve la imagen (en sliders cambia el wrapper) */
.ps-product .ps-product__thumbnail > a{
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;   /* usa el mismo ratio que te gustó */
  overflow: hidden;
  border-radius: 14px;
  background: #f5f5f5;
}

/* La imagen siempre ocupa TODO el cuadro sin deformarse */
.ps-product .ps-product__thumbnail > a > img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
}

/* Por si el slider mete tamaños raros */
.ps-product .ps-product__thumbnail img{
  max-width: none !important;
}