
.product-item {
    .price-box {
        @apply flex flex-col-reverse justify-start;
    }
    .price-container {
        @apply block mb-2 text-left;

        .price {
            @apply text-base font-semibold leading-4 lg:text-xl lg:leading-5;
        }

        .price-label {
            @apply text-sm;
        }
    }

    .price-from,
    .price-to {
        @apply mb-0;
    }

    .special-price .price-container {
        .price-label {
            @apply sr-only;
        }

        .price {
            @apply text-main-lighter;
        }
    }

    .old-price .price-container {
        @apply line-through text-secondary;

        .price-label {
            @apply sr-only;
        }

        .price {
            @apply text-sm leading-4 lg:leading-5 lg:text-base;
        }
    }
}
