/* Desktop menu shares the mobile categories and cart, without changing their state. */
.menu-layout.variant-b .menu-results { container-type: inline-size; container-name: menu-results; }
.menu-layout.variant-b .product .flags { max-width: calc(100% - 12px); }
.menu-layout.variant-b .product .flags .tag { max-width: 100%; white-space: normal; overflow-wrap: anywhere; line-height: 1.3; }
@media (min-width: 768px) {
  .customer-app:has(.menu-layout.variant-b) .container { max-width: 104rem; width: 100%; }

  .menu-layout.variant-b {
    --menu-surface: #fff;
    --menu-selected: var(--brand-50);
    --menu-space-1: 4px;
    --menu-space-2: 8px;
    --menu-space-3: 12px;
    --menu-space-4: 16px;
    --menu-space-5: 20px;
    --menu-space-6: 24px;
    --menu-type-label: var(--text-2xs);
    --menu-type-small: var(--text-xs);
    --menu-type-secondary: var(--text-sm);
    --menu-type-body: var(--text-base);
    --menu-type-card: clamp(1rem, .85rem + .6cqi, 1.25rem);
    --menu-type-title: var(--text-xl);
    --menu-gap: var(--space-gap);
    display: grid;
    grid-template-columns: clamp(144px, 12vw, 200px) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    gap: 20px var(--menu-gap);
    align-items: start;
  }

  .menu-layout.variant-b .menu-main { display: contents; }
  .menu-layout.variant-b .store-intro {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(250px, 1fr);
    align-items: center;
    gap: var(--menu-space-6);
    padding: 0 0 24px;
    margin: 0 0 4px;
  }
  .menu-layout.variant-b .store-intro-copy { display: grid; gap: var(--menu-space-2); }
  .menu-layout.variant-b .eyebrow { color: var(--brand-700); }
  .menu-layout.variant-b .store-intro h1 { font-size: var(--text-title); text-wrap: pretty; }
  .menu-layout.variant-b .intro-alt { display: block; color: var(--ink-600); font-size: var(--menu-type-secondary); }
  .menu-layout.variant-b .services { gap: 8px 20px; justify-self: end; font-size: var(--menu-type-secondary); max-width: 400px; }
  .menu-layout.variant-b .services li { align-items: flex-start; }
  .menu-layout.variant-b .services .icon { margin-top: 3px; }

  .menu-layout.variant-b .menu-toolbar { grid-column: 2; grid-row: 2; padding: 0; margin: 0; background: var(--paper-50); }
  .menu-layout.variant-b .search { flex: 1; min-width: 0; }
  .menu-layout.variant-b .search input { height: 48px; background: var(--menu-surface); border-radius: var(--radius-lg); }
  .menu-layout.variant-b .search .clear { height: 48px; }
  .menu-layout.variant-b .menu-toolbar .chips,
  .menu-layout.variant-b .toolbar-note { display: none; }

  .menu-layout.variant-b .category-rail {
    grid-column: 1;
    grid-row: 2 / span 2;
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: sticky;
    top: var(--menu-sticky-top, calc(var(--header-h) + 20px));
    max-height: var(--menu-rail-height, calc(100dvh - var(--header-h) - 40px));
    overflow-y: auto;
    padding: 0 4px 4px;
    margin: 0 -4px;
  }
  .menu-layout.variant-b .rail-label { padding: 12px 12px 16px; color: var(--ink-600); font-size: var(--menu-type-secondary); font-weight: 600; }
  .menu-layout.variant-b .category-item {
    position: relative;
    flex: none;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 3px 10px;
    align-items: center;
    min-height: 72px;
    width: 100%;
    padding: 14px 10px;
    border: 1px solid transparent;
    border-radius: var(--radius-lg);
    background: transparent;
    color: var(--ink-700);
    text-align: left;
    transition: background-color 160ms var(--ease), color 160ms var(--ease);
  }
  .menu-layout.variant-b .category-icon { grid-column: 1; grid-row: 1 / span 2; display: grid; place-items: center; }
  .menu-layout.variant-b .category-icon .icon { width: 20px; height: 20px; }
  .menu-layout.variant-b .category-primary { font-size: var(--menu-type-body); font-weight: 600; line-height: 1.4; overflow-wrap: break-word; }
  .menu-layout.variant-b .category-secondary { grid-column: 2; color: var(--ink-600); font-size: var(--menu-type-label); line-height: 1.4; overflow-wrap: break-word; }
  .menu-layout.variant-b .category-item:hover { background: var(--paper-100); }
  .menu-layout.variant-b .category-item[aria-pressed="true"] { background: var(--menu-selected); color: var(--brand-700); }
  .menu-layout.variant-b .category-item[aria-pressed="true"]::before { content: ""; position: absolute; left: 0; top: 20px; bottom: 20px; width: 3px; border-radius: 0 3px 3px 0; background: var(--brand-600); }
  .menu-layout.variant-b .category-item:active { background: var(--brand-100); }
  .menu-layout.variant-b .rail-note { display: none; }

  .menu-layout.variant-b .menu-results { grid-column: 2; grid-row: 3; min-width: 0; }
  .menu-layout.variant-b .results-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--menu-space-3); padding: 0 0 14px; }
  .menu-layout.variant-b .results-head h2 { display: block; font-size: var(--menu-type-title); flex: none; }
  .menu-layout.variant-b .result-line { margin: 0; min-height: 0; text-align: right; overflow-wrap: anywhere; }
  .menu-layout.variant-b .product-grid { grid-template-columns: minmax(0, 1fr); gap: var(--menu-space-3); }
  .menu-layout.variant-b .menu-category-section { min-width: 0; scroll-margin-top: var(--menu-sticky-top, var(--header-h)); }
  .menu-layout.variant-b .menu-category-title { display: flex; align-items: baseline; gap: var(--menu-space-2); padding: var(--menu-space-4) 0 var(--menu-space-3); font-size: var(--text-lg); line-height: 1.4; color: var(--menu-ink); overflow-wrap: anywhere; }
  .menu-layout.variant-b .menu-category-title span { color: var(--ink-600); font-size: var(--text-xs); font-weight: 400; }
  .menu-layout.variant-b .category-products { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--appearance-gap, var(--menu-space-3)); }
  .menu-layout.variant-b .product { flex-direction: row; align-items: center; gap: var(--space-gap); padding: var(--space-card); border-radius: var(--radius-lg); background: var(--menu-surface); }
  .menu-layout.variant-b .product-image { width: clamp(80px, 18cqi, 144px); height: auto; flex: none; aspect-ratio: 1; border-radius: var(--radius); }
  .menu-layout.variant-b .product .flags { top: 6px; left: 6px; max-width: calc(100% - 12px); }
  .menu-layout.variant-b .product .flags .tag { gap: 3px; padding: 3px 5px; font-size: var(--text-2xs); }
  .menu-layout.variant-b .product-body { flex: 1; min-width: 0; flex-direction: row; align-items: center; gap: var(--menu-space-4); padding: 0; }
  .menu-layout.variant-b .product-info { display: grid; gap: 6px; flex: 1; min-width: 0; }
  .menu-layout.variant-b .product-body h3 { font-size: var(--menu-type-card); text-wrap: pretty; overflow-wrap: anywhere; }
  .menu-layout.variant-b .product-body .alt { font-size: var(--menu-type-secondary); overflow-wrap: anywhere; }
  .menu-layout.variant-b .product-meta { margin-top: 6px; font-size: var(--menu-type-small); }
  .menu-layout.variant-b .product-foot { flex: none; flex-direction: column; align-items: flex-end; gap: var(--menu-space-4); padding: 0; margin: 0; }
  .menu-layout.variant-b .product .price { color: var(--brand-700); font-size: var(--text-xl); }
  .menu-layout.variant-b .add-button { min-width: 94px; height: 44px; }
  .menu-layout.variant-b .product-grid.is-empty .state-block { min-height: 280px; border: 1px dashed var(--line-200); border-radius: var(--radius-lg); }

  [data-theme="dark"] .menu-layout.variant-b {
    --menu-surface: #29231f;
    --menu-selected: #482c28;
    --paper-50: #201b18;
    --paper-100: #322923;
    --paper-200: #3e342d;
    --ink-900: #faf2e9;
    --ink-700: #e7dcd1;
    --ink-600: #c8b9ac;
    --line-200: #514237;
    --line-300: #715b4b;
    --brand-700: #ffb8aa;
    --brand-100: #60352e;
  }
}

