/* ============================================================================================== */
/* ============================================== price ========================================= */
/* ============================================================================================== */

.price-group,
.price-group>.price,
.price-group>.note {
    position: relative;
}

.price-group>.price {
    display: flex;
}

.price-group>.price>.num {}

.price-group>.price>.unit {
    margin-left: 5px;
}

.price-group>.price>.unit-currency {
    margin-right: 2px;
}

.price-group.price-hl>.price {
    font-size: 20px;
    font-weight: 700;
}

/**/
.price-group .price.font-hl .num .price-group.special-price-format.inline {
    display: flex;
    flex-wrap: nowrap;
}

.price-group.special-price-format.inline .price.line-through+.price {
    margin-left: 5px;
}

.price-group.special-price-format .price.line-through {
    display: inline;
    opacity: 0.8;
    padding: 0 2px;
    /* font-size: var(--customize-small-font-size);
    line-height: var(--customize-small-line-height); */
}

.price-group.special-price-format .price.line-through::before {
    position: absolute;
    content: "";
    border-top: 1px solid rgba(0, 0, 0, .4);
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -1px;
    z-index: 2;
}

.price-group.special-price-format .price:not(.line-through)>.num,
.price-group.special-price-format .price:not(.line-through)>.unit-currency {
    color: rgba(var(--customize-color-red), 1);
}

.price-group.special-price-format.disable-color .price:not(.line-through)>.num,
.price-group.special-price-format.disable-color .price:not(.line-through)>.unit-currency {
    color: rgba(var(--customize-color-black), 1);
}



.price-group .price.is-special-price .num,
.price-group .price.is-special-price .unit-currency {
    color: rgba(var(--customize-color-red), 1);
}

/* note */
.price-group>.note {
    color: rgba(var(--customize-color-gray), 1);
}


/* price on cover */
.price-group.price-on-cover>.price {
    align-items: baseline;
}

.price-group.price-on-cover>.price>.num {
    font-family: 'rubik';
    font-size: 16px;
    font-weight: 600;
}

.price-group.price-on-cover>.price>.unit-currency {
    font-family: 'rubik';
    font-size: 16px;
    font-weight: 500;
    margin-right: 5px;
}

.price-group.price-on-cover>.price>.text,
.price-group.price-on-cover>.price>.unit {
    font-size: var(--customize-small-font-size);
    line-height: var(--customize-small-line-height);
}

.price-group.price-on-cover>.price>.unit {
    color: rgba(var(--customize-color-gray), 1);
}


/* price on detail */
.price-group.price-on-detail {
    display: inline-flex;
    align-items: baseline;
}

.price-group.price-on-detail>.price {
    align-items: baseline;
}

.price-group.price-on-detail>.price>.num {
    font-family: 'rubik';
    font-size: var(--customize-h1-font-size);
    line-height: var(--customize-h1-line-height);
    font-weight: 500;
}

.price-group.price-on-detail>.price>.unit-currency {
    font-family: 'rubik';
    font-size: var(--customize-h1-font-size);
    line-height: var(--customize-h1-line-height);
    font-weight: 500;
    margin-right: 5px;
}

.price-group.price-on-detail>.note {
    /* color: rgba(var(--customize-color-black), 1); */
    margin-left: 10px;
}

/* inline */
.price-group.inline {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: baseline;
}

.price-group.inline .note {
    margin-left: 5px;
}

/* xxl */
@media (min-width: 1400px) {}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {

    /* price on cover */
    .price-group.price-on-cover>.price>.num {
        font-size: 14px;
        font-weight: 600;
    }

    .price-group.price-on-cover>.price>.unit-currency {
        font-size: 14px;
    }

    .price-group.price-min-only.price-on-cover>.price {
        flex-wrap: wrap;
    }

    .price-group.price-min-only.price-on-cover>.price>.text {
        width: 100%;
        padding: 0;
        margin: 0;
    }

}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {

    /* price on cover */
    .price-group.price-on-cover>.price>.num {
        font-size: 14px;
        font-weight: 600;
    }

    .price-group.price-on-cover>.price>.unit-currency {
        font-size: 14px;
    }

    .price-group.price-min-only.price-on-cover>.price {
        flex-wrap: wrap;
    }

    .price-group.price-min-only.price-on-cover>.price>.text {
        width: 100%;
        padding: 0;
        margin: 0;
    }

}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

    /* price on cover */
    .price-group.price-on-cover>.price>.num {
        font-size: 14px;
        font-weight: 600;
    }

    .price-group.price-on-cover>.price>.unit-currency {
        font-size: 14px;
    }

    .price-group.price-min-only.price-on-cover>.price {
        flex-wrap: wrap;
    }

    .price-group.price-min-only.price-on-cover>.price>.text {
        width: 100%;
        padding: 0;
        margin: 0;
    }

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

    /* price on cover */
    .price-group.price-on-cover>.price>.num {
        font-size: 14px;
        font-weight: 600;
    }

    .price-group.price-on-cover>.price>.unit-currency {
        font-size: 14px;
    }

    .price-group.price-min-only.price-on-cover>.price {
        flex-wrap: wrap;
    }

    .price-group.price-min-only.price-on-cover>.price>.text {
        width: 100%;
        padding: 0;
        margin: 0;
    }

}

/* sm - xs */
@media (max-width: 767.98px) {}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {


    /* price on cover */
    .price-group.price-on-cover>.price>.num {
        font-size: 15px;
    }

    .price-group.price-on-cover>.price>.unit-currency {
        font-size: 15px;
    }

    .price-group.price-min-only.price-on-cover>.price {
        flex-wrap: wrap;
    }

    .price-group.price-min-only.price-on-cover>.price>.text {
        width: 100%;
        padding: 0;
        margin: 0;
    }

}

/* xs */
@media (max-width: 575.98px) {

    /* price on cover */
    .price-group.price-on-cover>.price>.num {
        font-size: 14px;
        /* font-weight: 500; */
    }

    .price-group.price-on-cover>.price>.unit-currency {
        font-size: 14px;
    }

    .price-group.price-min-only.price-on-cover>.price {
        flex-wrap: wrap;
    }

    .price-group.price-min-only.price-on-cover>.price>.text {
        width: 100%;
        padding: 0;
        margin: 0;
    }

}

/* xs custom */
@media (max-width: 399.98px) {}