.menu-card:hover transform: translateY(-5px); box-shadow: 0 20px 25px -12px rgba(0,0,0,0.1);
.menu-grid gap: 1.2rem;
.dish-price font-weight: 700; font-size: 1.3rem; color: #b45f2b; background: #fef5ea; padding: 0.1rem 0.7rem; border-radius: 40px; font-family: monospace; letter-spacing: 0.5px; restaurant menu html css codepen
.hero h1 font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 600; letter-spacing: -0.02em; color: var(--accent-dark); .menu-card:hover transform: translateY(-5px)
/* main container */ .menu-container max-width: 1280px; margin: 2rem auto; padding: 2rem 1.5rem 3rem; background: #fffdf9; border-radius: 32px; box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08); box-shadow: 0 20px 25px -12px rgba(0