.listing-wrapper {
    position:relative;
    
    & .listingPrice {
        position:absolute;
        top:10px;
        right:-10px;
        color:#fff;
        background: var(--theme--primary-color,#BDA588);
        font-size: 0.75em;
        pointer-events:none;
        z-index:1;

        & > * {
            display:block;
            padding: 5px 20px;
        }
        
        & a {
            color:#fff !important;
            cursor:pointer;
            pointer-events:initial;
            position:relative;
            text-decoration: none;
            transition-duration: 300ms;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

            &:after {
                content: '\f105';
                font-family: "Font Awesome 5 Pro";
                font-weight:700;
                position: absolute;
                top:0;
                right:20px;
                transition-duration: 300ms;
                transform:translateY(-50%);
                opacity:0;
            }

            &:hover {
                padding-right:35px;
                box-shadow: 0 2px 6px rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.32);
            }

            &:hover:after{
                top:50%;
                opacity:1;
            }
        }
    }

    & .listingStats {
        & .statWrapper {
            line-height: 1em;

            & .statValue {
                line-height: 1em;
            }
        }
    }
    
    & .shortlist-container  {
        position:absolute;
        left:10px;
        top:10px;
        z-index: 2;
        cursor:pointer;
        background:#fff;
        padding:8px;
        line-height: 1em;
        border-radius: var(--theme--border-radius);
        
        &.active > i, .productListing .shortlist-container:hover > i {
            font-weight:800;
            color: #dd3a29;
        }
    }

}