/* Ticket-cut offer badge — used on all product-card listings (listing, favourites, home applience, wishlist).
   Sits absolutely inside .deal_div. */
.deal_div {
    position: relative;
}

.discount-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    display: inline-block !important;
    background: linear-gradient(135deg, #ff4b2b 0%, #ff416c 100%) !important;
    color: #fff !important;
    padding: 6px 22px 6px 12px !important;
    min-width: 64px !important;
    text-align: center !important;
    z-index: 10 !important;
    line-height: 1 !important;
    font-family: "Public Sans", Arial, sans-serif !important;
    text-transform: none !important;
    filter: drop-shadow(0 3px 6px rgba(230, 57, 70, .35));
    clip-path: polygon(0 0, 100% 0, 100% 35%, 85% 50%, 100% 65%, 100% 100%, 0 100%);
    pointer-events: none;
}

.discount-badge .percent {
    display: block !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.3px !important;
    white-space: nowrap !important;
    text-transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.discount-badge .off {
    display: block !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 1.5px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    opacity: .95;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}