/* Local demo actions. The current dish and portion stay owned by app.js. */
.app{padding-bottom:156px}
.order-button{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 17px;background:#000;color:#fff;border-radius:8px;font-size:14px;font-weight:700}
.order-button>span:last-child{font-size:21px;font-weight:400}
.footer-secondary{display:grid;grid-template-columns:minmax(98px,.95fr) minmax(0,2fr);gap:8px;margin-top:8px}
.footer-secondary .add-button,.share-button{min-height:44px;height:auto;border:1px solid #dfdfdf;border-radius:7px;justify-content:center;padding:8px;font-size:11px;font-weight:700;line-height:1.45}
.footer-secondary .add-button{background:#fff;color:#222}
.footer-secondary .quantity-chip{display:none}
.share-button{display:flex;align-items:center;gap:6px;background:var(--green-soft,#e8f8ef);color:var(--green-ink,#075e36);border-color:#d2eadc}
.share-button svg{flex:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.order-button:hover{background:#252525}.share-button:hover{background:#d8f2e3}
.action-sheet .sheet-close{width:44px;height:44px;top:12px;right:12px;line-height:40px}
.action-sheet h2{font-size:25px;letter-spacing:-.6px;margin:12px 0 8px;padding-right:12px}
.action-sheet .action-intro{font-size:12px;line-height:1.7;color:#666;margin:0 0 19px}
.action-sheet .success-icon{margin-bottom:19px}
.order-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line,#e8e8e8);border-bottom:1px solid var(--line,#e8e8e8)}
.order-item img{width:94px;height:94px;object-fit:contain;background:#f5f5f5;border-radius:10px;flex-shrink:0}
.order-item>div{display:flex;flex-direction:column;gap:7px}
.order-item strong{font-size:14px;line-height:1.6}.order-item span{font-size:11px;color:var(--green-ink,#075e36)}.order-item small{font-size:10px;color:#777}
.order-item img[hidden]{display:none}
.action-sheet .demo-notice{font-size:11px;line-height:1.8}
.action-text-button{display:block;min-height:44px;margin:8px auto 0;padding:10px 15px;background:none;color:#555;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.share-sheet h2{font-size:23px}.share-sheet .action-intro{margin-bottom:15px}
.share-preview{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f2f2f2;border:1px solid #e7e7e7;border-radius:10px}
.share-preview:empty{display:none}.share-preview:has(img[hidden]){display:none}
.share-preview img{display:block;width:100%;height:auto;max-height:50dvh;object-fit:contain;-webkit-touch-callout:default;user-select:auto}
.share-preview img[hidden]{display:none}
.save-share-image{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;cursor:pointer;padding:12px}
.save-share-image[aria-disabled=true]{opacity:.4;pointer-events:none}
.action-sheet .share-save-hint{font-size:10px;color:#666;line-height:1.7;text-align:center;margin:9px 0}
.action-sheet .share-notice{font-size:11px;line-height:1.7;color:#555;background:#f5f5f5;padding:11px 12px;border-radius:6px;margin:14px 0 0}
.action-sheet .share-error{font-size:12px;line-height:1.7;color:#8b2929;background:#fff1ed;padding:13px;border-radius:6px}
.save-share-image:focus-visible{outline:3px solid var(--green-ink,#075e36);outline-offset:3px}
@media(max-width:360px){.footer-secondary{grid-template-columns:minmax(88px,.85fr) minmax(0,2fr)}.footer-secondary .add-button,.share-button{font-size:10px}.share-button{gap:4px}.share-button svg{width:15px}.action-sheet{padding-left:20px;padding-right:20px}.action-sheet h2{font-size:23px}.share-sheet h2{font-size:20px}}
@supports(padding:max(0px)){.app{padding-bottom:calc(146px + env(safe-area-inset-bottom))}}

.sticky-footer>.footer-portion{margin:0 0 8px;text-align:left;color:var(--green-ink);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.app{padding-bottom:177px}.order-unit{font-size:10px!important;line-height:1.6!important;color:#666!important;margin:10px 0 0}.share-link-actions{margin-top:10px}.copy-share-link{width:100%;min-height:44px;background:var(--green-soft);color:var(--green-ink);border:1px solid #c8e7d6;border-radius:7px;font-size:12px;font-weight:700;padding:10px}.share-link-actions p{font-size:11px;line-height:1.7;color:var(--green-ink);margin:8px 0}.share-trial-link{display:block;text-align:center;color:var(--green-ink);font-size:12px;line-height:1.7;padding:6px}.share-trial-link:focus-visible{outline:3px solid var(--green-ink);outline-offset:3px}@supports(padding:max(0px)){.app{padding-bottom:calc(170px + env(safe-area-inset-bottom))}}