.home-menu-dialog{width:min(1160px,calc(100vw - 40px));height:min(940px,calc(100dvh - 40px));max-width:none;max-height:none;padding:0;margin:auto;border:0;border-radius:26px;background:var(--paper);color:var(--green);overflow:hidden;box-shadow:0 24px 100px #08291c66}
.home-menu-dialog::backdrop{background:#08291cba;backdrop-filter:blur(5px)}
.home-menu-dialog:not([open]){display:none}
.home-menu-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.home-menu-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;border-bottom:1px solid var(--line);background:#eef2e8}
.home-menu-header p{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.home-menu-close{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:1px solid #b8c9bc;border-radius:50%;background:var(--paper);font-size:30px;font-weight:400;line-height:1;color:var(--green)}
.home-menu-close:hover{background:#ffd21c}
.home-menu-dialog :focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.home-menu-content{overflow:auto;overscroll-behavior:contain;min-height:0;padding:26px 32px 20px;scrollbar-color:#9daf9f #eef2e8}
body :is(#home-menu-dialog,#trip-popup) #menu{width:100%;margin:0;padding:0;scroll-margin:0}
:is(#home-menu-dialog,#trip-popup) #menu .menu-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
:is(#home-menu-dialog,#trip-popup) #menu h2{font-size:clamp(26px,3vw,38px);line-height:1.12}
:is(#home-menu-dialog,#trip-popup) #menu .menu-title p{font-size:15px;margin:0 0 3px;max-width:210px;text-align:right}
:is(#home-menu-dialog,#trip-popup) #menu .meal-tabs{gap:10px;display:flex;overflow-x:auto;padding:0 3px 18px;margin-bottom:16px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-tabs button{height:48px;min-height:48px;flex:1 0 auto;font-size:15px;padding:0 16px;gap:8px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-tabs button img{width:25px;height:25px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-tabs button.active::after{bottom:-11px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-photo{width:100%;max-width:430px;margin:auto;aspect-ratio:1}
:is(#home-menu-dialog,#trip-popup) #menu .meal-photo::after{display:none}
:is(#home-menu-dialog,#trip-popup) #menu .meal-copy{padding:22px;border-radius:22px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-heading{min-height:0;margin-bottom:18px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-heading h3{font-size:clamp(21px,2vw,27px);line-height:1.2}
:is(#home-menu-dialog,#trip-popup) #menu .meal-details{min-height:0}
:is(#home-menu-dialog,#trip-popup) #menu .meal-carousel{padding:0 46px;margin-top:18px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-arrow{width:40px;height:44px;padding:10px}
:is(#home-menu-dialog,#trip-popup) #menu #meal-prev{left:0;right:auto}
:is(#home-menu-dialog,#trip-popup) #menu #meal-next{right:0;left:auto}
:is(#home-menu-dialog,#trip-popup) #menu .meal-thumbs{gap:10px}
:is(#home-menu-dialog,#trip-popup) #menu .meal-thumbs button{border-radius:12px}
:is(#home-menu-dialog,#trip-popup) #menu .menu-source{font-size:12px;line-height:1.6;color:var(--muted);margin-top:20px}
.home-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 28px;border-top:1px solid var(--line);background:#fff8d9}
.home-menu-footer p{font-size:13px;line-height:1.5;margin:0}
.home-menu-footer strong{font-weight:700}
.home-menu-footer .button{font-size:16px;min-height:54px;flex-shrink:0}
html.home-menu-open{overflow:hidden}
@media(max-width:767px){
 .home-menu-dialog{width:100vw;height:100dvh;inset:0;margin:0;border-radius:0}
 .home-menu-header{padding:10px 16px}.home-menu-header p{font-size:12px}
 .home-menu-content{padding:22px 18px 18px}
 :is(#home-menu-dialog,#trip-popup) #menu .menu-title{display:block;margin-bottom:20px}
 :is(#home-menu-dialog,#trip-popup) #menu h2{font-size:28px}
 :is(#home-menu-dialog,#trip-popup) #menu .menu-title p{text-align:left;max-width:none;margin-top:12px;font-size:14px}
 :is(#home-menu-dialog,#trip-popup) #menu .meal-tabs{margin-bottom:8px}
 :is(#home-menu-dialog,#trip-popup) #menu .meal-tabs button{font-size:14px;padding-inline:14px}
 :is(#home-menu-dialog,#trip-popup) #menu .meal-photo{max-width:290px}
 :is(#home-menu-dialog,#trip-popup) #menu .meal-card{gap:12px}
 :is(#home-menu-dialog,#trip-popup) #menu .meal-copy{padding:20px 18px}
 :is(#home-menu-dialog,#trip-popup) #menu .meal-heading h3{font-size:23px}
 .home-menu-footer{flex-direction:column;align-items:stretch;gap:10px;padding:12px 18px max(12px,env(safe-area-inset-bottom))}
 .home-menu-footer p{font-size:12px;text-align:center}.home-menu-footer p br{display:none}.home-menu-footer strong:before{content:' '}
 .home-menu-footer .button{width:100%;font-size:15px;min-height:50px}
}