.categories-masonry-block .category-wrapper {
    position:relative;
}

.categories-masonry-block .category-wrapper > .category {
    background-color: #dedede;
    border-radius:var(--theme--border-radius);
}
@media screen and (min-width:767px){
   
    .categories-masonry-block.count-7 > div,
    .categories-masonry-block.count-9 > div{
        max-height: 860px;
    }

}
.categories-masonry-block .category{
    display:block;
    height:100%;
    position:relative;
    overflow: hidden;
    cursor:pointer;
    box-shadow: var(--theme--box-shadow);
    transition-duration:300ms;
}

.categories-masonry-block .category:hover{
    box-shadow: var(--theme--box-shadow--hover);
}
.categories-masonry-block .category .category-image {
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height:100%;
    background-position:center center;
    background-size: cover;
    transition-duration:400ms;
    transition-timing-function: ease-in-out;
}
.categories-masonry-block .category .category-image::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 100%);
    z-index:1;
}

.categories-masonry-block .category .category-title {
    position: absolute;
    left: 0px;
    bottom:15px;
    right:0;
    height: 60px;
    z-index: 1;
    display:flex;
    /* align-items:center; */
    padding-left:20px;
    flex-direction: column;
    gap:10px;
}
.categories-masonry-block .category .category-title h3 {
    color:#fff;
    font-size: 1.25em;
    line-height: 1.25rem;
    margin:0;
    z-index:2;
    transition-duration:300ms;
}

.categories-masonry-block .category .category-listing-count {
    color: #fff;
    font-size: 1.125em;
    line-height: 1.125em;
    font-weight:var(--theme--body-font-weight);
}

.categories-masonry-block .category:hover .category-title::before{
    top:0;
}

.categories-masonry-block .category:hover .category-title h3 , .categories-masonry-block .category .category-listing-count{
    color: #ffffff;
}
.categories-masonry-block .category:hover .category-image{
    transform:scale(1.1);
}

.categories-masonry-block .browse-by-category-wrapper{
    justify-content: space-between;
    margin-bottom: calc(var(--theme--gutters) * 2);
    align-items: center;
}
.categories-masonry-block .browse-by-button{
    text-align: left;
    color:var(--theme--secondary-color, #353E5A);
}
.categories-masonry-block .view-button-category{
    text-align: right;
}
@media screen and (max-width:991px){
    .categories-masonry-block .view-button-category{
    text-align: left;
}
}