diff --git a/questionnaire2.html b/questionnaire2.html
index d0a94d3..37882a7 100644
--- a/questionnaire2.html
+++ b/questionnaire2.html
@@ -44,6 +44,21 @@
border-color: #2d6a4f;
background: #f0faf4;
}
+ .question-comment {
+ margin-top: 10px;
+ width: 100%;
+ padding: 8px 12px;
+ border: 1.5px dashed #ddd;
+ border-radius: 8px;
+ font-size: 0.85rem;
+ font-family: inherit;
+ color: #555;
+ background: #f9f9f9;
+ resize: vertical;
+ min-height: 44px;
+ }
+ .question-comment::placeholder { color: #bbb; font-style: italic; }
+ .question-comment:focus { outline: none; border-color: #2d6a4f; background: #fff; }
.other-input {
margin-top: 6px;
margin-left: 28px;
diff --git a/script2.js b/script2.js
index aca1d0c..b217a50 100644
--- a/script2.js
+++ b/script2.js
@@ -1,6 +1,16 @@
const TOTAL = 24;
document.addEventListener('DOMContentLoaded', function () {
+ // Добавить поле комментария под каждый вопрос
+ document.querySelectorAll('.question[data-index]').forEach(q => {
+ const name = (q.querySelector('[name]') || {}).name || '';
+ const ta = document.createElement('textarea');
+ ta.className = 'question-comment';
+ ta.name = name + '_comment';
+ ta.placeholder = 'Свой комментарий или уточнение (необязательно)...';
+ q.appendChild(ta);
+ });
+
updateProgress();
document.getElementById('client_email').addEventListener('input', function () {