*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif;background-color:#000;color:#fff;overflow-x:hidden}header{position:fixed;top:0;left:0;right:0;background-color:#000;height:104px;z-index:20;display:flex;justify-content:center;align-items:center;overflow:visible}header h1{font-size:1.5rem;font-weight:700;font-family:Cinzel,serif}.menu-icon{width:30px;height:3px;background-color:#fff;position:absolute;top:1.5rem;right:1.5rem;cursor:pointer}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:30px;height:3px;background-color:#fff;left:0}.menu-icon:before{top:-10px}.menu-icon:after{top:10px}.menu-popup{position:fixed;top:0;right:-250px;width:250px;height:100vh;background-color:#111;display:flex;flex-direction:column;z-index:30;padding:2rem 1rem;transition:right .3s ease-in-out}.menu-popup.active{right:0}.menu-popup li{list-style:none;padding:1rem;color:#fff;border-bottom:1px solid #333;cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:25;display:none}.overlay.active{display:block}.categories-wrapper{position:fixed;top:104px;left:0;right:0;background-color:#111;z-index:19;overflow:hidden;padding:1rem 0;display:flex;justify-content:center;box-shadow:0 2px 6px #00000080}.categories{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem;max-width:90vw}.category{flex:0 0 auto;text-align:center;color:#fff;cursor:pointer}.category img{width:60px;height:60px;object-fit:cover;aspect-ratio:1 / 1;border-radius:50%;border:2px solid #fff;margin-bottom:.25rem;background-color:#ffffff1a;filter:invert(1)}.category span{display:block;font-size:.75rem}.category.active img{border-color:#f90;box-shadow:0 0 10px #f90;background-color:#ffffff1a;filter:invert(1)}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;font-size:1.5rem;padding:.3rem .6rem;cursor:pointer;z-index:5}.arrow-left{left:.5rem}.arrow-right{right:.5rem}.menu-container{display:flex;flex-direction:column;padding:13rem 1rem 1rem;z-index:1;position:relative}.menu-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #eeb808;padding-bottom:1rem;margin-bottom:1rem}.menu-item img{width:40%;max-width:200px;height:auto;border-radius:12px}.menu-item-content{padding-right:1rem;flex:1;max-width:50%}.menu-item h3{font-size:1.2rem;margin-bottom:.5rem;font-family:Cinzel,serif}.menu-item p{font-size:.9rem;color:#ccc}.loader{text-align:center;padding:2rem;color:#777}@media (min-width: 600px){.menu-container{max-width:700px;margin:0 auto}}@media (max-width: 600px){.arrow-left,.arrow-right{top:35%;transform:translateY(-50%);background-color:#0009;padding:.5rem;border-radius:50%;z-index:10}.arrow-left{left:.3rem}.arrow-right{right:.3rem}.category{min-width:80px;max-width:90px;font-size:.75rem}}@media (max-width: 600px){.arrow-left,.arrow-right{top:35%;transform:translateY(-50%);background-color:#0009;padding:.5rem;border-radius:50%;z-index:10}.arrow-left{left:.3rem}.arrow-right{right:.3rem}}.menu-category-section{padding:2rem 1rem;margin-bottom:2rem;scroll-margin-top:160px}.logo img{max-height:120px;width:auto;display:block;margin:0 auto}@media (max-width: 480px){.logo img{max-height:90px}}@media (min-width: 481px) and (max-width: 768px){.logo img{max-height:105px}}@media (max-width: 600px){header{height:100px}.categories-wrapper{top:100px}.menu-container{padding-top:13rem}}