From 803cabbde70555cf56055172a6c4f4cd952d90be Mon Sep 17 00:00:00 2001
From: Dauren777 <daurenmoldabaev99@mail.com>
Date: Fri, 26 Jun 2026 06:44:36 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B2=D1=8B=D0=B1=D0=BE=D1=80=20=D0=B2?=
 =?UTF-8?q?=D0=B0=D1=80=D0=B8=D0=B0=D0=BD=D1=82=D0=BE=D0=B2=20(label?=
 =?UTF-8?q?=E2=86=92div=20=D1=83=D0=B1=D0=B8=D1=80=D0=B0=D0=B5=D1=82=20?=
 =?UTF-8?q?=D0=B4=D0=B2=D0=BE=D0=B9=D0=BD=D0=BE=D0=B9=20toggle),=20=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=BA=D0=B8=D1=80=D0=BE=D0=B2=D0=BA=D0=B0=20=D0=BF?=
 =?UTF-8?q?=D0=BE=D1=81=D0=BB=D0=B5=20submit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.js    | 8 ++++----
 style.css | 2 ++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app.js b/app.js
index 1a36665..6685bb2 100644
--- a/app.js
+++ b/app.js
@@ -939,11 +939,11 @@ function renderMulti(kind){
     <div class="opt-list" id="optList">
       ${items.map((it,i)=>{
         const checked=ans.has(i)?"checked":"";
-        return `<label class="opt" data-i="${i}">
+        return `<div class="opt ${submitted?'disabled':''}" data-i="${i}">
           <input type="checkbox" ${checked} ${submitted?"disabled":""}>
           <span class="opt-box"></span>
           <span class="opt-text">${it.t}</span>
-        </label>`;
+        </div>`;
       }).join("")}
     </div>
     <div class="step-foot">
@@ -1006,11 +1006,11 @@ function renderDiagnosis(){
     <div class="opt-list" id="optList">
       ${c.diagnosis.options.map((o,i)=>{
         const checked=state.answers.diagnosis===i?"checked":"";
-        return `<label class="opt is-radio" data-i="${i}">
+        return `<div class="opt is-radio ${submitted?'disabled':''}" data-i="${i}">
           <input type="radio" name="dx" ${checked} ${submitted?"disabled":""}>
           <span class="opt-box"></span>
           <span class="opt-text">${o.t}</span>
-        </label>`;
+        </div>`;
       }).join("")}
     </div>
     <div class="step-foot">
diff --git a/style.css b/style.css
index ecfc774..633010d 100644
--- a/style.css
+++ b/style.css
@@ -310,6 +310,8 @@ h1,h2,h3{letter-spacing:-.4px}
 .opt-list{display:grid;gap:10px;margin-bottom:20px}
 .opt{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:14px 15px;cursor:pointer;transition:.15s;user-select:none}
 .opt:hover{border-color:var(--gray-300)}
+.opt.disabled{cursor:default}
+.opt.disabled:hover{border-color:var(--line)}
 .opt input{display:none}
 .opt-box{width:23px;height:23px;border-radius:7px;border:2px solid var(--gray-300);flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#fff;font-size:13px;transition:.15s;margin-top:1px}
 .opt input:checked + .opt-box{background:var(--gold);border-color:var(--gold)}