.thumbnail-cat-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6.2%;
    text-align: center;
    padding: 1rem 0 3rem;
}

/* thumbnail-cat */
.thumbnail-cat-list .thumbnail-cat {
    overflow: hidden;
}

/* swiper-slide */
.thumbnail-cat-list .thumbnail-cat .swiper-slide {
    width: 11.3rem;
}

/* item */
.thumbnail-cat-list .thumbnail-cat .item {
    display: block;
    margin: auto;
    white-space: normal;
}

/* img-box */
.thumbnail-cat-list .thumbnail-cat .item .img-box {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1/1;
    background: url("/DesktopModules/eCommerce/images/noimagefound.jpg") no-repeat center;
    background-size: cover;
    border-radius: 1.42rem;
    -webkit-border-radius: 1.42rem;
    -moz-border-radius: 1.42rem;
    -ms-border-radius: 1.42rem;
    -o-border-radius: 1.42rem;
    overflow: hidden;
}

/* img inside img-box */
.thumbnail-cat-list .thumbnail-cat .item .img-box img {
    width: 100%;
    object-fit: cover;
}

/* title */
.thumbnail-cat-list .thumbnail-cat .item .title {
    font-size: 1.35rem;
    font-weight: normal;
    margin: 0.5rem auto 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    width: 100%;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

/* ================= MOBILE ================= */

@media (max-width: 768px) {

    .thumbnail-cat-list {
        gap: 0.57rem;
    }

    .thumbnail-cat-list .thumbnail-cat .swiper-slide {
        width: 8.5rem;
    }

    .thumbnail-cat-list .thumbnail-cat .swiper-slide .item .img-box {
        width: 8.28rem;
        margin: auto;
        border-radius: 1rem;
    }

    .thumbnail-cat-list .thumbnail-cat .swiper-slide .item .title {
        font-size: 1rem;
    }
}