/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 01 2025 | 22:35:13 */
/* Основной контейнер формы - делает форму карточкой с тенями */
.nf-form-cont {
    max-width: 1200px;          /* Максимальная ширина формы */
    margin: 10px auto;         /* Центрирование формы с отступами */
    padding: 40px;             /* Внутренние отступы */
    background: linear-gradient(135deg, #faeeee 0%, #f9f9fb 100%); /* Нежный градиентный фон */
    border-radius: 20px;       /* Закругленные углы */
    box-shadow: 0 15px 35px rgba(57, 59, 35, 0.08); /* Легкая тень вокруг формы */
    font-family: 'Arial', sans-serif; /* Шрифт текста */
    border: 1px solid #e8e0e0; /* Тонкая нежная рамка */
}

/* Заголовки полей (метки) */
.nf-field-label {
    display: block;           /* Блочное отображение */
    margin-bottom: 15px;      /* Отступ снизу */
    font-weight: 600;         /* Полужирный шрифт */
    color: #393B23;           /* Основной цвет текста */
    font-size: 16px;          /* Размер шрифта */
    letter-spacing: 0.3px;    /* Легкое расстояние между буквами */
}

/* Контейнеры для каждого поля формы */
.nf-field {
    margin-bottom: 25px;      /* Отступ между полями */
    padding: 20px;            /* Внутренние отступы */
    background: rgba(255, 255, 255, 0.8); /* Полупрозрачный белый фон */
    border-radius: 12px;      /* Закругленные углы */
    border: 0px solid #e8e0e0; /* Нежная рамка */
    transition: all 0.3s ease; /* Плавные анимации */
}

/* Эффект при наведении на поле */
.nf-field:hover {
    border-color: #d4c8c8;    /* Более темная рамка при наведении */
    box-shadow: 0 5px 20px rgba(57, 59, 35, 0.05); /* Легкая тень */
    transform: translateY(-2px); /* Легкое поднятие */
}

/* Текстовые поля, email и текстовые области */
.nf-field-element input[type="text"],
.nf-field-element input[type="email"],
.nf-field-element textarea {
    width: 100%;              /* Ширина на всю доступную площадь */
    padding: 16px;            /* Внутренние отступы */
    border: 1px solid #e8e0e0; /* Нежная рамка */
    border-radius: 10px;      /* Закругленные углы */
    font-size: 16px;          /* Размер шрифта */
    transition: all 0.3s ease; /* Плавные анимации */
    box-sizing: border-box;   /* Учет padding и border в ширине */
    background: rgba(255, 255, 255, 0.9); /* Полупрозрачный белый фон */
    color: #393B23;           /* Цвет текста */
}

/* Стили для полей в фокусе (когда кликают) */
.nf-field-element input[type="text"]:focus,
.nf-field-element input[type="email"]:focus,
.nf-field-element textarea:focus {
    border-color: #c4b6b6;    /* Более темная рамка при фокусе */
    outline: none;            /* Убирает стандартный контур */
    background: white;        /* Белый фон */
    box-shadow: 0 0 15px rgba(57, 59, 35, 0.1); /* Легкая свеча */
}

/* Стили для списков радио-кнопок и чекбоксов */
.nf-field-element ul.list-radio {
    list-style: none;         /* Убирает маркеры списка */
    padding: 0;               /* Убирает отступы */
    margin: 0;                /* Убирает отступы */
}

/* Стили для каждого пункта в списке */
.nf-field-element ul.list-radio li {
    margin-bottom: 12px;      /* Отступ между пунктами */
    padding: 15px;            /* Внутренние отступы */
    background: rgba(255, 255, 255, 0.7); /* Полупрозрачный фон */
    border-radius: 10px;      /* Закругленные углы */
    border: 1px solid #e8e0e0; /* Нежная рамка */
    transition: all 0.3s ease; /* Плавные анимации */
}

/* Эффект при наведении на пункт */
.nf-field-element ul.list-radio li:hover {
    background: rgba(250, 238, 238, 0.4); /* Легкий розовый фон */
    border-color: #d4c8c8;    /* Более темная рамка */
}

/* Стили для меток радио-кнопок и чекбоксов */
.nf-field-element ul.list-radio label {
    display: flex;            /* Flex-расположение */
    align-items: center;      /* Выравнивание по центру */
    font-weight: 500;         /* Полужирный шрифт */
    color: #393B23;           /* Цвет текста */
    cursor: pointer;          /* Курсор-указатель */
    margin: 0;                /* Убирает отступы */
}

/* Стили для самих радио-кнопок и чекбоксов */
.nf-field-element input[type="radio"],
.nf-field-element input[type="checkbox"] {
    margin-right: 12px;       /* Отступ справа */
    width: 18px;              /* Ширина */
    height: 18px;             /* Высота */
    accent-color: #393B23;    /* Цвет акцента в тон тексту */
}

/* Стили для кнопки отправки формы */
.nf-form-content input[type="button"] {
    background: linear-gradient(135deg, #393B23 0%, #2c2d1b 100%)!important; /* Градиент в тон тексту */
    color: #f9f9fb;           /* Светлый текст */
    padding: 18px 35px;       /* Внутренние отступы */
    border: none;             /* Без рамки */
    border-radius: 12px;      /* Закругленные углы */
    cursor: pointer;          /* Курсор-указатель */
    font-size: 17px;          /* Размер шрифта */
    font-weight: 500;         /* Полужирный шрифт */
    letter-spacing: 0.5px;    /* Расстояние между буквами */
    transition: all 0.3s ease; /* Плавные анимации */
    display: block;           /* Блочное отображение */
    width: 100%;              /* Ширина на всю площадь */
    margin-top: 25px;         /* Отступ сверху */
    box-shadow: 0 5px 20px rgba(57, 59, 35, 0.2); /* Тень */
}

/* Эффект при наведении на кнопку */
.nf-form-content input[type="button"]:hover {
    background: linear-gradient(135deg, #2c2d1b 0%, #222315 100%)!important; /* Темный градиент */
    transform: translateY(-3px); /* Поднимает кнопку */
    box-shadow: 0 8px 25px rgba(57, 59, 35, 0.3); /* Усиленная тень */
}

/* Эффект при нажатии на кнопку */
.nf-form-content input[type="button"]:active {
    transform: translateY(0); /* Возвращает на место */
}

/* Стили для сообщений об ошибках */
.nf-error .nf-error-msg {
    color: #d32f2f;           /* Нежный красный цвет текста */
    font-size: 14px;          /* Размер шрифта */
    margin-top: 8px;          /* Отступ сверху */
    font-weight: 500;         /* Полужирный шрифт */
}

/* Стили для полей с ошибками */
.nf-error .nf-field-element input {
    border-color: #d32f2f;    /* Красная рамка */
    background: #fee;         /* Светло-красный фон */
}

/* Стили для сообщения об успешной отправке */
.nf-response-msg {
    padding: 20px;            /* Внутренние отступы */
    background: rgba(250, 238, 238, 0.8); /* Полупрозрачный фон в тон сайту */
    color: #393B23;           /* Цвет текста */
    border: 1px solid #e8e0e0; /* Нежная рамка */
    border-radius: 12px;      /* Закругленные углы */
    margin: 25px 0;           /* Отступы сверху и снизу */
    text-align: center;       /* Выравнивание по центру */
    font-weight: 500;         /* Полужирный шрифт */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .nf-form-cont {
        margin: 20px 15px;    /* Меньшие отступы */
        padding: 25px;        /* Меньшие внутренние отступы */
    }
    
    .nf-field {
        margin-bottom: 20px;  /* Меньший отступ между полями */
        padding: 15px;        /* Меньшие внутренние отступы */
    }
    
    .nf-field-label {
        font-size: 15px;      /* Меньший размер шрифта */
    }
    
    .nf-form-content input[type="button"] {
        padding: 16px 25px;   /* Меньшие отступы кнопки */
        font-size: 16px;      /* Меньший размер шрифта */
    }
}

/* Анимация пульсации для полей в фокусе */
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(57, 59, 35, 0.2); }     /* Начало анимации */
    70% { box-shadow: 0 0 0 10px rgba(57, 59, 35, 0); }   /* Середина анимации */
    100% { box-shadow: 0 0 0 0 rgba(57, 59, 35, 0); }     /* Конец анимации */
}

.nf-field-element input:focus {
    animation: pulse 1.5s infinite; /* Бесконечная анимация пульсации */
}

/* Стили для конкретного поля (замените на нужный ID) */
#nf-field-2-container {
    background: rgba(250, 238, 238, 0.4); /* Полупрозрачный фон в тон сайту */
    border-color: #d4c8c8;    /* Более темная рамка */
}

/* Стили для радио-кнопок в конкретном поле (замените на нужный ID) */
#nf-field-1-container .nf-field-element ul.list-radio {
    background: rgba(249, 249, 251, 0.6); /* Полупрозрачный фон */
    padding: 15px;            /* Внутренние отступы */
    border-radius: 12px;      /* Закругленные углы */
}