.price {
    font-size: 1.6rem;
    letter-spacing: 0rem;
    line-height: calc(1 + .5 / var(--font-body-scale));
    color: var(--color-base-accent-2);
    font-weight: 500
}

.price.price--large.price--on-sale {
    display: flex;
    align-items: center
}

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

.price.price--unavailable {
    visibility: hidden
}

.price--end {
    text-align: right
}

.price .price-item {
    display: inline-block;
    margin: 0 .2rem 0 0
}

.price__regular .price-item--regular {
    margin-right: 0
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
    margin: 0
}

@media screen and (min-width: 750px) {
    .price {
        margin-bottom: 0
    }
}

.price--large {
    font-size: 2rem;
    line-height: calc(1 + .5 / var(--font-body-scale));
    letter-spacing: .13rem;
    display: flex
}

@media screen and (min-width: 750px) {
    .price--large {
        font-size: 2.2rem
    }
}

.price--sold-out .price__availability, .price__regular {
    display: block
}

.price__sale, .price__availability, .price .price__badge-sale, .price .price__badge-sold-out, .price--on-sale .price__regular, .price--on-sale .price__availability {
    display: block;
    font-weight: 600;

}

.price--sold-out .price__badge-sold-out, .price--on-sale .price__badge-sale {
    display: inline-block
}

.price--on-sale .price__sale {
    display: initial;
    flex-direction: row;
    flex-wrap: wrap
}

.price--center {
    display: initial;
    justify-content: center
}

.price--on-sale .price-item--regular {
    text-decoration: line-through;
    color: var(--color-base-text);
    font-size: 1.6rem;
    font-weight: 300
}

.product__info-container .price--on-sale .price-item--regular {
    font-size: 2rem
}

.unit-price {
    display: block;
    font-size: 1.1rem;
    letter-spacing: .04rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    margin-top: .2rem;
    text-transform: uppercase;
    color: rgba(var(--color-foreground), .7)
}

@media (max-width: 479px) {
    .price, .price--on-sale .price-item--regular {
        font-size: 1.5rem
    }

    .price--large {
        font-size: 2rem
    }
}

@media (max-width: 380px) {
    .price, .price--on-sale .price-item--regular {
        font-size: 1.4rem
    }

    .price--large {
        font-size: 2rem
    }
}

/*# sourceMappingURL=/cdn/shop/t/2/assets/component-price.css.map */