@media (min-width: 850px){
    .cat-design-replace-title .wrapp-category{
        position:relative;
        overflow:hidden
    }
    .cat-design-replace-title .wrapp-category:before{
        content:"";
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:2;
        background-color:#000;
        opacity:.1;
        transition:opacity 0.6s cubic-bezier(0, 0, 0.44, 1.18)
    }
    .cat-design-replace-title:hover .wrapp-category:before{
        opacity:.4
    }
    .cat-design-replace-title .hover-mask,.cat-design-replace-title .more-products{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:3;
        display:flex;
        align-items:center;
        flex-direction:column;
        flex-wrap:wrap;
        justify-content:center;
        padding:15px
    }
    .cat-design-replace-title .wd-entities-title{
        /* padding:12px 25px; */
        box-shadow:0 0 3px rgba(0,0,0,0.1);
        color:#fff;
        /* font-size:18px; */
        line-height:1.4;
        transition:opacity .25s ease .25s;
        /* background-color:var(--wd-primary-color) */
    }
    .cat-design-replace-title .more-products{
        color:#fff;
        text-transform:uppercase;
        font-weight:600;
        font-size:16px;
        opacity:0;
        transition:opacity .25s ease
    }
    .cat-design-replace-title:not(.without-product-count):hover .wd-entities-title{
        opacity:0;
        transition:opacity .25s ease
    }
    .cat-design-replace-title:not(.without-product-count):hover .more-products{
        opacity:1;
        transition:opacity .25s ease .25s
    }
}

@media (max-width: 849px){
    .cat-design-replace-title .wrapp-category{
        position:relative;
        overflow:hidden
    }
    .cat-design-replace-title .wrapp-category:before{
        content:"";
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:2;
        background-color:#000;
        opacity:.1;
        transition:opacity 0.6s cubic-bezier(0, 0, 0.44, 1.18)
    }
    .cat-design-replace-title:hover .wrapp-category:before{
        opacity:.4
    }
    .cat-design-replace-title .hover-mask,.cat-design-replace-title .more-products{
        position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:3;
        display:flex;
        align-items:center;
        flex-direction:column;
        flex-wrap:wrap;
        justify-content:center;
        padding:15px
    }
    .cat-design-replace-title .wd-entities-title{
        /* padding:12px 25px; */
        box-shadow:0 0 3px rgba(0,0,0,0.1);
        color:#fff;
        /* font-size:18px; */
        line-height:1.4;
        transition:opacity .25s ease .25s;
        /* background-color:var(--wd-primary-color) */
    }
    .cat-design-replace-title .more-products{
        color:#fff;
        text-transform:uppercase;
        font-weight:600;
        font-size:16px;
        opacity:0;
        transition:opacity .25s ease
    }
    .cat-design-replace-title:not(.without-product-count):hover .wd-entities-title{
        opacity:0;
        transition:opacity .25s ease
    }
    .cat-design-replace-title:not(.without-product-count):hover .more-products{
        opacity:1;
        transition:opacity .25s ease .25s
    }
}