.price {
    display: inline-block;
    color: rgb(var(--color-sale));
}

.price .price__sale {
    display: flex;
    flex-wrap: wrap; 
}

.price .price__sale .price-item--regular {
    text-decoration: line-through;
    color: rgb(var(--color-light-text));
    /* when has sale style use regular price font size */
    font-size: var(--regular-price-font-size, inherit);
}

.price .price__sale .price-item--save {
    color: rgb(var(--color-discount));
}

.price .price__sale .price-item--save.price-item--save-button {
    background: rgb(var(--color-discount-tag-background));
    color: rgb(var(--color-discount-tag-text));
    border-radius: var(--save-button-radius, 4px);
    padding: 4px 12px;
}

.price .price__sale .price-item--sale {
    color: rgb(var(--color-sale));
}

.price .price__sale.origin_sale .price-position-sale {
    order: 2;
}

.price .price__sale.origin_sale .price-position-origin {
    order: 1;
}

.price .price__sale.origin_sale .price-position-save {
    display: none;
}

.price .price__sale.sale_origin .price-position-sale {
    order: 1;
}

.price .price__sale.sale_origin .price-position-origin {
    order: 2;
}

.price .price__sale.sale_origin .price-position-save {
    display: none;
}

.price .price__sale.save_sale_origin .price-position-sale {
    order: 2;
}

.price .price__sale.save_sale_origin .price-position-origin {
    order: 3;
}

.price .price__sale.save_sale_origin .price-position-save {
    order: 1;
}

.price .price__sale.sale_origin_save .price-position-sale {
    order: 1;
}

.price .price__sale.sale_origin_save .price-position-origin {
    order: 2;
}

.price .price__sale.sale_origin_save .price-position-save {
    order: 3;
}

.price .price__sale.sale_save .price-position-sale {
    order: 1;
}

.price .price__sale.sale_save .price-position-origin {
    display: none;
}

.price .price__sale.sale_save .price-position-save {
    order: 2;
}

.price .price__sale.save_sale .price-position-sale {
    order: 2;
}

.price .price__sale.save_sale .price-position-origin {
    display: none;
}

.price .price__sale.save_sale .price-position-save {
    order: 1;
}

.price .price__regular .price-item--regular {
    color: rgb(var(--color-sale));
}

.price .price-item--regular {
    /* use sale price font size default */
    font-size: var(--sale-price-font-size, inherit);
}

.price .price-item--save {
    font-size: var(--save-price-font-size, inherit);
}

.price .price-item--sale {
    font-size: var(--sale-price-font-size, inherit);
}

.price .price-item--save,
.price .price-item--sale,
.price .price-item--regular {
    margin-right: 6px;
}

.price .price-item--save.font_size_small,
.price .price-item--sale.font_size_small,
.price .price-item--regular.font_size_small {
    font-size: 1em;
}

.price .price-item--save.font_size_medium,
.price .price-item--sale.font_size_medium,
.price .price-item--regular.font_size_medium {
    font-size: 1.3em;
}

.price .price-item--save.font_size_big,
.price .price-item--sale.font_size_big,
.price .price-item--regular.font_size_big {
    font-size: 1.5em;
}

.price .price-item--save.font_size_huge,
.price .price-item--sale.font_size_huge,
.price .price-item--regular.font_size_huge {
    font-size: 2em;
}

.price>* {
    display: inline-block;
    vertical-align: top;
}

/* The ipad end responds to the mobile end in vertical screen */
/* @custom-media --tablet (max-width: 959px); */
/* @custom-media --gt-mobile (min-width: 751px); */
/* detectingScreen need to consider the configuration of the tablet */