:root {
    --bs-btn-active-border-color: var(--bs-primary);
}
#comjshop_list_product.jshop.list_product .product.block_product:hover img {
    transform: scale(1.15);
    transition: all .3s ease-in-out;
}
.image_thumb_list .swiper-slide {
    border-style: solid;
    border-width: 3px;
    border-color: transparent;
    border-radius: 10px;
    transition: all .3s ease-in-out;
    overflow: hidden;
}
.image_thumb_list .swiper-slide-thumb-active {
    border-color: var(--metki-primary);

}

.color_print_gradient
{
    /*background: rgb(255,0,0);*/
    /*background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(247,244,0,1) 16%, rgba(0,255,21,1) 32%, rgba(5,178,185,1) 48%, rgba(5,169,188,1) 64%, rgba(4,28,201,1) 80%, rgba(101,3,221,1) 96%, rgba(255,255,255,1) 100%);*/
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(247,244,0,1) 22%, rgba(0,255,21,1) 48%, rgba(5,178,185,1) 72%, rgba(4,28,201,1) 91%, rgba(255,255,255,1) 100%);
}


#product-variants .product-variants-images {
    overflow-x: hidden;
}

@media (max-width:600px) {
    .list_category .category-btn,
    .list_product .product-btn {
        font-size: 12px;
    }


}

@media (max-width:550px) {
    .jshop.productfull .buttons.product-buttons button[type="submit"]{
        width: 100%;
    }
}

@media (max-width:991px) {
    #product-variants .product-variants-images {
        overflow-x: scroll;
    }

    .jshop.productfull .buttons.product-buttons {
        width: 100%;
        display: block;
        position: fixed;
        bottom: 30px;
        left:0;
        right:0;
        background-color: var(--bs-body-bg);
        padding: .5rem;
        text-align: center;
    }

    .jshop.productfull .buttons.product-buttons button[type="submit"]{
        width: 50%!important;
        margin: 0 auto;
    }

}


.jshop_order_step a {
    color: var(--bs-primary);
}
.jshop_order_step.next {
    color: var(--bs-secondary);
}
.jshop_order_step.active {
    color: var(--bs-primary);
    font-weight: 900;
}