/* Вопросы и ответы: существующая форма Bitrix inline/96/2jznbq. */

body.st-questions-v4:has(#ask-question:focus-within) jdiv {
    visibility: hidden;
}

body.st-questions-v4 .qa4-form-section {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    align-items: start;
    gap: 52px;
    margin-top: 64px;
    padding: 42px;
    border: 1px solid #e6e0f3;
    border-radius: 26px;
    background: #f7f5fc;
}

body.st-questions-v4 .qa4-form-copy {
    min-width: 0;
    padding-top: 5px;
}

body.st-questions-v4 .qa4-form-copy h2 {
    margin: 0 0 18px;
    color: #352c46;
    font-size: clamp(29px, 3vw, 38px);
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -.045em;
    text-wrap: balance;
}

body.st-questions-v4 .qa4-form-copy p:not(.qa4-eyebrow) {
    max-width: 42ch;
    margin: 0 0 18px;
    color: #756780;
    font-size: 13px;
    line-height: 1.9;
}

body.st-questions-v4 .qa4-form-wrapper {
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

/* Переменные Bitrix сохраняют штатные подписи, ошибки, согласия и состояния. */
body.st-questions-v4 .qa4-form-wrapper .b24-form {
    --b24-primary-color: #5146e5;
    --b24-primary-text-color: #fff;
    --b24-text-color: #51455f;
    --b24-background-color: #fff;
    --b24-field-border-color: #e6e0ef;
    --b24-field-background-color: #faf9fc;
    --b24-field-focus-background-color: #fff;
    --b24-font-family: "Manrope", sans-serif;
    max-width: 100%;
    min-width: 0;
    font-family: var(--font, "Manrope", sans-serif);
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-wrapper {
    max-width: 100%;
    min-width: 0;
    margin: 0;
    border: 1px solid #e4ddec;
    border-radius: 20px;
    background: #fff;
    box-shadow: none;
    font-family: var(--font, "Manrope", sans-serif);
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-header {
    padding: 26px 28px 14px;
    border: 0;
    text-align: left;
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-header-title {
    color: #41334f;
    font-family: var(--font, "Manrope", sans-serif);
    font-size: 23px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: -.035em;
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-header-desc {
    margin-top: 10px;
    color: #756780;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.8;
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-content {
    padding: 15px 28px 28px;
}

body.st-questions-v4 .qa4-form-wrapper :where(.b24-form-field, .b24-form-control-container) {
    min-width: 0;
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-control {
    max-width: 100%;
    min-width: 0;
    border-radius: 11px;
    font-family: var(--font, "Manrope", sans-serif);
    font-size: 16px;
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-control-label {
    font-family: var(--font, "Manrope", sans-serif);
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-btn:not(:disabled) {
    min-height: 52px;
    border-radius: 11px;
    background-color: var(--blue, #5146e5);
    color: #fff;
    font-family: var(--font, "Manrope", sans-serif);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.6;
    white-space: normal;
    transition: background-color .18s ease;
}

body.st-questions-v4 .qa4-form-wrapper .b24-form-btn:not(:disabled):hover {
    background-color: var(--blue-dark, #3831b9);
}

body.st-questions-v4 .qa4-form-wrapper a {
    color: #78608f;
    text-decoration-color: #cbbbda;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

body.st-questions-v4 .qa4-form-wrapper a:hover {
    color: var(--blue, #5146e5);
    text-decoration-color: currentColor;
}

body.st-questions-v4 .qa4-form-wrapper :where(input, textarea, select, button, a):focus-visible {
    outline: 2px solid #a797d1;
    outline-offset: 3px;
}

body.st-questions-v4 .qa4-form-wrapper iframe {
    max-width: 100%;
    border: 0;
}

@media (max-width: 900px) {
    body.st-questions-v4 .qa4-form-section {
        gap: 34px;
        padding: 34px;
    }
}

@media (max-width: 600px) {
    body.st-questions-v4 .qa4-form-section {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        margin-top: 43px;
        padding: 25px 22px;
        border-radius: 22px;
    }
    body.st-questions-v4 .qa4-form-copy h2 {
        font-size: 29px;
    }
    body.st-questions-v4 .qa4-form-wrapper .b24-form-header {
        padding: 22px 20px 12px;
    }
    body.st-questions-v4 .qa4-form-wrapper .b24-form-content {
        padding: 12px 20px 22px;
    }
}