/* Compact, real-menu previews. Load after the brand styles. */
#mg-vendor-ribbon-expanded #menu.mg-live-menu{padding-block:66px 45px;overflow:hidden}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:0 0 26px;padding:0}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-heading-copy{max-width:680px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-header h2{font-size:clamp(34px,3.5vw,49px);line-height:1.08;margin:0 0 12px;max-width:none}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-heading-copy>p:last-of-type{font-size:14px;line-height:1.6;margin:0}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-header>.mg-live-menu-order{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-bottom:3px;font-size:12px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-meta{gap:12px;margin:0 0 15px;font-size:10px;letter-spacing:.025em}
#mg-vendor-ribbon-expanded #menu .mg-menu-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 8px;margin-inline:-2px}
#mg-vendor-ribbon-expanded #menu .mg-menu-gallery::-webkit-scrollbar{display:none}
#mg-vendor-ribbon-expanded #menu .mg-menu-card{position:relative;min-width:0;margin:0;border:1px solid #3027204f;border-radius:17px;background:#f8ecd8;overflow:hidden;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}
#mg-vendor-ribbon-expanded #menu .mg-menu-card:has(button:hover){transform:translateY(-2px);box-shadow:0 8px 20px #30272014}
#mg-vendor-ribbon-expanded #menu .mg-menu-card:focus-within{outline:3px solid #9f4d2b;outline-offset:2px}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-art{display:flex;justify-content:center;align-items:center;padding:19px 24px;background:radial-gradient(ellipse at 50% 10%,#66513b55,transparent 80%),#29241e;pointer-events:none}
#mg-vendor-ribbon-expanded #menu .mg-menu-thumbnail.mg-tv-paper{width:100%;max-width:240px;flex:0 1 240px;aspect-ratio:9/16;box-shadow:0 4px 16px #0006;margin:0}
#mg-vendor-ribbon-expanded #menu .mg-menu-thumbnail *{animation:none!important;animation-delay:0s!important}
#mg-vendor-ribbon-expanded #menu .mg-menu-thumbnail .tvScreen{--tv-price-opacity:1;--tv-price-blur:0px;--tv-descriptor-opacity:0;--tv-descriptor-blur:0px}
#mg-vendor-ribbon-expanded #menu .mg-menu-thumbnail .tvPriceState{opacity:1;filter:none}
#mg-vendor-ribbon-expanded #menu .mg-menu-thumbnail :is(.tvDescriptorState,.tvDealRow,.tvAttentionOffer,.tvScreen::after,.tvMenuGroup h3::after){display:none}
#mg-vendor-ribbon-expanded #menu .mg-menu-thumbnail .tvSectionWord:first-child{opacity:1}
#mg-vendor-ribbon-expanded #menu .mg-menu-thumbnail .tvSectionWord:not(:first-child){opacity:0}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-kicker{font:8px/1.2 MGMedium,Arial,sans-serif;letter-spacing:1.5px;color:#76533c;margin:0 0 7px}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-caption h3{font:400 25px/1.05 MGDisplay,Georgia,serif;color:#302720;margin:0;letter-spacing:-.3px}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-open{display:flex;align-items:center;gap:12px;min-height:44px;border:0;padding:0;background:transparent;color:#302720}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-open::after{position:absolute;inset:0;content:""}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-page{font-size:10px;white-space:nowrap;color:#76533c}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-arrow{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid #30272070;border-radius:50%;font-size:18px;transition:background .2s}
#mg-vendor-ribbon-expanded #menu .mg-menu-card-open:hover .mg-menu-card-arrow{background:#e3b081}
#mg-vendor-ribbon-expanded #menu .mg-menu-gallery-loading{grid-column:1/-1;min-height:150px;display:flex;align-items:center;margin:0;color:#58402e}
#mg-vendor-ribbon-expanded #menu .mg-menu-gallery-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:7px;color:#76533c;font-size:10px}
#mg-vendor-ribbon-expanded #menu .mg-menu-gallery-navigation p{margin:0}
#mg-vendor-ribbon-expanded #menu .mg-menu-gallery-navigation>div{display:flex;gap:7px}
#mg-vendor-ribbon-expanded #menu .mg-menu-gallery-navigation button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #30272060;border-radius:50%;background:transparent;color:#302720;font-size:19px}
#mg-vendor-ribbon-expanded #menu .mg-live-menu-footer{margin-top:18px;padding-top:19px;font-size:10px}
/* The native dialog owns its focus trap, Escape handling, and top-layer placement. */
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog{position:fixed;inset:0;width:calc(100% - 32px);height:calc(100% - 32px);height:calc(100dvh - 32px);max-width:1400px;max-height:none;padding:0;border:1px solid #ad865b;border-radius:18px;overflow:hidden;background:#efe1c7;color:#302720;box-shadow:0 24px 100px #0007;color-scheme:light}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog:not([open]){display:none}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog::backdrop{background:#17150fe8;backdrop-filter:blur(6px)}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px 15px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-header .mg-live-menu-eyebrow{margin:0 0 5px;font-size:8px;letter-spacing:1.6px;color:#76533c}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-header h2{font:400 29px/1.1 MGDisplay,Georgia,serif;margin:0;color:#302720;letter-spacing:-.4px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-close{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 15px;border:1px solid #30272080;border-radius:999px;background:transparent;color:#302720;font-size:11px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-close span{font:25px/1 Arial,sans-serif}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:0 26px 15px;border-bottom:1px solid #30272035}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-tabs{gap:7px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-tabs button{min-height:40px;padding:7px 18px;font-size:11px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-view-tools button{min-height:40px;padding:7px 18px;font-size:11px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-viewer{display:flex;min-height:0;border:0;border-radius:0;overflow:hidden;background:#161a16}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-viewport{flex:1;min-width:0;max-height:none;padding:20px;background:radial-gradient(ellipse at center,#31352d,#151a16);scrollbar-color:#ae9373 #181d18;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-tv-paper{box-shadow:0 5px 30px #0006}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-viewport[data-zoom=true]{cursor:grab}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 26px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:#302720;font-size:11px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination p{min-width:76px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination button{display:flex;align-items:center;justify-content:center;width:40px;min-height:40px;padding:0;border:1px solid #30272070;color:#302720;font-size:18px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-hint{font-size:10px;margin:0;color:#76533c;text-align:center}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-pickup{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border:1px solid #302720;border-radius:999px;background:#df915b;color:#302720;font-size:11px;white-space:nowrap}
@media(min-width:901px){#mg-vendor-ribbon-expanded #menu .mg-menu-gallery-navigation>div{display:none}}
@media(max-width:900px){#mg-vendor-ribbon-expanded #menu .mg-menu-gallery{grid-auto-columns:calc((100% - 20px)/2.25)}#mg-vendor-ribbon-expanded #menu .mg-menu-card-art{padding:16px}#mg-vendor-ribbon-expanded #menu .mg-menu-card-caption{padding:16px}#mg-vendor-ribbon-expanded #menu .mg-menu-card-caption h3{font-size:22px}#mg-vendor-ribbon-expanded #menu .mg-menu-card-page{font-size:9px}#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-hint{display:none}}
@media(max-width:620px){
 #mg-vendor-ribbon-expanded #menu.mg-live-menu{padding-block:43px 32px}
 #mg-vendor-ribbon-expanded #menu .mg-live-menu-header{display:block;margin-bottom:24px}
 #mg-vendor-ribbon-expanded #menu .mg-live-menu-header h2{font-size:35px;max-width:340px;line-height:1.08}
 #mg-vendor-ribbon-expanded #menu .mg-live-menu-heading-copy>p:last-of-type{font-size:12px;max-width:300px}
 #mg-vendor-ribbon-expanded #menu .mg-live-menu-header>.mg-live-menu-order{margin:18px 0 0;font-size:11px;min-height:44px;padding:10px 19px}
 #mg-vendor-ribbon-expanded #menu .mg-live-menu-meta{flex-direction:column;gap:3px;font-size:9px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-gallery{grid-auto-columns:82%;gap:14px;overflow:visible;overflow-x:auto;margin-right:-6vw;padding-right:6vw;scroll-padding-right:6vw}
 #mg-vendor-ribbon-expanded #menu .mg-menu-card-art{padding:18px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-thumbnail.mg-tv-paper{max-width:222px;flex-basis:222px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-card-caption{padding:18px 16px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-gallery-navigation{font-size:9px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-gallery-navigation button{width:38px;min-width:38px;height:38px;min-height:38px;font-size:16px}
 #mg-vendor-ribbon-expanded #menu .mg-live-menu-footer{gap:7px;font-size:9px}
 #mg-vendor-ribbon-expanded #menu .mg-live-menu-footer>div{gap:18px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog{width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-header{padding:18px 16px 13px;padding-top:max(18px,env(safe-area-inset-top))}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-header h2{font-size:26px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-close{min-height:40px;padding:6px 12px;font-size:10px;gap:8px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-toolbar{padding:0 16px 13px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-tabs button{padding:7px 13px;font-size:10px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-view-tools button{padding:7px 13px;font-size:10px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-viewport{padding:12px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-bottom{gap:10px;padding:12px 13px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination{gap:7px;font-size:10px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination p{min-width:65px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination button{width:35px;min-height:40px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-pickup{padding:10px 13px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){#mg-vendor-ribbon-expanded #menu .mg-menu-card,#mg-vendor-ribbon-expanded #menu .mg-menu-card-arrow{transition:none}}

/* Reserve the real card geometry while the live feed loads. */
#mg-vendor-ribbon-expanded #menu .mg-menu-card-skeleton .mg-menu-thumbnail{display:grid;place-items:center;background:#171d17;color:#d1c5af;font:12px/1.7 MGBook,Arial,sans-serif;text-align:center;padding:16px}

/* Reader controls remain visible while the TV artwork scrolls underneath. */
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-tabs{padding:3px;border:1px solid #3027204f;border-radius:999px;background:#e4d3b6}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-tabs button{border:0;min-height:44px;font-family:MGMedium,Arial,sans-serif}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-tabs button[aria-selected=true]{background:#244536;color:#fff6df;box-shadow:0 2px 5px #30272020}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-view-tools button{min-height:44px;border-radius:999px;border-color:#76533c}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination button{width:auto;min-width:44px;min-height:44px;padding:7px 11px;gap:6px;border-radius:999px;font-size:11px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination button span[aria-hidden]{font-size:18px}
#mg-vendor-ribbon-expanded #menu .mg-menu-dialog-close{min-height:44px}
@media(max-width:620px){
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 12px 10px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-tabs{gap:2px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-tabs button{padding:7px 10px;font-size:11px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-view-tools button{padding:7px 12px;font-size:11px;white-space:nowrap}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-header{gap:10px;padding-bottom:10px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-header h2{font-size:24px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-viewport{padding:12px;scroll-padding:12px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-bottom{flex-wrap:wrap;justify-content:center;padding-inline:12px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog .mg-live-menu-pagination{flex:1;justify-content:space-between;gap:8px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-pickup{padding:10px 12px}
}
@media(max-width:380px){
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-bottom{gap:8px}
 #mg-vendor-ribbon-expanded #menu .mg-menu-dialog-pickup{width:100%;min-height:40px}
}