body{
margin:0;
font-family:Arial, sans-serif;
background:#f0f0f5;
}


.top-banner{
background:#d70018;
color:white;
text-align:center;
padding:25px 10px;
}


.navbar{
background:#ff0000;
padding:10px;
text-align:center;
}


.navbar a{
color:white;
margin:0 15px;
text-decoration:none;
font-weight:bold;
}


.navbar a:hover{
text-decoration:underline;
}


.banner img{
width:100%;
height:250px;
object-fit:cover;
}


.container{
max-width:1100px;
margin:20px auto;
padding:10px;
}


.products{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:15px;
}


.card{
background:white;
padding:15px;
border-radius:10px;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
text-align:center;
}


.card:hover{
transform:translateY(-5px);
}


.product-img{
width:100%;
height:180px;
object-fit:contain;
}
.card p{
font-size:14px;
line-height:1.6;
}


.price{
color:#d70018;
font-weight:bold;
}


button{
background:#d70018;
color:white;
border:none;
padding:8px 12px;
border-radius:6px;
cursor:pointer;
}


button:hover{
background:#070707;
}


footer{
background:#222;
color:white;
text-align:center;
padding:15px;
margin-top:20px;
}
</body>
</html>