/* ===================================
   SHOP CATEGORIES
=================================== */

.shop-categories{

    padding:40px 0;

    background:#fff;

}

.section-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:30px;

}

.section-header h2{

    font-size:30px;

    font-weight:700;

    color:#222;

    margin:0;

}

.section-header a{

    text-decoration:none;

    color:#198754;

    font-weight:600;

}

.category-grid{

    display:grid;

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

    gap:25px;

}

.category-card{

    text-decoration:none;

    text-align:center;

    transition:.3s;

}

.category-card:hover{

    transform:translateY(-6px);

}

.category-image{

    width:120px;

    height:120px;

    margin:auto;

    border-radius:50%;

    overflow:hidden;

    background:#f8f8f8;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

}

.category-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.category-card h6{

    margin-top:15px;

    color:#222;

    font-size:16px;

    font-weight:600;

}

/* ===========================
   TABLET
=========================== */

@media(max-width:992px){

.category-grid{

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

}

.category-image{

    width:100px;

    height:100px;

}

}

/* ===========================
   MOBILE
=========================== */

@media(max-width:576px){

.shop-categories{

    padding:30px 0;

}

.section-header h2{

    font-size:22px;

}

.category-grid{

    display:flex;

    overflow-x:auto;

    gap:18px;

    padding-bottom:10px;

    scrollbar-width:none;

}

.category-grid::-webkit-scrollbar{

    display:none;

}

.category-card{

    min-width:95px;

}

.category-image{

    width:85px;

    height:85px;

}

.category-card h6{

    font-size:13px;

}

}