.jc-popup {
  width: min(560px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: #211f1d;
  color: #eee1c8;
  overflow: auto;
  overscroll-behavior: contain;
  box-shadow: 0 18px 65px #0006;
}
.jc-popup::backdrop { background: #100d09b0; backdrop-filter: blur(4px); }
.jc-popup .jc-popup-inner { display: grid; }
.jc-popup .jc-popup-form { grid-area: 1 / 1; min-width: 0; }
.jc-popup .jc-popup-close {
  grid-area: 1 / 1;
  align-self: start;
  justify-self: end;
  position: sticky;
  top: 8px;
  z-index: 2;
  width: 44px;
  height: 44px;
  margin: 8px 10px 0 0;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #211f1d;
  color: #b8ad9b;
  font: 24px/1 system-ui, sans-serif;
  cursor: pointer;
}
.jc-popup .jc-popup-close:focus-visible { outline: 2px solid #eee1c8; outline-offset: -3px; }
.jc-popup .jc-form-host { width: 100%; max-width: 560px; }
.jc-popup .jc-kicker { padding-right: 44px; }
@media (max-width: 400px) {
  .jc-popup { width: calc(100% - 24px); max-height: calc(100dvh - 24px); }
  .jc-popup .jc-form-host .jc-main { padding: 28px 24px 22px; }
}