/* A readable, photo-led menu preview inside the existing native dialog. */
.sample-dialog{width:1120px;--menu-accent:#394638}
.sample-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:720px}
.sample-card-side{position:sticky;top:64px;align-self:start;min-height:calc(100dvh - 112px);padding:50px 23px 36px;border-right:1px solid #c9d1bc}
.sample-card-side>.eyebrow{font-size:10px;line-height:1.6;margin-bottom:32px}
.sample-qr{display:block;width:100%;max-width:240px;margin-bottom:30px}
.sample-card-side .button{font-size:12px;line-height:1.5;min-height:48px;padding:12px 15px}
.sample-sticker-note{color:#59664d;font-size:12px;line-height:1.8;max-width:210px;margin:20px auto 0}
.sample-card-side .sample-simple-download{display:block;margin:12px auto 0;background:transparent;border-color:transparent;min-height:44px;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.sample-menu{padding:0;min-width:0;background:#f8f5ed}
.sample-menu-toolbar{position:sticky;top:0;z-index:7;display:flex;align-items:center;gap:16px;height:64px;padding:10px 17px 10px 25px;background:#f8f5edf5;border-bottom:1px solid #e3dfd2;backdrop-filter:blur(10px)}
.sample-menu-toolbar>span:first-child{font-size:14px;letter-spacing:-.035em;font-weight:700;color:#35412e}
.sample-toolbar-note{margin-left:auto;font-size:8px;letter-spacing:.13em;color:#69745e;white-space:nowrap}
.sample-menu-toolbar>.dialog-close{position:static;flex-shrink:0;width:44px;height:44px;min-width:44px;background:#f8f5ed;margin:0;border-color:#d2d6c6}
.sample-cover{position:relative;height:250px;overflow:hidden;background:#e8dfd0}
.sample-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.sample-cover:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#1b211b3d);pointer-events:none}
.sample-cover-tag{position:absolute;z-index:1;bottom:20px;left:28px;max-width:calc(100% - 56px);background:#faf7eee8;border:1px solid #ffffff60;border-radius:30px;padding:7px 13px;color:#374430;font-size:10px;line-height:1.6;letter-spacing:.025em}
.sample-menu-body{padding:32px 30px 36px}
.sample-menu-body>.sample-venue-tag{font-size:9px;letter-spacing:.17em;color:#6b755e;margin:0}
.sample-menu h2{font-family:Georgia,serif;font-size:53px;line-height:1.1;letter-spacing:-.055em;font-weight:400;margin:13px 0 0;color:var(--menu-accent);overflow-wrap:break-word}
.sample-intro{max-width:490px;text-align:center;font-size:14px;line-height:1.8;color:#667159;margin:15px auto 0}
.sample-tabs{gap:7px;margin:25px 0 0;padding:16px 0;border-color:#e0dfd2}
.sample-tabs button{font-size:11px;line-height:1.5;min-height:44px;padding:10px 15px;border-color:#d6d9c9;color:#5b694e;background:transparent;scroll-margin-top:90px}
.sample-tabs button[aria-pressed=true],.sample-tabs button.active,.sample-tabs button.active:hover{background:var(--menu-accent);border-color:var(--menu-accent);color:#fffaf0}
.sample-categories{position:sticky;top:63px;z-index:6;display:flex;align-items:center;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a8b198 #f0ede4;margin:0 -30px;padding:14px 30px;background:#f8f5edf7;border-bottom:1px solid #e0dfd2;backdrop-filter:blur(10px)}
.sample-categories button{flex-shrink:0;border:1px solid #d8dbce;border-radius:4px;padding:10px 13px;min-height:44px;font:inherit;font-size:12px;line-height:1.5;background:#fffdf6;color:#5e6a53;cursor:pointer}
.sample-categories button:hover{border-color:#a4ae95;color:#2d3b27}
.sample-categories button[aria-pressed=true]{color:#fffaf0;background:var(--menu-accent);border-color:var(--menu-accent)}
.sample-food-section[hidden]{display:none}
.sample-category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:30px 0 20px}
.sample-category-heading>.sample-category{font-family:Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.045em;line-height:1.2;color:var(--menu-accent);border:0;padding:0;margin:0}
.sample-category-heading>span{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#879176}
.sample-food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
.sample-food-grid.has-one-item{grid-template-columns:minmax(0,1fr)}
.sample-food-grid.has-one-item>.sample-food-card{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:center}
.sample-food-grid.has-one-item .sample-food-details{border-bottom:0;padding-block:15px}
.sample-sections{scroll-margin-top:142px}
.sample-food-card{min-width:0}
.sample-food-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:8px;background:#e9e3d5}
.sample-food-details{padding:15px 0 21px;border-bottom:1px solid #e4e2d7}
.sample-food-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.sample-food-name-row h4{min-width:0;margin:0;color:#33442c;font-size:16px;line-height:1.4;letter-spacing:-.025em;font-weight:700}
.sample-food-price{white-space:nowrap;font-size:12px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums;color:var(--menu-accent)}
.sample-food-details>p{margin:9px 0 0;font-size:13px;line-height:1.8;color:#64715a}
.sample-menu-body>.sample-allergens{font-size:11px;line-height:1.85;margin:34px 0 0;padding-top:22px;border-color:#dcded0}
.sample-photo-note{font-size:10px;line-height:1.8;color:#7b856e;margin:12px 0 0}
.hero-stage[data-food-photos=true] .phone-dish-photo{object-fit:cover;object-position:center;background:#e8dfd0}
@media(max-width:1100px){
 .sample-layout{grid-template-columns:250px minmax(0,1fr)}
 .sample-card-side{padding-inline:20px}
 .sample-card-side .button{font-size:11px;padding-inline:11px}
 .sample-menu-body{padding-inline:25px}
 .sample-categories{margin-inline:-25px;padding-inline:25px}
 .sample-food-name-row{display:block}
 .sample-food-price{display:block;margin-top:6px}
}
@media(max-width:900px){
 .sample-layout{display:flex;flex-direction:column-reverse;min-height:0}
 .sample-card-side{position:relative;top:auto;min-height:0;align-self:stretch;padding:40px 25px;border:0;border-top:1px solid #c9d1bc}
 .sample-card-side .button{font-size:13px;padding-inline:20px}
 .sample-menu h2{font-size:53px}
 .sample-cover{height:270px}
 .sample-food-name-row{display:flex}
 .sample-food-price{display:inline;margin-top:0}
}
@media(max-width:600px){
 .sample-dialog{width:calc(100% - 24px);max-width:calc(100% - 24px);border-radius:12px}
 .sample-menu-toolbar{height:60px;padding:8px 10px 8px 19px;gap:12px}
 .sample-menu-toolbar>span:first-child{font-size:13px}
 .sample-toolbar-note{font-size:7px;letter-spacing:.08em}
 .sample-cover{height:225px}
 .sample-cover-tag{bottom:16px;left:20px;max-width:calc(100% - 40px);font-size:10px;padding:6px 12px}
 .sample-menu-body{padding:28px 20px 32px}
 .sample-menu h2{font-size:43px;line-height:1.08;margin-top:12px}
 .sample-intro{font-size:13px;line-height:1.85;margin-top:15px}
 .sample-tabs{gap:6px;margin-top:23px;padding-block:15px}
 .sample-tabs button{font-size:10px;padding:10px 12px;min-height:44px}
 .sample-categories{top:59px;margin-inline:-20px;padding:12px 20px;gap:7px}
 .sample-categories button{font-size:12px;padding-inline:12px}
 .sample-food-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .sample-food-grid.has-one-item>.sample-food-card{display:block}
 .sample-sections{scroll-margin-top:136px}
 .sample-category-heading{margin-top:29px;margin-bottom:18px}
 .sample-category-heading>.sample-category{font-size:28px}
 .sample-food-photo{border-radius:7px}
 .sample-food-details{padding:15px 0 22px}
 .sample-food-name-row h4{font-size:17px;line-height:1.4}
 .sample-food-price{font-size:13px}
 .sample-food-details>p{font-size:14px;line-height:1.85;margin-top:9px}
 .sample-card-side{padding-top:35px}
 .sample-sticker-note{font-size:12px}
}
@media(max-width:360px){
 .sample-menu-body{padding-inline:17px}
 .sample-categories{margin-inline:-17px;padding-inline:17px}
 .sample-menu h2{font-size:39px}
 .sample-food-name-row{display:block}
 .sample-food-price{display:block;margin-top:6px}
 .sample-tabs button{font-size:10px;padding-inline:10px}
 .sample-toolbar-note{font-size:6px}
}

.sample-photo-note{color:#5e6b52}