/* Keep the existing price appearance when no customer discount applies. */
.customerUnitPrice.hasCustomerDiscount {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    gap: 3px;
    line-height: 1.25 !important;
}
.customerUnitPrice .customerUnitOriginal {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: 300 !important;
    line-height: 1.25;
}
.customerUnitPrice .customerUnitOriginal s {
    color: inherit;
    font-size: inherit;
    text-decoration: line-through;
}
.customerUnitPrice .customerUnitDiscounted {
    color: #fc0349;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}
.customerUnitPrice .customerUnitCaption {
    color: #c51d56 !important;
    background: #fff0f5;
    border: 1px solid #f8c8d9;
    border-radius: 999px;
    padding: 4px 10px;
    margin-top: 2px;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    white-space: normal;
}
.customerUnitPrice .customerPriceAmount {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}
.mycart .a2 .customerSubtotal.hasCustomerDiscount,
.pros .a4 .customerSubtotal.hasCustomerDiscount,
.pshow .h2 .customerSubtotal.hasCustomerDiscount {
    align-items: center !important;
    text-align: center;
}
.mycart .a2 .customerSubtotal > div,
.pros .a4 .customerSubtotal > div {
    margin-left: 0;
}
.indpro > .h1 .customerUnitPrice.hasCustomerDiscount,
.swiper-slide .customerUnitPrice.hasCustomerDiscount,
.tuiIndex .customerUnitPrice.hasCustomerDiscount {
    align-items: center !important;
    text-align: center;
}
/* Extra lines must expand the card rather than overlap its buttons/next row. */
.indpro:has(.hasCustomerDiscount) > .h1 {
    height: auto !important;
    min-height: 490px;
    padding-bottom: 15px;
}
.indpro:has(.hasCustomerDiscount) > .h1 .customerUnitPrice,
.swiper-wrapper:has(.hasCustomerDiscount) .customerUnitPrice,
.inda:has(.hasCustomerDiscount) .customerUnitPrice {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: calc(2.625em + 36px) !important;
    height: auto !important;
}
.pros:has(.hasCustomerDiscount) {
    height: auto !important;
    min-height: 290px;
}
.pros:has(.hasCustomerDiscount) .a2 {
    padding-top: 12px;
    padding-bottom: 12px;
}
@media (max-width: 768px) {
    .indpro:has(.hasCustomerDiscount) > .h1 .customerUnitPrice,
    .swiper-wrapper:has(.hasCustomerDiscount) .customerUnitPrice,
    .inda:has(.hasCustomerDiscount) .customerUnitPrice {
        min-height: calc(2.625em + 52px) !important;
    }
    .customerUnitPrice .customerUnitCaption {
        font-size: 12px !important;
        padding: 4px 7px;
    }
    .indpro:has(.hasCustomerDiscount) > .h1 {
        min-height: 0;
    }
}