/* Fix para CLS causado por la aparición/desaparición de la barra de desplazamiento */
/* Esta propiedad reserva espacio para la barra de desplazamiento, incluso cuando no está presente,
   evitando cambios de diseño cuando se abre un modal. */
html {
    scrollbar-gutter: stable both-edges;
}

/* Intento de mitigar el CLS de body.modal-open si scrollbar-gutter no es completamente efectivo o compatible.
   Esto asegura que no se añada un padding-right inesperado al body cuando un modal está abierto,
   lo que a menudo causa cambios de diseño. */
body.modal-open {
    padding-right: 0 !important;
    overflow: hidden !important; /* Asegura que la barra de desplazamiento esté oculta sin causar un cambio */
}

.product-thumb-info-image{
    width:220px;
    height:220px;
    aspect-ratio:1/1;
    overflow:hidden;
}

.product-thumb-info-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.product .product-thumb-info .product-thumb-info-image {
    width: 220px;
    height: 220px;
    overflow: hidden;
}

.product .product-thumb-info .product-thumb-info-image img {
    width: 220px;
    height: 220px;
    object-fit: cover;
    display: block;
}

.product h3{
    /*
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    */
    min-height:48px;
}