.menus-page .home-experience .md-demo{ --md-ink:var(--ink,#233c32); --md-paper:var(--paper,#fbfaf5); --md-green:var(--green,#315b46); --md-muted:var(--muted,#68766c); --md-line:var(--line,#dce3da); --md-accent:var(--accent,#bdddab); color:var(--md-ink); text-align:left; font-size:14px; position:relative; }
.menus-page .home-experience .md-demo *,.menus-page .home-experience .md-dialog *{ box-sizing:border-box; }
.menus-page .home-experience .md-demo button,.menus-page .home-experience .md-demo input,.menus-page .home-experience .md-demo textarea,.menus-page .home-experience .md-demo select{ font:inherit; }
.menus-page .home-experience .md-demo button{ cursor:pointer; }
.menus-page .home-experience .md-demo button:disabled{ cursor:default; opacity:.3; }
.menus-page .home-experience .md-demo button:focus-visible,.menus-page .home-experience .md-demo input:focus-visible,.menus-page .home-experience .md-demo select:focus-visible,.menus-page .home-experience .md-demo textarea:focus-visible{ outline:3px solid #95b285; outline-offset:3px; }
.menus-page .home-experience .md-demo svg{ width:18px; height:18px; flex-shrink:0; }
.menus-page .home-experience .md-demo h3,.menus-page .home-experience .md-demo h4,.menus-page .home-experience .md-demo h5,.menus-page .home-experience .md-demo p{ margin:0; }
.menus-page .home-experience .md-topline{ display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
.menus-page .home-experience .md-demo-pill{ display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:650; letter-spacing:.05em; background:#eef3e7; padding:7px 11px; border-radius:30px; }
.menus-page .home-experience .md-demo-pill i,.menus-page .home-experience .md-guest-label i{ display:block; height:6px; width:6px; background:#618950; border-radius:50%; box-shadow:0 0 0 3px #61895015; }
.menus-page .home-experience .md-topline-copy p{ margin-top:9px; color:var(--md-muted); font-size:14px; }
.menus-page .home-experience .md-reset{ display:flex; align-items:center; justify-content:center; gap:7px; border:0; background:none; padding:9px 0; color:var(--md-muted); font-size:12px; white-space:nowrap; }
.menus-page .home-experience .md-reset svg{ width:15px; height:15px; }
.menus-page .home-experience .md-split{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(340px,.9fr); gap:35px; align-items:start; }
.menus-page .home-experience .md-staff{ background:#fff; border:1px solid var(--md-line); border-radius:20px; box-shadow:0 20px 60px #263c3210; overflow:hidden; }
.menus-page .home-experience .md-workspace-heading{ padding:25px 26px; display:flex; align-items:center; gap:13px; border-bottom:1px solid var(--md-line); background:#fff; }
.menus-page .home-experience .md-workspace-mark{ height:39px; width:39px; border-radius:11px; display:flex; justify-content:center; align-items:center; background:#edf2e9; color:var(--md-green); }
.menus-page .home-experience .md-workspace-mark svg{ height:22px; width:22px; }
.menus-page .home-experience .md-small-label{ display:block; font-size:9px; font-weight:700; letter-spacing:.15em; color:var(--md-muted); margin-bottom:6px; }
.menus-page .home-experience .md-workspace-heading h3{ font-family:Georgia,'Times New Roman',serif; font-size:23px; font-weight:400; letter-spacing:-.035em; }
.menus-page .home-experience .md-workspace-role{ margin-left:auto; font-size:9px; border:1px solid var(--md-line); border-radius:20px; padding:5px 9px; white-space:nowrap; color:var(--md-muted); }
.menus-page .home-experience .md-staff-content{ padding:20px 25px 22px; min-height:596px; }
.menus-page .home-experience .md-login-illustration{ margin:32px 0 25px; display:flex; align-items:center; justify-content:center; gap:19px; }
.menus-page .home-experience .md-login-illustration > svg{ width:55px; height:55px; padding:14px; border-radius:17px; color:var(--md-green); background:#eff3e9; border:1px solid var(--md-line); }
.menus-page .home-experience .md-mini-note{ font-size:14px; line-height:1.6; color:var(--md-muted); }
.menus-page .home-experience .md-login-form{ max-width:330px; margin:0 auto; }
.menus-page .home-experience .md-demo-account{ display:flex; align-items:center; gap:12px; padding:16px; border:1px solid var(--md-line); border-radius:10px; background:#fcfdf8; margin-top:35px; }
.menus-page .home-experience .md-account-avatar{ display:flex; align-items:center; justify-content:center; width:35px; height:35px; background:#edf2e5; border:1px solid #d8e1ce; border-radius:9px; font-size:11px; font-weight:600; color:#60764e; }
.menus-page .home-experience .md-demo-account > div{ flex:1; }
.menus-page .home-experience .md-demo-account strong,.menus-page .home-experience .md-demo-account div > span{ display:block; }
.menus-page .home-experience .md-demo-account strong{ font-size:12px; font-weight:600; }
.menus-page .home-experience .md-demo-account div > span{ margin-top:4px; font-size:10px; color:var(--md-muted); }
.menus-page .home-experience .md-demo-account > svg{ width:16px; height:16px; color:#6c8e52; }
.menus-page .home-experience .md-demo label:not(.md-photo-control,.md-price,.md-search){ display:block; font-size:12px; font-weight:550; color:var(--md-ink); }
.menus-page .home-experience .md-login-form label + label{ margin-top:17px; }
.menus-page .home-experience .md-login-form input,.menus-page .home-experience .md-dialog input[type=text],.menus-page .home-experience .md-dialog input[type=number],.menus-page .home-experience .md-dialog textarea,.menus-page .home-experience .md-dialog select{ display:block; width:100%; border:1px solid var(--md-line); border-radius:8px; background:#fdfdfb; padding:12px 13px; margin-top:7px; color:var(--md-ink); line-height:1.3; }
.menus-page .home-experience .md-login-form input[readonly]{ color:#778173; }
.menus-page .home-experience .md-primary{ display:inline-flex; align-items:center; justify-content:center; gap:12px; background:var(--md-green); color:#fff; border:1px solid var(--md-green); border-radius:8px; padding:12px 17px; font-size:12px!important; font-weight:600!important; transition:background .2s, transform .2s; }
.menus-page .home-experience .md-primary:hover{ background:#234332; transform:translateY(-1px); }
.menus-page .home-experience .md-login-form .md-primary{ width:100%; margin-top:24px; }
.menus-page .home-experience .md-form-note{ color:var(--md-muted); font-size:11px; line-height:1.7; margin-top:12px!important; font-weight:400; }
.menus-page .home-experience .md-login-benefits{ display:flex; flex-direction:column; gap:12px; margin:26px auto 10px; padding:20px 0 0; border-top:1px solid var(--md-line); max-width:330px; }
.menus-page .home-experience .md-login-benefits span{ display:flex; align-items:center; gap:10px; color:var(--md-muted); font-size:12px; }
.menus-page .home-experience .md-login-benefits svg{ width:16px; height:16px; color:#638454; }
.menus-page .home-experience .md-workspace-bottom{ border-top:1px solid var(--md-line); background:#fbfcf8; padding:13px 22px; display:flex; justify-content:space-between; gap:12px; align-items:center; color:var(--md-muted); font-size:9px; }
.menus-page .home-experience .md-status{ display:flex; align-items:center; gap:6px; color:#547647; transition:color .25s; }
.menus-page .home-experience .md-status svg{ width:14px; height:14px; border:1px solid #b5cba8; border-radius:50%; padding:2px; }
.menus-page .home-experience .md-status-flash{ color:#315b46; }
.menus-page .home-experience .md-status-flash svg{ background:#bddda9; animation:md-check-pop .4s ease-out; }
.menus-page .home-experience .md-workspace-toolbar{ display:flex; gap:12px; align-items:center; justify-content:space-between; }
.menus-page .home-experience .md-menu-tabs{ display:flex; gap:5px; flex-wrap:wrap; }
.menus-page .home-experience .md-tab{ border:1px solid transparent; padding:8px 10px; border-radius:7px; background:none; color:var(--md-muted); font-size:11px!important; }
.menus-page .home-experience .md-tab.is-active{ color:var(--md-green); background:#edf3e6; border-color:#dce7d3; font-weight:650; }
.menus-page .home-experience .md-icon-button{ background:none; border:0; color:var(--md-muted); padding:8px; border-radius:6px; display:flex; }
.menus-page .home-experience .md-icon-button:hover{ background:#f0f3ed; }
.menus-page .home-experience .md-workspace-intro{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:17px 0 12px; }
.menus-page .home-experience .md-workspace-intro p{ color:var(--md-muted); font-size:10px; }
.menus-page .home-experience .md-text-button{ display:flex; align-items:center; gap:3px; padding:2px; border:0; background:none; color:var(--md-green); font-size:10px!important; font-weight:600!important; }
.menus-page .home-experience .md-text-button svg{ height:13px; width:13px; }
.menus-page .home-experience .md-categories{ max-height:407px; overflow:auto; padding-right:5px; scrollbar-width:thin; scrollbar-color:#d8e0d2 transparent; }
.menus-page .home-experience .md-category{ margin-bottom:16px; border:1px solid var(--md-line); border-radius:10px; background:#fff; transition:opacity .2s, box-shadow .2s; }
.menus-page .home-experience .md-category-heading{ display:flex; align-items:center; gap:7px; padding:10px 10px 9px; background:#f8faf4; border-radius:10px 10px 0 0; }
.menus-page .home-experience .md-grip{ display:flex; align-items:center; cursor:grab; flex-shrink:0; color:#b1baac; }
.menus-page .home-experience .md-grip svg{ width:13px; height:17px; }
.menus-page .home-experience .md-category-name{ width:100%; border:0; background:transparent; color:var(--md-ink); font-weight:650!important; font-size:11px!important; min-width:0; padding:4px 2px; border-radius:3px; }
.menus-page .home-experience .md-category-name:hover,.menus-page .home-experience .md-item-name:hover{ background:#edf1e9; }
.menus-page .home-experience .md-category-name:focus,.menus-page .home-experience .md-item-name:focus{ background:#fff; outline:2px solid #bdddab; }
.menus-page .home-experience .md-order-buttons{ display:flex; align-items:center; gap:2px; flex-shrink:0; }
.menus-page .home-experience .md-order-buttons button{ display:flex; align-items:center; justify-content:center; padding:3px; border:1px solid transparent; background:transparent; color:#899581; border-radius:4px; }
.menus-page .home-experience .md-order-buttons button:hover:not(:disabled){ border-color:#ced9c4; background:#eff5e8; color:var(--md-green); }
.menus-page .home-experience .md-order-buttons svg{ width:13px; height:13px; }
.menus-page .home-experience .md-item{ padding:12px 10px 10px; border-top:1px solid #edf0e9; background:#fff; transition:opacity .2s, background .2s; }
.menus-page .home-experience .md-item:last-child{ border-radius:0 0 10px 10px; }
.menus-page .home-experience .md-item.is-unavailable{ background:#fafbf8; }
.menus-page .home-experience .md-item.is-unavailable .md-item-photo{ opacity:.55; }
.menus-page .home-experience .md-item-main{ display:flex; align-items:center; gap:8px; }
.menus-page .home-experience .md-photo-control{ position:relative; display:block; width:40px; height:40px; cursor:pointer; flex-shrink:0; }
.menus-page .home-experience .md-item-photo{ width:40px; height:40px; border-radius:7px; object-fit:cover; overflow:hidden; }
.menus-page .home-experience .md-food-art > svg{ width:100%; height:100%; display:block; }
.menus-page .home-experience .md-sample-photo{ background-image:url('/menus-assets/assets/food-grid.webp'); background-size:200% 200%; background-repeat:no-repeat; background-color:#e6dfcf; }
.menus-page .home-experience .md-photo-sourdough{ background-position:0% 0%; }
.menus-page .home-experience .md-photo-bowl{ background-position:100% 0%; }
.menus-page .home-experience .md-photo-fish{ background-position:0% 100%; }
.menus-page .home-experience .md-photo-pudding{ background-position:100% 100%; }
.menus-page .home-experience .md-no-photo{ display:flex; align-items:center; justify-content:center; background:#edf0e6; color:#a4b096; }
.menus-page .home-experience .md-no-photo > svg{ width:19px; height:19px; opacity:.7; }
.menus-page .home-experience .md-photo-control > span{ position:absolute; inset:auto -3px -3px auto; display:flex; align-items:center; justify-content:center; padding:3px; border-radius:4px; background:#fff; border:1px solid var(--md-line); color:var(--md-green); }
.menus-page .home-experience .md-photo-control > span svg{ width:10px; height:10px; }
.menus-page .home-experience .md-photo-control input{ position:absolute; width:1px; height:1px; opacity:0; }
.menus-page .home-experience .md-photo-control:focus-within{ outline:3px solid #95b285; outline-offset:3px; border-radius:7px; }
.menus-page .home-experience .md-item-name-wrap{ flex:1; min-width:0; }
.menus-page .home-experience .md-item-name{ width:100%; min-width:0; border:0; border-radius:3px; background:transparent; color:var(--md-ink); font-size:10px!important; font-weight:600!important; padding:3px 0; text-overflow:ellipsis; }
.menus-page .home-experience .md-item-name-wrap > span{ display:block; color:#8b9686; font-size:8px; margin-top:3px; }
.menus-page .home-experience .md-price{ display:flex; align-items:center; justify-content:flex-end; gap:2px; color:var(--md-ink); font-size:11px; white-space:nowrap; flex-shrink:0; }
.menus-page .home-experience .md-price input{ width:49px; border:1px solid #e1e7da; background:#fcfdf9; color:var(--md-ink); padding:5px 4px; border-radius:5px; font-size:10px; font-weight:600; text-align:right; appearance:textfield; -moz-appearance:textfield; }
.menus-page .home-experience .md-price input::-webkit-inner-spin-button,.menus-page .home-experience .md-price input::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; }
.menus-page .home-experience .md-item-bottom{ display:flex; align-items:center; justify-content:space-between; gap:5px; margin:9px 0 0 22px; }
.menus-page .home-experience .md-item-switches{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.menus-page .home-experience .md-switch,.menus-page .home-experience .md-special,.menus-page .home-experience .md-edit-button{ display:inline-flex; align-items:center; gap:5px; color:var(--md-muted); padding:3px 0; background:none; border:0; font-size:8px!important; white-space:nowrap; }
.menus-page .home-experience .md-switch i{ width:22px; height:12px; background:#d8ded2; border-radius:20px; position:relative; transition:background .2s; }
.menus-page .home-experience .md-switch i::after{ content:""; display:block; position:absolute; width:8px; height:8px; top:2px; left:2px; border-radius:50%; background:#fff; transition:transform .2s; }
.menus-page .home-experience .md-switch.is-on i{ background:#688852; }
.menus-page .home-experience .md-switch.is-on i::after{ transform:translateX(10px); }
.menus-page .home-experience .md-special span{ font-size:11px; color:#aab3a1; }
.menus-page .home-experience .md-special.is-active{ color:#857035; }
.menus-page .home-experience .md-special.is-active span{ color:#a1823c; }
.menus-page .home-experience .md-edit-button{ text-decoration:underline; text-underline-offset:2px; }
.menus-page .home-experience .md-empty-category{ color:var(--md-muted); font-size:11px; padding:15px!important; }
.menus-page .home-experience .md-workspace-actions{ display:flex; gap:9px; margin-top:18px; }
.menus-page .home-experience .md-add-dish{ flex:1; }
.menus-page .home-experience .md-secondary{ display:flex; align-items:center; justify-content:center; gap:7px; background:#fff; color:var(--md-green); border:1px solid var(--md-line); padding:11px 13px; border-radius:8px; font-size:11px!important; font-weight:550!important; }
.menus-page .home-experience .md-secondary svg{ width:15px; height:15px; }
.menus-page .home-experience .md-secondary:hover{ background:#f4f7ef; }
.menus-page .home-experience .md-keyboard-note{ color:#909b89; font-size:8px; margin-top:11px!important; text-align:center; line-height:1.5; }
.menus-page .home-experience .md-guest{ padding:5px 0 0; }
.menus-page .home-experience .md-guest-label{ display:flex; align-items:center; justify-content:space-between; gap:10px; max-width:340px; margin:0 auto 14px; font-size:8px; color:var(--md-muted); }
.menus-page .home-experience .md-guest-label > span:first-child{ display:flex; align-items:center; gap:7px; letter-spacing:.11em; font-weight:650; }
.menus-page .home-experience .md-phone{ position:relative; max-width:340px; margin:0 auto; background:#fff; border:7px solid #293a31; border-radius:38px; padding:18px 0 0; box-shadow:0 25px 45px #233c3220, inset 0 0 0 1px #ffffff40; overflow:hidden; }
.menus-page .home-experience .md-phone-speaker{ position:absolute; width:62px; height:4px; border-radius:6px; background:#34483b; top:9px; left:50%; transform:translateX(-50%); }
.menus-page .home-experience .md-guest-content{ height:655px; overflow:auto; scrollbar-width:none; background:#fbfaf6; border-radius:0 0 28px 28px; }
.menus-page .home-experience .md-guest-content::-webkit-scrollbar{ display:none; }
.menus-page .home-experience .md-menu-header{ padding:25px 22px 22px; text-align:center; background:#eff2e5; }
.menus-page .home-experience .md-venue-symbol{ height:32px; width:32px; margin:0 auto 10px; border:1px solid #9dae84; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#60794d; }
.menus-page .home-experience .md-venue-symbol svg{ height:17px; width:17px; }
.menus-page .home-experience .md-menu-header > p{ font-size:7px; color:#778b61; letter-spacing:.2em; font-weight:600; margin-bottom:8px; }
.menus-page .home-experience .md-menu-header h3{ font-family:Georgia,'Times New Roman',serif; font-size:26px; line-height:1.05; font-weight:400; letter-spacing:-.04em; color:#375036; max-width:210px; margin:0 auto 8px; }
.menus-page .home-experience .md-menu-header > span{ font-family:Georgia,'Times New Roman',serif; color:#6b795e; font-size:11px; font-style:italic; }
.menus-page .home-experience .md-guest-controls{ padding:16px 16px 0; }
.menus-page .home-experience .md-guest-menu-tabs{ display:flex; gap:5px; border-bottom:1px solid #e1e5d8; margin-bottom:13px; }
.menus-page .home-experience .md-guest-menu-tabs button{ background:none; border:0; border-bottom:2px solid transparent; padding:3px 9px 10px; color:#8a917f; font-size:9px!important; font-weight:550; }
.menus-page .home-experience .md-guest-menu-tabs button.is-active{ color:var(--md-green); border-bottom-color:#618150; }
.menus-page .home-experience .md-search{ display:flex; align-items:center; gap:7px; background:#fff; border:1px solid #e3e7db; border-radius:6px; padding:8px 10px; }
.menus-page .home-experience .md-search svg{ height:13px; width:13px; color:#849279; }
.menus-page .home-experience .md-search input{ width:100%; min-width:0; border:0; background:transparent; color:var(--md-ink); padding:0; font-size:9px!important; outline:none; }
.menus-page .home-experience .md-search input::placeholder{ color:#909988; }
.menus-page .home-experience .md-filter-label{ display:block; font-size:7px; letter-spacing:.13em; font-weight:650; color:#858f77; margin:17px 0 9px; }
.menus-page .home-experience .md-dietary-filters{ display:flex; flex-wrap:wrap; gap:5px; }
.menus-page .home-experience .md-filter{ display:flex; align-items:center; gap:4px; border:1px solid #dce3d3; border-radius:4px; padding:6px 6px; background:#fff; color:#6f7e60; font-size:8px!important; transition:background .2s, border-color .2s; }
.menus-page .home-experience .md-filter-check{ width:10px; height:10px; border:1px solid #bdcbb1; border-radius:2px; display:flex; align-items:center; justify-content:center; background:#fff; }
.menus-page .home-experience .md-filter-check svg{ width:9px; height:9px; opacity:0; transform:scale(.6); transition:transform .2s, opacity .2s; }
.menus-page .home-experience .md-filter.is-active{ border-color:#8fa778; background:#e9f0de; color:#36552e; }
.menus-page .home-experience .md-filter.is-active .md-filter-check{ background:#557846; border-color:#557846; color:#fff; }
.menus-page .home-experience .md-filter.is-active .md-filter-check svg{ opacity:1; transform:scale(1); }
.menus-page .home-experience .md-clear-filters{ display:block; border:0; background:none; color:#6f7e60; font-size:8px!important; padding:9px 0 0; text-decoration:underline; text-underline-offset:2px; }
.menus-page .home-experience .md-dietary-note{ font-size:7px; line-height:1.6; color:#96a08c; margin-top:10px!important; }
.menus-page .home-experience .md-guest-dishes{ padding:10px 16px 0; }
.menus-page .home-experience .md-guest-category{ margin:15px 0 22px; }
.menus-page .home-experience .md-guest-category h4{ font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:19px; color:#455b3d; letter-spacing:-.025em; margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid #e2e6d8; }
.menus-page .home-experience .md-guest-dish{ display:flex; gap:10px; margin-bottom:15px; animation:md-dish-appear .25s ease-out; }
.menus-page .home-experience .md-guest-food{ width:58px; height:65px; border-radius:6px; object-fit:cover; overflow:hidden; flex-shrink:0; }
.menus-page .home-experience .md-guest-dish-copy{ flex:1; min-width:0; }
.menus-page .home-experience .md-guest-dish-title{ display:flex; gap:8px; justify-content:space-between; align-items:start; }
.menus-page .home-experience .md-guest-dish-title h5{ font-size:10px; line-height:1.4; font-weight:600; max-width:140px; }
.menus-page .home-experience .md-guest-dish-title > span{ font-size:9px; font-weight:600; white-space:nowrap; padding-top:1px; }
.menus-page .home-experience .md-guest-dish-copy > p{ font-size:8px; line-height:1.65; color:#89917f; margin-top:5px; }
.menus-page .home-experience .md-guest-special{ display:block; color:#998143; font-size:6px; font-weight:650; letter-spacing:.09em; margin:0 0 3px; }
.menus-page .home-experience .md-tag-list{ display:flex; gap:3px; margin-top:6px; }
.menus-page .home-experience .md-tag-list > span{ font-size:6px; padding:2px 4px; border-radius:3px; background:#edf1e5; color:#728260; }
.menus-page .home-experience .md-no-results{ padding:25px 15px 35px; text-align:center; color:#849775; }
.menus-page .home-experience .md-no-results svg{ width:35px; height:35px; margin-bottom:12px; }
.menus-page .home-experience .md-no-results h4{ font-family:Georgia,serif; font-weight:400; font-size:20px; }
.menus-page .home-experience .md-no-results p{ font-size:10px; margin-top:7px; }
.menus-page .home-experience .md-guest-footer{ border-top:1px solid #e6e9de; margin:0 16px; padding:18px 5px 25px; text-align:center; color:#94a087; }
.menus-page .home-experience .md-guest-footer > span{ display:block; font-family:Georgia,serif; font-size:10px; font-style:italic; }
.menus-page .home-experience .md-guest-footer small{ display:block; font-size:7px; margin-top:6px; }
.menus-page .home-experience .md-guest-footer button{ border:0; background:none; display:flex; align-items:center; gap:4px; margin:13px auto 0; padding:3px; color:#788d68; font-size:8px!important; }
.menus-page .home-experience .md-guest-footer button svg{ width:11px; height:11px; }
.menus-page .home-experience .md-demo-disclosure{ text-align:center; color:var(--md-muted); font-size:10px; line-height:1.7; max-width:640px; margin:24px auto 0!important; }
.menus-page .home-experience .md-dragging{ opacity:.4; }
.menus-page .home-experience .md-drop-target{ box-shadow:inset 0 0 0 2px #88ab6a; }
.menus-page .home-experience .md-modal-open{ overflow:hidden; }
.menus-page .home-experience .md-modal-backdrop{ position:fixed; inset:0; z-index:1000; background:#1d312a85; backdrop-filter:blur(5px); display:flex; justify-content:center; align-items:center; padding:22px; }
.menus-page .home-experience .md-dialog{ position:relative; color:var(--md-ink); width:100%; max-width:510px; max-height:90vh; overflow:auto; border-radius:18px; background:#fffef9; padding:32px; box-shadow:0 25px 70px #13231940; }
.menus-page .home-experience .md-dialog-close{ position:absolute; top:18px; right:17px; display:flex; align-items:center; justify-content:center; color:var(--md-muted); border:0; background:none; padding:5px; }
.menus-page .home-experience .md-dialog h3{ font-family:Georgia,serif; font-size:29px; font-weight:400; line-height:1.15; letter-spacing:-.04em; padding-right:15px; margin:10px 0 25px; }
.menus-page .home-experience .md-dialog form > label{ margin-bottom:16px; }
.menus-page .home-experience .md-dialog .md-form-grid{ display:grid; grid-template-columns:1.5fr 1fr; gap:15px; margin-bottom:16px; }
.menus-page .home-experience .md-dialog textarea{ resize:vertical; min-height:78px; }
.menus-page .home-experience .md-form-tags{ border:0; padding:0; margin:20px 0 0; }
.menus-page .home-experience .md-form-tags legend{ font-size:11px; font-weight:600; margin-bottom:10px; }
.menus-page .home-experience .md-form-tags label{ display:flex!important; align-items:center; font-size:11px!important; font-weight:400!important; margin-bottom:9px; gap:7px; }
.menus-page .home-experience .md-form-tags input,.menus-page .home-experience .md-form-checkbox input{ accent-color:var(--md-green); margin:0; }
.menus-page .home-experience .md-form-checkbox{ display:flex!important; gap:8px; align-items:center; margin:18px 0!important; }
.menus-page .home-experience .md-dialog .md-primary{ width:100%; }
.menus-page .home-experience .md-announcement{ position:absolute; bottom:45px; left:50%; transform:translateX(-50%); background:#263f32; color:#fff; border-radius:8px; box-shadow:0 7px 25px #19302030; padding:12px 18px; font-size:11px; max-width:90%; text-align:center; z-index:10; pointer-events:none; animation:md-dish-appear .25s ease; }
.menus-page .home-experience .md-sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes md-check-pop { 0% { transform:scale(.7); } 60% { transform:scale(1.2); } 100% { transform:scale(1); } }
@keyframes md-dish-appear { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1050px) { .menus-page .home-experience .md-split{ grid-template-columns:minmax(0,1fr) 310px; gap:22px; } .menus-page .home-experience .md-phone{ max-width:310px; } .menus-page .home-experience .md-workspace-role{ display:none; } .menus-page .home-experience .md-staff-content{ padding:20px 17px; } .menus-page .home-experience .md-workspace-heading{ padding:23px 19px; } .menus-page .home-experience .md-workspace-heading h3{ font-size:21px; } }
@media (max-width:800px) { .menus-page .home-experience .md-split{ grid-template-columns:1fr; gap:28px; } .menus-page .home-experience .md-staff{ max-width:590px; width:100%; margin:auto; } .menus-page .home-experience .md-staff-content{ min-height:0; } .menus-page .home-experience .md-login-form{ margin-bottom:10px; } .menus-page .home-experience .md-login-benefits{ margin-bottom:17px; } .menus-page .home-experience .md-phone{ max-width:340px; } .menus-page .home-experience .md-guest-label{ max-width:340px; } .menus-page .home-experience .md-workspace-heading h3{ font-size:24px; } .menus-page .home-experience .md-categories{ max-height:390px; } }
@media (max-width:450px) { .menus-page .home-experience .md-topline{ align-items:start; gap:12px; } .menus-page .home-experience .md-topline-copy p{ font-size:12px; line-height:1.5; } .menus-page .home-experience .md-reset{ font-size:10px!important; padding-top:5px; } .menus-page .home-experience .md-reset svg{ display:none; } .menus-page .home-experience .md-workspace-heading{ padding:20px 16px; gap:10px; } .menus-page .home-experience .md-workspace-heading h3{ font-size:20px; } .menus-page .home-experience .md-workspace-mark{ width:34px; height:34px; } .menus-page .home-experience .md-staff-content{ padding:18px 12px; } .menus-page .home-experience .md-workspace-actions{ gap:7px; } .menus-page .home-experience .md-secondary{ padding:10px 8px; font-size:10px!important; } .menus-page .home-experience .md-primary{ padding:11px 12px; font-size:11px!important; } .menus-page .home-experience .md-item-name{ font-size:9px!important; } .menus-page .home-experience .md-item-main{ gap:6px; } .menus-page .home-experience .md-photo-control,.menus-page .home-experience .md-item-photo{ width:33px; height:33px; } .menus-page .home-experience .md-item-bottom{ margin-left:19px; } .menus-page .home-experience .md-item-switches{ gap:7px; } .menus-page .home-experience .md-price input{ width:43px; } .menus-page .home-experience .md-workspace-bottom{ padding:12px; font-size:8px; } .menus-page .home-experience .md-workspace-bottom > span:last-child{ display:none; } .menus-page .home-experience .md-dialog{ padding:25px 20px; } .menus-page .home-experience .md-dialog h3{ font-size:26px; } .menus-page .home-experience .md-demo-disclosure{ font-size:9px; } }
@media (prefers-reduced-motion:reduce) { .menus-page .home-experience .md-demo *,.menus-page .home-experience .md-demo *::before,.menus-page .home-experience .md-demo *::after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; } }