body:has(.menu-page-wrapper){overflow:hidden}body:has(.menu-page-wrapper) .public-layout-wrapper{height:100vh;min-height:100vh}body:has(.menu-page-wrapper) .public-layout-wrapper__main{min-height:0}.menu-page-wrapper{flex-direction:column;flex:1;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:100px 20px 20px;display:flex}.menu-page-header{text-align:center;margin-bottom:20px}.menu-page-header p{color:var(--color-text-muted);font-family:var(--font-cursive);font-size:24px}.menu-container{flex:1;gap:30px;min-height:0;display:flex}.menu-main-wrapper{background-color:var(--color-card-bg);border:1px solid var(--color-border-dark);border-radius:8px;flex:4;justify-content:center;height:100%;padding:10px;display:flex;box-shadow:0 10px 30px #00000080}.menu-main-img{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.menu-main-img:before{content:"VỊ TRÍ MENU CHÍNH";color:var(--color-text-muted);font-family:var(--font-heading);letter-spacing:2px;z-index:1;font-size:20px;position:absolute}.menu-main-img img{object-fit:contain;z-index:2;width:100%;height:100%;position:relative}.menu-dishes-wrapper{flex:6;height:100%;padding-right:15px;overflow-y:auto}.menu-dishes-wrapper::-webkit-scrollbar{width:8px}.menu-dishes-wrapper::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.menu-dishes-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:4px}.menu-dishes-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.menu-dishes-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding-top:10px;padding-bottom:20px;display:grid}.dish-item{aspect-ratio:1;border:1px solid var(--color-border-dark);background-color:var(--color-card-bg);cursor:pointer;border-radius:6px;width:100%;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.dish-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}@media (hover:hover){.dish-item:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 8px 20px #0009}.dish-item:hover img{transform:scale(1.05)}}.dish-item-overlay{text-align:center;background:linear-gradient(#0000 0%,#000000e6 100%);width:100%;padding:15px 10px;position:absolute;bottom:0;left:0}.dish-item-overlay span{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:1px;font-size:14px}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:1024px){.menu-dishes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){body:has(.menu-page-wrapper){overflow:auto}body:has(.menu-page-wrapper) .public-layout-wrapper{height:auto}.menu-page-wrapper{height:auto;padding-top:100px}.menu-container{flex-direction:column;height:auto;max-height:none}.menu-main-wrapper{width:100%;height:60vh;margin-bottom:10px}.desktop-only{display:none}.mobile-only{width:100%;display:block}.mobile-only-embla{width:100%;margin-bottom:15px;padding-bottom:15px;display:block;overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;backface-visibility:hidden;display:flex}.embla__slide{flex:0 0 160px;min-width:0;margin-right:15px}}@media (max-width:768px){.menu-page-wrapper{padding-top:80px}.menu-page-header h1{white-space:nowrap;font-size:clamp(14px,5.5vw,24px)}.menu-page-header p{font-size:18px}.embla__slide{flex:0 0 140px}}