/*SELECT PAGE*/

/* CATEGORIES */

.categories{
display:flex;
justify-content:space-between;
padding:20px;
gap:12px;
overflow-x:auto;
}

.categories::-webkit-scrollbar{
display:none;
}

.cat{
min-width:78px;
height:88px;
border-radius:22px;
border:1px solid #edf2f7;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:10px;
background:#fff;
cursor:pointer;
font-size:13px;
font-weight:500;
transition:0.25s;
}

.cat i{
font-size:24px;
}

.cat.active{
background:#eef4ff;
color:#2563eb;
border-color:#cfe0ff;
}

/* PRODUCTS */

.products{
padding:0 20px 120px;
display:flex;
flex-direction:column;
gap:18px;
}

.product{
display:flex;
gap:16px;
background:#fff;
border:1px solid #edf2f7;
border-radius:28px;
padding:16px;
align-items:center;
transition:0.25s;
}

.product:hover{
transform:translateY(-2px);
}

.product img{
width:110px;
height:110px;
object-fit:cover;
border-radius:22px;
background:#f8fbff;
}

.info{
flex:1;
}

.info h3{
font-size:20px;
margin-bottom:8px;
}

.info p{
font-size:14px;
color:#6b7280;
margin-bottom:12px;
}

.price{
font-size:24px;
font-weight:700;
margin-bottom:14px;
}

.colors{
display:flex;
gap:10px;
}

.color{
width:20px;
height:20px;
border-radius:50%;
border:2px solid #fff;
box-shadow:0 0 0 1px #d1d5db;
}

.white{background:#fff;}
.black{background:#111;}
.blue{background:#315efb;}
.beige{background:#eadfcf;}
.green{background:#79856b;}

.arrow{
font-size:18px;
color:#94a3b8;
}

/* BOTTOM NAV */

.bottom-nav{
position:fixed;
bottom:0;
left:0;
width:100%;
display:flex;
justify-content:center;
}

.bottom-inner{
width:100%;
max-width:480px;
background:#fff;
border-top:1px solid #edf2f7;
display:flex;
justify-content:space-around;
padding:14px 0;
}

.nav-item{
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
font-size:12px;
color:#94a3b8;
}

.nav-item.active{
color:#3b82f6;
}

/* DESKTOP */

@media(min-width:992px){



.products{
display:grid;
grid-template-columns:1fr 1fr;
}

.bottom-nav{
display:none;
}

}

/* END SELECT */