[data-page][hidden]{display:none!important}body{font-size:16px;line-height:1.65}.main-header .nav-shell{display:flex!important;flex-wrap:wrap;gap:12px;background:white!important;padding:14px!important}.main-nav{display:flex!important;flex-wrap:wrap}.main-header .main-nav a{color:#67270f!important;padding:10px!important}.main-nav a b{display:inline!important;font-size:1rem}.main-nav a[aria-current]{background:#ffeadf!important;border-radius:12px}.header-clock-box{display:none!important}.nav-tools{margin-left:auto}.lang-select{font-size:1rem}.menu-name{font-size:1.05rem!important;line-height:1.65}.menu-price,.cat-tab,.slabel{font-size:1rem!important}.qty-btn{min-width:40px;min-height:40px}.menu-card,.menu-info{min-width:0}.menu-name{overflow-wrap:anywhere}.menu-desc:empty{display:none}.main-header{padding-bottom:0!important}.pay-btn:disabled{opacity:.45}#aboutPage{padding:32px!important}.main-nav a{min-height:44px}@media(max-width:700px){.main-nav{order:3;width:100%;justify-content:center}.main-nav a b{font-size:.875rem}.menu-list{grid-template-columns:1fr!important}.sticky-bar{flex-wrap:wrap}.sbtn{font-size:.875rem!important}.nav-tools{max-width:100%}}

/* Full-width layout and uncropped menu photographs. */
html,body{width:100%;max-width:none;margin:0}
body .container,body .main-header .nav-shell,body .hero-content,body #aboutPage{width:100%!important;max-width:none!important;box-sizing:border-box}
body .container{padding:0 clamp(12px,2vw,32px)!important}
body #aboutPage{margin:20px 0!important;border-radius:0!important}
body .menu-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important;gap:20px!important}
body .menu-img.photo-menu{width:100%!important;height:auto!important;aspect-ratio:auto!important;overflow:hidden;background:#fff!important}
body .menu-img.photo-menu .photo-hit{display:block;width:100%!important;height:auto!important;padding:0;border:0;background:transparent}
body .menu-img.photo-menu img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
body .photo-viewer{padding:0!important;background:rgba(0,0,0,.96)}
body .photo-viewer-inner{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;justify-content:center;gap:0}
body .photo-viewer-img{width:100vw;height:calc(100dvh - 56px);max-width:100vw;max-height:calc(100dvh - 56px);object-fit:contain;border-radius:0;box-shadow:none;background:transparent}
body .photo-viewer-title{height:56px;display:flex;align-items:center;justify-content:center;padding:4px 50px;font-size:1rem}
body .photo-viewer-close{position:fixed;right:12px;top:12px;width:44px;height:44px;z-index:2}
@media(max-width:600px){body .menu-list{grid-template-columns:1fr!important;gap:16px!important}body .menu-card{padding:12px!important}}

body .menu-list[hidden],body .menu-category-title[hidden]{display:none!important}

/* Equal order-type buttons, with icons above their labels. */
body #orderType{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%;padding:0!important;background:transparent!important;box-shadow:none!important;align-items:stretch}
body #orderType .otype-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:100px;padding:14px 8px;border:2px solid #ead6cc;border-radius:16px;background:white;color:#62341f;font-size:1rem;line-height:1.5;box-shadow:none;white-space:normal}
body #orderType .order-type-icon{font-style:normal;font-size:1.8rem;line-height:1.2}
body #orderType .otype-btn span{overflow-wrap:anywhere}
body #orderType .otype-btn.active{background:#ffeadf;border-color:#d64b17;color:#7d290b;box-shadow:inset 0 0 0 1px #d64b17}
body #orderType .otype-btn:focus-visible{outline:3px solid #1b6697;outline-offset:3px}
@media(max-width:480px){body #orderType{gap:7px!important}body #orderType .otype-btn{font-size:.875rem;min-height:104px;padding:12px 5px;gap:7px}}

/* Wrap all menu categories into touch-friendly rows on phones. */
@media screen and (max-width:700px){
 body #menuPage .cat-scroll{overflow:visible;width:100%;margin:0!important;padding:0!important;box-sizing:border-box}
 body #menuPage .cat-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important;gap:10px;padding:4px 0 12px;box-sizing:border-box}
 body #menuPage .cat-tab{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:52px;padding:12px 8px!important;white-space:normal;line-height:1.6;border-radius:14px;box-sizing:border-box;text-align:center}
 body #menuPage .cat-tab span{min-width:0;overflow-wrap:anywhere}
 body #menuPage .cat-tab:focus-visible{outline:3px solid #8e461a;outline-offset:3px}
}

.order-image-dialog{width:min(92vw,620px);max-height:88dvh;overflow:auto;border:1px solid #efa760;border-radius:20px;padding:20px;background:#fffaf1;color:#392719;margin:auto}.order-image-dialog::backdrop{background:#0009}.order-image-dialog img{width:100%;height:auto;display:block;margin-top:16px}.order-image-dialog button,.order-image-dialog a{display:inline-block;padding:12px;margin:6px;border:1px solid #ed882c;border-radius:12px;background:#ffe1b5;color:#542609;font:inherit}.order-image-dialog [hidden]{display:none!important}

.shop-audio-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px;background:#fff1da}.shop-audio-controls button{font:inherit;font-size:14px;min-height:44px;padding:10px 14px;border:1px solid #e4a358;border-radius:14px;background:#fffaf1;color:#643313}.shop-audio-controls button[aria-pressed="true"]{background:#ffcf8b}.shop-audio-controls [hidden]{display:none!important}@media print{.shop-audio-controls{display:none!important}}

.shop-audio-controls button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:10px;border-radius:50%;flex:0 0 48px}.shop-audio-controls button svg{width:25px;height:25px;pointer-events:none}.shop-audio-controls button:focus-visible{outline:3px solid #82451f;outline-offset:3px}

/* Keep the document as the single scrolling surface on touch devices. */
@media screen and (pointer:coarse){
 html{height:auto!important;min-height:100%;overflow-x:clip!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom}
 body{height:auto!important;min-height:100%;overflow-x:clip!important;touch-action:pan-y pinch-zoom}
 body:not(.receipt-open){overflow-y:visible}
 #mainContent,#menuPage,#menuGroups{height:auto!important;max-height:none!important;overflow:visible!important;touch-action:pan-y pinch-zoom}
 .photo-hit,.menu-card,.poster-art{touch-action:pan-y pinch-zoom}
 .receipt-overlay,.modal-body,.drawer-body{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
}