/* fix-pk-modals — правки ПК 07.11: все попапы (механика появления, обводка, высота) и формы заявок.
   Логика форм и переход в WhatsApp — assets/js/final.js. */

/* ---------- 1. Плавное появление без «догоняющего» блюра ----------
   Было: блюр стоял на панели (backdrop-filter), а opacity анимировалась у её предка .modal__frame. Пока у предка opacity < 1,
   браузер размывает только содержимое предка (он становится корнем backdrop) — страница под окном не размыта, и блюр
   «включался» рывком в конце перехода (~0,5 с, в Safari сильнее).
   Стало: блюр — на подложке, сразу в финальном значении; анимируется только opacity подложки и окна (+ лёгкий сдвиг окна),
   transition на backdrop-filter нет. Внутри окна backdrop-filter не используется — нечему «догонять».
   Подложка и окно появляются одновременно и за одно время. */
.modal__overlay{
  background:rgba(1,1,3,.62);
  -webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15);
  will-change:opacity;
  transition:opacity .24s var(--ease-io)}
.modal.is-open .modal__overlay{transition:opacity .34s var(--ease)}
.modal__frame{will-change:opacity,transform;transform:translateY(16px) scale(.985);
  transition:opacity .24s var(--ease-io),transform .24s var(--ease-io)}
.modal.is-open .modal__frame{transition:opacity .34s var(--ease),transform .34s var(--ease)}
/* окно — плотное «стекло» без собственного backdrop-filter (под ним уже размытая подложка) */
.modal__panel{-webkit-backdrop-filter:none;backdrop-filter:none;
  background:linear-gradient(160deg,rgba(30,32,38,.86),rgba(12,13,17,.9))}
.modal__close,.modal__nav{-webkit-backdrop-filter:none;backdrop-filter:none}

/* ---------- 2. Без контурной обводки окна ---------- */
.modal__panel::before{display:none}
.modal__panel{outline:0;border:0}

/* ---------- 3. Формы попапов: имя + телефон (+ ниша у «Подбора») и кнопка ---------- */
.mpop .fform__bottom{margin-top:28px}
.fthanks__wa{display:inline-block;margin-left:2px;color:var(--c-gold);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;transition:color var(--t-fast) ease}
.fthanks__wa:hover{color:var(--c-white)}
.fthanks__wa[hidden]{display:none}

/* ---------- меню (бургер, ≤1023): блюр в финальном значении, анимируется только opacity ---------- */
@media (max-width:1023px){
  .hdr__nav{will-change:opacity}
}

/* ---------- 6. ПК: попапы форм помещаются по высоте без внутреннего скролла (1280×720 и выше) ---------- */
@media (min-width:1280px){
  .mpop__in{padding:40px 44px 36px 48px}
  .mpop .fthanks{min-height:300px}
}
@media (min-width:1280px) and (max-height:800px){
  .mpop__in{padding:32px 40px 28px 44px}
  .mpop__lead{margin:12px 0 22px}
}