/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.sale-label {
    position: absolute;
    z-index: 999;
    pointer-events: none; /* Ensure the label doesn't interfere with clicks */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    word-wrap: break-word;
}
.wp-block-woocommerce-product-collection ul li.product,
.woocommerce ul.products li.product {
    position: relative; /* Ensure the product container is positioned relative for absolute positioning */
}
.sale-label {
    z-index:999;
}