.menu-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh}.menu-hero{height:40vh;position:relative;overflow:hidden}.menu-hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;animation:20s ease-in-out infinite zoomInOut;position:relative}@keyframes zoomInOut{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.menu-hero-overlay{background:linear-gradient(135deg,#000000b3 0%,#ff6b3566 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-hero-content{text-align:center;color:#fff}.menu-hero-title{text-shadow:2px 2px 4px #00000080;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:700;animation:1s ease-in-out fadeIn}.menu-hero-subtitle{opacity:.9;max-width:500px;margin:0 auto;font-size:clamp(.95rem,3.2vw,1.25rem);animation:1s ease-out .3s both slideUp}.category-nav{z-index:40;background:#fff;padding:2rem 0;position:sticky;top:80px;box-shadow:0 4px 20px #0000001a}.category-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:1rem;padding:1rem 0;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e5e7eb;border-radius:50px;flex-shrink:0;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.category-btn:before{content:"";z-index:-1;background:linear-gradient(90deg,#ff6b35,#f7c59f);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.category-btn:hover{color:#fff;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 8px 20px #ff6b354d}.category-btn:hover:before{left:0}.category-btn.active{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7c59f);border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566}.menu-items{padding:4rem 0}.category-title{text-align:center;color:#1f2937;margin-bottom:3rem;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;position:relative}.category-title:after{content:"";background:linear-gradient(90deg,#ff6b35,#f7c59f);border-radius:2px;width:100px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.items-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.menu-card{cursor:pointer;background:#fff;border-radius:20px;transition:all .4s;animation:.6s ease-out both slideUp;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.menu-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 30px 60px #0003}.card-image-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:all .4s}.menu-card:hover .card-image{transform:scale(1.1)}.card-overlay{opacity:0;background:linear-gradient(135deg,#ff6b35e6 0%,#f7c59fe6 100%);justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.menu-card:hover .card-overlay{opacity:1}.overlay-content{text-align:center;color:#fff}.quick-view{border:2px solid #fff;border-radius:25px;padding:10px 20px;font-size:1.2rem;font-weight:600;transition:all .3s}.menu-card:hover .quick-view{transform:scale(1.1)}.card-content{z-index:2;background:#fff;padding:1.5rem;position:relative}.item-name{color:#1f2937;margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;transition:color .3s}.menu-card:hover .item-name{color:#ff6b35}.item-price{color:#ff6b35;background:linear-gradient(135deg,#ff6b35,#f7c59f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.card-hover-effect{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.menu-card:hover .card-hover-effect{left:100%}@media (max-width:768px){.menu-hero-title{font-size:2.5rem}.menu-hero-subtitle{font-size:1rem}.category-title{font-size:2rem}.items-grid{grid-template-columns:1fr;gap:1.5rem}.category-scroll{gap:.5rem}.category-btn{padding:10px 20px;font-size:.85rem}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.menu-card.loading{animation:2s infinite pulse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-card:hover{animation:3s ease-in-out infinite float}