/**
 * "Members Earn X" label — adopts the theme's design language for the
 * original PDP earning label (.rewardpoints-product-view-earning in
 * _extend.less: Rajdhani, bold, uppercase, #5f5f5f, icon gap 7px), scoped
 * per context: PDP (inside .product-extra-info) and listing tiles
 * (.product-item, which are center-aligned).
 */
.rewardpoints-list-earning {
    display: flex;
    align-items: center;
    font-family: 'Rajdhani', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #5f5f5f;
    font-size: 14px;
    line-height: 20px;
}

.rewardpoints-list-earning .rewardpoints-name-img {
    display: flex;
    align-items: center;
    margin-right: 7px;
}

.rewardpoints-list-earning img {
    display: block;
}

/* PDP: sits between "Check stock availability in-store" and "Need some help?" */
.product-extra-info .rewardpoints-list-earning {
    margin: 14px 0 10px;
}

/* Listing tiles: compact, centered like the rest of the tile content */
.product-item .rewardpoints-list-earning {
    justify-content: center;
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 16px;
}

/* Magestore's image block hardcodes width:18px inline */
.product-item .rewardpoints-list-earning img {
    width: 14px !important;
}

.product-item .rewardpoints-list-earning .rewardpoints-name-img {
    margin-right: 5px;
}