/* ==========================================================
   WooSpax Home Styles
   ========================================================== */



/* ==========================================================
   Features
   ========================================================== */

.ws-features{
    padding:60px 0;
    background:#fff;
}

.ws-features-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px;
}

.ws-feature-card{

    display:flex;
    align-items:center;
    gap:16px;

    padding:24px;

    background:#fff;

    border:1px solid var(--ws-border);

    border-radius:12px;

    transition:var(--ws-transition);

}

.ws-feature-card:hover{

    transform:translateY(-5px);

    box-shadow:var(--ws-shadow);

}

.ws-feature-icon{

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

    width:58px;
    height:58px;

    flex-shrink:0;

    border-radius:50%;

    background:rgba(170,45,68,.08);

    color:var(--ws-primary);

}

.ws-feature-icon svg{

    width:28px;
    height:28px;

    stroke:currentColor;

}

.ws-feature-content{

    flex:1;

}

.ws-feature-content h3{

    margin-bottom:6px;

    color:var(--ws-heading);

    font-size:17px;
    font-weight:600;

}

.ws-feature-content p{

    color:var(--ws-text);

    font-size:14px;

    line-height:1.6;

}
/* ==========================================================
   Categories
========================================================== */

.ws-categories{

    padding:70px 0;

}

.ws-section-heading{

    text-align:center;

    margin-bottom:45px;

}

.ws-section-heading h2{

    font-size:34px;

    color:var(--ws-heading);

}

.ws-categories-grid{

    display:grid;

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

    gap:30px;

}

.ws-category-item{

    text-align:center;

    text-decoration:none;

}

.ws-category-image{

    width:120px;

    height:120px;

    margin:0 auto 18px;

    border-radius:50%;

    overflow:hidden;

    border:2px solid #f2f2f2;

    transition:var(--ws-transition);

}

.ws-category-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:var(--ws-transition);

}

.ws-category-title{

    font-size:18px;

    color:var(--ws-heading);

    transition:var(--ws-transition);

}

.ws-category-item:hover .ws-category-image{

    border-color:var(--ws-primary);

}

.ws-category-item:hover img{

    transform:scale(1.08);

}

.ws-category-item:hover .ws-category-title{

    color:var(--ws-primary);

}