body:not([class*="cds--"]) {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cds-background: #fff;
  --cds-background-inverse: #393939;
  --cds-layer-01: #f4f4f4;
  --cds-layer-hover-01: #e8e8e8;
  --cds-layer-active-01: #c6c6c6;
  --cds-field-01: #f4f4f4;
  --cds-border-subtle-01: #e0e0e0;
  --cds-border-strong-01: #8d8d8d;
  --cds-text-primary: #161616;
  --cds-text-secondary: #525252;
  --cds-text-placeholder: rgba(22, 22, 22, .4);
  --cds-text-on-color: var(--accos-on-accent, #fff);
  --cds-text-inverse: #fff;
  --cds-icon-primary: #161616;
  --cds-support-error: #da1e28;
  --cds-support-success: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-info: #0043ce;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-hover: #b81921;
  --cds-overlay: rgba(22, 22, 22, .5);
  --cds-skeleton-background: #e8e8e8;
}
:root {
  --g-r-sm: 6px;
  --g-r-md: var(--a-dialog-radius);
  --g-e2: 0 8px 24px rgba(0, 0, 0, .16);
  --g-gap: 8px;
  --g-header-h: 56px;
  --g-cartbar-h: 64px;
  --g-row-h: 64px;
}
@media (min-width: 672px) {
  body { background: var(--cds-layer-01); }
  .shell {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    background: var(--cds-background);
    box-shadow: 0 0 0 1px var(--cds-border-subtle-01);
  }
  .shell--wide { max-width: 1440px; }
}
.g-h1 { font-size: 1.25rem; font-weight: 600; margin: 0; line-height: 1.3; }
.g-inactive { display: grid; gap: 8px; align-content: start; }
.g-h2 { font-size: 1rem; font-weight: 600; margin: 0; }
.g-muted { color: var(--cds-text-secondary); }
.g-price { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.g-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.g-header {
  min-height: var(--g-header-h);
  display: flex;
  align-items: center;
  gap: var(--g-gap);
  padding: 0 12px;
  border-bottom: 1px solid var(--cds-border-subtle-01);
}
.g-header img, .g-logo { width: 36px; height: 36px; object-fit: contain; border-radius: 50%; background: var(--cds-layer-01); }
.g-ident { flex: 1; min-width: 0; display: grid; gap: 2px; padding-block: 4px; }
.g-header .g-title { font-weight: 600; line-height: 1.25; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; }
.g-badges { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.g-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  line-height: 1.4;
  background: var(--cds-layer-01);
  color: var(--cds-text-primary);
  white-space: nowrap;
}
.g-badge--info { background: #edf5ff; color: var(--cds-support-info); }
.g-badge--ok { background: #defbe6; color: #0e6027; }
.g-header .g-badge { white-space: normal; text-align: center; line-height: 1.2; padding-block: 3px; }
.g-btn {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid transparent;
  font: inherit;
  font-size: 1rem;
  line-height: 1.3;
  cursor: pointer;
  text-decoration: none;
  color: var(--cds-text-on-color);
  background: var(--cds-button-primary);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.g-btn:active { background: var(--cds-button-primary-active); }
.g-btn:focus-visible { outline: 2px solid var(--cds-focus); outline-offset: 2px; }
.g-btn:disabled { background: var(--cds-layer-active-01); color: var(--cds-text-secondary); cursor: not-allowed; }
.g-btn--tertiary { background: transparent; color: var(--cds-button-primary); border-color: var(--cds-button-primary); }
.g-btn--tertiary:active { background: var(--cds-button-primary); color: var(--cds-text-on-color); }
.g-btn--ghost { background: transparent; color: var(--cds-link-primary); }
.g-btn--ghost:active { background: var(--cds-layer-hover-01); }
.g-btn--danger { background: var(--cds-button-danger-primary); }
.g-btn--danger:active { background: var(--cds-button-danger-hover); }
.g-btn--icon { padding: 0; width: 48px; }
.g-btn--block { width: 100%; }
.g-btn--sm { font-size: .875rem; }
.touch .g-btn:not(.g-btn--sm) { min-height: 48px; }
@media (hover: hover) {
  .g-btn:hover { background: var(--cds-button-primary-hover); }
  .g-btn--ghost:hover, .g-btn--tertiary:hover { background: var(--cds-layer-hover-01); }
  .g-btn--danger:hover { background: var(--cds-button-danger-hover); }
  .g-dish:hover, .g-row:hover, .g-plus-dish:hover { background: var(--cds-layer-hover-01); }
}
.g-field { display: grid; gap: 4px; }
.g-label, .g-help { font-size: .875rem; color: var(--cds-text-secondary); }
.g-input, .g-textarea {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-height: 48px;
  padding: 11px 16px;
  border: 0;
  border-bottom: 1px solid var(--cds-border-strong-01);
  border-radius: var(--g-r-sm) var(--g-r-sm) 0 0;
  background: var(--cds-field-01);
  color: var(--cds-text-primary);
  font: inherit;
  font-size: 1rem;
  box-sizing: border-box;
}
.g-input::placeholder, .g-textarea::placeholder { color: var(--cds-text-placeholder); }
.g-input:focus, .g-textarea:focus { outline: 2px solid var(--cds-focus); outline-offset: -2px; }
.g-input[aria-invalid="true"], .g-textarea[aria-invalid="true"] { outline: 2px solid var(--cds-support-error); outline-offset: -2px; }
.g-error { font-size: .875rem; color: var(--cds-support-error); }
.g-textarea { resize: none; height: 96px; }
.g-count { color: var(--cds-text-secondary); text-align: right; font-variant-numeric: tabular-nums; }
.g-input--code { width: 17ch; font-family: ui-monospace, monospace; text-transform: uppercase; letter-spacing: .12em; }
.g-choice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 48px;
  padding: 8px 4px;
  box-sizing: border-box;
  cursor: pointer;
}
.g-choice input {
  -webkit-appearance: none;
  appearance: none;
  flex: none;
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  border: 1px solid var(--cds-icon-primary);
  background: transparent;
  cursor: pointer;
}
.g-choice input[type="radio"] { border-radius: 50%; }
.g-choice input[type="radio"]:checked { border-width: 5px; border-color: var(--cds-icon-primary); }
.g-choice input[type="checkbox"] { border-radius: var(--g-r-sm); }
.g-choice input[type="checkbox"]:checked {
  background: var(--cds-icon-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M13 24 4 15l1.4-1.4 7.6 7.6L26.6 5.2 28 6.6z'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.g-choice input:focus-visible { outline: 2px solid var(--cds-focus); outline-offset: 2px; }
.g-choice .g-choice-text { flex: 1; }
.g-choice .g-choice-sub { display: block; font-size: .875rem; color: var(--cds-text-secondary); }
.g-choice-group { display: grid; border: 0; padding: 0; margin: 0; min-width: 0; }
.g-choice-group legend { font-weight: 600; padding: 0; margin-bottom: 4px; }
.g-choice-group .g-error { margin-top: 4px; }
.g-choice-recovery { display: flex; align-items: center; gap: 4px; }
.g-choice-recovery .g-choice { flex: 1; min-width: 0; }
.g-qty { display: inline-flex; align-items: stretch; border: 1px solid var(--cds-border-strong-01); border-radius: var(--g-r-sm); overflow: hidden; }
.g-qty button { min-width: 44px; min-height: 44px; border: 0; background: var(--cds-field-01); font: inherit; font-size: 1.25rem; cursor: pointer; color: var(--cds-text-primary); }
.g-qty button:disabled, .g-qty [aria-disabled="true"] { color: var(--cds-text-placeholder); cursor: not-allowed; }
.g-qty button:focus-visible { outline: 2px solid var(--cds-focus); outline-offset: -2px; }
.g-qty output { min-width: 44px; display: grid; place-items: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.g-main { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr auto; min-height: 0; padding: var(--g-gap) 12px; gap: var(--g-gap); }
.g-toolbar { display: flex; align-items: center; gap: var(--g-gap); }
.g-toolbar .g-h2 { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-notice { margin: 0; font-size: .875rem; color: var(--cds-text-secondary); text-align: center; padding: 4px 12px; }
.g-notice-row { display: flex; align-items: center; gap: 8px; }
.g-notice-row .g-notice { flex: 1; text-align: left; padding: 0; margin: 0; }
.g-notice-row .g-btn { flex: none; padding: 0 12px; }
.g-recap { display: grid; align-content: start; gap: 16px; }
.g-recap-head { display: flex; align-items: center; gap: 8px; min-height: 44px; color: inherit; text-decoration: none; }
.g-recap-head .g-muted { flex: 1; font-size: .875rem; }
.g-recap-head .i { fill: var(--cds-link-primary); }
.g-recap-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 12px; padding: 8px 0; border-top: 1px solid var(--cds-border-subtle-01); }
.g-recap-line .g-btn { grid-row: span 2; padding: 0 12px; }
.g-recap-mods { font-size: .875rem; color: var(--cds-text-secondary); }
.g-pager { display: grid; grid-template-rows: 1fr auto; min-height: 0; gap: var(--g-gap); touch-action: pan-y; }
.g-pager > .g-pages { position: relative; min-height: 0; overflow: hidden; }
.g-pager > .g-pages > .g-page { height: 100%; }
.g-pager > .g-pages > .g-page[hidden] { display: none; }
.g-pager-nav { display: flex; align-items: center; justify-content: space-between; gap: var(--g-gap); }
.g-pager-nav .g-dots { display: flex; gap: 6px; }
.g-pager-nav .g-dots i { width: 8px; height: 8px; border-radius: 50%; background: var(--cds-border-strong-01); }
.g-pager-nav .g-dots i[aria-current="true"] { background: var(--cds-text-primary); }
.g-pager[data-pages="1"] .g-pager-nav { visibility: hidden; }
.g-chips { display: flex; align-items: center; gap: 4px; }
.g-chips-track { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.g-chips-track::-webkit-scrollbar { display: none; }
.g-chip {
  flex: none; display: inline-flex; align-items: center; min-height: 48px;
  padding: 0 14px; border-radius: var(--g-r-sm); border: 1px solid #8d8d8d; background: #fff;
  color: var(--cds-text-primary); text-decoration: none;
  font: inherit;
  font-size: 1rem;
  font-weight: 600; white-space: nowrap; -webkit-tap-highlight-color: transparent;
}
.g-chip[aria-current="true"] { background: var(--cds-button-primary); color: var(--cds-text-on-color); }
.g-chip--all { background: transparent; }
.g-chip-list { display: grid; }
.g-chip-list a { display: flex; align-items: center; min-height: 44px; padding: 0 4px; border-bottom: 1px solid var(--cds-border-subtle-01); color: inherit; text-decoration: none; }
.g-busy { display: flex; align-items: center; gap: 12px; margin: 0; padding: 8px 12px; border-radius: var(--g-r-md); background: #fff; }
.g-busy .i { padding: 6px; border-radius: 50%; background: #fcf4d6; fill: #8e6a00; }
.g-menu-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-content: start; scroll-padding-top: 56px; }
.g-menu-heading { display: flex; align-items: center; gap: 8px; font-size: 1.25rem; font-weight: 700; margin: 0 0 8px; }
.g-menu-heading img { width: 28px; height: 28px; border-radius: 999px; object-fit: cover; background: var(--cds-skeleton-background); }
.g-menu-items { display: grid; grid-template-columns: 1fr; gap: 12px 28px; }
.g-dish { display: grid; grid-template-columns: 128px minmax(0,1fr); gap: 12px; align-items: start; padding: 12px 0 16px; border-bottom: 1px solid #dfe3e9; border-radius: var(--g-r-sm); background: #fff; position: relative; }
.g-dish img { width: 128px; height: 128px; border-radius: var(--g-r-sm); object-fit: cover; background: var(--cds-skeleton-background); }
.g-dish--text { grid-template-columns: 1fr; }
.g-dish-body { min-width: 0; min-height: 160px; display: flex; flex-direction: column; gap: 6px; }
.g-dish-name { font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.g-dish-desc { font-size: .875rem; color: var(--cds-text-secondary); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.g-dish-foot { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
.g-dish .g-btn.g-dish-add { border-radius: var(--g-r-sm); min-height: 64px; width: 100%; padding: 8px; font-size: 1.25rem; }
.g-dish-add::before { content: "+"; }
.g-row .g-dish-add { width: 44px; padding: 0; flex: none; }
.g-row .g-dish-add > span { display: none; }
.g-dish--soldout img, .g-dish--soldout .g-dish-name { opacity: .55; }
.g-soldout { font-size: .875rem; color: var(--cds-support-error); }
.g-dish .g-btn::after, .g-row .g-btn::after { content: ""; position: absolute; inset: 0; border-radius: var(--g-r-md); }
.g-dish .g-btn::after { inset: 0 0 -1px; }
.g-dish .g-btn:focus-visible, .g-row .g-btn:focus-visible { outline: 0; }
.g-dish .g-btn:focus-visible::after, .g-row .g-btn:focus-visible::after { box-shadow: inset 0 0 0 2px var(--cds-focus); }
.g-dish-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-width: 0; }
.g-overlay {
  position: fixed;
  inset: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: var(--cds-background);
  z-index: 20;
  padding: var(--g-gap) 12px;
  gap: var(--g-gap);
  box-sizing: border-box;
}
.g-overlay[hidden] { display: none; }
@media (min-width: 672px) { .g-overlay { max-width: 430px; margin: 0 auto; } }
.g-search { display: flex; gap: var(--g-gap); }
.g-search .g-input { flex: 1; }
.g-list { display: grid; grid-auto-rows: var(--g-row-h); align-content: start; overflow: hidden; height: 100%; min-height: 0; }
.g-row { display: flex; align-items: center; gap: 12px; padding: 0 4px; border-bottom: 1px solid var(--cds-border-subtle-01); min-height: 0; color: inherit; text-decoration: none; position: relative; }
.g-row img { width: 48px; height: 48px; object-fit: cover; flex: none; background: var(--cds-skeleton-background); }
.g-row .g-row-text { flex: 1; min-width: 0; }
.g-row .g-row-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-empty { padding: 24px 0; text-align: center; color: var(--cds-text-secondary); }
.g-empty > span { display: block; }
.g-cartbar {
  min-height: var(--g-cartbar-h);
  display: flex;
  align-items: center;
  gap: var(--g-gap);
  padding: 4px 12px;
  border-top: 1px solid var(--cds-border-subtle-01);
  background: var(--cds-background);
  box-sizing: border-box;
}
.g-cartbar .g-cart-sum { flex: 1; min-width: 0; line-height: 1.25; }
.g-cartbar .g-cart-sum small { display: block; color: var(--cds-text-secondary); font-size: .875rem; }
.g-cartbar .g-btn { flex: none; padding: 0 12px; }
.g-cart { display: grid; grid-template-rows: auto 1fr auto; gap: var(--g-gap); }
.g-cart > .scroll-area { min-height: var(--g-row-h); contain: size; }
.g-cart-item { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 8px 0; border-bottom: 1px solid var(--cds-border-subtle-01); }
.g-cart-item .g-cart-mods { grid-column: 1 / -1; font-size: .875rem; color: var(--cds-text-secondary); }
.g-cart-item .g-cart-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; }
.g-plus { display: grid; gap: 4px; padding-top: 8px; }
.g-plus-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.g-plus-dish { display: flex; flex-direction: column; gap: 2px; padding: 0 0 6px; border: 0; border-radius: var(--g-r-md); overflow: hidden; background: var(--cds-layer-01); color: inherit; font: inherit; line-height: 1.25; text-align: left; cursor: pointer; }
.g-plus-dish > span { padding: 0 8px; }
.g-plus-dish > .g-plus-pic { position: relative; padding: 0; }
.g-plus-pic img { display: block; width: 100%; height: 72px; object-fit: cover; }
.g-plus-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.g-plus-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.g-plus-pic .g-price, .g-plus-pic .i { position: absolute; border-radius: 999px; background: #fff; }
.g-plus-pic .g-price { left: 4px; bottom: 4px; padding: 0 6px; }
.g-plus-pic .i { top: 4px; right: 4px; padding: 2px; }
.g-plus-dish .i { fill: var(--cds-link-primary); }
.g-plus-dish:focus-visible { outline: 2px solid var(--cds-focus); outline-offset: 2px; }
.g-totals { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: baseline; }
.g-totals .g-price { text-align: right; }
.g-totals .g-total { font-weight: 600; font-size: 1rem; }
.g-totals .g-included { grid-column: 1 / -1; color: var(--cds-text-secondary); }
.g-totals .g-price.g-total, .g-receipt-head .g-total { font-size: clamp(1.25rem, 8vw, 1.75rem); font-weight: 700; line-height: 1.2; }
@media (max-width: 320px) {
  .g-totals { font-size: .875rem; }
  .g-totals .g-price.g-total { grid-column: 1 / -1; }
}
.g-checkout { display: grid; grid-template-rows: 1fr auto; min-height: 0; gap: var(--g-gap); }
.g-checkout .g-fields { display: grid; gap: 8px; align-content: start; min-height: 0; overflow-y: auto; }
.g-checkout .g-choice { padding-block: 4px; }
.g-checkout .g-totals { font-size: .875rem; gap: 2px 12px; line-height: 1.25; }
.g-summary { display: grid; gap: 2px; }
.g-hold { touch-action: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.g-hold[data-holding] { background: var(--cds-button-primary-active); color: var(--cds-text-on-color); }
.g-ring { position: relative; flex: none; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .35); }
.g-ring i { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; transform-origin: 100% 50%; }
.g-ring i + i { transform: rotate(180deg); }
.g-ring i::before { content: ""; position: absolute; top: 0; left: 0; width: 200%; height: 100%; box-sizing: border-box; border: 3px solid transparent; border-top-color: currentColor; border-right-color: currentColor; border-radius: 50%; transform: rotate(45deg); }
.g-status { display: grid;  gap: var(--g-gap); }
.g-status-body { display: grid; gap: var(--g-gap); align-content: start; }
.g-order { margin: 0; font-size: 1rem; font-weight: 600; line-height: 1.2; }
.g-order span, .g-queue b { display: inline-block; font-size: clamp(1.25rem, 8vw, 1.75rem); font-weight: 700; }
.g-queue { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 12px; line-height: 1.25; }
.g-queue p { margin: 0; }
.g-queue--rail { display: block; }
.g-queue .g-muted { font-size: .875rem; }
.g-qris { display: grid; gap: 12px; }
.g-qris p, .g-qris-title { margin: 0; }
.g-qris-row { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; }
.g-qris-pay { display: grid; gap: 8px; }
.g-qris-code { width: 160px; height: auto; padding: 6px; background: #fff; image-rendering: pixelated; }
.g-qris-amount { font-weight: 600; }
.g-qris-howto { font-size: .875rem; }
.g-sent { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; }
.g-check { position: relative; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; background: var(--cds-support-success); }
.g-check .i { width: 14px; height: 14px; fill: #fff; }
dialog:not([open]) { display: none; }
.g-dialog {
  position: fixed;
  inset: 0;
  z-index: 40;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  height: var(--accos-vh, 100vh);
  height: 100dvh;
  max-height: 100dvh;
  background: var(--cds-background);
  color: var(--cds-text-primary);
}
.g-dialog::backdrop { background: var(--cds-overlay, rgba(22, 22, 22, .5)); }
.g-dialog > form, .g-dialog > .g-dialog-body { display: grid; grid-template-rows: auto 1fr auto; height: 100%; min-height: 0; padding: var(--g-gap) 12px; gap: var(--g-gap); box-sizing: border-box; }
.g-dialog-head { display: flex; align-items: center; gap: 8px; }
.g-dialog-head .g-h2 { flex: 1; min-width: 0; font-size: var(--a-title); line-height: 1.25; }
.g-dialog-content { min-height: 0; display: grid; align-content: start; gap: 12px; overflow-y: auto; overscroll-behavior: contain; }
.g-dialog-content p { margin: 0; }
.g-dialog .g-field { gap: 2px; }
.g-dialog .g-textarea { height: 56px; }
.g-dialog .g-assist { gap: 12px; }
.g-assist-no { display: grid; padding: 8px 12px; border-radius: var(--g-r-sm); background: var(--cds-layer-01); }
.g-assist-no span { font-size: .875rem; color: var(--cds-text-secondary); }
.g-assist-no strong { font-size: 1.75rem; line-height: 1.2; font-variant-numeric: tabular-nums; }
.g-assist ul { margin: -8px 0 0; padding-left: 20px; }
.g-dialog-foot { display: grid; gap: var(--g-gap); border-top: 1px solid #c6c6c6; padding-top: 12px; }
.g-dialog-foot .g-toolbar { flex-wrap: wrap; }
.g-dialog-foot .g-btn--block { flex: 1 1 9em; width: auto; }
@media (min-width: 672px) {
  .g-dialog { width: 430px; height: fit-content; max-height: 90vh; max-height: 90dvh; margin: auto; border-radius: var(--g-r-md); box-shadow: var(--g-e2); }
}
.g-steps { display: flex; align-items: center; gap: 8px; font-size: .875rem; color: var(--cds-text-secondary); }
.g-steps ol { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; }
.g-steps li { width: 10px; height: 10px; border-radius: 50%; background: var(--cds-border-strong-01); }
.g-steps li[aria-current="step"] { background: var(--cds-text-primary); }
.g-steps li.g-done { background: var(--cds-support-success); }
.g-toasts { position: fixed; left: 12px; right: 12px; bottom: calc(var(--g-cartbar-h) + 12px); display: grid; gap: 8px; z-index: 30; pointer-events: none; }
@media (min-width: 672px) { .g-toasts { max-width: 406px; margin: 0 auto; } }
body:has(.g-cart) .g-toasts { top: 8px; bottom: auto; }
.g-toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 4px 4px 4px 16px;
  border-radius: var(--g-r-md);
  background: var(--cds-background-inverse);
  color: var(--cds-text-inverse);
  box-shadow: var(--g-e2);
}
.g-toast .g-toast-text { flex: 1; min-width: 0; }
.g-toast .g-btn--ghost { color: #78a9ff; }
.g-toast .g-toast-timer { font-variant-numeric: tabular-nums; min-width: 2ch; text-align: right; color: #c6c6c6; font-size: .875rem; }
.g-toast--ok { background: #defbe6; color: var(--cds-text-primary); border-left: 3px solid var(--cds-support-success); }
.g-toast--error { background: #fff1f1; color: var(--cds-text-primary); border-left: 3px solid var(--cds-support-error); }
.g-toast[hidden] { display: none; }
.g-banner, .g-warning { display: flex; gap: 8px; align-items: center; padding: 8px 12px; background: #fdf6dd; border-left: 3px solid var(--cds-support-warning); font-size: .875rem; }
.g-banner[hidden] { display: none; }
.g-timeline { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.g-timeline li { display: grid; grid-template-columns: 24px 1fr auto; gap: 0 12px; align-items: start; min-height: 44px; position: relative; }
.g-timeline li:last-child { min-height: 0; }
.g-timeline li::before { content: ""; position: absolute; left: 11px; top: 24px; bottom: -4px; width: 2px; background: var(--cds-border-subtle-01); }
.g-timeline li:last-child::before { display: none; }
.g-timeline .g-dot { width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--cds-border-strong-01); box-sizing: border-box; background: var(--cds-background); display: grid; place-items: center; }
.g-timeline .g-dot .i { width: 14px; height: 14px; fill: var(--cds-text-on-color); }
.g-timeline li.g-done .g-dot { background: var(--cds-support-success); border-color: var(--cds-support-success); }
.g-timeline li.g-now .g-dot { border-color: var(--cds-text-primary); border-width: 4px; }
.g-timeline li.g-now .g-tl-title { font-weight: 600; }
.g-timeline .g-tl-time { font-size: .875rem; color: var(--cds-text-secondary); font-variant-numeric: tabular-nums; }
.g-tl-sub { display: block; font-size: .875rem; font-weight: 600; line-height: 1.25; }
.g-timeline li.g-end .g-dot { background: var(--cds-support-error); border-color: var(--cds-support-error); }
.g-timeline li.g-end .g-dot .i { fill: #fff; }
.g-timeline li.g-end .g-tl-title { font-weight: 600; }
.g-timeline li.g-new { z-index: 0; }
.g-timeline li.g-new::after { content: ""; position: absolute; inset: 0 -6px; z-index: -1; border-radius: var(--g-r-sm); background: #defbe6; }
.g-stations { display: grid; gap: 4px; margin-top: 4px; }
.g-station { display: flex; justify-content: space-between; font-size: .875rem; }
.g-out { margin: 0 0 8px; padding: 0; list-style: none; font-size: .875rem; }
.g-out li { padding: 4px 0; border-bottom: 1px solid var(--cds-border-subtle-01); }
.g-out-dish { font-weight: 600; }
.g-out-said { color: var(--cds-text-error, #da1e28); }
.g-receipt { display: grid; gap: 4px; padding: 8px 12px; background: var(--cds-layer-01); border-left: 3px solid var(--cds-support-success); }
.g-receipt-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0 12px; }
.g-receipt-until { margin: 0; font-size: .875rem; color: var(--cds-text-secondary, #525252); }
.g-receipt .g-paid { font-weight: 600; font-size: 1.25rem; letter-spacing: .04em; color: #0e6027; }
.g-receipt .g-totals { font-size: .875rem; gap: 2px 12px; line-height: 1.25; color: var(--cds-text-secondary); }
.htmx-request .g-btn, .g-btn.htmx-request, .g-qty .htmx-request { opacity: .7; }
.g-photo-strip {
  display: block;
  position: relative;
  width: 100%;
  height: 56px;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: var(--cds-skeleton-background);
  cursor: pointer;
}
.g-photo-strip img { width: 100%; height: 100%; object-fit: cover; display: block; }
.g-photo-strip .i { position: absolute; right: 8px; bottom: 8px; fill: #fff; border-radius: 50%; background: rgba(22, 22, 22, .6); }
.g-photo-strip:focus-visible { outline: 2px solid var(--cds-focus); outline-offset: -2px; }
.g-viewer { background: #161616; color: #f4f4f4; }
.g-viewer .g-h2, .g-viewer .g-btn--ghost { color: #f4f4f4; }
.g-viewer .g-pager { touch-action: pinch-zoom; }
.g-photo { touch-action: pinch-zoom; display: grid; place-items: center; height: 100%; min-height: 0; }
.g-photo img { max-width: 100%; max-height: 100%; object-fit: contain; }
@media (prefers-reduced-motion: no-preference) {
  .g-dialog[open] { animation: g-slide 180ms ease-out; }
  @keyframes g-bounce { 0% { transform: scale(.9); } 55% { transform: scale(1.06); } 100% { transform: scale(1); } }
  .g-cartbar--added .g-cart-sum strong { display: inline-block; animation: g-bounce 180ms ease-out; }
  @keyframes g-stamp { from { transform: scale(1.2); opacity: 0; } }
  .g-sent + .g-order span { animation: g-stamp 160ms 200ms cubic-bezier(.4, .14, .3, 1) both; }
  @keyframes g-slide { from { transform: translateY(10px); opacity: 0; } }
  .g-toast { animation: g-slide 160ms ease-out; }
  .g-menu-list { scroll-behavior: smooth; }
  @keyframes g-turn { to { transform: rotate(225deg); } }
  [data-holding] .g-ring i::before { animation: g-turn .5s .5s linear forwards; }
  [data-holding] .g-ring i + i::before { animation-delay: 0s; }
  @keyframes g-uncover { to { transform: translateX(100%); } }
  .g-check::after { content: ""; position: absolute; inset: 0; background: inherit; animation: g-uncover 200ms ease-out forwards; }
  .g-timeline li.g-new { animation: g-slide 160ms ease-out; }
  @keyframes g-fade { to { opacity: 0; } }
  .g-timeline li.g-new::after { animation: g-fade 200ms 600ms ease-in forwards; }
}
.shell--wide, .guest { --cds-background: #f2f3f5; background: #f2f3f5; }
.shell--wide .g-header { padding: 12px 20px; border: 0; }
.g-service-tabs { display: flex; padding: 0 20px; border-bottom: 1px solid #dfe3e9; }
.g-service-tabs a { display: grid; place-items: center; flex: 1; min-height: 48px; color: #626a76; font-size: 1rem; font-weight: 600; text-decoration: none; border-bottom: 3px solid transparent; }
.g-service-tabs [aria-current="page"] { color: var(--cds-link-primary); border-bottom-color: var(--cds-link-primary); }
.g-service-search { order: -1; flex: 1; min-width: 0; justify-content: flex-start; border: 1px solid #8d8d8d; border-radius: var(--g-r-sm); background: #fff; color: #525252; }
.g-service-search > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width:800px) {
 .shell--wide, .shell--transaction { height: calc(var(--accos-vh, 100vh) - 40px); height: calc(100dvh - 40px); margin: 20px auto; width: calc(100% - 40px); border-radius: var(--a-dialog-radius); overflow: hidden; }
 .shell--wide .g-main, .shell--transaction .g-main { padding: 16px 24px; }
}
@media (max-width:799.98px) {
 .shell--wide .g-header { padding: 8px 12px; }
 .g-service-tabs { padding: 0 12px; }
 .shell--wide .g-menu-list { gap: 8px; }
 .shell--wide .g-notice { padding: 0; }
}
.shell--wide .g-cartbar--empty { display: none; }
.guest .g-header { border: 0; }
.guest .g-title { font-size: 1.25rem; }
.g-badge, .g-count { font-size: var(--a-support); }
.g-btn { border-radius: var(--a-radius); min-width: var(--a-control); }
.g-btn--primary { font-weight: 600; }
.g-btn--secondary { color: var(--cds-text-primary); background: #fff; border-color: #8d8d8d; }
.g-btn--secondary:active { background: #e8e8e8; }
.g-btn--sm, .g-dialog .g-choice, .g-qty button { min-height: var(--a-control); }
.g-dialog .g-choice { padding: 8px 12px; border: 1px solid #c6c6c6; border-radius: var(--a-radius); background: #fff; }
.g-dialog .g-choice:has(input:checked) { background: #edf2ff; border-color: var(--cds-focus); }
.g-dialog-foot .g-btn--primary { min-height: var(--a-primary); font-size: var(--a-emphasis); }
.g-dialog .g-choice-group { gap: 8px; }
.g-dialog .g-photo-strip { min-height: 128px; }
.g-checkout, .g-status, .g-recap { min-height: 0; }
.g-cart > .g-totals, .g-checkout .g-totals { border-radius: var(--a-radius); }
.g-cart > .g-btn--primary, .g-checkout .g-btn--primary { min-height: var(--a-primary); }
.touch .g-cart .g-btn--primary, .touch .g-checkout .g-btn--primary,
.touch .g-dialog-foot .g-btn--primary { min-height: var(--a-primary); }
.g-timeline .g-now { border-radius: var(--a-radius); background: var(--a-work-bg); }
.g-timeline .g-now:has([data-stage="paid"]) { background: var(--a-wait-bg); }
.g-timeline .g-now:has([data-stage="ready"]) { background: var(--a-ready-bg); }
.g-station[data-state="ready"] > span:last-child { color: var(--a-ready); font-weight: 600; }
.g-timeline .g-end { border-radius: var(--a-radius); background: var(--a-danger-bg); }
.g-status { grid-template-rows: minmax(96px,1fr) auto; }
.g-status-body { overflow-y: auto; min-height: 0; overscroll-behavior: contain; }
@media (hover: hover) {
  .g-btn--secondary:hover { background: #f4f4f4; }
}
@media (min-width: 672px) {
  .shell--transaction { max-width: 720px; }
  .g-dialog:not(.g-viewer) { width: 960px; max-width: calc(100vw - 32px); max-height: calc(var(--accos-vh, 100vh) - 32px); max-height: calc(100dvh - 32px); border-radius: var(--a-dialog-radius); }
  .g-dialog > form, .g-dialog > .g-dialog-body { padding: 20px; gap: 16px; height: auto; max-height: calc(var(--accos-vh, 100vh) - 32px); max-height: calc(100dvh - 32px); grid-template-rows: auto minmax(0,1fr) auto; }
}
@media (max-width: 599.98px) {
  .shell--wide .g-menu-heading { margin-bottom: 4px; }
  .guest .g-header { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 4px 8px; padding: 8px 12px; }
  .guest .g-ident { display: contents; }
  .guest .g-title { grid-column: 2; }
  .guest .g-badges { grid-column: 1 / -1; }
  .guest .g-header:not(:has(.g-logo)) { grid-template-columns: minmax(0,1fr); }
  .guest .g-header:not(:has(.g-logo)) .g-title { grid-column: 1; }
}
@media (min-width: 800px) {
  .shell--transaction .g-header { padding: 12px 20px; }
  .shell--transaction .g-main { gap: 16px; }
  .shell--transaction .g-toolbar > .g-h2 { font-size: var(--a-title); }
  .shell--transaction :is(.g-cart, .g-checkout, .g-status, .g-recap) { padding: 16px; border: 1px solid #dfe3e9; border-radius: var(--a-radius); background: #fff; }
}
.g-menu-layout { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto minmax(0,1fr); gap: 12px; min-height: 0; }
.g-menu-layout:has(> .g-busy) { grid-template-rows: auto auto minmax(0,1fr); }
.g-menu-layout > .g-chips { min-width: 0; gap: 8px; }
.g-dish picture { display: contents; }
.g-dish source { display: none; }
.g-item-story, .g-item-options { display: grid; align-content: start; gap: 12px; min-width: 0; }
.guest .g-header, .g-service-tabs, .g-cartbar { background: #fff; }
@media (min-width: 800px) {
  .g-menu-layout, .g-menu-layout:has(> .g-busy) { grid-template-columns: 164px minmax(0,1fr); grid-template-rows: minmax(0,1fr); gap: 16px; }
  .g-menu-layout:has(> .g-busy) { grid-template-rows: auto minmax(0,1fr); }
  .g-menu-layout > .g-busy { grid-column: 1 / -1; }
  .g-menu-layout > .g-chips { flex-direction: column; align-items: stretch; min-height: 0; }
  .g-menu-layout .g-chips-track { flex-direction: column; overflow: auto; min-height: 0; }
  .g-menu-layout .g-chip { min-height: 56px; white-space: normal; padding: 12px; box-sizing: border-box; }
  .g-menu-list { scroll-padding-top: 8px; }
  .g-menu-items { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
  .g-dish { display: flex; flex-direction: column; gap: 0; padding: 0; border: 1px solid #dfe3e9; border-radius: var(--a-dialog-radius); overflow: hidden; }
  .g-dish img { width: 100%; height: 208px; }
  .g-dish-body { width: 100%; box-sizing: border-box; min-height: 188px; padding: 14px; gap: 8px; flex: 1; }
  .g-dish-name { font-size: var(--a-emphasis); line-height: 1.3; min-height: 46px; }
  .g-dish .g-price { font-size: 1.25rem; }
  .g-dish .g-btn.g-dish-add { font-size: var(--a-emphasis); }
  .g-dialog:has(.g-photo-strip) .g-dialog-content { grid-template-columns: minmax(0,36fr) minmax(0,64fr); align-content: start; gap: 24px; }
  .g-item-story { position: sticky; top: 0; }
  .g-dialog .g-photo-strip { height: auto; aspect-ratio: 1; min-height: 250px; border-radius: var(--a-radius); }
  .g-dialog:has(.g-photo-strip) .g-dialog-foot { grid-template-columns: minmax(140px,1fr) minmax(0,3fr); align-items: center; gap: 24px; }
}
@media (max-width: 799.98px) {
  :where(body:not(.g-revamp)) .g-menu-items { gap: 10px; }
  :where(body:not(.g-revamp)) .g-dish { grid-template-columns: minmax(0,1fr) 128px; grid-template-rows: auto auto 1fr; gap: 4px 14px; padding: 14px; border: 1px solid #dfe3e9; border-radius: var(--g-r-md); min-height: 156px; box-sizing: border-box; }
  :where(body:not(.g-revamp)) .g-dish--text { grid-template-columns: minmax(0,1fr) auto; min-height: 0; }
  :where(body:not(.g-revamp)) .g-dish-body, :where(body:not(.g-revamp)) .g-dish-foot { display: contents; }
  :where(body:not(.g-revamp)) .g-dish img { grid-column: 2; grid-row: 1 / 4; width: 128px; height: 128px; border-radius: var(--a-radius); }
  :where(body:not(.g-revamp)) .g-dish-name { grid-column: 1; grid-row: 1; }
  :where(body:not(.g-revamp)) .g-dish-desc { grid-column: 1; grid-row: 2; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  :where(body:not(.g-revamp)) .g-dish-sum { grid-column: 1; grid-row: 3; align-self: end; }
  :where(body:not(.g-revamp)) .g-dish .g-btn.g-dish-add, :where(body:not(.g-revamp)) .g-dish .g-soldout { grid-column: 2; grid-row: 1 / 4; align-self: start; justify-self: end; margin: 94px 6px 0 0; width: auto; min-height: 48px; padding: 0 16px; border-radius: 999px; font-size: 1rem; box-shadow: var(--g-e2); }
  :where(body:not(.g-revamp)) .g-dish .g-btn.g-dish-add::after { border-radius: var(--g-r-md); inset: 0; }
  :where(body:not(.g-revamp)) .g-dish--text .g-btn.g-dish-add, :where(body:not(.g-revamp)) .g-dish--text .g-soldout { grid-row: 3; margin: 0; }
  :where(body:not(.g-revamp)) .g-dish .g-soldout { display: inline-flex; align-items: center; background: #161616; color: #fff; font-weight: 700; }
  :where(body:not(.g-revamp)) .g-chip { min-height: 44px; border-radius: 999px; border-color: #dfe3e9; }
  :where(body:not(.g-revamp)) .g-chip--all { border-color: #8d8d8d; }
  :where(body:not(.g-revamp)) .g-cart > .scroll-area, :where(body:not(.g-revamp)) .g-status .g-timeline { background: #fff; border: 1px solid #dfe3e9; border-radius: var(--g-r-md); padding: 4px 14px; }
  :where(body:not(.g-revamp)) .g-cart-item:last-child { border-bottom: 0; }
}
@media (max-width: 799.98px) and (min-height: 740px) {
  :where(body:not(.g-revamp)) .g-dialog .g-photo-strip { height: 200px; border-radius: var(--a-radius); }
}
.g-revamp .guest { --cds-background: #f4f4f4; background: #f4f4f4; }
.g-revamp .g-top { display: flex; gap: 0; min-height: 0; padding: 8px 4px 8px 16px; background: #fff; }
.g-revamp .g-top .g-ident { display: grid; flex: 1; min-width: 0; margin: 0 4px 0 8px; padding: 0; gap: 0; }
.g-revamp .g-top .g-title { grid-column: 1; display: block; font-size: 1rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g-revamp .g-top .g-btn--icon { width: 44px; min-width: 44px; }
.g-revamp .g-where { display: flex; flex-wrap: wrap; column-gap: 4px; font-size: .875rem; color: var(--cds-text-secondary); }
.g-revamp .g-where span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g-revamp .g-service-search { min-height: 48px; padding: 0 16px; border: 0; border-radius: 999px; color: var(--cds-text-secondary); }
.g-revamp .g-chip { min-height: 44px; padding: 0 16px; border: 0; border-radius: 999px; }
.g-revamp .g-chip--all { background: #fff; }
.g-revamp .g-chips-track { -webkit-mask-image: linear-gradient(to left, transparent, #000 32px); mask-image: linear-gradient(to left, transparent, #000 32px); }
@media (min-width: 800px) { .g-revamp .g-chips-track { -webkit-mask-image: none; mask-image: none; } }
.g-revamp .g-cover img { width: 100%; aspect-ratio: 3 / 1; object-fit: cover; border-radius: var(--g-r-md); }
.g-revamp .g-info { margin: 8px 0 0; font-size: .875rem; color: var(--cds-text-secondary); }
@media (max-width: 799.98px) {
  .g-revamp .g-menu-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .g-revamp .g-dish { display: flex; flex-direction: column; min-width: 0; gap: 0; padding: 8px; border: 0; border-radius: var(--g-r-md); }
  .g-revamp .g-dish img { width: 100%; height: auto; aspect-ratio: 1; }
  .g-revamp .g-dish-body { flex: 1; width: 100%; box-sizing: border-box; min-height: 0; padding: 8px 4px 0; gap: 2px; }
  .g-revamp .g-dish-foot { flex-direction: row; align-items: center; justify-content: space-between; }
  .g-revamp .g-dish .g-btn.g-dish-add { flex: none; width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0; border-radius: 50%; }
  .g-revamp .g-dish .g-badge--ok { padding: 0; background: none; white-space: normal; }
  .g-revamp .g-dish-add span { display: none; }
  .g-revamp .g-dish-add::before { font-size: 1.25rem; line-height: 1; }
}
.g-revamp .g-cartbar { margin: 0 12px 12px; padding: 8px 8px 8px 16px; border: 0; border-radius: var(--g-r-md); background: #161616; color: #fff; }
.g-revamp .g-cartbar .g-cart-sum small { color: #c6c6c6; }
.g-revamp .g-cartbar .g-btn { border-radius: var(--g-r-md); }
.g-revamp #item-form { grid-template-rows: minmax(0, 1fr) auto; padding-top: 0; }
@media (max-width: 671.98px) {
  .g-revamp #item-dialog { inset: auto 0 0; height: auto; max-height: 92dvh; border-radius: var(--g-r-md) var(--g-r-md) 0 0; box-shadow: var(--g-e2); }
  .g-revamp #item-dialog > form { height: auto; max-height: 92dvh; }
}
.g-revamp .g-panel-close { position: absolute; top: 20px; right: 20px; z-index: 1; background: #fff; border-radius: 50%; }
@media (min-width: 800px) {
  .g-revamp .g-panel-close { top: 12px; right: 12px; }
  .g-revamp .g-dialog:has(.g-photo-strip) .g-item-options { padding-top: 64px; }
}
.g-revamp #item-form > .g-dialog-foot { grid-template-columns: minmax(0, 1fr); }
.g-revamp .g-dialog .g-photo-strip { height: auto; aspect-ratio: 16 / 10; margin-top: 12px; border-radius: var(--g-r-md); }
.g-revamp .g-item-story { gap: 4px; }
.g-revamp .g-item-story .g-h2 { font-size: 1.25rem; line-height: 1.25; }
.g-revamp .g-item-desc { margin: 0; color: var(--cds-text-secondary); }
.g-revamp .g-choice-group legend { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.g-revamp .g-badge--req { font-weight: 600; }
.g-revamp :is(.g-item-options, .g-checkout) .g-choice { flex-direction: row-reverse; align-items: center; min-height: 52px; padding: 8px 0; border: 0; border-bottom: 1px solid #ebebeb; border-radius: var(--g-r-sm) var(--g-r-sm) 0 0; background: none; }
.g-revamp :is(.g-item-options, .g-checkout) .g-choice:last-child { border-bottom: 0; }
.g-revamp .g-choice input:checked { border-color: var(--cds-button-primary); }
.g-revamp .g-choice input[type="checkbox"]:checked { background-color: var(--cds-button-primary); }
.g-revamp .g-choice-recovery { grid-column: 1 / -1; }
.g-revamp .g-qty { border: 0; border-radius: 999px; background: #f4f4f4; }
.g-revamp .g-qty button { background: none; }
.g-revamp .g-cta { flex: 1 0 auto; flex-direction: column; gap: 0; min-height: 56px; padding: 4px 12px; border-radius: var(--g-r-md); line-height: 1.2; white-space: nowrap; }
.g-revamp .g-cta-price { font-size: .875rem; font-weight: 400; }
.g-revamp :is(:is(.g-checkout, .g-cart) :is(.g-totals, .g-field, .g-choice-group), .g-recap-order, .g-qris, #help .g-assist, .g-timeline) { --cds-background: #fff; background: #fff; border: 0; border-radius: var(--g-r-md); padding: 12px; }
.g-revamp .g-lines { display: grid; padding: 0 12px; background: #fff; border-radius: var(--g-r-md); }
.g-revamp .g-lines > .g-toolbar { border-bottom: 1px solid var(--cds-border-subtle-01); }
.g-revamp .g-lines > .g-cart-item { padding-block: 12px; }
.g-revamp .g-lines > :last-child { border-bottom: 0; }
.g-revamp .g-cart-item:has(> .g-line-img) { grid-template-columns: 56px minmax(0, 1fr) auto; }
.g-revamp .g-line-img { grid-row: span 2; width: 56px; height: 56px; object-fit: cover; border-radius: var(--g-r-sm); }
.g-revamp .g-cart-item:has(> .g-line-img) .g-cart-mods { grid-column: 2 / -1; }
.g-revamp .g-receipt { background: #fff; }
.g-revamp #help { background: #f4f4f4; }
.g-revamp .g-plus-dish { padding: 8px; background: #fff; }
.g-revamp .g-plus-pic img { border-radius: var(--g-r-sm); }
.g-revamp .g-main:has(> .g-status) { grid-template-rows: auto minmax(0, max-content) auto; align-content: start; }