/* Centered clickable badge overlay */
.mdb4-badge{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:#B91818;
    color:#fff;
    padding:8px 12px;
    font-size:14px;
    font-weight:700;
    border-radius:6px;
    z-index:9999;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1.3;
    text-align:center;
    max-width:90%;
    box-shadow:0 4px 12px rgba(0,0,0,.25);
    pointer-events:auto;
    white-space:normal;
}

/* Hover */
.mdb4-badge:hover{
    filter:brightness(0.95);
    text-decoration:underline;
}

/* Đảm bảo container có position để overlay bám theo */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.wc-block-grid__product,
.product,
.product-grid-item,
.product-small,
.ux-product-wrapper,
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.images{
    position:relative;
}

/* Phòng trường hợp badge bị che */
.woocommerce ul.products li.product .mdb4-badge,
.wc-block-grid__product .mdb4-badge,
.product .mdb4-badge,
.product-grid-item .mdb4-badge,
.product-small .mdb4-badge,
.ux-product-wrapper .mdb4-badge,
.woocommerce-product-gallery .mdb4-badge,
.woocommerce-product-gallery__wrapper .mdb4-badge,
.images .mdb4-badge{
    z-index: 9999;
}