/*********************************************
 * Custom product item
**********************************************/
.shop-content-area .woocommerce.products .category-grid-item {margin-bottom:40px;}
.shop-content-area .woocommerce.products .category-grid-item .wrapp-category {
    box-shadow:none; border:1px solid rgba(0, 0, 0, 0);
    transition:all .3s ease;
    display:flex; flex-direction:column-reverse;
}
.shop-content-area .woocommerce.products .category-grid-item .category-image {
    --wd-brd-radius:0px;
    aspect-ratio:8/5; margin:0;
    display:flex; align-items:center; justify-content:center;
}
.shop-content-area .woocommerce.products .category-grid-item .hover-mask {
    position:relative; left:0; right:0; bottom:0;
    transform:none; margin-bottom:20px; padding:0; text-align:center;
}
.shop-content-area .woocommerce.products .category-grid-item .wd-entities-title {
    position:relative; bottom:0; display:block;
    text-transform:unset; font-size:18px;
}
.shop-content-area .woocommerce.products .category-grid-item .more-products {
    margin-top:0; opacity:1; transform:none;
}

@media only screen and (max-width:480px) {
    .shop-content-area .woocommerce.products .category-grid-item .wd-entities-title {font-size:16px;}
    .shop-content-area .woocommerce.products .category-grid-item .hover-mask {margin-bottom:10px;}

    /* Scroll on mobile */
    .shop-content-area .woocommerce.products {
        margin:0; flex-wrap:unset; overflow:auto; scroll-snap-type:x mandatory; max-width:100%; gap:10px;
    }
    .shop-content-area .woocommerce.products .category-grid-item {
        padding:0; margin-bottom:0; width:45%; min-width:45%;
    }
    .shop-content-area .woocommerce.products::-webkit-scrollbar-track {
        -webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, .3);
        border-radius:8px; background-color:#f5f5f5;
    }

    .shop-content-area .woocommerce.products::-webkit-scrollbar {
        width:8px; height:8px; background-color:#f5f5f5;
    }

    .shop-content-area .woocommerce.products::-webkit-scrollbar-thumb {
        border-radius:8px;
        -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);
        background-color:#ccc;
    }
}