.menu-hero{position:relative;height:240px;background-image:url('../../JOYO - Images/menu-hero.jpg');background-size:cover;background-position:center;margin-top:0;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.menu-hero-content{position:relative;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;z-index:2}.menu-hero-content h1{color:#fff;font-size:48px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin:0;padding:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-family:var(--heading-font)}.menu-content{padding:50px 0;background-color:var(--color-bg-secondary)}.menu-layout{display:flex;max-width:1200px;margin:0 auto;padding:0 20px}.menu-sidebar{flex:0 0 250px;position:sticky;top:100px;height:calc(100vh - 100px);overflow-y:auto;padding-right:30px}.menu-categories ul{list-style:none;padding:0;margin:0}.menu-category{display:flex;align-items:center;padding:15px;margin-bottom:10px;cursor:pointer;background-color:var(--color-bg-primary);border-radius:8px;transition:all .3s ease}.menu-category:hover{background-color:rgba(255,204,0,.1)}.menu-category.active{background-color:var(--color-primary)}.menu-category .category-icon{width:32px;height:32px;margin-right:15px;display:flex;align-items:center;justify-content:center}.menu-category.active .category-icon{background-color:rgba(255,255,255,.9);border-radius:50%;padding:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.menu-category .category-icon img{max-width:100%;max-height:100%;object-fit:contain}.menu-category span{color:var(--color-text-light);font-weight:600;font-size:15px;transition:color .3s ease;font-family:var(--heading-font)}.menu-category.active span{color:var(--color-text-dark)}.menu-sections-container{flex:1;padding-left:30px;border-left:1px solid var(--color-border)}.menu-section{display:none;color:#fff}.menu-section.active{display:block;opacity:1;transform:translateY(0)}.menu-section.active.no-load-animation{animation:none!important;transition:none!important}.section-header{margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--color-border)}.section-header h2{color:#fff!important;font-size:28px;font-weight:700;margin:0 0 10px;font-family:var(--heading-font);text-transform:uppercase}.section-header p{color:#fff;font-size:17px;margin:5px 0 0;font-family:var(--body-font);line-height:1.5}.section-header p.note{margin-top:8px;font-size:15px;font-style:italic;color:#ccc;font-family:var(--body-font)}.menu-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:40px;margin-bottom:60px}.menu-item{display:flex;flex-direction:column;transition:transform .3s ease}.menu-item:hover{transform:translateY(-5px)}.menu-item-image{height:260px;overflow:hidden;border-radius:10px;margin-bottom:16px;box-shadow:0 6px 16px rgba(0,0,0,.18)}.menu-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.menu-item:hover .menu-item-image img{transform:scale(1.05)}.menu-item-content{padding:0;text-align:center}.menu-item-content h3{color:var(--ochre);font-size:20px;font-weight:700;margin:0 0 10px;font-family:var(--heading-font)}.menu-item-content p{color:#ddd;font-size:15px;line-height:1.7;margin:0;font-family:var(--body-font)}.sub-section{margin-bottom:50px}.sub-section h3{color:var(--color-text-light);font-size:22px;font-weight:600;margin:0 0 24px;padding-bottom:10px;border-bottom:1px solid var(--color-border);font-family:var(--heading-font)}.section-footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--color-border)}.section-footer p{color:#aaa;font-size:15px;margin:0;font-style:italic;text-align:center;font-family:var(--body-font)}@media (max-width:991px){.menu-layout{flex-direction:column}.menu-sidebar{position:sticky;top:60px;left:0;width:100%;height:auto;max-height:85px;padding-right:0;background-color:var(--color-bg-secondary);z-index:999;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.menu-categories ul{display:flex;flex-direction:row;white-space:nowrap;padding:5px 10px;margin:0;align-items:stretch}.menu-category{flex:0 0 auto;min-width:90px;flex-direction:column;align-items:center;justify-content:center;margin-right:8px;margin-bottom:0;padding:8px 5px;text-align:center;height:100%}.menu-category .category-icon{width:28px;height:28px;margin-right:0;margin-bottom:5px}.menu-category span{font-size:12px;line-height:1.2;white-space:normal}.menu-category:last-child{margin-right:0}.menu-sections-container{padding-left:0;border-left:none;margin-top:10px}.menu-items{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.menu-item-image{height:220px}}@media (max-width:767px){.menu-hero{height:220px}.menu-hero-content h1{font-size:36px}.menu-sidebar{max-height:80px}.menu-category{min-width:80px;padding:6px 4px}.menu-category .category-icon{width:24px;height:24px;margin-bottom:4px}.menu-category span{font-size:11px}.menu-items{grid-template-columns:1fr}.menu-item-image{height:200px}.section-header h2{font-size:24px}.section-header p{font-size:15px}.section-header p.note{font-size:14px}}@media (max-width:575px){.menu-sidebar{max-height:75px}.menu-categories ul{justify-content:flex-start;padding:5px}.menu-category{min-width:70px;padding:8px 5px;margin-right:6px}.menu-category .category-icon{width:22px;height:22px;margin-bottom:4px}.menu-category span{font-size:10px;line-height:1.1}.menu-items{gap:30px}.menu-item-image{height:180px}.menu-item-content h3{font-size:18px}.menu-item-content p{font-size:14px}}