.product-miniature .product-price-and-shipping > .price.cbl-price-decoration,
#products .product-miniature .product-price-and-shipping > .price.cbl-price-decoration,
.featured-products .product-miniature .product-price-and-shipping > .price.cbl-price-decoration,
.product-accessories .product-miniature .product-price-and-shipping > .price.cbl-price-decoration {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    position: relative;
    width: 100%;
    max-width: 190px;
    margin: 4px auto 2px;
    padding: 6px 0;
    color: #111;
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration::before,
.product-miniature .product-price-and-shipping > .price.cbl-price-decoration::after {
    content: "";
    display: block;
    flex: 1 1 42px;
    min-width: 24px;
    height: 2px;
    border-radius: 999px;
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-a {
    background:
        linear-gradient(90deg, #ff0000 0 25%, #fabc2a 25% 50%, #198754 50% 75%, #1f6feb 75% 100%) top center / 100% 2px no-repeat,
        linear-gradient(90deg, #1f6feb 0 25%, #198754 25% 50%, #fabc2a 50% 75%, #ff0000 75% 100%) bottom center / 100% 2px no-repeat;
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-a::before {
    background: linear-gradient(90deg, #ff0000 0 48%, #fabc2a 52% 100%);
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-a::after {
    background: linear-gradient(90deg, #198754 0 48%, #1f6feb 52% 100%);
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-b {
    background:
        linear-gradient(90deg, #111111 0 25%, #f5a400 25% 50%, #d4af37 50% 75%, #008a45 75% 100%) top center / 100% 2px no-repeat,
        linear-gradient(90deg, #008a45 0 25%, #d4af37 25% 50%, #f5a400 50% 75%, #111111 75% 100%) bottom center / 100% 2px no-repeat;
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-b::before {
    background: linear-gradient(90deg, #111111 0 46%, #f5a400 54% 100%);
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-b::after {
    background: linear-gradient(90deg, #d4af37 0 46%, #008a45 54% 100%);
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-c {
    max-width: 170px;
    color: #0f5132;
    background:
        linear-gradient(90deg, transparent 0 8%, #198754 8% 92%, transparent 92% 100%) top center / 100% 2px no-repeat,
        linear-gradient(90deg, transparent 0 8%, #cef2da 8% 92%, transparent 92% 100%) bottom center / 100% 2px no-repeat;
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-c::before,
.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-c::after {
    background: #198754;
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-d {
    color: #7f1d1d;
    background:
        linear-gradient(90deg, #ff0000 0 33%, #7f1d1d 33% 66%, #111111 66% 100%) top center / 100% 2px no-repeat,
        linear-gradient(90deg, #111111 0 33%, #7f1d1d 33% 66%, #ff0000 66% 100%) bottom center / 100% 2px no-repeat;
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-d::before {
    background: linear-gradient(90deg, #ff0000, #7f1d1d);
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-d::after {
    background: linear-gradient(90deg, #7f1d1d, #111111);
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-e {
    color: #101827;
    background:
        linear-gradient(90deg, #1f6feb 0 25%, #2fb5d2 25% 50%, #0f766e 50% 75%, #101827 75% 100%) top center / 100% 2px no-repeat,
        linear-gradient(90deg, #101827 0 25%, #0f766e 25% 50%, #2fb5d2 50% 75%, #1f6feb 75% 100%) bottom center / 100% 2px no-repeat;
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-e::before {
    background: linear-gradient(90deg, #1f6feb, #2fb5d2);
}

.product-miniature .product-price-and-shipping > .price.cbl-price-decoration--skin-e::after {
    background: linear-gradient(90deg, #0f766e, #101827);
}

@media (max-width: 767px) {
    .product-miniature .product-price-and-shipping > .price.cbl-price-decoration,
    #products .product-miniature .product-price-and-shipping > .price.cbl-price-decoration,
    .featured-products .product-miniature .product-price-and-shipping > .price.cbl-price-decoration,
    .product-accessories .product-miniature .product-price-and-shipping > .price.cbl-price-decoration {
        display: inline-flex !important;
        max-width: 164px;
        margin: 5px auto 2px;
        padding: 6px 0;
        gap: 7px;
        font-size: 17px;
    }

    .product-miniature .product-price-and-shipping > .price.cbl-price-decoration::before,
    .product-miniature .product-price-and-shipping > .price.cbl-price-decoration::after {
        flex-basis: 30px;
        min-width: 18px;
    }
}