/* Keep the one existing confirmation control reachable on small screens. */
.choice-confirm-bar { display: none; }
body.has-choice-confirm { padding-bottom: var(--choice-confirm-height, 100px); }
@media (max-width: 600px) {
  .choice-confirm-bar.is-docked {
    display: block; position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; margin: auto;
    width: min(100%, var(--choice-confirm-width, 560px)); box-sizing: border-box;
    padding: 12px 18px calc(12px + env(safe-area-inset-bottom, 0px));
    background: #fffaf1; border-top: 1px solid #cfe0d8;
    box-shadow: 0 -5px 18px rgba(23, 62, 54, .06);
  }
  .choice-confirm-bar.is-docked > button { width: 100%; margin: 0; min-height: 56px; white-space: normal; }
}