/* Payment pages only: mobile utilities occupy the header, never the payment card. */
@media (max-width:700px) {
  .ff-mobile-payment-launcher {
    display:inline-flex;align-items:center;justify-content:center;flex:none;
    width:40px;height:40px;padding:0;margin:0;
    border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);
    background:var(--ff-bg-surface);color:var(--ff-text-secondary);cursor:pointer;
  }
  .ff-mobile-payment-launcher svg {width:20px;height:20px}
  .ff-mobile-payment-launcher:hover,.ff-mobile-payment-launcher[aria-expanded=true] {
    background:var(--ff-bg-subtle);color:var(--ff-accent-text);
  }
  .ff-mobile-payment-launcher:focus-visible {outline:2px solid var(--ff-focus);outline-offset:2px}
  .ff-utility-dock.ff-mobile-payment-tools {
    position:static;inset:auto;z-index:auto;order:5;flex:0 0 100%;
    width:100%;max-width:100%;margin:0;padding:8px 0 0;
    display:flex;flex-flow:row wrap;align-items:flex-start;gap:8px;
    border-top:1px solid var(--ff-border);
  }
  .ff-utility-dock.ff-mobile-payment-tools:not(.is-open),
  .ff-utility-dock.ff-mobile-payment-tools[hidden],
  .ff-utility-dock.ff-mobile-payment-tools [hidden] {display:none}
  .ff-mobile-payment-tools .ff-theme-control,.ff-mobile-payment-tools .ff-language-control {display:contents}
  .ff-utility-dock.ff-mobile-payment-tools .ff-theme-menu,
  .ff-utility-dock.ff-mobile-payment-tools .ff-language-menu {
    position:static;inset:auto;order:2;flex:0 0 100%;width:100%;max-width:100%;
    max-height:none;box-sizing:border-box;box-shadow:none;
  }
  .ff-mobile-payment-toolbar {
    display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;
    margin:0 12px;padding:8px 0;
  }
  body.modal-open .ff-mobile-payment-launcher,
  body:has(dialog[open]) .ff-mobile-payment-launcher,
  body:has(.ff-user-sidebar.is-open) .ff-mobile-payment-launcher,
  body:has(.ff-public-nav.is-open) .ff-mobile-payment-launcher,
  body.ff-chat-open .ff-mobile-payment-launcher {visibility:hidden;pointer-events:none}
}