/* Trending / Best Seller ribbons — see includes/frontend-badges.php.
   Absolutely positioned against the product tile, same technique themes
   use for WooCommerce's own "Sale!" flash; the safety rule below covers
   any theme that doesn't already set position:relative on the tile
   itself (Astra does, but this shouldn't silently break on another
   theme). Placed top-right so it doesn't collide with a theme's own
   sale-badge corner, which is usually top-left. */
.products li.product,
.products .product {
    position: relative;
}

.mp-inv-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    border-radius: 3px;
    color: #fff;
    white-space: nowrap;
}

.mp-inv-badge--trending {
    background: #d9480f;
}

.mp-inv-badge--bestseller {
    background: #2f6f3e;
}