/* family · sections/lead-modal.css
   Попап-форма заявки. Механика та же, что у попапа квартиры (flat-modal),
   но бокс узкий (одна колонка-форма) и компонент самодостаточный —
   странице достаточно подключить только этот css, без flat-modal.css. */

.lead-modal{position:fixed;inset:0;z-index:75;display:flex;align-items:center;justify-content:center;padding:1rem;
  opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s;}
.lead-modal.is-open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s ease,visibility 0s;}
.lead-modal-bg{position:absolute;inset:0;background:rgba(15,22,18,.6);}
.lead-modal-box{position:relative;z-index:1;background:var(--paper);border-radius:.75rem;overflow-y:auto;
  width:100%;max-width:30rem;max-height:92vh;
  transform:translateY(14px);transition:transform .25s ease;}
.lead-modal.is-open .lead-modal-box{transform:none;}

@media (prefers-reduced-motion: reduce){
  .lead-modal,.lead-modal-box{transition:none;}
}