/*
 * Модалка заявки (templates/partials/_lead_modal_premium.html).
 * Размеры — свои классы: output.css собран заранее и нужных утилит не содержит.
 * Цель — форма целиком без прокрутки на обычных экранах; на низких прячем второстепенное.
 */
#leadModal{padding:1rem}
#leadModalContent{max-height:calc(100dvh - 2rem);overflow-y:auto;scrollbar-width:thin}
.lm-body{padding:1.5rem 1.75rem 1.5rem}
.lm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}
.lm-title{font-size:1.5rem;line-height:1.2}
.lm-sub{font-size:.875rem;margin-top:.4rem;line-height:1.35}
.lm-form>*+*{margin-top:.8rem}
.lm-field label{display:block;margin:0 0 .3rem .25rem}
.lm-input{padding:.8rem 1.1rem}
/* Чекбокс согласия lead-modal.js вставляет внутрь .lm-actions, прямо перед кнопкой */
.lm-actions{padding-top:.5rem}
.lm-form .js-consent{margin:0 0 .85rem!important}
.lm-submit{padding:.95rem 1rem;font-size:1.05rem}
#leadModal .msg-blk{margin-top:1.25rem;padding-top:1rem}
#leadModal .msg-blk__title{margin-bottom:.6rem}
#leadModal .msg-blk__qr-box{width:76px;height:76px}
#leadModal .msg-btn{padding:.6rem 1rem}
#leadModal .msg-blk__call{margin-top:.7rem}
@media (min-width:768px){
  .lm-body{padding:2rem 2.25rem 1.75rem}
  .lm-title{font-size:1.75rem}
}
/* Невысокий экран (ноутбук, окно браузера не на весь экран) */
@media (max-height:860px){
  .lm-body{padding:1.25rem 1.75rem 1.25rem}
  .lm-head{margin-bottom:.9rem}
  .lm-title{font-size:1.4rem}
  .lm-form>*+*{margin-top:.6rem}
  .lm-input{padding:.65rem 1rem}
  .lm-submit{padding:.8rem 1rem}
  .lm-form .js-consent{margin-bottom:.65rem!important}
  #leadModal .msg-blk{margin-top:.9rem;padding-top:.75rem}
  #leadModal .msg-blk__qr{display:none}
  #leadModal .msg-blk__btns{flex-direction:row}
  #leadModal .msg-btn{flex:1;padding:.55rem .8rem}
  #leadModal .msg-blk__call{margin-top:.5rem}
}
@media (max-height:700px){
  .lm-sub{display:none}
  .lm-title{font-size:1.25rem}
  .lm-field label{margin-bottom:.15rem}
  #leadModal .msg-blk__title,#leadModal .msg-blk__call{display:none}
}

/* Иконка «успешно» в формах заявок (partials/_success_check.html): круг с мягким ореолом и прорисовкой галочки */
.success-check { display: inline-flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem;
  border-radius: 9999px; background: linear-gradient(135deg, #34d399 0%, #059669 100%);
  box-shadow: 0 0 0 .5rem rgba(16, 185, 129, .14), 0 10px 24px -8px rgba(5, 150, 105, .55);
  animation: success-check-pop .45s cubic-bezier(.2, .9, .3, 1.3) both; }
.success-check svg { width: 62%; height: 62%; }
.success-check__mark { stroke: #fff; stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 40; stroke-dashoffset: 40; animation: success-check-draw .4s .25s ease-out forwards; }
.success-check--sm { width: 1.5rem; height: 1.5rem; margin-right: .5rem; vertical-align: -.35em;
  box-shadow: 0 0 0 .2rem rgba(16, 185, 129, .14); }
.success-check--sm .success-check__mark { stroke-width: 6; }
@keyframes success-check-pop { from { transform: scale(.6); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@keyframes success-check-draw { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) {
  .success-check, .success-check__mark { animation: none; stroke-dashoffset: 0; }
}