@media (max-width:760px){
  .modal-bg{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center;
    overflow-y:auto;
    padding:calc(env(safe-area-inset-top) + 12px) 10px calc(100px + env(safe-area-inset-bottom))!important;
  }
  .modal{
    width:100%;
    max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 124px)!important;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:18px;
    border-radius:20px;
  }
  .modal-head{
    position:sticky;
    top:-18px;
    z-index:5;
    background:#fff;
    margin:-18px -18px 8px;
    padding:18px 18px 10px;
    border-radius:20px 20px 0 0;
  }
  .modal-form{gap:12px;margin-top:12px}
  .modal-form.two{grid-template-columns:1fr}
  .modal .field input,.modal .field select,.modal-form select{min-height:48px}
  .modal .primary{min-height:48px}
}