.local-order-simulator { position: fixed; z-index: 120; right: .875rem; bottom: .875rem; width: min(19.375rem, calc(100vw - 1.75rem)); border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--line)); border-radius: .875rem; background: color-mix(in srgb, var(--surface-raised) 96%, transparent); box-shadow: 0 1.125rem 3rem rgb(0 0 0 / 20%); backdrop-filter: blur(.75rem); }
.local-order-simulator header { display: flex; align-items: center; justify-content: space-between; padding: .5rem .5625rem .5rem .8125rem; }
.local-order-simulator header strong { font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.local-order-simulator button { min-height: 2.75rem; border: 1px solid var(--line); border-radius: .5625rem; color: var(--ink); background: var(--surface); font: inherit; font-size: .7rem; font-weight: 800; }
.local-order-simulator header button { width: 3rem; color: var(--surface); border-color: transparent; background: var(--brand); }
.local-order-simulator button:hover:not(:disabled), .local-order-simulator button.active { border-color: var(--brand); color: var(--brand); }
.local-order-simulator button:disabled { cursor: wait; opacity: .5; }
.local-simulator-body { display: grid; grid-template-columns: 1fr 1fr; gap: .4375rem; padding: 0 .5625rem .625rem; }
.local-simulator-body[hidden] { display: none; }
.local-simulator-body > button:first-child, .local-simulator-body p { grid-column: 1 / -1; }
.local-simulator-body p { min-height: 2.5em; margin: .125rem .1875rem 0; color: var(--muted); font-size: .64rem; line-height: 1.4; }
.local-simulator-body p.error { color: var(--danger); }