From e434a6539bb034e66137096083fc4db73e34df8a Mon Sep 17 00:00:00 2001
From: Aset <asetbizigit@gmail.com>
Date: Mon, 10 Aug 2026 17:41:49 +0000
Subject: [PATCH] =?UTF-8?q?v3:=20=D0=B6=D0=B0=D1=82=D1=82=D1=8B=D2=93?=
 =?UTF-8?q?=D1=83=20=D0=B2=D0=B8=D0=B4=D0=B5=D0=BE=D0=BB=D0=B0=D1=80=D1=8B?=
 =?UTF-8?q?=20(YouTube,=20=D1=80=D0=B5=D1=81=D0=BC=D0=B8=20=D0=9B=D0=A4?=
 =?UTF-8?q?=D0=9A)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 25 +++++++++++++++++++++++++
 style.css  |  9 +++++++++
 2 files changed, 34 insertions(+)

diff --git a/index.html b/index.html
index 5df2842..0871d24 100644
--- a/index.html
+++ b/index.html
@@ -86,6 +86,31 @@
 
     <button class="btn btn-wide" id="autoBtn">🎯 Толық кешенді бастау (барлық 8 жаттығу)</button>
     <p class="note-light">Бір рет бассаң — жаттығулар ретімен өтеді, арасында 10 секунд демалыс.</p>
+
+    <h3 class="vid-h">📺 Жаттығулардың видеосы — дәрігерлермен түсірілген ресми кешендер</h3>
+    <div class="videos">
+      <div class="vid reveal">
+        <iframe src="https://www.youtube.com/embed/0t0k5SD48h8" title="Разминка ЛФК" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
+        <p><b>Разминка</b> — жаттығу алдындағы қыздыру (Бехтерев ауруы)</p>
+      </div>
+      <div class="vid reveal">
+        <iframe src="https://www.youtube.com/embed/RE93Us7ZB1U" title="ЛФК низкая активность" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
+        <p><b>ЛФК №1</b> — ауру жеңіл болғандағы жаттығу кешені</p>
+      </div>
+      <div class="vid reveal">
+        <iframe src="https://www.youtube.com/embed/ibYPHjGjbCA" title="ЛФК умеренная активность" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
+        <p><b>ЛФК №2</b> — орташа дәрежедегі ауруға арналған кешен</p>
+      </div>
+      <div class="vid reveal">
+        <iframe src="https://www.youtube.com/embed/x4sSCXd4nso" title="ЛФК высокая активность" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
+        <p><b>ЛФК №3</b> — ауыр дәрежедегі ауруға арналған кешен</p>
+      </div>
+      <div class="vid reveal">
+        <iframe src="https://www.youtube.com/embed/ECoy8zdgGrM" title="Гимнастика при артрозе" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe>
+        <p><b>Буын гимнастикасы</b> — артроз бен буын ауруларына арналған жаттығулар</p>
+      </div>
+    </div>
+    <p class="note-light">Бұл видеолар ревматолог дәрігерлердің қатысуымен түсірілген ресми оқу материалдары. Өзіңе қолайлы кешенді таңдап, дәрігермен келіс.</p>
   </div>
 </section>
 
diff --git a/style.css b/style.css
index 7e77274..8e1a757 100644
--- a/style.css
+++ b/style.css
@@ -82,6 +82,14 @@ h1,h2,h3{font-family:"Unbounded",sans-serif;line-height:1.15}
 .chat-in textarea::placeholder{color:#5a6575}
 .note-light{color:#8a93a3;font-size:14px;margin-top:6px}
 
+/* видео */
+.vid-h{color:var(--white);font-size:20px;font-weight:700;margin-top:48px;margin-bottom:20px}
+.videos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
+.vid{background:#141a26;border:1px solid #222b3c;border-radius:14px;padding:14px;color:#c6cfdc}
+.vid iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000}
+.vid p{font-size:14.5px;margin-top:10px;line-height:1.5}
+.vid p b{color:var(--white)}
+
 .footer{background:var(--ink);color:#9aa3b2;text-align:center}.footer p{font-weight:700;color:var(--white)}
 .footer .foot-small{color:#7d8796;font-weight:400;margin-top:4px;font-size:14px}
 
@@ -103,4 +111,5 @@ h1,h2,h3{font-family:"Unbounded",sans-serif;line-height:1.15}
   .ring-inner{width:210px;height:210px}
   .timer-time{font-size:44px}
   .hero .container{padding-top:70px;padding-bottom:70px}
+  .videos{grid-template-columns:1fr}
 }