/* A compact copy of the real printed menu alongside the ordering introduction. */
.customer-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,340px);align-items:center;gap:28px;padding:30px 0 24px}
.customer-hero-copy{min-width:0}
.customer-hero h1{font-size:clamp(32px,3.2vw,42px);line-height:1.14;max-width:440px}
.customer-hero p{line-height:1.7}
.customer-hero-copy>p:last-child{margin-bottom:0;font-size:12px;max-width:390px}
.mini-menu{padding:13px 14px 10px;min-width:0;border:1px solid #dfdacb;border-radius:12px;background:linear-gradient(140deg,#f0ecdf,#faf8f2 70%);box-shadow:0 10px 24px #42412d08}
.mini-menu-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.mini-menu-heading>span{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#8b784d}
.mini-menu button{background:transparent;color:#4f5547;border:0;border-radius:5px}
.mini-menu button:hover:not(:disabled){background:#ded7c466}
.mini-menu .mini-menu-expand{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px 0 4px 7px}
.mini-menu-expand svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.5;fill:none}
.mini-menu-stage{width:100%;min-height:140px;display:flex;align-items:center;justify-content:center;padding:0 0 5px}
.mini-menu-book{filter:drop-shadow(0 7px 8px #17201738)}
.mini-menu-leaf{background:#171a16;overflow:hidden}
.mini-menu-leaf img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.mini-menu-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:8px}
.mini-menu-controls button{min-width:40px;min-height:32px;padding:3px 10px;font-size:19px;line-height:1}
.mini-menu-status{font-size:10px;letter-spacing:1px;color:#77796b;font-variant-numeric:tabular-nums;min-width:70px;text-align:center}
.customer-hero .mini-menu-hint{font-size:9px;color:#939381;text-align:center;margin:3px 0 0;line-height:1.5}
.mini-menu-fallback{display:flex;align-items:center;gap:20px;color:#777052;font-size:12px;min-height:170px}
.mini-menu-fallback img{width:100px;box-shadow:0 8px 14px #0002}
dialog.order-menu-reader{padding:0;border:1px solid #8c835d55;border-radius:14px;width:min(1080px,calc(100vw - 32px));height:min(94dvh,1100px);max-height:94dvh;max-width:calc(100vw - 32px);background:#eeece4;color:#353b31;box-shadow:0 30px 120px #0007;overflow:hidden}
dialog.order-menu-reader[open]{display:flex;flex-direction:column}
.order-menu-reader::backdrop{background:#111a15c9;backdrop-filter:blur(6px)}
.order-menu-reader-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#faf8f2;border-bottom:1px solid #e1ddcf;gap:15px;flex-shrink:0}
.order-menu-reader-header span{font-size:9px;letter-spacing:2px;color:#9a8453}
.order-menu-reader-header h2{font:23px Georgia,serif;margin:5px 0 0}
.reader-close{font-size:26px;line-height:1;width:42px;height:42px;padding:0;border:1px solid #ded9cb;background:none;color:#686e60}
.order-menu-reader-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:12px 22px;background:#faf8f2;border-bottom:1px solid #e1ddcf;flex-shrink:0}
.order-menu-reader-toolbar label{font-size:10px;font-weight:400;gap:5px;min-width:0;flex:1;max-width:440px;color:#777b6c}
.order-menu-reader-toolbar select{min-height:38px;font-size:12px;border-color:#ded9cb;background:#fffefb}
.reader-zoom{display:flex;align-items:center;gap:10px}
.reader-zoom button{width:36px;height:38px;padding:0;font-size:20px;border-color:#ded9cb;background:#fffefb}
.reader-zoom-level{font-size:11px;color:#777b6c;min-width:34px;text-align:center;font-variant-numeric:tabular-nums}
.order-menu-reader-scroller{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:18px 16px 28px;scrollbar-color:#aaa28a #e8e4d7}
.reader-scroll-hint{margin:0;padding:8px 16px;background:#eeece4;color:#7b7e6b;font-size:11px;text-align:center;flex-shrink:0}
.reader-pages{width:max(100%,var(--reader-page-width));display:flex;flex-direction:column;align-items:center;gap:26px;overflow-anchor:none}
.reader-sheet{width:var(--reader-page-width);flex-shrink:0;margin:0;scroll-margin-top:12px}
.reader-sheet figcaption{display:flex;justify-content:space-between;gap:18px;font-size:11px;line-height:1.5;color:#747766;margin:0 0 8px}
.reader-sheet figcaption>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.reader-sheet-image{position:relative;background:#1c1c1c;aspect-ratio:1500/2121;box-shadow:0 6px 24px #20251a33}
.reader-image{display:block;width:100%;max-width:none;height:100%;object-fit:contain;margin:0}
.reader-sheet-image .reader-image-error{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#ece8d9;background:#1c1c1cdd}
.reader-image-error{padding:50px 20px;text-align:center}
.order-menu-reader-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;background:#faf8f2;border-top:1px solid #e1ddcf;flex-shrink:0}
.order-menu-reader-footer button{font-size:12px;background:transparent;border-color:#ded9cb;min-height:40px}
.reader-status{font-size:12px;font-variant-numeric:tabular-nums;color:#7b7e6b}
@media(max-width:1150px) and (min-width:801px){.customer-hero{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.customer-hero h1{font-size:32px}.customer-hero .eyebrow{letter-spacing:1.5px;line-height:1.7}.mini-menu{padding:11px 10px 8px}}
@media(max-width:800px){.customer-hero{grid-template-columns:minmax(0,1fr) minmax(230px,310px);gap:24px;padding-top:26px}.mini-menu-controls button{min-height:40px}.mini-menu .mini-menu-expand{min-height:32px}}
@media(max-width:600px){.customer-hero{grid-template-columns:1fr;gap:20px;padding:26px 0 16px}.customer-hero-copy>p{margin-bottom:10px}.customer-hero-copy>p:last-child{max-width:none}.customer-hero h1{font-size:34px;max-width:360px}.mini-menu{width:100%;max-width:340px;justify-self:center;padding:10px 14px 8px}.mini-menu-heading{margin-bottom:8px}.mini-menu-stage{padding:0}.mini-menu-controls{margin-top:5px}.customer-hero .mini-menu-hint{display:none}dialog.order-menu-reader{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:96dvh;max-height:96dvh;border-radius:10px}.order-menu-reader-header{padding:13px 14px}.order-menu-reader-header h2{font-size:21px}.order-menu-reader-toolbar{padding:10px 12px;gap:9px}.reader-zoom{gap:5px}.reader-zoom button{width:32px}.order-menu-reader-scroller{padding:12px 16px 20px}.order-menu-reader-footer{padding:10px 12px}.order-menu-reader-footer button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.mini-menu *{transition:none!important}}