```css
body{

margin:0;
font-family:Arial;
background:#f5f5f5;

}

.header{

background:#131921;
color:white;
padding:15px;
display:flex;
align-items:center;
justify-content:space-between;

}

.logo{

font-size:22px;
font-weight:bold;

}

#search{

width:40%;
padding:8px;

}

.cart{

font-size:18px;

}

.hero{

text-align:center;
padding:80px;
background:white;

}

.hero button{

background:#ff6b00;
color:white;
border:none;
padding:12px 25px;
font-size:18px;

}

.products{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
padding:40px;

}

.product{

background:white;
padding:20px;
text-align:center;
border-radius:5px;
box-shadow:0 2px 10px rgba(0,0,0,0.1);

}

.product img{

width:100%;
height:200px;
object-fit:cover;

}

.price{

font-size:20px;
color:#e65c00;

}

.product button{

background:#ff9900;
border:none;
padding:10px 15px;
margin-top:10px;

}

.buy{

display:block;
background:#25d366;
color:white;
padding:10px;
margin-top:10px;
text-decoration:none;

}

footer{

background:#131921;
color:white;
text-align:center;
padding:20px;

}
```