/* Basic background color */
body {
background: #f2f2f2;
font-family: Arial, sans-serif;
}

/* Header */
.header {
background: white;
padding: 20px;
border-bottom: 1px solid #ddd;
text-align: center;
}

/* Hero section */
.hero {
background: #ffffff;
padding: 60px 20px;
margin-top: 10px;
}

/* Product boxes */
.product-box {
background: white;
padding: 15px;
border: 1px solid #ddd;
text-align: center;
}

.product-box img {
width: 100%;
height: 220px;
object-fit: cover;
background: #ccc;
}

/* Footer */
.footer {
background: #333;
color: white;
padding: 15px 0;
margin-top: 40px;
}