/* components/forms.css — shared forms (popup, contacts, B2B) */

/* Превью / hero-v2 promo: без cookie и timed popup */
.page-preview-v2 #cookieBanner,
.page-preview-v2 #timedPopup,
.page-promo-v2 #cookieBanner,
.page-promo-v2 #timedPopup {
    display: none !important;
}

.popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:10000;align-items:center;justify-content:center;padding:20px}.popup-overlay.active{display:flex}.consultation-popup{background:#fff;border-radius:12px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:popupSlideIn 0.3s ease}@keyframes popupSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.consultation-popup__content{padding:24px}.consultation-popup__manager{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.consultation-popup__manager-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.consultation-popup__manager-photo{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--color-accent)}.consultation-popup__manager-text{display:flex;flex-direction:column;gap:4px}.consultation-popup__manager-label{font-size:12px;color:var(--color-text-muted);margin:0}.consultation-popup__manager-name{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.consultation-popup__manager-id{font-size:12px;color:var(--color-text-muted);margin:0}.consultation-popup__manager-desc{font-size:13px;color:var(--color-text-muted);margin:0}.consultation-popup .mfp-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#f3f4f6;border:none;border-radius:8px;font-size:24px;line-height:32px;color:#6b7280;cursor:pointer;transition:all 0.2s}.consultation-popup .mfp-close:hover{background:#e5e7eb;color:var(--color-text)}.consultation-form__fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.consultation-form__label{display:flex;flex-direction:column}.consultation-form__input,.consultation-form__textarea{padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color 0.2s}.consultation-form__input:focus,.consultation-form__textarea:focus{outline:none;border-color:var(--color-accent)}.consultation-form__textarea{resize:vertical;min-height:70px}.consultation-form__error{font-size:12px;color:#ef4444;margin-top:4px;display:none}.consultation-form__label input:invalid:not(:placeholder-shown)+.consultation-form__error{display:block}.consultation-form__checkbox{margin-top:1rem;margin-bottom:16px}.consultation-form__checkbox .checkbox__txt,.consultation-form__checkbox .checkbox__txt p{color:var(--color-text)}.consultation-form__checkbox .checkbox__txt a{color:var(--color-text);text-decoration:underline}.consultation-form__checkbox .checkbox__txt a:hover{color:#e5bf38}.consultation-form__submit{width:100%;padding:14px;background:var(--color-accent);color:var(--color-text);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background 0.2s}.consultation-form__submit:hover{background:#e5bf38}.consultation-form__message{margin-top:12px;font-size:13px;text-align:center}.consultation-form__message.success{color:#10b981}.consultation-form__message.error{color:#ef4444}



.checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checkbox__input{flex-shrink:0;width:20px;height:20px;margin:0;margin-top:2px;vertical-align:top;accent-color:var(--color-accent)}.checkbox__txt{line-height:1.5}.checkbox__txt p{margin:0;line-height:inherit}

/* Contact page / generic lead forms */
.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 6px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.2s ease;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--color-accent, #f0cf4c);
}

.form-group textarea {
    resize: vertical;
    min-height: 120px;
}

.form-submit {
    width: 100%;
    padding: 14px;
    background: var(--color-accent, #f0cf4c);
    color: var(--color-text, #1a1a1a);
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.form-submit:hover {
    background: var(--color-accent-hover, #d4b73f);
}