/* .body-carousel .splide__pagination__page{
    outline: 1px solid #10218b;
} */

.splide__pagination__page.is-active {
    background: #10218b;
    outline: 0;
}

.splide__pagination__page {
    outline: 1px solid #10218b;
}

.body-carousel .splide__pagination {
    bottom: -35px;
}

a.product-category-links {
    padding: 15px 0;
    color: #10218b;
    text-decoration: none;
    text-align: center;
    /* text-transform: uppercase; */
    display: block;
    background: rgb(255,255,255);
    font-size: 16px;
}
a.product-category-links:hover{
    color: rgb(0, 0, 0);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(223,226,231,1) 70%, rgba(209,214,218,.4) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(223,226,231,1) 70%, rgba(209,214,218,.4) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(223, 226, 231, .2) 70%, rgb(209 214 218 / 10%) 100%);
}

button:not(#product-comparison):disabled {
    cursor: default!important;
    display: none;
}

#productCategoryCarousel .splide__track{
    width: 85%;
    margin: auto;
}

@media screen and (min-width: 768px){

}

@media screen and (min-width: 992px){
    #productCategoryCarousel .splide__track{
        width: unset;
    }
}

@media screen and (min-width: 1024px) {
    .body-carousel .splide__arrow--prev {
        left: -40px;
    }
    .body-carousel .splide__arrow--next {
        right: -40px;
    }
    a.product-category-links img {
        max-height: 155px;
        object-fit: contain;
    }
}

@media screen and (min-width: 1200px){
    .body-carousel .splide__arrow--prev,
    .products-carousel .splide__arrow--prev{
        left: -25px;
    }
    
    .body-carousel .splide__arrow--next,
    .products-carousel .splide__arrow--next{
        right: -25px;
    }


}

@media screen and (min-width: 1400px){
    .body-carousel .splide__arrow--prev,
    .products-carousel .splide__arrow--prev{
        left: -75px;
    }
    
    .body-carousel .splide__arrow--next,
    .products-carousel .splide__arrow--next{
        right: -75px;
    }
}

@media screen and (min-width: 1600px){

}


.wtb-compare-group {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.products-carousel .wtb-compare-group{
    align-items: center;
}