.shop-categories{

    margin-top:80px;

}

.categories-grid{

    display:grid;

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

    gap:30px;

    margin-top:50px;

}

.category-card{

    position:relative;

    display:block;

    aspect-ratio:4/3;

    overflow:hidden;

    border-radius:20px;

    background:#2A2A22;

    text-decoration:none;

    transition:.3s;

}

.category-card:hover{

    transform:translateY(-6px);

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

}

.category-card__image{

    position:absolute;

    inset:0;

}

.category-card__image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.35s;

}

.category-card:hover .category-card__image img{

    transform:scale(1.05);

}

.category-card__overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(180deg, rgba(20,20,15,.05) 40%, rgba(20,20,15,.8) 100%);

}

.category-card__icon{

    position:absolute;

    top:20px;

    left:20px;

    width:32px;

    height:32px;

    object-fit:contain;

    filter:brightness(0) invert(1);

}

.category-card__title{

    position:absolute;

    left:20px;

    bottom:18px;

    right:20px;

    margin:0;

    color:#fff;

    font-size:20px;

}

/* =====================================
   COLLECTIONS (homepage)
===================================== */

.collections{

    margin-top:80px;

}

.collections-grid{

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

}

.collections-button{

    margin-top:48px;

    text-align:center;

}

.collections-button .btn span{

    margin-left:8px;

}

@media (max-width:900px){

    .collections-grid{

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

    }

}

@media (max-width:560px){

    .collections-grid{

        grid-template-columns:1fr;

    }

}