.woo-category-wrapper {
    width: 100%;
}

.woo-category-grid-2 {
    display: grid;
    gap: 18px;
    width: 100%;
    align-items: start;

    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* TABLET */

@media(min-width:768px){

    .woo-category-grid-2{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

}

/* DESKTOP */

@media(min-width:1200px){

    .woo-category-grid-2{
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .woo-category-image{
        width: 100px;
        height: 100px;
    }

    .woo-category-item span{
        font-size:15px;
        margin-top:12px;
    }

}


.woo-category-item:hover {
    transform: translateY(-4px);
}



.woo-category-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 50%;

    display: block;
}

.woo-category-grid-2{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;

}

@media(max-width:992px){

.woo-category-grid-2{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.woo-category-grid-2{

grid-template-columns:1fr;

}

}

.woo-category-card{

display:flex;
justify-content:space-between;
align-items:center;

padding:20px;

border-radius:12px;

background:#e8effa;

text-decoration:none;

transition:.3s;

overflow:hidden;

min-height:140px;

}

.woo-category-card:hover{

transform:translateY(-5px);

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.woo-category-content{

flex:1;

}

.woo-category-content h3{

font-size:18px;

font-weight:700;

color:#222;

margin-bottom:8px;

}

.woo-category-content p{

font-size:14px;

color:#666;

margin-bottom:15px;

}

.shop-btn{

display:inline-block;

background:#18a558;

color:#fff;

padding:8px 18px;

border-radius:10px;

font-size:13px;

font-weight:600;

}

.woo-category-thumb{

width:120px;

height:120px;

display:flex;

align-items:center;

justify-content:center;

}

.woo-category-thumb img{

width:100%;

height:100%;

object-fit:contain;
border-radius:10px;

transition:.4s;

}

.woo-category-card:hover img{

transform:scale(1.08);

}



@media (min-width:1025px){

    .woo-category-card:nth-child(n+9){
        display:none;
    }

    .woo-category-grid-2.show-all .woo-category-card{
        display:flex;
    }

}

@media (min-width:1000px) and (max-width:1024px){

    .woo-category-card:nth-child(n+7){
        display:none;
    }
    .woo-category-grid-2{
        grid-template-columns:repeat(3,1fr);
    }

    .woo-category-grid-2.show-all .woo-category-card{
        display:flex;
    }

}


@media (max-width: 999px){

    .woo-category-card:nth-child(n+5){
        display:none;
    }

    .woo-category-grid-2.show-all .woo-category-card{
        display:flex;
    }

}
@media (max-width: 500px){

    .woo-category-card:nth-child(n+5){
        display:none;
    }

    .woo-category-grid-2.show-all .woo-category-card{
        display:flex;
    }

}
.view-more-btn-2 {
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    border: none;
    color: #111;

    padding: 2px 24px;
    border-radius: 999px;

    cursor: pointer;
    transition: .25s;

    font-size: 14px;
    font-weight: 500;
}

.view-more-btn-2 i {
    font-size: 12px;
    transition: .25s;
}

.view-more-btn-2.active i {
    transform: rotate(180deg);
}

.view-more-btn-2:hover {
    transform: translateY(-2px);
}

.category-letter-icon {
    width: 100%;
    height: 100%;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-size: 32px;
    font-weight: 700;

    text-transform: uppercase;
}

.live-category-image-2{
    animation:none;
}