@media (max-width: 800px) {
  html:not(.ios-device) #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .footer,
  html:not(.ios-device) #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .footer {
    bottom: 0;
    padding-bottom: 0;
    min-height: 48px;
    box-shadow: none;
  }

  html:not(.ios-device) #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .list_wrapper,
  html:not(.ios-device) #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .form_wrapper {
    padding-bottom: 72px;
  }

  html:not(.ios-device) #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .footer {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 8px;
    z-index: 70;
    margin: 0;
    height: auto;
    min-height: 48px;
    background: #fff;
    box-shadow: 0 -10px 18px rgba(255, 255, 255, 0.98);
    pointer-events: auto;
  }

  html:not(.ios-device) #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .form_wrapper {
    padding-bottom: 104px;
  }

  @supports (-webkit-touch-callout: none) {
    html.ios-device #shippingAddressListModal.modalpage,
    html.ios-device #shippingAddAddressModal.modalpage {
      height: 100dvh;
      min-height: -webkit-fill-available;
      overflow: hidden;
    }

    html.ios-device #shippingAddressListModal.modalpage .modal-dialog.shippingAddressModal.shippingAddAddressModal,
    html.ios-device #shippingAddAddressModal.modalpage .modal-dialog.shippingAddressModal.shippingAddAddressModal {
      display: block;
      min-height: 100%;
      height: 100%;
      margin: 0;
      overflow: hidden;
    }

    html.ios-device #shippingAddressListModal.modalpage .modal-dialog.shippingAddressModal.shippingAddAddressModal .modal-content,
    html.ios-device #shippingAddAddressModal.modalpage .modal-dialog.shippingAddressModal.shippingAddAddressModal .modal-content {
      height: 100%;
      min-height: 100%;
      padding: 16px;
    }

    html.ios-device #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body,
    html.ios-device #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section,
    html.ios-device #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper,
    html.ios-device #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body,
    html.ios-device #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section,
    html.ios-device #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper {
      height: 100%;
      min-height: 0;
    }

    html.ios-device #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper,
    html.ios-device #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper {
      position: relative;
      display: flex;
      flex-direction: column;
    }

    html.ios-device #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .footer,
    html.ios-device #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .footer {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 18px;
      margin-top: 0;
      gap: 0;
      justify-content: flex-end;
      background: #fff;
      box-shadow: 0 -10px 18px rgba(255, 255, 255, 0.98);
      padding-top: 8px;
      padding-bottom: max(0px, calc(env(safe-area-inset-bottom) - 8px));
      z-index: 60;
      min-height: calc(56px + env(safe-area-inset-bottom));
      height: auto;
    }

    html.ios-device #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .list_wrapper,
    html.ios-device #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .body_wrapper .form_wrapper {
      flex: 1 1 auto;
      min-height: 0;
      margin-bottom: 0;
      height: auto;
      padding-bottom: calc(92px + env(safe-area-inset-bottom));
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }

    html.ios-device #shippingAddressListModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .btn-back1,
    html.ios-device #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .btn-back1,
    html.ios-device #shippingAddAddressModal.modalpage .shippingAddressModal .modal-content .modal-body .shipping_section .btn-bin1 {
      z-index: 90;
      pointer-events: auto;
    }
  }
}