:root{--order-red:#b52d24;--order-red-dark:#8d2019;--order-green:#0b5748;--order-cream:#f8f1e5;--order-gold:#efc46f;--order-line:rgba(22,62,48,.13)}
.home-order-cta{display:grid!important;grid-template-columns:52px minmax(0,1fr) 28px!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:92px!important;padding:14px 15px!important;border:0!important;border-radius:22px!important;text-align:left!important;background:linear-gradient(130deg,#b52d24,#8d2019)!important;color:#fff!important;box-shadow:0 16px 32px rgba(143,32,25,.23)!important}
.home-order-cta>span:nth-child(2){display:grid;gap:2px;min-width:0}.home-order-cta small{color:#ffd9b8;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.home-order-cta strong{font-size:18px;line-height:1.15}.home-order-cta em{font-size:12px;font-style:normal;color:rgba(255,255,255,.78)}.home-order-cta>b svg,.home-order-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9}.home-order-icon{display:grid;place-items:center;width:52px;height:52px;padding:13px;border-radius:16px;background:rgba(255,255,255,.15)}
.order-view,.orders-view{gap:14px!important}
.order-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:21px;border-radius:24px;background:linear-gradient(135deg,#0c4f41,#0a392f);color:#fff;box-shadow:0 14px 34px rgba(9,59,48,.18)}
.order-hero:after{content:"";position:absolute;right:-55px;bottom:-92px;width:190px;height:190px;border:42px solid rgba(239,196,111,.13);border-radius:50%}.order-hero>div{position:relative;z-index:1}.order-hero h1{max-width:410px;margin:5px 0 8px;font-size:clamp(28px,8vw,38px);line-height:.98;letter-spacing:-.045em}.order-hero span:not(.pickup-only-pill){display:block;max-width:430px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.5}.pickup-only-pill{position:relative;z-index:1;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.11);color:#fff;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.order-search-shell{position:sticky;top:-1px;z-index:3;display:grid;gap:9px;padding:10px;margin:0 -2px;border:1px solid var(--order-line);border-radius:20px;background:rgba(255,253,248,.94);backdrop-filter:blur(16px);box-shadow:0 8px 22px rgba(22,52,42,.08)}
.menu-search{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:0 13px;border:1px solid var(--order-line);border-radius:15px;background:#fff}.menu-search svg{width:20px;height:20px;fill:none;stroke:#63776e;stroke-width:2}.menu-search input{min-width:0;border:0!important;outline:0;background:transparent;font-size:16px;color:#17342a}
.category-chips{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 2px;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.category-chips button{flex:0 0 auto;min-height:38px;padding:8px 13px;border:1px solid var(--order-line);border-radius:999px;background:#f5f1e8;color:#39594d;font-size:12px;font-weight:900}.category-chips button.active{border-color:var(--order-green);background:var(--order-green);color:#fff}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-bottom:84px}
.menu-item-card{overflow:hidden;display:grid;grid-template-rows:128px minmax(0,1fr);border:1px solid var(--order-line);border-radius:21px;background:#fffdf8;box-shadow:0 10px 24px rgba(25,52,43,.07)}
.menu-item-photo{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#f0d5bc,#edd8ae)}.menu-item-photo img{width:100%;height:100%;object-fit:cover}.menu-item-photo.no-photo:before{content:"";width:58px;height:58px;border-radius:50%;background:url("/public/assets/hop-logo.png") center/contain no-repeat #fff;box-shadow:0 8px 20px rgba(58,38,20,.13)}.menu-item-photo .featured{position:absolute;top:9px;left:9px;padding:5px 8px;border-radius:999px;background:var(--order-red);color:#fff;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.menu-item-body{display:grid;align-content:start;gap:8px;padding:12px}.menu-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.menu-item-heading h2{margin:0;color:#153b2e;font-size:16px;line-height:1.15}.menu-item-heading strong{white-space:nowrap;color:var(--order-red);font-size:14px}.menu-item-body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:32px;margin:0;color:#68786f;font-size:11px;line-height:1.45}.menu-item-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:auto}.menu-item-controls select{min-width:0;height:42px;padding:0 8px;border:1px solid var(--order-line);border-radius:12px;background:#f8f4ec;color:#284c40;font-size:12px;font-weight:800}.menu-item-controls button{width:42px;height:42px;min-height:42px;padding:0;border:0;border-radius:13px;background:var(--order-green);color:#fff;font-size:23px;font-weight:600;box-shadow:0 7px 15px rgba(11,87,72,.2)}
.order-empty-card{grid-column:1/-1;padding:26px 18px;border:1px dashed var(--order-line);border-radius:20px;background:#fffdf8;color:#61736b;text-align:center;font-weight:750}
.cart-dock{position:sticky;z-index:5;bottom:2px;margin-top:-72px;padding:7px}.cart-dock button{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:64px!important;padding:8px 12px!important;border:0!important;border-radius:20px!important;background:linear-gradient(135deg,#b52d24,#8d2019)!important;color:#fff!important;box-shadow:0 18px 38px rgba(73,26,21,.32)!important;text-align:left!important}.cart-count{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#fff;color:var(--order-red);font-weight:1000}.cart-dock button>span:nth-child(2){display:grid}.cart-dock small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#ffd9ba}.cart-dock strong{font-size:17px}.cart-dock b{font-size:12px}
.cart-sheet{visibility:hidden;position:fixed;z-index:120;inset:0;display:grid;align-items:end;pointer-events:none}.cart-sheet.open{visibility:visible;pointer-events:auto}.cart-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(10,27,21,.55);backdrop-filter:blur(5px);opacity:0;transition:opacity .2s}.cart-sheet.open .cart-backdrop{opacity:1}.cart-panel{position:relative;z-index:1;display:grid;gap:13px;width:min(100%,600px);max-height:min(88dvh,820px);margin:0 auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));overflow:auto;border-radius:28px 28px 0 0;background:#fffdf8;box-shadow:0 -24px 70px rgba(0,0,0,.26);transform:translateY(102%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.cart-sheet.open .cart-panel{transform:translateY(0)}.cart-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cart-panel header h2{margin:2px 0 0;color:#143d30;font-size:25px}.cart-panel header button{min-height:42px;padding:8px 12px;border:1px solid var(--order-line);border-radius:13px;background:#f6f1e8;color:#3d5e52;font-weight:850}
.cart-items{display:grid;gap:8px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px;border:1px solid var(--order-line);border-radius:16px;background:#fff}.cart-line h3{margin:0;color:#173d30;font-size:14px}.cart-line p{margin:3px 0 0;color:#6a7b73;font-size:11px}.cart-line strong{display:block;margin-top:4px;color:var(--order-red)}.cart-qty{display:grid;grid-template-columns:34px 30px 34px;align-items:center}.cart-qty button{width:34px;height:34px;min-height:34px;padding:0;border:1px solid var(--order-line);border-radius:10px;background:#f5f1e9;color:#204b3d;font-size:18px}.cart-qty span{text-align:center;font-weight:950}.cart-remove{display:block!important;margin:6px 0 0 auto!important;min-height:25px!important;padding:2px 5px!important;border:0!important;background:transparent!important;color:#9b3128!important;font-size:10px!important}
.pickup-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pickup-options label{display:grid;gap:5px;color:#36574a;font-size:11px;font-weight:900}.pickup-options select,.pickup-options textarea{width:100%;border:1px solid var(--order-line);border-radius:13px;background:#fff;padding:11px;color:#173d30;font:inherit;font-size:14px}.pickup-options textarea{resize:vertical}.cart-total-row{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid var(--order-line);color:#38584d}.cart-total-row strong{color:#113e30;font-size:25px}.confirmation-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:11px;border-radius:15px;background:#fff1db;color:#6c4d1c}.confirmation-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;font-size:19px}.confirmation-note p{display:grid;gap:2px;margin:0}.confirmation-note strong{font-size:12px}.confirmation-note small{font-size:10px;line-height:1.4}.submit-pickup-order{width:100%;min-height:58px;border:0;border-radius:17px;background:linear-gradient(135deg,var(--order-green),#0b6c57);color:#fff;font-size:15px;font-weight:1000;box-shadow:0 12px 26px rgba(11,87,72,.2)}.submit-pickup-order:disabled{opacity:.55}.order-submit-status{min-height:0;margin:0;color:#8d2b22;font-size:12px;font-weight:800;text-align:center}
.order-status-hero{background:linear-gradient(135deg,#b52d24,#8d2019)!important}.customer-order-list{display:grid;gap:11px}.customer-order-card{overflow:hidden;border:1px solid var(--order-line);border-radius:21px;background:#fffdf8;box-shadow:0 10px 24px rgba(25,52,43,.07)}.customer-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px}.customer-order-head h2{margin:2px 0 3px;color:#163d30;font-size:17px}.customer-order-head p{margin:0;color:#6b7b74;font-size:11px}.order-status-pill{padding:7px 9px;border-radius:999px;background:#fff1c7;color:#6d4e00;font-size:10px;font-weight:950;text-transform:capitalize}.order-status-pill.accepted{background:#e4f1ff;color:#21506a}.order-status-pill.ready{background:#daf3e3;color:#155c37}.order-status-pill.completed{background:#e8eee9;color:#385149}.order-status-pill.denied,.order-status-pill.cancelled{background:#fde5df;color:#8b2a22}.customer-order-items{display:grid;gap:6px;padding:0 14px 12px}.customer-order-item{display:flex;justify-content:space-between;gap:10px;color:#35594b;font-size:12px}.customer-order-total{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--order-line);background:#f8f4ec;color:#51675e;font-size:12px}.customer-order-total strong{color:#163d30;font-size:17px}.status-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 14px 14px}.status-step{display:grid;gap:5px;text-align:center;color:#91a099;font-size:9px;font-weight:850}.status-step i{height:4px;border-radius:999px;background:#dfe5e1}.status-step.done{color:var(--order-green)}.status-step.done i{background:var(--order-green)}.order-call-note{margin:0 14px 13px;padding:9px 10px;border-radius:12px;background:#fff2dc;color:#6e501d;font-size:10px;line-height:1.4}.points-history-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:58px!important;padding:12px 14px!important;border:1px solid var(--order-line)!important;border-radius:18px!important;background:#fffdf8!important;color:#224b3d!important;text-align:left!important}.points-history-link span{font-size:12px;font-weight:850}.points-history-link b{white-space:nowrap;color:var(--order-red);font-size:11px}.history-back{position:absolute;top:13px;left:13px;z-index:1;min-height:32px;padding:5px 9px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-size:10px;font-weight:850}
.club-nav button[data-view="order"] .nav-icon{color:#a74235;background:#f9e5df}.club-nav button[data-view="orders"] .nav-icon{color:#386e87;background:#e2eef4}
.app-screen:not([hidden])>.club-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}.club-nav button{min-width:0!important;padding-inline:2px!important}
@media(min-width:760px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-item-card{grid-template-rows:150px minmax(0,1fr)}.cart-panel{border-radius:28px;margin-bottom:18px}.order-hero{padding:26px}.order-hero h1{font-size:42px}}
@media(max-width:390px){.home-order-cta{grid-template-columns:46px minmax(0,1fr) 24px!important;min-height:86px!important}.home-order-icon{width:46px;height:46px}.home-order-cta strong{font-size:16px}.order-hero{padding:18px}.pickup-only-pill{position:absolute;top:15px;right:15px}.order-hero h1{padding-right:54px}.menu-grid{gap:8px}.menu-item-card{grid-template-rows:112px minmax(0,1fr);border-radius:18px}.menu-item-body{padding:10px}.menu-item-heading{display:grid;gap:3px}.menu-item-heading h2{font-size:14px}.menu-item-body p{min-height:30px}.menu-item-controls{grid-template-columns:1fr 40px}.menu-item-controls button{width:40px}.pickup-options{grid-template-columns:1fr}.cart-panel{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.cart-backdrop,.cart-panel{transition:none}}