.sss-category-slider{
    display:grid;
    gap:20px;
}

.sss-category-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-decoration:none;
    transition:.3s;
}

.sss-category-item img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    border-radius:10px;
    transition:.3s;
}

.sss-category-item span{
    margin-top:12px;
    font-size:16px;
    font-weight:600;
    color:#222;
    text-align:center;
    line-height:1.4;
}

.sss-category-item:hover img{
    transform:scale(1.05);
}

.sss-category-item:hover span{
    color:#E57C41;
}

/* Tablet */

@media(max-width:1024px){

    .sss-category-slider{
        grid-template-columns:repeat(var(--tablet-columns,4),1fr);
        gap:16px;
    }

}

/* Mobile */
/* Desktop */
@media (min-width:768px){

    .sss-category-slider .swiper-wrapper{
        display:grid !important;
        grid-auto-flow:column;
        grid-auto-columns:1fr;
        gap:20px;
        transform:none !important;
    }

    .sss-category-slider .swiper-slide{
        width:auto !important;
        margin-right:0 !important;
    }

    .sss-category-slider .swiper-pagination{
        display:none;
    }
}
/* Mobile */

@media (max-width:767px){

    .sss-category-slider{
        overflow:hidden;
    }

    .sss-category-slider .swiper-slide{
        height:auto;
    }

    .sss-category-slider .swiper-pagination{
        position:relative;
        margin-top:15px;
        text-align:center;
    }

}