.food-section { background: linear-gradient(rgba(10, 10, 25, 0.85), rgba(10, 10, 25, 0.85)),url('https://media.istockphoto.com/id/1158623408/photo/indian-hindu-veg-thali-food-platter-selective-focus.jpg?s=612x612&w=0&k=20&c=MOm3sfIfL22URV6juSCxpA3yfr4O63yJUV5vitufR7Y=') center/cover no-repeat fixed;color: #fff;padding: 80px 20px;}
.food-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;}
.food-card { background: var(--color-surface); border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); transition: all 0.3s ease; animation: fadeInUp 0.8s ease; position: relative;}
.food-card:hover { transform: translateY(-8px) rotate(1deg); box-shadow: 0 20px 40px rgb(0, 161, 27);}
.food-image { height: 200px; position: relative; overflow: hidden;}
.food-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.food-image:hover img { transform: scale(1.15);}
.food-type-badge { position: absolute; top: 1rem; right: 1rem; background: rgba(7, 192, 7, 0.9); color: white; padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.9rem; font-weight: 600; animation: bounce 2s infinite;}
.food-content { padding: 1.5rem;}
.food-content h4 { font-size: 1.4rem; margin-bottom: 0.8rem; color: #095cd1;}
.where-to-try { margin-top: 1rem; padding: 0.8rem; background: var(--color-bg-2); border-radius: 10px; font-size: 0.9rem;}