.product-image-wrapper{
    position: relative;
}

.product-item{
    position: relative;

}

.product-item-info {
    position: relative;
}

.product-badges{
   position: absolute;
    top: 0;
    left: 0;

    max-width: calc(100% - 20px); /* IMPORTANT */
    
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap;  */
    gap: 6px;

    z-index: 10;

}

/* Prevent any vertical shift when badges change on hover. Keep transitions transform/opacity only. */
.product-badges{
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.badge{
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 0 4px 4px 0;    
    display: inline-block;
    width: fit-content;
    white-space: nowrap;
    
    
}
.bestseller-badge{background: #FDF2F8; color:#C8345A;}
.performance-badge{ background: blue; }
.erin-badge{ background: purple; }
.new-badge{ background: orange; }
.sale-badge{ background: red; }

.product-photo.product-item-photo{
    position: relative;
    display: block;
}


.badge img {
    width: 30px;
    height: auto;
    display: block;
}

.product.media {
    position: relative;
}

.product-badges > .badge:first-child {
    border-radius: 0 0 16px 0;
}