/* Start:/local/components/classnyisait/skeleton/templates/fw-form/style.css?17815322803651*/
.form-section {
    min-height: calc(var(--vh, 1vh) * 100);
    display: flex;
    align-items: center;
}

.js-fw-scroll-zoom {
    --fw-section-progress: 0;
    transform-origin: 50% 60%;
    transform:
        translate3d(0, calc((1 - var(--fw-section-progress)) * 56px), 0)
        scale(calc(0.9 + (var(--fw-section-progress) * 0.1)));
    transition: transform 120ms linear;
    will-change: transform;
}
.js-quiz-tail-scope canvas {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .js-fw-scroll-zoom {
        transform: none !important;
        transition: none !important;
    }
}

/* === Корректировки по комментариям Roman St (Figma) === */

/* Все тексты формы — чёрные, только Golos regular */
.def-form__content,
.def-form__content p,
.def-form__content label,
.def-form__content input,
.def-form__content textarea,
.def-form__content .form-check-label {
    font-family: "Golos", sans-serif;
    color: #000;
    font-weight: 400;
}

/* Заголовок — только Cormorant medium */
.def-form__content .def-form__title {
    font-family: "Cormorant", sans-serif;
    font-weight: 500 !important;
    color: #000;
}

/* Placeholder-лейблы того же размера, что и остальные тексты блока (14px) */
.def-form__content .input::placeholder,
.def-form__content .textarea::placeholder,
.def-form__content input::-webkit-input-placeholder,
.def-form__content input::-moz-placeholder,
.def-form__content textarea::-webkit-input-placeholder,
.def-form__content textarea::-moz-placeholder {
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    opacity: 1 !important;
    letter-spacing: 0;
}
@media (min-width: 1200px) {
    .def-form__content .input::placeholder,
    .def-form__content .textarea::placeholder,
    .def-form__content input::-webkit-input-placeholder,
    .def-form__content input::-moz-placeholder,
    .def-form__content textarea::-webkit-input-placeholder,
    .def-form__content textarea::-moz-placeholder {
        font-size: 14px !important;
    }
}

/* Чекбокс согласия — чёрная обводка вместо золотой */
.def-form__content .form-check-input--gold {
    border-color: #000 !important;
}
.def-form__content .form-check-input--gold:checked {
    border-color: #000 !important;
}
.def-form__content .form-check-input--gold:checked:before {
    background-color: #000 !important;
}

/* === Сообщение об ошибке — чёрный фон, белый текст, regular, без иконки === */
.def-form__content label.error,
.def-form__content .form-err {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    font-weight: 400 !important;
    padding: 6px 12px !important;
    bottom: auto !important;
    top: 100% !important;
    margin-top: 2px !important;
    z-index: 5;
}
.def-form__content label.error:before,
.def-form__content .form-err:before {
    display: none !important;
}
.def-form__content input.error::placeholder {
    color: #000 !important;
    opacity: 0.4;
}

/* Доп.отступ между строками формы, чтобы ошибка не наезжала */
.def-form__content .d-form__row {
    margin-bottom: 28px;
}
@media (min-width: 992px) {
    .def-form__content .d-form__row {
        margin-bottom: 36px;
    }
}

/* End */
/* /local/components/classnyisait/skeleton/templates/fw-form/style.css?17815322803651 */