dialog.model-popup {
  position: fixed; inset: 0; width: min(1400px, 96vw); height: min(900px, 94vh);
  height: min(900px, 94dvh); max-width: none; max-height: none; margin: auto;
  padding: 0; border: 0; border-radius: 12px; overflow: hidden;
  background: #e8edeb; box-shadow: 0 20px 80px #0005;
}
dialog.model-popup::backdrop { background: #15231ecc; }
.model-popup iframe { display: block; width: 100%; height: 100%; border: 0; }
.model-popup .model-popup-close {
  position: absolute; top: 10px; right: 10px; z-index: 1;
  display: grid; place-items: center; width: 40px; height: 40px;
  padding: 0; border: 1px solid #d0dbd6; border-radius: 7px;
  background: #fafbf9; color: #203a35; font: 26px/1 Arial, sans-serif; cursor: pointer;
}
.model-popup .model-popup-close:focus-visible { outline: 2px solid #e95813; outline-offset: -3px; }
html.model-popup-open { overflow: hidden; }
@media (max-width: 620px) {
  dialog.model-popup { width: 96vw; height: 94vh; height: 94dvh; border-radius: 8px; }
}