.auto-modal-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.6);
  display:none; align-items:center; justify-content:center;
  z-index:9999; padding:16px; box-sizing:border-box;
}
.auto-modal-overlay.is-visible{ display:flex; }

.auto-modal{
  background:#fff; border-radius:8px;
  max-width:650px; width:100%; max-height:90vh;
  box-sizing:border-box; padding:20px 20px 24px;
  position:relative; overflow-y:auto;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.auto-modal__close{
  position:absolute; top:10px; right:10px;
  border:none; background:transparent; padding:0;
  cursor:pointer; font-size:20px; line-height:1;
}
.auto-modal__title{ margin:0 32px 12px 0; font-size:20px; font-weight:600; }
.auto-modal__text{ margin:0 0 20px; font-size:14px; line-height:1.5; }

.auto-modal__btn{
  display:block; text-align:center; width:300px;
  margin:20px auto 0; background:#f79e9e; color:#000;
  padding:10px; text-transform:uppercase; text-decoration:none;
  border-radius:3px; font-weight:600;
}
.auto-modal__btn:active{ transform:translateY(1px); }

.auto-modal__ya-form-wrap{ width:100%; min-height:140px; }
.auto-modal__ya-form-wrap iframe{ width:100%!important; max-width:100%; border:0; }
.auto-modal__loading{ font-size:14px; color:#666; text-align:center; padding:24px 0; }

@media (max-width:480px){
  .auto-modal{ padding:16px 14px 20px; }
  .auto-modal__title{ font-size:18px; }
  .auto-modal__text{ font-size:13px; }
  .auto-modal__btn{ width:100%; }
}