.savings-label {
    font-family: inherit;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.savingslabel-per-unit { font-size: 13px; display:block; margin-top:4px; }
.savingslabel-total { margin-top:8px; }

/* Make the server-rendered per-product savings appear non-intrusive and aligned to product rows */
.savingslabel-products-list .savingslabel-product { color: #1a7f37; font-weight: 600; padding: 6px 10px; border-top: 1px dashed rgba(0,0,0,0.06); }
.savingslabel-products-list .savingslabel-product .savingslabel-per-unit { margin: 0; }
.savingslabel-total { font-size: 14px; padding-top: 7px; border-top: 1px solid rgba(0,0,0,0.06); }
.savingslabel-server-rendered { margin-top: 8px; }

/* Inline alignment with discount percent inside product-discount */
.product-discount .savingslabel,
.product-discount .savingslabel-product {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
    font-weight: 700;
    padding: 0 6px;
    background: transparent;
}
.product-discount .savingslabel__text { white-space: nowrap; }

/* Keep discount and label on the same line */
.product-discount .discount-wrapper {
    display: inline-flex;
    gap: 8px; /* space between percentage and label */
    align-items: center;
    white-space: nowrap; /* keep the whole group on same line */
}

/* Prevent the label's own text from wrapping and keep it compact */
.product-discount .savingslabel {
    white-space: nowrap;
    max-width: 100%;
}

/* block alignment: display under price with margin */
.savingslabel--block {
    display: block !important;
    margin-top: 6px;
    padding: 6px 10px !important; /* ensure visible block padding */
}

/* inline variant */
.savingslabel--inline { display:inline-block; }

/* fallback strong selector so if inline style is missing this will still apply */
.product-discount .savingslabel.savingslabel-product.savingslabel-discount.savingslabel--inline {
    display: inline-block !important;
    margin-left: 6px !important;
    vertical-align: middle !important;
    font-weight: 700 !important;
    padding: 6px 10px !important;
}