@import url("women.css");


.back-btn{
    
    padding: 10px 15px;
    background-color: black;
    color:white;
    border:none;
    border-radius: 100px;
    cursor:pointer;
    font-family: inherit;
    font-size: 14px;
    transition: background 0.3 ease;
}

.back-btn:hover{
    background-color: #b88a44;
}


.men-header{

    background:#111;
    color:#fff;
    text-align:center;
    padding:80px 20px;

}

.men-products{

    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:30px;
    padding-bottom:60px;

}

.categories{
    display:flex;
    justify-content:center;
    gap:15px;
    margin:40px 0;
    flex-wrap:wrap;
}

.categories button{
    padding:12px 25px;
    border:none;
    border-radius:30px;
    background:#111;
    color:white;
    cursor:pointer;
    transition:.3s;
}

.categories button:hover,
.categories button.active{
    background:#b88a44;
}