.hero { background: url('images/hero-bg.jpg') no-repeat center center/cover; color: white; padding: 80px 20px; border-radius: 10px; margin-bottom: 40px; }
.hero h1 { font-size: 3em; margin-bottom: 15px; font-family: 'B Nazanin', sans-serif; text-shadow: 2px 2px 5px rgba(0,0,0,0.5); }
.hero p { font-size: 1.4em; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.featured-dishes { padding: 40px 0; }
.dish-gallery { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }
.dish-item { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); width: 280px; text-align: center; padding-bottom: 20px; transition: transform 0.3s ease; }
.dish-item:hover { transform: translateY(-5px); }
.dish-item img { width: 100%; height: 180px; object-fit: cover; }
.dish-item h3 { margin: 15px 0 10px; color: #8b4513; font-size: 1.5em; }
.dish-item p { padding: 0 15px; font-size: 0.95em; color: #555; }