body { margin: 0; font-family: Arial, sans-serif; background: #fffafc; color: #333; }
header { display: flex; justify-content: space-between; padding: 1rem; background: #fff; }
.hero { height: 80vh; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; }
.hero-text { text-align: center; background: rgba(0,0,0,0.5); padding: 2rem; border-radius: 1rem; }
.hero h2 { color: #fff; font-size: 3rem; margin-bottom: 1rem; }
.order-btn { display: inline-block; padding: 1rem 2rem; background: #e11d48; color: #fff; text-decoration: none; border-radius: 1rem; margin-top: 1rem; }
.shop { padding: 2rem; text-align: center; }
.products { display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; }
.product { border: 1px solid #f0e7f5; border-radius: 1rem; padding: 1rem; background: #fff; width: 250px; }
.product img { width: 100%; border-radius: 1rem; }
footer { text-align: center; padding: 1rem; background: #e11d48; color: #fff; }