.menu-group-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(156px,1fr);gap:12px;overflow-x:auto;padding:5px 4px 14px;scroll-snap-type:x mandatory;scroll-padding-inline:4px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}
.menu-group-tiles::-webkit-scrollbar{display:none}
.menu-group-tile{min-height:92px;padding:14px;border:1px solid #eadfd5;border-radius:18px;background:#fff;color:#211b17;text-align:left;scroll-snap-align:start;cursor:pointer;box-shadow:0 5px 18px rgba(53,36,22,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.menu-group-tile[aria-pressed=true]{border-color:var(--brand,#ff5a1f);background:color-mix(in srgb,var(--brand,#ff5a1f) 7%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#ff5a1f) 18%,transparent),0 8px 22px rgba(53,36,22,.08);transform:translateY(-2px)}
.menu-group-icon{display:block;font-size:25px}.menu-group-name{display:block;margin-top:6px;font-weight:900;line-height:1.15}.menu-group-count{display:block;margin-top:5px;color:#74675f;font-size:12px}
.menu-section-chips{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:10px 2px;background:color-mix(in srgb,#fff 94%,transparent);backdrop-filter:blur(10px)}
.menu-section-chip,.menu-quick-chip{min-height:44px;flex:0 0 auto;padding:9px 14px;border:1px solid #e5d8cc;border-radius:999px;background:#fff;color:#302720;font-weight:800;cursor:pointer}
.menu-section-chip.active,.menu-quick-chip.active{background:#211b17;color:#fff;border-color:#211b17}
.menu-section-block{grid-column:1/-1;width:100%;scroll-margin-top:76px;margin:20px 0 34px}.menu-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 14px}.menu-section-heading h3{margin:0;font-size:clamp(20px,4vw,29px)}.menu-section-heading span{color:#756961;font-weight:700}
.menu-item-path{display:block;margin-bottom:5px;color:#88786d;font-size:12px;font-weight:750}
.menu-quick-filters{display:flex;gap:8px;overflow-x:auto;margin:10px 0;padding-bottom:4px}
.group-sheet{position:fixed;inset:0;z-index:1000;display:none;background:rgba(20,15,12,.55);padding:18px}.group-sheet.open{display:grid;place-items:end center}.group-sheet-panel{width:min(720px,100%);max-height:82vh;overflow:auto;border-radius:24px 24px 12px 12px;background:#fff;padding:20px}.group-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.group-sheet-button{min-height:84px;padding:13px;border:1px solid #eadfd5;border-radius:16px;background:#fff;text-align:left}.group-sheet-button b,.group-sheet-button small{display:block}.group-sheet-button small{margin-top:5px;color:#756961;line-height:1.35}
.menu-group-tile:focus-visible,.menu-section-chip:focus-visible,.menu-quick-chip:focus-visible,.group-sheet-button:focus-visible{outline:3px solid #1765c1;outline-offset:3px}
@media(max-width:600px){.menu-group-tiles{grid-auto-columns:132px;gap:9px;margin-inline:-16px;padding:6px 16px 15px}.menu-group-tile{min-height:82px;padding:11px 12px;border-radius:16px}.menu-group-icon{font-size:21px}.menu-group-name{font-size:13px;line-height:1.12}.menu-group-count{font-size:11px}.menu-section-chips{margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.menu-section-chips::-webkit-scrollbar{display:none}.group-sheet-grid{grid-template-columns:1fr}.menu-section-block{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.menu-group-tiles,.menu-section-chips{scroll-behavior:auto!important}}
