.product-list {
    gap: 3em 1em !important;
}
.product-list-item {
    position:relative;
}

.product-image-wrapper {
    background-color: #fafafa;
    /* height: 300px; */
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-image-wrapper .product-image {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
}

.product-image-wrapper .product-image.gris {
    mix-blend-mode: multiply;
    transition: all 0.3s ease-in-out;
}
.product-image-wrapper .product-image.gris:hover {
    transform:scale(1.05);
}
.product-info-wrapper {
    padding: 3rem 0 0;
    position: relative;
}

.swatches {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 10px 0 8px;
}
.swatch-option {
    width: 13px;
    height: 13px;
    border-radius: 50%;
}
.swatch-option.with-border {
    border: 1px solid rgba(0,0,0,.3);
}
.swatch-limiter {
    padding-left: 10px;
}

.price-wrapper {
    display: flex;
    align-items: center;
    padding-top: 5px;
}
.product-labels-wrapper {
    position: absolute;
    top: 13px;
}
.product-labels-wrapper .label {
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius:20px;
}
.product-label.new {
    background-color: #f8d7ff;
}
.product-label.bestseller {
    background-color: #CAF7FF
}
.product-label.kids {
    background-color: #F8D7FF;
}
.product-label.out-of-stock {
    background-color: #F43B45;
    color: #fff;
}
.product-info-wrapper .product-name {
    font-weight: 500;
    line-height: 17px;
}
.product-list__favourite-icon{
    /* position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
    opacity: 0.5;
    translate: all 0.3s; */
    /* visibility: hidden;
    opacity: 0; */
    /* mask-image: url('/media/icons/favourite.svg');
  -webkit-mask-image: url('/media/icons/favourite.svg');
  background-color: red; */
}
.product-list__favourite-icon {
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
    transition: all 0.3s;
    background-image: url('/media/icons/favourite.svg'); 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    visibility: 0;
    opacity: 0;
}
.product-list-item:hover .product-list__favourite-icon:not(.active){
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
}

.product-list__favourite-icon.active{
    opacity: 1;
    visibility: visible;
    background-image: url('/media/icons/heart-fill.svg'); 
}

@media only screen and (max-width: 768px) {
    .product-info-wrapper .product-name {
        height: 55px;
    }
    .product-image-wrapper .product-image.gris{
        min-height: 180px;
    }
    .product-image-wrapper {
       background: #fff;
       border-radius: 20px;
       filter: brightness(98%);

    }
    .product-image-wrapper .product-image.gris {
        border-radius: inherit;
        filter: none;
    }
    .product-labels-wrapper .label.product-label:not(:first-of-type) {
        display: none;
    }

    .product-list__favourite-icon{
        opacity:1 !important;
    }
}