body{
    font-family: 'Outfit', sans-serif;  
 
}



.container{
    display:flex;

    padding: 50px;
}

.leftMenu{
    flex:1;
    position:sticky;
    top: 120px; /* Adjust as needed based on the header height */
    padding-right: 20px
    

    
}

.search{
   padding:10px;
   width:200px;
   font-size: 20px;
   border:2px solid gray; 
   border-radius: 5px;
}


h1{
    font-size:30px;
    color:#555;
    font-weight:300
}

.cats{
    display: flex;
    flex-direction: column;
    gap:10px;
}

.cat{
    cursor: pointer;
    font-size: 20px;
    font-weight: 300;
    padding:5px;
}

.cat:hover{
   text-decoration: underline;
   text-shadow: 1px 1px orange;
}

.content{
    flex:4;
    

    
    overflow: hidden;
}

.products{
    display:flex;
    gap:10px;
    flex-wrap: wrap;
}

.product{
    width:350px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
   
}



img{
    width:150px;
    height:250px;
    object-fit: contain;
}

.name{
    font-weight: 300;
}

.logo{
    /* border: 1px solid; */
    width:250px;
    height:80px;
    
    position: relative;
    top: 0px;
    left: 15px;
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
}