/* Окно заявки (#lead-pop): та же форма, что внизу в #access, поверх страницы.
   Открывают кнопки «Связаться», «Посмотреть, как это работает» и кнопки оборудования (js/lead-form.js). */
.pop { width: min(600px, calc(100% - 32px)); max-width: none; max-height: calc(100svh - 32px); padding: 0; border: 0; border-radius: 20px; background: var(--paper); color: var(--ink); overflow: auto; overscroll-behavior: contain; }
.pop:not([open]) { display: none; } /* без поддержки <dialog> (старый Safari) окно не рисуется на странице */
.pop::backdrop { background: rgba(12, 12, 12, .64); }
.pop[open] { animation: pop-in .24s var(--ease); }
@keyframes pop-in { from { opacity: 0; transform: translateY(16px); } }
@keyframes pop-up { from { opacity: 0; transform: translateY(48px); } }
.pop__card { --pad: clamp(24px, 3.2vw, 40px); padding: var(--pad); }
/* крестик в 14 px от углов окна и не уезжает, когда окно прокручивают (телефон); текст под ним начинается как без него */
.pop__close { position: sticky; top: 14px; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; margin: calc(14px - var(--pad)) calc(14px - var(--pad)) calc(var(--pad) - 58px) auto; padding: 0; border: 0; border-radius: 999px; background: var(--tile); color: var(--ink); cursor: pointer; }
.pop__close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
@media (hover: hover) { .pop__close:hover { background: var(--line); } }
.pop .access__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
.pop .access__text { gap: 12px; padding-right: 48px; }
.pop .h2 { font-size: clamp(28px, 2.6vw, 36px); }
.pop .lead { font-size: 17px; }
.pop .access__equipment { color: var(--ink); font-size: 15px; line-height: 1.5; }
.pop .form__send { flex-direction: column; align-items: flex-start; gap: 12px; }
.pop .access__followup { color: var(--muted); font-size: 14px; line-height: 1.5; }
.pop .done:focus-visible { outline: 2px solid var(--signal-text); outline-offset: 5px; }
/* страница под окном не прокручивается и не сдвигается вбок, когда пропадает полоса прокрутки */
html:has(.pop[open]) { overflow: hidden; scrollbar-gutter: stable; }
/* телефон: окно выезжает снизу во всю ширину */
@media (max-width: 560px) {
  .pop { width: 100%; margin: auto 0 0; border-radius: 20px 20px 0 0; max-height: calc(100svh - 16px); }
  .pop[open] { animation-name: pop-up; }
  .pop .form__send { align-items: stretch; }
  .pop .form__send .pill { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .pop[open] { animation: none; } }