.sale-price{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;margin:.75rem 0}.sale-price strong{font-size:1.15rem;color:#933847}.sale-price small{font-size:.8rem;font-weight:400}.sale-regular{color:#666;font-size:.9rem}.sale-badge{background:#f9e8ea;color:#873241;border-radius:2rem;padding:.2rem .65rem;font-size:.8rem;font-weight:700}.sale-saving{flex-basis:100%;color:#5c6560;font-size:.8rem}.sale-heading{background:#fff5f3;border-radius:1.5rem;padding:2rem}.sale-home{margin-block:2rem;padding:1.5rem;background:#fff5f3;border-radius:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.sale-home h2{margin:0}.sale-home p{margin:.5rem 0}.sale-codes{font-size:.85rem;line-height:1.8;overflow-wrap:anywhere}.shop-add .sale-price{width:100%}.shop-add:has(.sale-price){flex-wrap:wrap}

/* A distinct frame for the homepage sale collection. */
.storefront #sales {
    margin-block: 24px 40px;
    padding: 24px;
    border: 2px solid #dc3545;
    border-top-width: 6px;
    border-radius: 24px;
    background: linear-gradient(135deg, #fff1f2, #fffafa 65%, #fff5f3);
    box-shadow: 0 10px 28px #b4233212;
}

.storefront #sales .shop-section-heading {
    margin: 0 0 20px;
}

.storefront #sales .shop-section-heading h2 {
    color: #a51d2d;
}

.storefront #sales .shop-section-heading h2::after {
    background: #dc3545;
}

.storefront #sales .catalog-more {
    margin: 20px 0 12px;
    padding: 0;
    border: 0;
    background: transparent;
}

.storefront #sales .catalog-all {
    background: #bd2334;
    color: #fff;
    border-color: #bd2334;
    box-shadow: 0 4px 12px #bd233420;
}

.storefront #sales .catalog-all:hover {
    background: #9e1928;
    border-color: #9e1928;
}

.storefront #sales .catalog-all:focus-visible {
    outline: 3px solid #9e1928;
    outline-offset: 4px;
}

.storefront #sales .product-art-note {
    color: #74565b;
}

@media (max-width: 640px) {
    .storefront #sales {
        margin-block: 18px 28px;
        padding: 16px 10px;
        border-radius: 18px;
    }

    .storefront #sales .shop-section-heading {
        margin-bottom: 14px;
    }

    .storefront #sales .catalog-all {
        width: 100%;
        min-width: 0;
    }
}