.discount-boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;font-size:12px;font-weight:normal;color:#e50000}
.discount-box{border:1px solid #ff884b;padding:4px 8px;text-align:center;background:#fffdf2;min-width:65px}
.discount-box b,.discount-box small{display:block}.discount-box b{color:#f4511e;font-size:14px}
.discount-box.active{background:#ffebce;border:2px solid #ed702b;padding:3px 7px}
/* Override shared whole-table typography only inside the discount labels. */
body #products .discount-boxes{font-size:calc(var(--discount-font-size, .666667em) + 2px)!important;text-align:center!important}
body #products .discount-boxes *{font-size:inherit!important;color:var(--discount-label-color, #555)!important;text-align:center!important}
/* Quantity labels follow the regular price; only the discounted amount is red. */
body #products .discount-boxes .discount-box b{color:#e50000!important;font-weight:600!important}
