@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap');
:root{--ink:#171717;--muted:#666;--line:#e9e9e9;--soft:#f7f7f7;--white:#fff;--green:#168453;--red:#d62d20;--blue:#1769e0;--shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.04),0 8px 20px -16px rgba(0,0,0,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f5f5f5;font-family:Geist,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}small{color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:0 16px;border:0;border-radius:8px;font-weight:600}.button.primary{color:#fff;background:var(--ink)}.button.primary:hover{background:#333}.button.secondary{background:#fff;box-shadow:0 0 0 1px var(--line)}.button.wide{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}label{display:grid;gap:7px;font-weight:500}input,textarea,select{width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #d9d9d9;outline:none}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px var(--blue)}textarea{min-height:88px;resize:vertical}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:#111;font-weight:600;font-size:19px;box-shadow:inset 0 -8px 20px rgba(255,255,255,.12)}.notice{position:fixed;z-index:100;left:50%;top:18px;transform:translateX(-50%);display:flex;align-items:center;gap:20px;max-width:min(92vw,560px);padding:12px 14px;border-radius:10px;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2)}.notice button{color:inherit;background:none;border:0;font-size:20px}.notice-success{background:#137a4a}.notice-error{background:#b42318}.notice-warning{color:#332500;background:#f5c451}.notice-inline{padding:14px 16px;border-radius:8px;background:#fff4d8;color:#6e4d00;margin-bottom:18px}.empty{padding:32px;color:var(--muted);text-align:center}.empty.large{padding:70px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--line)}
/* acceso */.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-brand{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;padding:clamp(24px,4vw,64px);background:#000}.login-brand::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px 58px #000}.login-brand-image{display:block;width:min(100%,760px);height:min(88vh,790px);object-fit:contain;filter:contrast(1.02) saturate(.96);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);mask-composite:intersect}.login-card{display:grid;place-items:center;padding:32px}.login-card>div{width:min(390px,100%)}.eyebrow,.top-label{font-size:11px;letter-spacing:.12em;font-weight:600;color:#888}.login-card h2{margin:8px 0;font-size:32px}.login-card form{display:grid;gap:18px;margin-top:32px}.form-error{margin-top:20px;padding:12px;border-radius:8px;background:#fff0ee;color:#a0251c}
/* panel */.admin-body{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:240px;display:flex;flex-direction:column;padding:28px 18px 18px;background:#fff;box-shadow:1px 0 0 var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 32px;font-size:18px;font-weight:600}.brand small{display:block;margin-top:4px;font-size:9px;letter-spacing:.12em}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:#555;font-weight:500}.sidebar nav a i{display:grid;place-items:center;width:22px;font-style:normal;font-size:17px}.sidebar nav a:hover{background:#f6f6f6;color:#111}.sidebar nav a.active{color:#fff;background:#111}.sidebar-foot{display:grid;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.sidebar-foot>a,.sidebar-foot button{display:block;width:100%;padding:10px;border:0;background:none;text-align:left;color:#555}.admin-main{margin-left:240px;min-height:100vh}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;box-shadow:0 1px 0 var(--line)}.topbar h1{font-size:21px;margin:3px 0 0}.user-chip{display:flex;align-items:center;gap:9px}.user-chip>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff}.user-chip small{display:block;font-size:11px}.mobile-nav{display:none}.admin-content{max-width:1500px;margin:auto;padding:30px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-grid article{display:grid;gap:12px;min-height:145px;padding:20px;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.metric-grid strong{font-size:29px;letter-spacing:-.05em}.metric-grid span{color:#888}.dashboard-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:16px;margin-top:16px}.panel{border-radius:12px;background:#fff;box-shadow:var(--shadow)}.panel-head,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-head{padding:20px;border-bottom:1px solid var(--line)}.panel-head h2,.section-head h2{margin-bottom:4px;font-size:20px}.panel-head p,.section-head p{margin:0;color:var(--muted)}.panel-head>a{font-weight:500}.order-row,.order-list-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:11px 16px;padding:16px 20px;border-bottom:1px solid var(--line)}.order-row:last-child{border-bottom:0}.order-row:hover,.order-list-item:hover,.order-list-item.selected{background:#fafafa}.order-row span,.order-list-item span{display:grid;gap:5px}.order-row>span:nth-child(2),.order-list-item>span:nth-child(2){text-align:right}.order-roadmap{position:relative;display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px 0 0}.order-roadmap .roadmap-step{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;gap:6px;color:#a6a6a6;text-align:center}.roadmap-step:not(:first-child)::before{content:"";position:absolute;z-index:0;top:5px;right:50%;width:calc(100% - 12px);height:2px;background:#e4e4e4}.roadmap-step.is-done::before,.roadmap-step.is-current::before{background:#171717}.roadmap-step i{position:relative;z-index:1;width:12px;height:12px;border:2px solid #d5d5d5;border-radius:50%;background:#fff}.roadmap-step.is-done,.roadmap-step.is-current{color:#171717}.roadmap-step.is-done i,.roadmap-step.is-current i{border-color:#171717}.roadmap-step:nth-child(1).is-done i,.roadmap-step:nth-child(1).is-current i{background:#1769e0}.roadmap-step:nth-child(2).is-done i,.roadmap-step:nth-child(2).is-current i{background:#8b5cf6}.roadmap-step:nth-child(3).is-done i,.roadmap-step:nth-child(3).is-current i{background:#f59e0b}.roadmap-step:nth-child(4).is-done i,.roadmap-step:nth-child(4).is-current i{background:#168453}.roadmap-step.is-current i{box-shadow:0 0 0 4px rgba(23,23,23,.1)}.roadmap-step small{overflow:hidden;width:100%;font-size:9px;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.roadmap-step.is-current small{font-weight:700}.order-roadmap.is-cancelled{padding-top:0;opacity:.65}.order-roadmap.is-cancelled>em{display:inline-flex;align-items:center;justify-content:center;grid-column:1/-1;justify-self:center;height:24px;margin-top:7px;padding:0 9px;border-radius:999px;color:#a1261c;background:#ffebe8;font-size:10px;font-style:normal;font-weight:700;line-height:1;white-space:nowrap}.order-detail>.order-roadmap{margin:20px 0 4px;padding:18px 12px 16px;border:1px solid var(--line);border-radius:10px;background:#fafafa}.order-detail>.order-roadmap .roadmap-step small{overflow:visible;min-height:24px;font-size:10px;line-height:1.15;white-space:normal}.status{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-style:normal;font-weight:500;line-height:1;white-space:nowrap}.status-new{color:#754d00;background:#fff1c5}.status-confirmed{color:#095ec5;background:#e9f3ff}.status-preparing{color:#7b42be;background:#f2eaff}.status-ready{color:#0e7547;background:#e7f7ef}.status-delivered{color:#555;background:#eee}.status-cancelled{color:#a1261c;background:#ffebe8}.quick{padding:20px}.quick h2{font-size:20px}.quick>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.quick>a:last-child{border:0}.quick>a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#f3f3f3;font-size:18px}.quick small{display:block;margin-top:3px}.section-head{margin-bottom:22px}.table-panel{overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}th{color:#777;background:#fafafa;font-size:11px;text-transform:uppercase;letter-spacing:.06em}td small{display:block;margin-top:4px}.inline{display:inline}.link-button,.link-danger{padding:5px 8px;border:0;background:none;font-weight:500}.link-button{color:#1769e0}.link-danger{color:#b42318}dialog{width:min(94vw,560px);padding:0;border:0;border-radius:14px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(0,0,0,.42);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:12px}.dialog-close button,.modal-x{width:34px;height:34px;border:0;border-radius:50%;background:#f1f1f1;font-size:20px}.dialog-form{display:grid;gap:16px;padding:28px}.dialog-form h2{font-size:25px;margin-bottom:-10px}.dialog-form>p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-row{display:flex;gap:22px}.check{display:flex;align-items:center;gap:8px}.check input{width:17px;min-height:17px;box-shadow:none}.product-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-admin-card{overflow:hidden;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.product-admin-card>img,.product-admin-card>.image-placeholder{width:100%;height:185px;object-fit:cover}.image-placeholder{display:grid;place-items:center;background:#ededed;color:#999;font-size:48px}.product-admin-card>div:nth-child(2){min-height:170px;padding:17px}.product-admin-card h3{margin:6px 0;font-size:19px}.product-admin-card p{height:40px;overflow:hidden;color:var(--muted);line-height:1.45}.product-admin-card strong{font-size:17px}.product-admin-card footer{display:flex;align-items:center;gap:5px;padding:12px;border-top:1px solid var(--line)}.product-admin-card footer form{margin-left:auto}.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qr-card{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:18px;border-radius:12px;background:#fff;box-shadow:var(--shadow)}.qr-box{display:grid;place-items:center;width:130px;height:130px;padding:7px;border:1px solid var(--line);border-radius:8px}.qr-box canvas,.qr-box img{max-width:100%;max-height:100%}.qr-card h3{font-size:20px;margin:4px 0}.qr-actions{display:flex;gap:5px;align-items:center;margin-top:8px}.qr-actions form{display:inline}.orders-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.order-list{max-height:calc(100vh - 138px);overflow:auto}.order-detail{position:sticky;top:108px;align-self:start;padding:24px}.order-detail-head{display:flex;justify-content:space-between}.order-detail-head h2{font-size:27px;margin:5px 0}.order-detail-head>strong{font-size:24px}.order-lines{padding:0;margin:24px 0;list-style:none}.order-lines li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.order-note{padding:14px;border-radius:8px;background:#f7f7f7}.order-note small{display:block;margin-bottom:7px}.status-form{display:flex;align-items:end;gap:10px;margin-top:20px}.status-form label{flex:1}.payment-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;height:24px;padding:0 9px;border-radius:999px;color:#8a5a00;background:#fff2c9;font-size:11px;font-style:normal;font-weight:600;line-height:1;white-space:nowrap}.payment-badge.is-paid{color:#087044;background:#dcf6e8}.order-total-state{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.quick-order-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.quick-order-actions.two{grid-template-columns:1fr 1fr}.quick-order-actions form{display:block}.quick-action{width:100%;min-height:42px;padding:9px 10px;border:0;border-radius:8px;font-weight:600}.quick-action.paid{color:#086f43;background:#ddf7e9}.quick-action.preparing{color:#6d3cad;background:#f0e6ff}.quick-action.delivered{color:#fff;background:#171717}.quick-action:disabled{opacity:.58;cursor:default}.account-summary{display:flex;justify-content:space-between;gap:16px;margin-top:20px;padding:18px;border-radius:10px;background:#f7f7f7}.account-summary h3{margin:5px 0}.account-summary p{margin:0;color:var(--muted)}.account-summary>div:last-child{display:grid;justify-items:end;align-content:start;gap:8px}.account-summary strong{font-size:22px}.account-related-orders{margin-top:10px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.account-related-orders>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:#fafafa;border-bottom:1px solid var(--line)}.account-related-orders>header h3{margin:3px 0 0;font-size:16px}.account-related-orders>header>span{color:var(--muted);font-size:11px}.account-related-order{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line)}.account-related-order:last-child{border-bottom:0}.account-related-order:hover{background:#f5f5f5}.account-related-order>span{display:grid;gap:4px}.account-related-order.is-cancelled{opacity:.58}.dialog-form .account-related-orders{max-height:230px;overflow:auto;margin-top:0}.account-pay-button{width:100%;margin-top:10px;color:#fff;background:#111}.pay-total{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:9px;background:#f5f5f5}.pay-total strong{font-size:24px}.settings-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.settings-form{display:grid;gap:17px;padding:22px}.settings-preview{align-self:start;padding:24px}.settings-preview h2{font-size:28px;margin:12px 0}.settings-preview p{color:var(--muted);line-height:1.6}.settings-preview .button{margin-top:22px}
/* menú público */.menu-body{background:#fff}.public-hero{color:#fff;background:#111}.public-hero nav{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:18px 24px}.public-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600}.public-brand .brand-mark{color:#111;background:#fff}.open-pill,.table-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.open-pill.open{color:#a9efca;background:#173a2a}.open-pill.closed{color:#ffc2bc;background:#4b201c}.hero-copy{max-width:1240px;margin:auto;padding:74px 24px 65px}.table-pill{margin-bottom:20px;color:#ddd;background:#292929}.hero-copy h1{max-width:760px;margin-bottom:12px;font-size:clamp(44px,7vw,82px);line-height:.95;letter-spacing:-.075em}.hero-copy p{max-width:580px;margin:0;color:#a5a5a5;font-size:17px;line-height:1.6}.category-tabs{position:sticky;z-index:10;top:0;display:flex;gap:9px;overflow:auto;padding:14px max(24px,calc((100vw - 1192px)/2));background:rgba(255,255,255,.94);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(12px)}.category-tabs a{flex:none;padding:9px 14px;border-radius:999px;background:#f3f3f3;font-weight:500}.category-tabs a:hover{color:#fff;background:#111}.public-main{max-width:1240px;margin:auto;padding:24px 24px 120px}.menu-section{padding-top:38px;scroll-margin-top:70px}.menu-section-head h2{margin-bottom:5px;font-size:29px}.menu-section-head p{color:var(--muted)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.menu-card{display:grid;grid-template-columns:1fr 150px;min-height:190px;overflow:hidden;border-radius:12px;background:#fff;box-shadow:var(--shadow);cursor:pointer}.menu-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,0,0,.12),0 14px 30px -20px rgba(0,0,0,.35)}.menu-card-info{display:flex;flex-direction:column;align-items:flex-start;padding:19px}.menu-card h3{margin:7px 0;font-size:20px}.menu-card p{display:-webkit-box;overflow:hidden;color:var(--muted);line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.menu-card strong{margin-top:auto;font-size:17px}.menu-card button{margin-top:12px;padding:7px 12px;border:0;border-radius:7px;color:#fff;background:#111;font-weight:500}.menu-card img,.food-placeholder{width:150px;height:100%;object-fit:cover}.food-placeholder{display:grid;place-items:center;background:#f0f0f0;color:#aaa;font-size:44px}.popular{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 9px;border-radius:999px;color:#7b4d00;background:#fff0c5;font-size:10px;font-weight:600;line-height:1;white-space:nowrap}.cart-bar{position:fixed;z-index:18;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:min(620px,calc(100vw - 30px));padding:15px 18px;border:0;border-radius:12px;color:#fff;background:#111;box-shadow:0 15px 45px rgba(0,0,0,.3)}.cart-bar[hidden],.account-bar[hidden]{display:none}.account-bar{position:fixed;z-index:17;right:18px;bottom:82px;display:flex;align-items:center;gap:18px;padding:13px 16px;border:1px solid #ddd;border-radius:11px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.16);text-align:left}.account-bar span{display:grid;gap:3px}.account-bar small{font-size:9px;letter-spacing:.11em}.account-bar strong{font-size:17px}.cart-bar b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:50%;color:#111;background:#fff}.product-modal{width:min(94vw,780px)}.product-modal>div[data-product-image] img,.product-modal>div[data-product-image] .food-placeholder{width:100%;height:300px}.product-modal-body{padding:24px}.product-modal-body>small,.cart-head small,.success-modal small{letter-spacing:.12em;font-weight:600}.product-modal-body h2{margin:7px 0;font-size:30px}.product-modal-body p{color:var(--muted);font-size:15px;line-height:1.6}.modal-x{position:absolute;z-index:2;right:14px;top:14px}.quantity-row{display:flex;justify-content:center;align-items:center;gap:22px;margin:22px 0}.quantity-row button{width:38px;height:38px;border:0;border-radius:50%;background:#f1f1f1;font-size:20px}.quantity-row strong{font-size:19px}.cart-modal{width:min(94vw,620px);max-height:90vh;overflow:auto;padding:24px}.cart-head{display:flex;justify-content:space-between}.cart-head h2{margin:5px 0}.cart-head button{border:0;background:none;font-size:24px}.cart-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item small{display:block;margin-top:4px}.cart-item>button{border:0;background:none;color:var(--red);font-size:19px}.cart-total{display:flex;justify-content:space-between;padding:18px 0;font-size:20px}.cart-modal form{display:grid;gap:15px}.success-modal{padding:38px;text-align:center}.success-check{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 22px;border-radius:50%;color:#fff;background:var(--green);font-size:25px}.success-modal h2{margin:8px 0;font-size:31px}.success-modal p{color:var(--muted)}.success-totals{display:grid;gap:8px;margin:22px 0;padding:16px;border-radius:10px;background:#f7f7f7;text-align:left}.success-totals span{display:flex;justify-content:space-between}.success-modal>.button+.button{margin-top:9px}.account-modal{padding:24px;max-height:88vh;overflow:auto}.account-rounds{margin:18px 0}.account-rounds article{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.account-rounds article>.order-roadmap{margin-top:3px}.account-rounds article span{display:grid;gap:5px}.account-total{display:flex;justify-content:space-between;align-items:center;padding:17px 0;font-size:18px}.account-total strong{font-size:23px}.account-note{padding:12px;border-radius:8px;color:var(--muted);background:#f5f5f5;line-height:1.5}.not-found{display:grid;place-items:center;align-content:center;min-height:100vh}.not-found h1{font-size:80px;margin:0}
@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.product-admin-grid,.qr-grid{grid-template-columns:1fr 1fr}.menu-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.quick{display:none}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.admin-main{margin-left:0}.topbar{height:70px;padding:0 16px}.mobile-nav{display:block;border:0;background:none;font-size:21px}.top-label{display:none}.topbar h1{font-size:18px}.user-chip>div{display:none}.admin-content{padding:18px 14px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-grid article{min-height:125px;padding:16px}.metric-grid strong{font-size:23px}.section-head{align-items:flex-start}.section-head p{max-width:220px}.product-admin-grid,.qr-grid,.orders-layout,.settings-grid{grid-template-columns:1fr}.qr-card{grid-template-columns:110px 1fr}.qr-box{width:110px;height:110px}.order-list{max-height:380px}.order-detail{position:static}.table-panel{overflow:auto}.form-grid{grid-template-columns:1fr}.check-row{display:grid}.public-hero nav{padding:14px 16px}.hero-copy{padding:45px 16px 40px}.hero-copy h1{font-size:47px}.category-tabs{padding:12px 16px}.public-main{padding:12px 14px 100px}.menu-section{padding-top:28px}.menu-card{grid-template-columns:1fr 116px;min-height:165px}.menu-card-info{padding:15px}.menu-card h3{font-size:18px}.menu-card img,.food-placeholder{width:116px}.menu-card button{display:none}.product-modal>div[data-product-image] img,.product-modal>div[data-product-image] .food-placeholder{height:220px}.cart-bar{bottom:10px}.account-bar{left:14px;right:14px;bottom:72px;justify-content:space-between}.user-chip{margin-left:auto}.quick-order-actions{grid-template-columns:1fr}.order-detail-head{gap:14px}.order-total-state{min-width:110px}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.metric-grid article{min-height:auto}.qr-card{grid-template-columns:1fr}.qr-box{margin:auto}.menu-card{grid-template-columns:1fr 105px}.menu-card img,.food-placeholder{width:105px}.hero-copy h1{font-size:42px}}