#productsModal.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;
}

#productsModal.modal-overlay.active {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#productsModal.modal-overlay > .modal {
  display: block !important;
  position: relative;
  top: auto;
  left: auto;
  width: min(1100px, 94vw);
  max-height: 90vh;
  height: auto;
  overflow: hidden;
  z-index: 1;
}