.beban-product-discount {
    --discount-box-width: auto;
    --discount-box-height: 30px;
    --discount-icon-size: 12px;
    --discount-icon-gap: 4px;
    --discount-number-size: 14px;
    --discount-border-radius: 8px;
    --discount-bg-color: #ff4444;
    --discount-text-color: #ffffff;
    --discount-icon-color: #ffffff;
    --discount-border: none;
    --discount-box-shadow: 3px 1px 4px 0px color-mix(in srgb, var(--discount-bg-color) 26%, transparent);
    --discount-percent-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.004 512.004'%3E%3Cpath d='M507.312 4.692c-6.256-6.256-16.368-6.256-22.624 0L4.88 484.5c-6.256 6.256-6.256 16.368 0 22.624 3.12 3.12 7.216 4.688 11.312 4.688s8.176-1.552 11.312-4.688L507.312 27.316c6.256-6.256 6.256-16.368 0-22.624zM112.144.18C50.32.18 0 50.468 0 112.276 0 174.1 50.32 224.404 112.144 224.404c61.808 0 112.112-50.288 112.112-112.128C224.256 50.468 173.952.18 112.144.18zm0 192.24C67.952 192.42 32 156.484 32 112.292c0-44.16 35.952-80.096 80.144-80.096 44.176 0 80.112 35.936 80.112 80.096 0 44.192-35.936 80.128-80.112 80.128zM399.696 287.748c-61.808 0-112.112 50.304-112.112 112.112 0 61.824 50.304 112.144 112.112 112.144 61.824 0 112.112-50.32 112.112-112.144 0-61.808-50.304-112.112-112.112-112.112zm0 192.256c-44.176 0-80.112-35.952-80.112-80.144 0-44.176 35.936-80.112 80.112-80.112 44.176 0 80.112 35.936 80.112 80.112 0 44.192-35.936 80.144-80.112 80.144z'/%3E%3C/svg%3E");

    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--discount-box-width);
    min-width: 0;
    height: var(--discount-box-height);
    padding: 0;
    margin: 0;
    border: var(--discount-border);
    border-radius: var(--discount-border-radius);
    background-color: var(--discount-bg-color) !important;
    color: var(--discount-text-color) !important;
    box-shadow: var(--discount-box-shadow);
    font-size: var(--discount-number-size) !important;
    font-weight: 500;
    line-height: 1;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: nowrap;
    overflow: visible;
    isolation: isolate;
}

.beban-product-discount--auto-width {
    min-width: 2.5em;
}

.beban-discount-value__inner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--discount-icon-gap);
    height: 100%;
    line-height: 1;
    color: var(--discount-text-color) !important;
    background: transparent !important;
    text-decoration: none !important;
}

.beban-discount-value-number {
    display: block;
    flex: 0 0 auto;
    line-height: 1;
    font-size: var(--discount-number-size) !important;
    font-weight: inherit;
    color: var(--discount-text-color) !important;
    box-sizing: border-box;
}

.beban-discount-value-icon {
    display: block;
    flex: 0 0 auto;
    width: var(--discount-icon-size);
    height: var(--discount-icon-size);
    background-color: var(--discount-icon-color) !important;
    -webkit-mask: var(--discount-percent-mask) center / contain no-repeat;
    mask: var(--discount-percent-mask) center / contain no-repeat;
}

.beban-discount-label-before,
.beban-discount-label-after {
    display: inline-block;
    line-height: 1;
    color: var(--discount-text-color) !important;
}

del:has(.beban-product-discount),
ins:has(.beban-product-discount) {
    opacity: 1 !important;
}

del .beban-product-discount,
ins .beban-product-discount,
.price .beban-product-discount,
.products .price .beban-product-discount,
.woocommerce ul.products .beban-product-discount,
.woocommerce table.cart td .beban-product-discount,
.elementor-widget-woocommerce-cart .woocommerce table.cart td .beban-product-discount {
    text-decoration: none !important;
    font-size: var(--discount-number-size) !important;
    color: var(--discount-text-color) !important;
    background-color: var(--discount-bg-color) !important;
}

del .beban-product-discount .beban-discount-value__inner,
ins .beban-product-discount .beban-discount-value__inner,
.price .beban-product-discount .beban-discount-value__inner,
.products .price .beban-product-discount .beban-discount-value__inner,
.woocommerce table.cart td .beban-product-discount .beban-discount-value__inner,
.woocommerce table.cart td .beban-product-discount .beban-discount-value-number,
.elementor-widget-woocommerce-cart .woocommerce table.cart td .beban-product-discount,
.elementor-widget-woocommerce-cart .woocommerce table.cart td .beban-product-discount .beban-discount-value__inner,
.elementor-widget-woocommerce-cart .woocommerce table.cart td .beban-product-discount .beban-discount-value-number,
.elementor-widget-woocommerce-cart .woocommerce table.cart td .beban-product-discount span {
    color: var(--discount-text-color) !important;
}

del .beban-product-discount {
    margin-inline: 8px;
}