Price: Default

$price__spacing                     : $spacer !default;
$price__font-family                 : $font-family-saira !default;
$price__font-style                  : normal !default;

$price__font-weight                 : $font-weight-semibold !default;
$price__font-weight--old            : $font-weight-normal !default;
$price__font-weight--special        : $font-weight-semibold !default;

$price__font-size                   : 20px !default;
$price__font-size--old              : 14px !default;

$price__color                       : $red !default;
$price__color--special              : $red !default;
$price__color--old                  : rgba(227, 6, 19, 0.5) !default;

$secondary-price__color             : $white !default;
$secondary-price__color--special    : $white !default;
$secondary-price__color--old        : rgba(255, 255, 255, 0.5) !default;

.price {
    &-box,
    &__value {
        font-family: $price__font-family;
        font-size: $price__font-size;
        font-weight: $price__font-weight;
        color: $price__color;
        & .old-price,
        &--old {
            color: $price__color--old;
            font-weight: $price__font-weight--old;
            font-size: $price__font-size--old;
            text-decoration: line-through;
            margin-right: $price__spacing;
        }
        &--special {
            color: $price__color--special;
            font-weight: $price__font-weight--special;
            & > ins {
                text-decoration: none;
            }
        }
        &--between {
            display: block;

            &:last-child {
                margin-top: $price__spacing;
            }
        }
    }
    & .normal-price {
        & .price-container.price-final_price {
            & .price-label {
                margin-bottom: 5px;
            }
            & .price-wrapper {
                & span.price {
                    color: $price__color--special;
                    font-weight: $price__font-weight--special;
                }
            }
        }
    }
    &-label {
        display: none;
    }
    &__text {
        font-weight: $price__font-weight--old;
    }
    &-final_price {
        display: flex;
        flex-direction: row-reverse;
        justify-content: start;
    }
}
.catalog-item__price--black,
.catalog-item__price--red {
    .price {
        &__value {
            color: $secondary-price__color;
            &--old {
                color: $secondary-price__color--old;
            }
            &--special {
                color: $secondary-price__color--special;
            }
        }
    }
}