/*==================================================
  Categories Section
==================================================*/

.sv-category-grid{

    display:grid;

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

    gap:24px;

    margin-top:0;

}

.sv-section-heading{

    margin-bottom:18px;

}

/*---------------------------------
  Category Card
----------------------------------*/

.sv-home-category-card{

    display:grid;

    grid-template-columns:80px minmax(0,1fr);

    align-items:center;

    gap:18px;

    background:#fff;

    border:1px solid #e5e7eb;

    border-radius:16px;

    padding:20px;

    min-height:120px;

    transition:all .3s ease;

}

.sv-home-category-card:hover{

    transform:translateY(-4px);

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

}

/*---------------------------------
  Icon
----------------------------------*/

.sv-home-category-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:80px;

    height:80px;

    flex-shrink:0;

}

.sv-home-category-icon img{

    width:72px;

    height:72px;

    object-fit:contain;

    display:block;

}

/*---------------------------------
  Content
----------------------------------*/

.sv-home-category-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    min-width:0;

}

.sv-home-category-title{

    margin:0 0 6px;

    font-size:20px;

    font-weight:700;

    color:#111827;

    line-height:1.35;

    overflow-wrap:break-word;

    word-break:normal;

}

.sv-home-category-description{

    margin:0;

    color:#6b7280;

    font-size:14px;

    line-height:1.6;

}

/*==================================================
  Tablet
==================================================*/

@media (max-width:992px){

    .sv-category-grid{

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

    }

}

/*==================================================
  Mobile
==================================================*/

@media (max-width:767px){

    .sv-category-grid{

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

        gap:14px;

    }

    .sv-home-category-card{

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        text-align:center;

        padding:16px;

        min-height:170px;

        gap:12px;

    }

    .sv-home-category-icon{

        width:60px;

        height:60px;

    }

    .sv-home-category-icon img{

        width:56px;

        height:56px;

    }

    .sv-home-category-content{

        width:100%;

        align-items:center;

    }

    .sv-home-category-title{

        margin:0;

        font-size:16px;

        line-height:1.4;

    }

    .sv-home-category-description{

        display:none;

    }

}

/*==================================================
  Small Mobile
==================================================*/

@media (max-width:480px){

    .sv-category-grid{

        gap:10px;

    }

    .sv-home-category-card{

        min-height:160px;

        padding:14px;

    }

    .sv-home-category-icon{

        width:56px;

        height:56px;

    }

    .sv-home-category-icon img{

        width:52px;

        height:52px;

    }

    .sv-home-category-title{

        font-size:15px;

    }

}