@media (min-width: 1200px) {
  .menu-layout.variant-b { grid-template-columns: clamp(144px, 12vw, 200px) minmax(0, 1fr) clamp(300px, 23vw, 380px); }
  .menu-layout.variant-b .cart-panel {
    grid-column: 3;
    grid-row: 2 / span 2;
    top: calc(var(--header-h) + 20px);
    max-height: calc(100dvh - var(--header-h) - 40px);
    border-radius: var(--radius-sheet);
    background: var(--menu-surface);
    box-shadow: var(--shadow-1);
    overflow: hidden;
  }
  .menu-layout.variant-b .cart-head { flex: none; min-height: 64px; padding: var(--menu-space-4); background: var(--paper-100); }
  .menu-layout.variant-b .cart-head h2 { font-size: var(--menu-type-card); }
  .menu-layout.variant-b .cart-head h2 > .icon { color: var(--brand-600); }
  .menu-layout.variant-b .cart-empty { padding: 40px 12px; }
  .menu-layout.variant-b .cart-line { grid-template-columns: 44px minmax(0, 1fr) 32px; gap: 8px 10px; padding: 16px 0; }
  .menu-layout.variant-b .cart-thumb { display: block; grid-column: 1; grid-row: 1 / span 2; width: 44px; height: 44px; border-radius: var(--radius-sm); overflow: hidden; background: var(--paper-200); }
  .menu-layout.variant-b .cart-thumb img { width: 100%; height: 100%; object-fit: cover; }
  .menu-layout.variant-b .cart-line .line-name { grid-column: 2 / -1; gap: var(--menu-space-1); line-height: 1.4; }
  .menu-layout.variant-b .cart-line .line-name small { font-size: var(--menu-type-small); }
  .menu-layout.variant-b .cart-line .line-total { grid-column: 2 / -1; grid-row: 2; font-size: var(--menu-type-body); font-weight: 700; }
  .menu-layout.variant-b .cart-line .stepper { grid-column: 2; grid-row: 3; }
  .menu-layout.variant-b .cart-line .remove { grid-column: 3; grid-row: 3; }
  .menu-layout.variant-b .cart-foot { flex: none; gap: 14px; padding: var(--menu-space-4); }
  .menu-layout.variant-b .cart-foot .totals { font-size: var(--menu-type-secondary); }
  .menu-layout.variant-b .cart-foot .totals dd { white-space: normal; text-align: right; }
  .menu-layout.variant-b .cart-foot .settle-note { font-size: var(--menu-type-small); line-height: 1.5; }
}

