/* Phone and tablet fixes shared by the restaurant demo screens. */
.sr-mfix{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,select{touch-action:manipulation}
.cart-drawer:not(.open),.mod-drawer:not(.open),.order-drawer:not(.open){visibility:hidden}
.cart-drawer,.mod-drawer,.order-drawer{transition:transform .35s ease,visibility 0s linear .35s}
.cart-drawer.open,.mod-drawer.open,.order-drawer.open{visibility:visible;transition:transform .35s ease,visibility 0s}
@media(max-width:1024px),(pointer:coarse){a.isx-back,a.isx-tab,a.nav-tab{min-height:44px!important;display:inline-flex!important;align-items:center}button.btn-add{width:44px!important;height:44px!important}#btnSearch,#btn-logout,#fullscreenBtn,#btnClearCart,#od-clear{min-width:44px!important;min-height:44px!important}#fire-starters,#fire-mains,#fire-desserts,.ctl-btn,.ctl-btn.sm{min-height:44px!important}p>a{display:inline-block;padding:12px 0}}
.kds-stats{flex-wrap:wrap!important;max-width:100%}
/* Top bar: the pinned Back link gets a solid background and the same font as the tabs; hero buttons get a gap. */
.isx-brand{position:sticky;left:0;z-index:3;margin-left:-16px;padding:0 14px 0 16px;background:#0a0a0a;box-shadow:-24px 0 0 #0a0a0a,8px 0 8px #0a0a0a!important}
div:has(>.ctl-btn+.ctl-btn){display:flex;flex-wrap:wrap;gap:8px}
.isx-back{font:500 .78rem/1 'DM Sans',system-ui,-apple-system,sans-serif!important;letter-spacing:0!important;color:#9a968e!important}
.isx-back:hover{color:#f0ede6!important;text-decoration:none}
.hero-content a.hero-cta{margin:0 10px 12px 0!important}
@media(max-width:600px){.section-label,.ch-how,.flow-card-tag,.footer>p,.tbl-kicker,.featured-badge,.stock-badge,.footer-powered,.footer-powered>span,.t-cap,.t-status,#nav-floor,#nav-order,.course-label,.l,.flow-num,.allergen-tag,.reg{font-size:11px!important}}