@media (max-width: 700px) {
  .ob-offer-layer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1200 !important;
    padding: 0 !important;
    place-items: stretch !important;
    overscroll-behavior: contain;
  }

  .ob-offer-dialog {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: auto !important;
    overscroll-behavior: contain;
    padding-top: max(16px, env(safe-area-inset-top)) !important;
    padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
  }

  .ob-offer-dialog button,
  .ob-offer-dialog input,
  .ob-offer-dialog select,
  .ob-offer-dialog textarea {
    min-height: 44px;
  }
}