@media (min-width: 768px) and (max-width: 899px) {
  .menu-layout.variant-b { --menu-gap: var(--menu-space-5); grid-template-columns: 144px minmax(0, 1fr); }
  .menu-layout.variant-b .store-intro { grid-template-columns: minmax(0, 1fr); gap: var(--menu-space-4); }
  .menu-layout.variant-b .services { justify-self: start; max-width: none; font-size: var(--menu-type-small); }
  .menu-layout.variant-b .product { gap: 14px; }
  .menu-layout.variant-b .product-body h3 { font-size: var(--menu-type-card); }
  .menu-layout.variant-b .product-body .alt { font-size: var(--menu-type-small); }
  .menu-layout.variant-b .product .price { font-size: var(--text-lg); }
  .menu-layout.variant-b .product-foot { gap: var(--menu-space-3); }
}

/* Approved capsule direction, adapted to the desktop's category/menu/cart columns. */
@media (min-width: 768px) {
  html:not([data-customer-design="b"]) body.customer-app .page:has(.store-intro[data-store-cover]) { padding-top: 0; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .store-intro[data-store-cover] { padding-block: 24px 32px; margin-bottom: 0; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .store-intro-copy { padding: 12px 16px; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .services { padding: 12px 16px; }
  html:not([data-customer-design="b"]) body.customer-app .site-nav a { border-radius: 12px; color: #555; }
  html:not([data-customer-design="b"]) body.customer-app .site-nav a[aria-current="page"] { background: white; color: var(--capsule-ink); }
  html:not([data-customer-design="b"]) body.customer-app [data-store-cover] .site-nav a[aria-current="page"] { background: transparent; }
  html:not([data-customer-design="b"]) body.customer-app .site-nav a[aria-current="page"]::after { content: ''; position: absolute; bottom: 3px; left: calc(50% - 10px); width: 20px; height: 3px; border-radius: 2px; background: var(--capsule-accent); }
  html:not([data-customer-design="b"]) body.customer-app .site-nav .nav-count { background: var(--capsule-accent); color: var(--capsule-on-accent); }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .category-rail { gap: 0; padding: 8px 0; margin: 0; background: #F6F6F6; border: 0; border-radius: 16px; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b :is(.rail-label, .category-icon, .category-secondary) { display: none; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .category-item { display: flex; align-items: center; min-height: 60px; padding: 14px 20px; border: 0; border-radius: 0; background: transparent; color: var(--capsule-ink); box-shadow: none; transform: none; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .category-item:hover { background: #EEE; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .category-item[aria-pressed="true"] { background: white; color: var(--capsule-ink); }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .category-item[aria-pressed="true"]::before { top: 18px; bottom: 18px; width: 3px; background: var(--capsule-accent); }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .category-primary { font-weight: 400; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .category-item[aria-pressed="true"] .category-primary { font-weight: 700; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .menu-toolbar { background: transparent; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .search { border-radius: 24px; background: #F6F6F6; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .search input { border-radius: 24px; background: #F6F6F6; border-color: transparent; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .product { border-radius: 16px; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .product .price { color: var(--capsule-ink); }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .add-button { position: relative; min-width: 88px; height: 44px; padding: 0 18px; border: 0; border-radius: 22px; background: var(--capsule-accent); color: var(--capsule-on-accent); font-size: 14px; font-weight: 600; gap: 0; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .add-button:hover:not(:disabled) { background: var(--capsule-hover); transform: none; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .add-button:disabled { background: #EEE; color: #696969; opacity: 1; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .add-button > :is(.icon,.label) { display: none; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .add-button .capsule-choice-label { display: inline; white-space: nowrap; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .add-button .in-cart { position: absolute; top: -4px; right: -3px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--capsule-cart); color: white; font-size: 11px; line-height: 18px; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .cart-panel { border: 1px solid #E8E8E8; border-radius: 24px; box-shadow: 0 8px 24px #22222208; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .cart-head { background: var(--capsule-cart); color: white; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .cart-head :is(h2, .icon, .text-button) { color: white; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .cart-head .nav-count { background: var(--capsule-accent); color: var(--capsule-on-accent); }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .cart-foot .button.primary { border: 0; border-radius: 28px; min-height: 52px; background: var(--capsule-accent); color: var(--capsule-on-accent); }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .cart-foot .button.primary:hover:not(:disabled) { background: var(--capsule-hover); }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b .cart-foot .button.primary:disabled { background: #EEE; color: #696969; }
  html:not([data-customer-design="b"]) body.customer-app :is(.site-nav a, .category-item, .add-button, [data-checkout]):focus-visible { outline: 2px solid var(--capsule-ink); outline-offset: 3px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  html:not([data-customer-design="b"]) body.customer-app #cart-bar { left: max(24px, calc((100vw - 760px) / 2)); right: max(24px, calc((100vw - 760px) / 2)); bottom: 20px; min-height: 56px; padding: 0; border: 0; border-radius: 30px; background: var(--capsule-cart); box-shadow: 0 8px 24px #2222; gap: 0; overflow: hidden; }
  html:not([data-customer-design="b"]) body.customer-app #cart-bar .cart-summary { flex: 1; min-width: 0; min-height: 56px; padding: 0 24px; color: white; }
  html:not([data-customer-design="b"]) body.customer-app #cart-bar :is(.cart-sum, .cart-sum small, .bag) { color: white; background: transparent; }
  html:not([data-customer-design="b"]) body.customer-app #cart-bar .nav-count { background: var(--capsule-accent); color: var(--capsule-on-accent); }
  html:not([data-customer-design="b"]) body.customer-app #cart-bar .button { min-height: 56px; min-width: 160px; border: 0; border-radius: 0; margin: 0; padding: 0 24px; background: var(--capsule-accent); color: var(--capsule-on-accent); }
  html:not([data-customer-design="b"]) body.customer-app #cart-bar .button:hover:not(:disabled) { background: var(--capsule-hover); }
  html:not([data-customer-design="b"]) body.customer-app #cart-bar .button:disabled { background: #EEE; color: #696969; }
}

/* Desktop cart: compact dishes, stable quantity controls and a persistent checkout. */
@media (min-width: 1200px) {
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b #cart-panel {
    border-color: var(--line-200); border-radius: 20px; background: var(--menu-surface);
    max-height: var(--cart-available-height, calc(100dvh - var(--header-h) - 40px));
    box-shadow: 0 8px 28px rgb(0 0 0 / 5%);
  }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b #cart-panel .cart-head {
    min-height: 72px; padding: 16px; background: var(--menu-surface); color: var(--ink-900);
  }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b #cart-panel .cart-head h2 { color: var(--ink-900); font-size: var(--text-lg); gap: 8px; }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b #cart-panel .cart-head h2 > .icon { width: 22px; height: 22px; color: var(--brand-600); }
  html:not([data-customer-design="b"]) body.customer-app .menu-layout.variant-b #cart-panel .cart-head .text-button { color: var(--ink-600); min-height: 40px; padding: 8px; border-radius: 8px; text-decoration: none; font-size: var(--text-xs); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-head .nav-count { min-width: 24px; height: 24px; display: inline-grid; place-items: center; padding: 0 6px; font-size: var(--text-xs); border-radius: 8px; background: var(--brand-50); color: var(--brand-700); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-body { padding: 0 16px; scrollbar-width: thin; overscroll-behavior: contain; scroll-padding-block: 12px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-line { position: relative; grid-template-columns: 52px minmax(0, 1fr) 32px; gap: 12px; padding: 20px 0; border-bottom-style: solid; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-thumb { width: 52px; height: 52px; grid-row: 1; border-radius: 10px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .line-name { grid-column: 2; grid-row: 1; align-content: start; gap: 4px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .line-name strong { font-size: var(--text-base); line-height: 1.4; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .line-name small { font-size: var(--text-xs); line-height: 1.5; color: var(--ink-600); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .line-name .modifier-invalid { color: var(--danger-700, #a52b25); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel [data-edit-line] { justify-self: start; justify-content: flex-start; min-height: 32px; padding: 4px 6px; margin-left: -6px; border-radius: 6px; font-size: var(--text-xs); text-decoration: none; color: var(--brand-700); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel [data-edit-line] .icon { width: 14px; height: 14px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-line-actions { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .line-total { min-width: 0; align-self: center; font-size: var(--text-base); font-weight: 700; overflow-wrap: anywhere; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .stepper { flex: none; border: 1px solid var(--line-200); border-radius: 20px; overflow: visible; background: var(--paper-100); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .stepper button { width: 36px; height: 36px; min-height: 36px; border-radius: 50%; background: transparent; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .stepper button[data-step="1"] { background: var(--brand-600); color: #fff; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .stepper .qty { min-width: 32px; font-size: var(--text-sm); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .stepper button:disabled { background: transparent; color: var(--ink-400); opacity: .6; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .remove { grid-column: 3; grid-row: 1; align-self: start; width: 32px; height: 32px; min-height: 32px; border-radius: 8px; color: var(--ink-600); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .remove .icon { width: 16px; height: 16px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-foot { gap: 12px; padding: 16px; background: var(--paper-100); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .totals { gap: 8px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .totals > div:first-child { align-items: baseline; color: var(--ink-900); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .totals > div:first-child dd { font-size: var(--text-xl); font-weight: 700; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .totals > div:not(:first-child) { font-size: var(--text-xs); color: var(--ink-600); }
  /* Payment choices belong to checkout; keep room for dishes in this sidebar. */
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .settle-note { display: none; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel [data-checkout] { width: 100%; justify-content: space-between; padding: 14px 20px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-undo { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--line-200); background: var(--brand-50); font-size: var(--text-xs); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-undo > span { min-width: 0; overflow-wrap: anywhere; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-undo button { flex: none; min-height: 36px; color: var(--brand-700); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-empty { padding: 32px 8px; gap: 12px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-empty > .icon { width: 44px; height: 44px; color: var(--ink-600); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-empty p { font-size: var(--text-base); color: var(--ink-900); font-weight: 600; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .cart-empty .button { margin-top: 4px; border-radius: 24px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel button { transition: background-color 150ms var(--ease), color 150ms var(--ease); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel button:focus-visible { outline: 2px solid var(--brand-700); outline-offset: 3px; }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel :is(.cart-head .text-button, [data-edit-line], .remove, .stepper button):hover:not(:disabled) { background: var(--brand-50); color: var(--brand-700); }
  html:not([data-customer-design="b"]) body.customer-app #cart-panel .stepper button[data-step="1"]:hover:not(:disabled) { background: var(--brand-700); color: #fff; }
}