/* Keep the PIX result reachable when the mobile viewport is short or resized. */
.pix-modal-overlay.patrao-pix-flow {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.pix-modal.patrao-pix-modal {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  flex: none;
}

.patrao-payment-body {
  padding-bottom: max(28px, env(safe-area-inset-bottom)) !important;
}