/* форма заявки */
.lead-form .lead-fields{display:grid;gap:12px}
@media(min-width:720px){.lead-form .lead-fields{grid-template-columns:1fr 1fr}.lead-form .lead-field-full{grid-column:1/-1}}
.lead-form input[type=text],.lead-form input[type=tel],.lead-form textarea{width:100%;padding:14px;border:1px solid var(--line);font:inherit;background:#fff;border-radius:0}
.lead-form input:focus,.lead-form textarea:focus{outline:2px solid var(--red);outline-offset:-1px}
.lead-hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.lead-agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:14px 0 0;line-height:1.5;cursor:pointer}
.lead-agree input{margin-top:3px;flex:0 0 auto;width:18px;height:18px;accent-color:var(--red);cursor:pointer}
.lead-agree a{color:var(--red);text-decoration:underline}
.lead-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:16px}
.lead-form .btn[disabled]{opacity:.6;cursor:default}
.lead-status{font-size:14px;line-height:1.4}
.lead-status.is-ok{color:#1a7f37;font-weight:700}
.lead-status.is-err{color:var(--red);font-weight:700}
.lead-note{color:var(--muted);font-size:13px;margin-top:14px}

/* ==========================================================================
   Модальное окно с формой заявки
   Общее для всех страниц: подключается в шапках (head, head_club, head_usluga)
   ========================================================================== */
.lead-modal{
    position: fixed;
    inset: 0;
    z-index: 300;
    display: none;
}
.lead-modal.is-open{
    display: block;
}
.lead-modal__backdrop{
    position: absolute;
    inset: 0;
    background: rgba(8, 8, 8, .62);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.lead-modal__box{
    position: relative;
    z-index: 1;
    width: min(560px, calc(100% - 32px));
    max-height: 88vh;
    overflow-y: auto;
    margin: 6vh auto 0;
    padding: 28px;
    border-radius: 16px;
    background: #fff;
    color: var(--ink);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}
.lead-modal__close{
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    color: var(--ink);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition: border-color .18s, background .18s;
}
.lead-modal__close:hover{
    border-color: var(--red);
    background: var(--mist);
}
.lead-modal__title{
    margin: 0 0 6px;
    font-size: 24px;
    letter-spacing: -.03em;
}
.lead-modal__note{
    margin: 0 0 18px;
    font-size: 14px;
    color: var(--muted);
}
body.lead-modal-open{
    overflow: hidden;
}

/* кнопка-триггер: выглядит как ссылка в меню, но это <button> */
.drawer nav button.accent{
    width: 100%;
    text-align: left;
    font: inherit;
    font-weight: 800;
    padding: 14px 14px;
    border-radius: 12px;
    cursor: pointer;
    color: #fff;
    background: var(--red);
    border: 1px solid var(--red);
}
.nav-cta{
    cursor: pointer;
    font: inherit;
}

@media (max-width: 520px){
    .lead-modal__box{
        margin-top: 0;
        width: 100%;
        max-height: 100vh;
        height: 100%;
        border-radius: 0;
        padding: 24px 18px;
    }
}