.menu-page{padding-bottom:var(--space-16)}.menu-hero{background-color:var(--color-bg-secondary);padding:var(--space-16) 0 var(--space-8);text-align:center}.menu-hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.menu-hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto}.category-filter{display:flex;gap:var(--space-3);overflow-x:auto;scrollbar-width:none;padding:var(--space-4) 0;position:sticky;top:var(--header-height);z-index:var(--z-sticky);background:var(--color-bg);border-bottom:1px solid var(--color-border-light)}.category-filter::-webkit-scrollbar{display:none}.category-pill{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary);white-space:nowrap;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);border:1px solid var(--color-border-light)}.category-pill:hover{background:var(--color-bg-tertiary);transform:translateY(-1px)}.category-pill.active{background:var(--color-primary);color:white;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.menu-container{margin-top:var(--space-8)}.menu-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width:640px){.menu-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.menu-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.menu-grid{grid-template-columns:repeat(4,1fr)}}.menu-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;position:relative;display:flex;flex-direction:column;border:1px solid var(--color-border-light)}.menu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.menu-card-image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;background-color:var(--color-bg-secondary)}.menu-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.menu-card:hover .menu-card-image{transform:scale(1.05)}.menu-card-body{padding:var(--space-4);display:flex;flex-direction:column;flex-grow:1}.menu-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.menu-card-title{color:var(--color-text-primary);line-height:1.2}.menu-card-price,.menu-card-title{font-size:var(--text-lg);font-weight:700}.menu-card-price{color:var(--color-primary);white-space:nowrap;margin-left:var(--space-2)}.menu-card-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-4);flex-grow:1}.menu-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.dietary-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.dietary-tag{font-size:.65rem;padding:2px 8px;border-radius:var(--radius-full);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tag-spicy{background:hsl(0,80%,95%);color:hsl(0,70%,45%)}.tag-vegetarian{background:hsl(120,50%,95%);color:hsl(120,60%,35%)}.tag-popular{background:hsl(40,90%,90%);color:hsl(35,80%,40%)}.add-btn{background-color:var(--color-primary);color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-bounce),background-color var(--transition-fast)}.add-btn:hover{background-color:var(--color-primary-dark);transform:scale(1.1)}.add-btn:active{transform:scale(.9)}