/* Shared by both storefronts and the merchant console, including lazy dialogs.
   iOS focuses text controls without page zoom when their effective font is >=16px.
   Do not restrict user scaling or intercept native keyboard scrolling. */
@media (max-width: 760px), (max-width: 1024px) and (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]):not([type="color"]),
  :root body textarea,
  :root body select,
  [contenteditable=""],
  [contenteditable="true"],
  [contenteditable="plaintext-only"] {
    font-size: 16px !important;
  }
  @supports (min-height: 100svh) {
    .site-shell, .b-shell, .pc-shell, .pc-auth, .pc-loading {
      min-height: 100svh;
    }
    .pc-main { min-height: calc(100svh - 140px); }
  }
  /* A's shared login/share dialogs must remain scrollable on short viewports.
     Keep dvh here: unlike the page shell, a dialog must fit available height. */
  .modal { max-height: calc(100dvh - 24px); overflow-y: auto; }
  .modal-backdrop, .pc-modal-backdrop { overflow-y: auto; }
}