/* Keep the selling price primary while retaining WooCommerce's accessible markup. */
:is(.bag-price, .spotlight-price, .woocommerce div.product .summary .price, .woocommerce ul.products li.product .price) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
}
:is(.bag-price, .spotlight-price, .woocommerce div.product .summary .price, .woocommerce ul.products li.product .price) ins {
    order: 0;
    color: var(--ink, #2b2b2b);
    font-weight: 650;
    font-size: 1.16em;
    text-decoration: none;
    background: none;
    white-space: nowrap;
}
:is(.bag-price, .spotlight-price, .woocommerce div.product .summary .price, .woocommerce ul.products li.product .price) del {
    order: 1;
    color: #706860;
    font-weight: 400;
    font-size: .84em;
    opacity: 1;
    text-decoration: line-through;
    white-space: nowrap;
}
.leathura-price-discount {
    order: 2;
    display: inline-block;
    align-self: center;
    padding: .25em .65em;
    border-radius: 999px;
    background: var(--wine, #6e2c2c);
    color: var(--ivory, #f5f2eb);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}
@media (max-width: 767px) {
    .bag-price { gap: 5px 8px; min-height: 48px; align-content: start; }
    .bag-price ins { font-size: 18px; }
    .bag-price del { font-size: 14px; }
}