/* "Best Seller" product-card badge. Rendered inside Blocksy's <figure> badge
   stack (via the blocksy:woocommerce:product-card:badges filter); colours are set
   inline from the settings. Blocksy positions its badges at top:15px/left:15px. */
li.product figure .dn-tanc-bs-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 6px 15px;
    border-radius: 100px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.01em;
    white-space: nowrap;
    pointer-events: none;
}

/* Best Seller always sits on top (top:15). It is prepended to the badge list, so
   any native Blocksy badge (sale / out-of-stock / custom label) that follows it
   gets pushed below it — 15 + 26 (pill height) + 8 gap = 49. */
li.product figure .dn-tanc-bs-badge ~ :is(.onsale, .out-of-stock-badge, [class*="ct-woo-badge-"]) {
    top: 49px;
}