.categories-carousel {

    overflow: hidden;

    padding: 20px 0;

}



.carousel-wrapper {

    display: flex;

    gap: 20px;

    overflow-x: auto;

    scroll-behavior: smooth;

}



.category-item {

    min-width: 150px;

    text-align: center;

}



.category-item img {

    width: 100%;

    border-radius: 10px;

    transition: 0.3s;

}



.category-item:hover img {

    transform: scale(1.05);

}



.category-item span {

    display: block;

    margin-top: 10px;

    font-weight: 600;

}