/* Native hidden state must override modal/sheet layout rules. */
[hidden]{display:none!important}

/* Club modal shell */
.modal{position:fixed;inset:0;z-index:110;background:rgba(36,26,22,.34);padding:20px;display:grid;place-items:center;overflow:auto}
.modal-card{position:relative;width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 22px}
.modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:24px;line-height:1}

:root{--accent:#d46b31;--accent-dark:#a8491f;--ink:#241a16;--muted:#7e7069;--line:#e9dfda;--bg:#f8f5f3;--card:#fff;--danger:#b42318;--ok:#2f7a4b}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{max-width:760px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px 110px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--accent)}h1{font-size:27px;line-height:1.04;margin:4px 0 0;letter-spacing:-.035em}h2{margin:0;font-size:24px;letter-spacing:-.025em}.club-button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 15px;border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;border:1px solid var(--line);font-size:13px;font-weight:850}.order-mode{display:grid;grid-template-columns:1fr 1fr;background:#eee7e3;padding:3px;border-radius:12px;margin-bottom:12px}.mode-button{height:39px;border:0;border-radius:9px;background:transparent;color:#776860;font-weight:850}.mode-button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(48,32,25,.08)}.search-wrap{height:48px;border:1px solid var(--line);background:#fff;border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 13px}.search-icon{font-size:22px;color:#8a7a73}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:15px;color:var(--ink)}.category-strip{display:flex;overflow-x:auto;gap:7px;padding:12px 0 13px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-chip{white-space:nowrap;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#665851;font-weight:800;font-size:12px}.category-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.menu-card{position:relative;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;padding:0;overflow:hidden;color:inherit;min-width:0;transition:opacity .15s,transform .15s}.menu-card:active{transform:scale(.985)}.menu-photo{height:125px;background:#eee8e5;overflow:hidden;display:grid;place-items:center;color:#b1a39c;font-size:11px;font-weight:800}.menu-photo img{width:100%;height:100%;object-fit:cover}.menu-content{padding:10px 11px 12px}.menu-category{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--accent);font-weight:900;margin-bottom:3px}.menu-name{font-size:14px;line-height:1.22;font-weight:900;min-height:34px}.menu-price{margin-top:7px;font-size:13px;font-weight:850}.portion-badge{display:inline-block;margin-top:6px;padding:3px 6px;border-radius:999px;background:#edf7ef;color:var(--ok);font-size:9px;font-weight:900}.menu-card.is-unavailable{opacity:.52;filter:grayscale(.7);pointer-events:none}.menu-card.is-unavailable:after{content:"Unavailable";position:absolute;top:9px;right:9px;padding:4px 7px;border-radius:999px;background:#fff;color:var(--danger);font-size:9px;font-weight:900;border:1px solid #e6c4bf}.empty-state{text-align:center;padding:40px 10px;color:var(--muted)}.cart-bar{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));width:min(calc(100% - 28px),700px);height:58px;border:0;border-radius:16px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:0 17px;box-shadow:0 15px 34px rgba(36,26,22,.24)}.cart-count{display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:var(--accent);font-size:11px;font-weight:900}.cart-label{margin-left:10px;font-size:14px;font-weight:850}.cart-bar strong{margin-left:auto;font-size:15px}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgba(32,22,18,.46);backdrop-filter:blur(2px)}.bottom-sheet{position:fixed;z-index:61;left:50%;bottom:0;transform:translate(-50%,105%);width:min(100%,760px);max-height:92dvh;background:#fff;border-radius:22px 22px 0 0;overflow-y:auto;transition:transform .22s ease;padding-bottom:env(safe-area-inset-bottom)}.bottom-sheet.open{transform:translate(-50%,0)}.sheet-close{position:absolute;z-index:5;right:13px;top:13px;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.95);font-size:23px;line-height:1}.item-sheet-photo{height:220px;background:#eee8e5;display:grid;place-items:center;color:#ad9e97;font-size:12px;font-weight:800;overflow:hidden}.item-sheet-photo img{width:100%;height:100%;object-fit:cover}.sheet-body{padding:18px 17px 20px}.item-sheet-head{display:flex;gap:15px;justify-content:space-between}.item-sheet-head p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.item-sheet-head strong{white-space:nowrap;font-size:16px}.option-block{margin-top:20px}.option-block h3{margin:0 0 8px;font-size:13px}.option-list{display:flex;flex-wrap:wrap;gap:7px}.option-pill{position:relative}.option-pill input{position:absolute;opacity:0;pointer-events:none}.option-pill span{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12px;font-weight:800}.option-pill input:checked+span{border-color:var(--accent);background:#fff5ef;color:var(--accent-dark)}.note-field{display:block;margin-top:20px}.note-field>span{display:block;font-size:12px;font-weight:850;margin-bottom:7px}.note-field small{font-weight:500;color:var(--muted)}textarea{width:100%;resize:none;height:72px;border:1px solid var(--line);border-radius:12px;padding:10px 11px;font:inherit;font-size:13px;outline:none}.item-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:16px}.qty-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden}.qty-control button{width:38px;height:46px;border:0;background:#fff;font-size:20px}.qty-control span{min-width:28px;text-align:center;font-size:13px;font-weight:900}.primary-button,.secondary-button{min-height:48px;border-radius:12px;border:0;font-weight:900;font-size:14px}.primary-button{background:var(--accent);color:#fff}.secondary-button{background:#f1ebe8;color:var(--ink)}.cart-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.text-button{border:0;background:transparent;color:var(--danger);font-weight:800}.cart-items{display:grid;gap:9px}.cart-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.cart-row-name{font-weight:900;font-size:13px}.cart-row-meta{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.cart-row-price{margin-top:5px;font-size:11px;font-weight:850}.cart-row-actions{display:flex;align-items:center;gap:6px}.cart-row-actions button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:9px}.cart-row-actions span{min-width:20px;text-align:center;font-size:12px;font-weight:900}.cart-summary{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:14px 0;border-top:1px solid var(--line);font-weight:850}.cart-summary strong{font-size:18px}.checkout-note{color:var(--muted);font-size:10px;line-height:1.45;margin:0 0 12px}.checkout-button{width:100%}.qr-modal{position:fixed;inset:0;z-index:100;background:#f8f5f3;overflow:auto;padding:calc(24px + env(safe-area-inset-top)) 17px calc(24px + env(safe-area-inset-bottom));display:grid;place-items:center}.qr-card{position:relative;width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 22px;text-align:center}.qr-success{margin:0 auto 11px;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#eaf7ed;color:var(--ok);font-weight:1000;font-size:20px}.qr-card h2{margin:7px 0}.qr-card p{color:var(--muted);font-size:12px;line-height:1.45}.qr-code{display:grid;place-items:center;margin:18px auto;width:190px;min-height:190px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px}.qr-order-id{display:block;font-size:13px}.qr-total{font-size:18px;font-weight:900;margin:8px 0 17px}.qr-card .secondary-button{width:100%}@media(min-width:650px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-photo{height:150px}}@media(max-width:370px){.app-shell{padding-left:12px;padding-right:12px}.menu-grid{gap:8px}.menu-photo{height:112px}.menu-name{font-size:13px}}

.club-modal-card{max-width:420px}.club-modal-card label{display:grid;gap:6px;margin:12px 0;font-size:12px;font-weight:800}.club-modal-card input{width:100%;border:1px solid #ddd0c8;border-radius:12px;padding:13px;font:inherit;background:#fff}.club-message{min-height:18px;color:#a33;font-size:12px}.club-signup-link{display:block;text-align:center;margin-top:14px;color:#8f4b28;font-weight:800;text-decoration:none}.club-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.club-stats div{background:#f7f1ed;border-radius:14px;padding:14px 8px;text-align:center}.club-stats strong,.club-stats span{display:block}.club-stats strong{font-size:18px}.club-stats span{font-size:10px;color:#87766d;margin-top:3px}.secondary-button{width:100%;border:1px solid #d9ccc5;background:#fff;border-radius:14px;padding:13px;font-weight:900}

.checkout-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.checkout-options label{display:grid;gap:6px;font-size:11px;font-weight:850;color:var(--ink)}
.checkout-options select{width:100%;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 11px;font:inherit;color:var(--ink)}
@media(max-width:420px){.checkout-options{grid-template-columns:1fr}}

.checkout-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.checkout-option-group{display:grid;gap:7px}
.checkout-option-label{font-size:11px;font-weight:900;color:var(--ink)}
.checkout-choice-row{display:flex;flex-wrap:wrap;gap:7px}
.checkout-choice{appearance:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:9px 13px;font:inherit;font-size:12px;font-weight:850;line-height:1;min-height:36px}
.checkout-choice.active{background:var(--ink);border-color:var(--ink);color:#fff}
.checkout-choice:active{transform:scale(.98)}
.checkout-option-loading,.checkout-option-empty{font-size:11px;color:var(--muted);padding:8px 0}
@media(max-width:520px){.checkout-options{grid-template-columns:1fr}}

.club-modal-card{max-width:520px;max-height:min(88vh,780px);overflow:auto}
.club-dashboard-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-right:38px}
.club-dashboard-head h2{margin:4px 0}.club-tier-pill{display:inline-flex;border-radius:999px;background:#2e211c;color:#fff;padding:8px 11px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.club-balance-card{margin:16px 0;background:#2e211c;color:#fff;border-radius:18px;padding:17px}.club-balance-card>div:first-child{display:flex;justify-content:space-between;align-items:end;gap:10px}.club-balance-card span{font-size:11px;opacity:.75}.club-balance-card strong{font-size:22px}.club-next-copy{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.club-next-copy b{font-size:11px}
.club-progress{height:7px;border-radius:999px;background:rgba(120,90,76,.16);overflow:hidden;margin-top:8px}.club-balance-card .club-progress{background:rgba(255,255,255,.18)}.club-progress i{display:block;height:100%;width:0;border-radius:inherit;background:#d46b31;transition:width .25s ease}.club-balance-card .club-progress i{background:#fff}
.club-dashboard-tabs{display:flex;gap:4px;padding:4px;background:#f4efec;border-radius:999px;margin:14px 0}.club-tab{flex:1;border:0;background:transparent;border-radius:999px;padding:9px 6px;font-size:10px;font-weight:900}.club-tab.active{background:#fff;box-shadow:0 2px 8px rgba(40,24,18,.08)}
.club-tab-panel h3{font-size:14px;margin:14px 0 8px}.club-wallet,.club-reward-ladder,.club-history{display:grid;gap:7px}.club-wallet-card,.club-ladder-row,.club-history-row,.club-status-card,.club-feature-preview{border:1px solid #eadfd9;border-radius:14px;padding:12px;background:#fff}
.club-wallet-card,.club-ladder-row,.club-history-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.club-wallet-card div,.club-history-row div{display:grid;gap:3px}.club-wallet-card b,.club-ladder-row b,.club-history-row b{font-size:11px}.club-wallet-card span,.club-wallet-card small,.club-history-row span,.club-ladder-row span{font-size:10px;color:#7c6d66}.club-wallet-card em{font-style:normal;font-size:9px;font-weight:950;background:#edf7ef;color:#376c43;padding:5px 7px;border-radius:999px}.club-ladder-row span{display:grid;gap:2px}.club-ladder-row em{font-style:normal;font-size:9px;color:#9b8e87}.club-ladder-row.unlocked{background:#f5faf5}.club-ladder-row.unlocked em{color:#376c43;font-weight:900}.club-section-gap{margin-top:18px!important}
.club-status-card>div{display:flex;justify-content:space-between}.club-status-card>div span{font-size:10px;color:#8a7a73}.club-status-card p,.club-feature-preview span{font-size:10px;color:#786a64;line-height:1.45}.club-feature-preview{display:grid;gap:4px;margin-top:8px;background:#faf7f5}
.club-digital-card{min-height:180px;border-radius:20px;padding:20px;background:#2e211c;color:#fff;display:flex;flex-direction:column}.club-digital-card>span{font-size:10px;letter-spacing:.12em}.club-digital-card>strong{font-size:21px;margin-top:18px}.club-member-code{margin-top:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:900;letter-spacing:.06em}.club-digital-card small{margin-top:7px;opacity:.65;font-size:9px}.club-empty{padding:18px;border:1px dashed #ddcfc8;border-radius:14px;text-align:center;color:#81736d;font-size:10px;line-height:1.45}.club-signout{margin-top:18px}

.club-welcome-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px}.club-welcome-line span{font-size:18px;font-weight:950;letter-spacing:-.02em}.club-welcome-line small{font-size:9px;color:var(--muted)}
.club-feed{display:grid;gap:8px}.club-feed-card{width:100%;text-align:left;border:1px solid #e6d8d0;background:#fff;border-radius:16px;padding:14px;color:inherit}.club-feed-card>span,.club-drop-card>span{display:block;color:var(--accent);font-size:9px;font-weight:950;letter-spacing:.12em}.club-feed-card strong,.club-drop-card strong{display:block;margin-top:5px;font-size:14px}.club-feed-card p,.club-drop-card p{margin:5px 0 0;color:#786a64;font-size:10px;line-height:1.45}.club-feed-card em{display:block;margin-top:10px;font-size:10px;font-style:normal;font-weight:900}
.club-challenges{display:grid;gap:8px}.club-challenge-card{border:1px solid #e6d8d0;border-radius:15px;padding:12px;background:#fff}.club-challenge-card>div:first-child{display:grid;gap:3px}.club-challenge-card span{font-size:9px;color:var(--accent);font-weight:950;letter-spacing:.08em}.club-challenge-card b{font-size:11px}.club-challenge-card small{font-size:9px;color:var(--muted)}.club-challenge-progress{height:7px;margin-top:9px;border-radius:999px;background:#eee5e0;overflow:hidden}.club-challenge-progress i{display:block;height:100%;background:var(--accent);border-radius:999px}
.club-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.club-mini-stats div{padding:11px 8px;border-radius:13px;background:#f7f2ef;text-align:center}.club-mini-stats strong,.club-mini-stats span{display:block}.club-mini-stats strong{font-size:14px}.club-mini-stats span{font-size:8px;color:var(--muted);margin-top:2px}
.club-access-hero{border-radius:18px;background:#2e211c;color:#fff;padding:18px}.club-access-hero span{font-size:9px;letter-spacing:.13em;opacity:.65}.club-access-hero strong{display:block;font-size:21px;margin-top:7px;letter-spacing:-.03em}.club-access-hero p{font-size:10px;line-height:1.45;opacity:.7}
.club-drops{display:grid;gap:8px;margin-top:9px}.club-drop-card{border:1px solid #e6d8d0;background:#fff;border-radius:15px;padding:13px}
.club-card-identity{margin-top:7px;display:inline-flex;align-self:flex-start;padding:5px 8px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.08em}
@media(max-width:430px){.club-dashboard-tabs{overflow-x:auto;justify-content:flex-start}.club-tab{flex:0 0 auto;padding-left:11px;padding-right:11px}.club-mini-stats{grid-template-columns:1fr 1fr}.club-mini-stats div:last-child{grid-column:1/-1}}

/* Customer menu card quick-add */
.menu-card{position:relative;padding:0;overflow:hidden;display:block;text-align:left}
.menu-card-main{appearance:none;border:0;background:transparent;color:inherit;width:100%;padding:0;text-align:left;font:inherit;display:block;cursor:pointer}
.menu-card-main:disabled{cursor:not-allowed}
.menu-card .menu-content{padding:14px 16px 15px}
.menu-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:15px}
.menu-card-bottom .menu-price{margin:0}
.menu-plus{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:25px;font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(45,31,26,.10)}
.menu-plus:active{transform:scale(.96)}
.menu-plus:disabled{background:#cfc6c2;color:#fff;cursor:not-allowed;box-shadow:none}
.menu-card.is-unavailable .menu-card-main{opacity:.62}
@media(max-width:560px){.menu-plus{width:38px;height:38px;flex-basis:38px;font-size:22px}}

.menu-note-chip{display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;margin-top:7px;padding:5px 9px;border-radius:999px;background:#fff4ec;color:#82563f;font-size:9px;font-weight:800;line-height:1.25}
.item-menu-note{display:inline-flex;align-items:center;width:auto;max-width:100%;margin-top:8px;padding:6px 10px;border-radius:999px;background:#fff4ec;color:#7d523c;font-size:10px;font-weight:800;line-height:1.25}

/* Cashier Quick 86 / unavailable public-menu state */
.menu-photo{position:relative}
.menu-sold-out-badge{position:absolute;top:10px;right:10px;z-index:2;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.96);color:var(--danger);border:1px solid #e5bdb7;font-size:9px;font-weight:950;letter-spacing:.04em;box-shadow:0 2px 8px rgba(36,26,22,.08)}
.menu-card.is-unavailable .menu-photo img{filter:grayscale(.65)}


/* ===== OOHMAGA /order 2026 app-style rebuild ===== */
:root{--accent:#d46b31;--accent-dark:#a74d25;--ink:#171412;--muted:#746d67;--line:#e9e1db;--bg:#f7f3ed;--card:#fff;--danger:#a73328;--ok:#2f7651}
html,body{background:var(--bg)}
body{min-height:100vh}
.brand-hero{background:var(--accent);color:#fff}
.brand-hero-inner{max-width:1180px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px 23px}
.brand-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand-location{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:950;letter-spacing:.13em}
.location-dot{width:7px;height:7px;border-radius:999px;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}
.brand-wordmark{margin-top:20px;font-size:clamp(46px,12vw,82px);line-height:.82;font-weight:1000;letter-spacing:-.075em}
.brand-subline{margin-top:13px;font-size:9px;font-weight:900;letter-spacing:.16em;opacity:.8}
.club-button-on-hero{height:36px;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px)}
.app-shell{max-width:1180px;margin:0 auto;padding:25px 18px 120px}
.topbar.order-intro{align-items:flex-end;margin-bottom:18px}
.order-intro h1{font-size:clamp(27px,5vw,42px);letter-spacing:-.055em;margin-top:5px}
.intro-copy{max-width:520px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.kitchen-status{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 10px;border-radius:999px;background:#edf5ef;color:#376849;font-size:10px;font-weight:900}
.kitchen-status span{width:7px;height:7px;border-radius:999px;background:#4b9467}
.search-wrap{height:49px;border:1px solid #e7ddd6;border-radius:10px;background:#fff;box-shadow:none}
.search-wrap:focus-within{border-color:#c9764e;box-shadow:0 0 0 3px rgba(212,107,49,.09)}
.category-strip{position:sticky;top:0;z-index:30;margin:0 -18px;padding:15px 18px 13px;background:rgba(247,243,237,.94);backdrop-filter:blur(12px);gap:18px;border-bottom:1px solid rgba(226,216,208,.72)}
.category-chip{height:auto;padding:0 0 8px;border:0;border-radius:0;background:transparent;color:#8a817a;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:950;position:relative}
.category-chip.active{background:transparent;color:var(--accent)}
.category-chip.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);border-radius:999px}
.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px;padding-top:17px}
.menu-card{border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}
.menu-card:active{transform:none}
.menu-card-main{border-radius:0}
.menu-photo{height:auto;aspect-ratio:1/1;background:#ede6df;border-radius:7px;overflow:hidden}
.menu-photo img{transition:transform .24s ease}
.menu-card:not(.is-unavailable):hover .menu-photo img{transform:scale(1.02)}
.menu-card .menu-content{padding:9px 1px 0}
.menu-category{font-size:8px;letter-spacing:.12em;margin-bottom:4px}
.menu-name{font-size:13px;line-height:1.17;font-weight:900;min-height:30px;letter-spacing:-.02em}
.menu-note-chip{margin-top:6px;padding:4px 7px;background:#f4e7de;color:#7c4c35;border-radius:4px;font-size:8px}
.menu-card-bottom{align-items:center;margin-top:8px;gap:7px}
.menu-card-bottom .menu-price{font-size:11px;font-weight:850;color:#3f3935}
.portion-badge{margin-top:4px;padding:3px 5px;font-size:8px}
.menu-plus{width:31px;height:31px;flex-basis:31px;border-radius:999px;background:var(--accent);font-size:20px;box-shadow:none}
.menu-sold-out-badge{top:8px;right:8px;border:0;border-radius:4px;background:rgba(25,20,17,.88);color:#fff;padding:5px 7px;font-size:8px}
.menu-card.is-unavailable{opacity:1;filter:none;pointer-events:auto}
.menu-card.is-unavailable .menu-card-main{opacity:.48}
.menu-card.is-unavailable:after{display:none}
.cart-bar{width:min(calc(100% - 28px),720px);height:56px;border-radius:10px;background:var(--accent);box-shadow:0 12px 28px rgba(121,55,25,.23);padding:0 15px}
.cart-count{background:#fff;color:var(--accent)}
.cart-label{text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.bottom-sheet{width:min(100%,760px);border-radius:16px 16px 0 0}
.item-sheet-photo{height:min(42vh,360px)}
.primary-button{background:var(--accent);border-radius:9px}
.checkout-choice.active{background:var(--accent);border-color:var(--accent)}
.option-pill input:checked+span{border-color:var(--accent);background:#fbefe8;color:var(--accent-dark)}
.qr-modal{background:var(--bg)}
.qr-card{border-radius:14px}

@media(min-width:650px){
 .brand-hero-inner{padding-left:24px;padding-right:24px}
 .app-shell{padding-left:24px;padding-right:24px}
 .category-strip{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
 .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}
 .menu-name{font-size:14px}
}
@media(min-width:920px){
 .brand-hero-inner{padding-top:24px;padding-bottom:30px}
 .app-shell{padding-top:34px}
 .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}
 .menu-card .menu-content{padding-top:11px}
 .menu-name{font-size:15px;min-height:35px}
 .menu-card-bottom .menu-price{font-size:12px}
 .menu-plus{width:34px;height:34px;flex-basis:34px}
}
@media(max-width:520px){
 .brand-wordmark{font-size:54px}
 .topbar.order-intro{display:block}
 .kitchen-status{display:inline-flex;margin-top:12px}
 .intro-copy{font-size:11px}
 .app-shell{padding-top:21px}
}
@media(max-width:370px){
 .brand-hero-inner{padding-left:12px;padding-right:12px}
 .app-shell{padding-left:12px;padding-right:12px}
 .category-strip{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
 .menu-grid{gap:18px 8px}
 .menu-name{font-size:12px}
}