.prefooter-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 110;
  width: 100vw;
  height: 100vh;
  max-width: 100dvw;
  max-height: 100dvh;
  display: none;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  pointer-events: none;
}
.prefooter-modal.opened {
  display: flex;
  pointer-events: all;
}
.modal-popup {
  width: 95vw;
  margin: auto;
  height: max-content;

  @media screen and (min-width: 768px) {
    width: 45vw;
  }

  @media screen and (min-width: 1600px) {
    width: 35vw;
  }
}
.modal-popup form input[type=email],
.modal-popup form input[type=file],
.modal-popup form input[type=number],
.modal-popup form input[type=password],
.modal-popup form input[type=search],
.modal-popup form input[type=tel],
.modal-popup form input[type=text],
.modal-popup form select,
.modal-popup iframe form input[type=email],
.modal-popup iframe form input[type=file],
.modal-popup iframe form input[type=number],
.modal-popup iframe form input[type=password],
.modal-popup iframe form input[type=search],
.modal-popup iframe form input[type=tel],
.modal-popup iframe form input[type=text],
.modal-popup iframe form select {
  width: 100% !important;
}

body.prefooter-modal-opened {
  overflow: hidden;
}
.shippy-landings .pre-footer {
  // min-height: 350px !important;

  @media screen and (min-width: 765px) {
    // min-height: 550px !important;
  }
}