v9: онлайн-аптекалар бөлімі (9 платформа) сілтемелермен

index.html

@@ -19,6 +19,8 @@
       <a href="#timer">Жаттығу</a>
       <a href="#tips">Кеңестер</a>
       <a href="#meds">Дәрі</a>
+      <a href="#drugs">Дәрілер</a>
+      <a href="#pharm">Аптека</a>
       <a href="#chat">Шағым</a>
     </nav>
   </div>
@@ -129,27 +131,41 @@
   </div>
 </section>
 
-<section class="section gray" id="meds">
+<section class="section" id="meds">
   <div class="container">
     <h2>Дәрі туралы: не білу керек</h2>
     <div class="grid3">
+      <div class="card reveal">
+        <div class="card-ico">💉</div>
+        <h3>Укол түрлері</h3>
+        <ul class="med-list">
+          <li><b>Бұлшықетке (ішімге) уколдар</b> — қабынуға қарсы препараттар (НПВП), В дәрумендері. Қатты ауырсыну кезінде қысқа курс.</li>
+          <li><b>Буын ішіне укол</b> — стероид қабынуға қарсы дәрі. Бір буын қатты қабынғанда дәрігер салады, жиі қайталауға болмайды.</li>
+          <li><b>Тері астына укол</b> — Бехтерев ауруындағы биологиялық терапия (иммунды жүйеге әсер ететін дәрілер). Тек ревматолог тағайындайды және бақылайды.</li>
+        </ul>
+      </div>
       <div class="card reveal">
         <div class="card-ico">💊</div>
-        <h3>Қабынуға қарсы (НПВП)</h3>
+        <h3>Дәрі түрлері (ішу)</h3>
-        <p>Ауырсыну мен қабынуды төмендетеді. <b>Тек дәрігер тағайындаған дозада</b> қабылда. Асқазанға қатысты жанама әсерлері бар — аш қарынға ішпе.</p>
+        <ul class="med-list">
+          <li><b>Қабынуға қарсы (НПВП)</b> — ауырсыну мен қабынуды төмендетеді. Асқазанға сақ болу керек: тек дәрігер дозасында, ас ішкеннен кейін.</li>
+          <li><b>Ауырсыну басатын</b> — жеке жағдайда дәрігер тағайындайды.</li>
+          <li><b>Бұлшықет босаңсытқыштар</b> — қаттылық пен түйілуді азайтады.</li>
+          <li><b>Биологиялық терапия</b> — Бехтерев ауруының ауыр түрінде, тек ревматолог бақылауында.</li>
+        </ul>
       </div>
       <div class="card reveal">
-        <div class="card-ico">🔬</div>
+        <div class="card-ico">🧴</div>
-        <h3>Бехтеревке арналған терапия</h3>
+        <h3>Мазь түрлері</h3>
-        <p>Ауыр жағдайда ревматолог биологиялық препараттарды (иммунды жүйеге әсер ететін) тағайындайды. Бұл — күшті ем, <b>тек дәрігер бақылауында</b>.</p>
+        <ul class="med-list">
-      </div>
+          <li><b>Қабынуға қарсы мазьдар</b> — буын үстіне жағылады, жергілікті ауырсынуды азайтады.</li>
-      <div class="card reveal">
+          <li><b>Жылытатын мазьдар</b> — қан айналымын жақсартады, бұлшықет қаттылығын жеңілдетеді. Жедел қабыну кезінде қолданба.</li>
-        <div class="card-ico">📋</div>
+          <li><b>Салқындататын гельдер</b> — өткір ауырсынуда, қабынған буынға.</li>
-        <h3>Ерекше ескертулер</h3>
+          <li><b>Хондропротекторлы кремдер</b> — көмекші құрал ретінде ғана.</li>
-        <p>Өз бетіңмен дәрі дозасын өзгертпе, үзіп тастама. Жаңа дәрі — дәрігермен кеңесуден кейін ғана. Тұрақты тексеруден (ревматолог, қан талдауы) өтіп тұр.</p>
+        </ul>
       </div>
     </div>
-    <div class="warn reveal">⚠️ <b>Маңызды:</b> бұл сайт — ақпараттық көмекші, медициналық кеңес емес. Дәрі-дәрмектерді тек дәрігер тағайындайды. Кез келген сұрақты ревматологқа қой.</div>
+    <div class="warn reveal">⚠️ <b>Маңызды:</b> бұл жалпы ақпарат, медициналық кеңес емес. Мұндағы ешбір препаратты өз бетіңмен қабылдама — уколды да, мазді да, таблетканы да тек дәрігер тағайындайды және дозасын анықтайды. Дәрігердің кеңесінсіз дозаны өзгертпе, үзіп тастама.</div>
   </div>
 </section>
 
@@ -168,6 +184,108 @@
   </div>
 </section>
 
+<section class="section gray" id="drugs">
+  <div class="container">
+    <h2>Дәрі-дәрмек түрлері: аты мен көрінісі</h2>
+    <p class="lead">Төменде емдеуде жиі қолданылатын дәрі топтары және олардың белсенді затының аты. Фото — иллюстрация. Нақты дәріні және дозаны тек дәрігер тағайындайды.</p>
+
+    <div class="grid3">
+      <div class="card drug-card reveal">
+        <div class="drug-photo"><img src="https://images.pexels.com/photos/4046946/pexels-photo-4046946.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Укол" loading="lazy"></div>
+        <h3>💉 Уколдар</h3>
+        <ul class="med-list">
+          <li><b>Диклофенак</b> — қабынуға қарсы, бұлшықетке укол</li>
+          <li><b>Мелоксикам</b> — қабынуға қарсы, бұлшықетке укол</li>
+          <li><b>Бетаметазон</b> — буын ішіне, қатты қабынуда</li>
+          <li><b>Трибувиа (сенипрутуг)</b> — әлемдегі бірінші Бехтерев ауруының себебіне әсер ететін препарат (Ресей, 2024), венаға тамшылатып енгізіледі, тек дәрігер бақылауында</li>
+          <li><b>Метилпреднизолон</b> — буын ішіне, дәрігер тағайындауымен</li>
+          <li><b>Биологиялық терапия</b> — тері астына, Бехтерев ауруында, тек ревматолог</li>
+        </ul>
+      </div>
+      <div class="card drug-card reveal">
+        <div class="drug-photo"><img src="https://loremflickr.com/600/400/medicine,tablets,pills" alt="Дәрі" loading="lazy"></div>
+        <h3>💊 Дәрілер (ішу)</h3>
+        <ul class="med-list">
+          <li><b>Диклофенак</b> — қабынуға қарсы таблетка</li>
+          <li><b>Ибупрофен</b> — қабынуға қарсы және ауырсыну басатын</li>
+          <li><b>Мелоксикам</b> — ұзақ қабылдауға қолайлырақ</li>
+          <li><b>Костарокс (эторикоксиб)</b> — коксиб тобындағы НПВП, Бехтерев ауруы мен артрозда; асқазанға жұмсақтау әсер етеді, бірақ жүрек-қан тамырға сақ болу керек, рецептпен ғана</li>
+          <li><b>Сульфасалазин</b> — базисный (ауру ағымын өзгертетін) дәрі, перифериялық буын зақымданғанда; әсері 3-6 айдан кейін байқалады, қан анализімен бақыланады</li>
+          <li><b>Толперизон</b> — бұлшықет босаңсытқыш</li>
+        </ul>
+      </div>
+      <div class="card drug-card reveal">
+        <div class="drug-photo"><img src="https://images.pexels.com/photos/4021812/pexels-photo-4021812.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Мазь" loading="lazy"></div>
+        <h3>🧴 Мазьдар мен гельдер</h3>
+        <ul class="med-list">
+          <li><b>Диклофенак гель</b> — буын үстіне, қабынуға қарсы</li>
+          <li><b>Кетопрофен гель</b> — ауырсынуды басатын, сыртқа жағу</li>
+          <li><b>Жылытатын мазьдар</b> — қаттылықта, қабынусыз кезеңде</li>
+          <li><b>Салқындататын гельдер</b> — өткір ауырсынуда</li>
+          <li><b>Хондропротекторлы кремдер</b> — көмекші құрал ретінде</li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="warn reveal">⚠️ <b>Ескерту:</b> бұл бөлімдегі атаулар — белсенді заттардың жалпы атаулары, олардың бірнеше түрлі фирмалық атаулары болуы мүмкін. Өз бетіңмен ешқандай дәрі сатып алма және қабылдама. Тек дәрігер сенің диагнозыңа қарап дәріні, түрін және дозасын тағайындайды.</div>
+  </div>
+</section>
+
+<section class="section" id="pharm">
+  <div class="container">
+    <h2>🛒 Дәріні қайдан алуға болады</h2>
+    <p class="lead">Төменде Қазақстанда жұмыс істейтін онлайн-аптекалар — дәріні тауып, бағасын салыстырып, жеткізуге тапсырыс беруге болады. Укол сияқты кейбір дәрілер тек рецепт бойынша беріледі.</p>
+    <div class="grid3">
+      <a class="card pharm-card reveal" href="https://appteka.kz" target="_blank" rel="noopener">
+        <h3>Appteka</h3>
+        <p>Қазақстан бойынша дәрі жеткізу, бонус жүйесі бар</p>
+        <span class="pharm-link">appteka.kz →</span>
+      </a>
+      <a class="card pharm-card reveal" href="https://daribar.kz" target="_blank" rel="noopener">
+        <h3>Daribar</h3>
+        <p>200-ден астам аптека, ең арзан бағаны табуға болады</p>
+        <span class="pharm-link">daribar.kz →</span>
+      </a>
+      <a class="card pharm-card reveal" href="https://aurma.kz" target="_blank" rel="noopener">
+        <h3>Aurma</h3>
+        <p>40 мыңнан астам препарат, курьер жеткізу, дәрігер кеңесі</p>
+        <span class="pharm-link">aurma.kz →</span>
+      </a>
+      <a class="card pharm-card reveal" href="https://europharma.kz" target="_blank" rel="noopener">
+        <h3>Еврофарма</h3>
+        <p>Тәулік бойы онлайн-тапсырыс, Алматы бойынша жеткізу</p>
+        <span class="pharm-link">europharma.kz →</span>
+      </a>
+      <a class="card pharm-card reveal" href="https://darmart.kz" target="_blank" rel="noopener">
+        <h3>Darmart</h3>
+        <p>Дәрі-дәрмек каталогы, қолжетімді бағалар</p>
+        <span class="pharm-link">darmart.kz →</span>
+      </a>
+      <a class="card pharm-card reveal" href="https://kz.apteka.com" target="_blank" rel="noopener">
+        <h3>apteka.com</h3>
+        <p>Алматы, Астана, Өскемен және басқа қалаларға жеткізу</p>
+        <span class="pharm-link">kz.apteka.com →</span>
+      </a>
+      <a class="card pharm-card reveal" href="https://dobraya-apteka.kz" target="_blank" rel="noopener">
+        <h3>Добрая аптека</h3>
+        <p>11 мыңнан астам дәрі, 24/7 онлайн-тапсырыс</p>
+        <span class="pharm-link">dobraya-apteka.kz →</span>
+      </a>
+      <a class="card pharm-card reveal" href="https://aptekaplus.kz" target="_blank" rel="noopener">
+        <h3>Apteka Plus</h3>
+        <p>Кең таңдау және жеткізу қызметі</p>
+        <span class="pharm-link">aptekaplus.kz →</span>
+      </a>
+      <a class="card pharm-card reveal" href="https://sadykhan.kz" target="_blank" rel="noopener">
+        <h3>Садыхан</h3>
+        <p>Алматы, Астана, Тараз; кез келген аймаққа жеткізу</p>
+        <span class="pharm-link">sadykhan.kz →</span>
+      </a>
+    </div>
+    <div class="warn reveal">⚠️ <b>Ескерту:</b> сілтемелер — ақпарат үшін, ұсыныс емес. Уколдар мен кейбір дәрілер тек рецептпен беріледі — оларды интернеттен емес, дәрігердің рецептімен дәріханадан алады. Бір дәрі әртүрлі аптекада әртүрлі бағада болуы мүмкін.</div>
+  </div>
+</section>
+
 <footer class="footer">
   <div class="container">
     <p>🦴 Буын денсаулығы — күнделікті көмекші</p>

style.css

@@ -37,8 +37,19 @@ h1,h2,h3{font-family:"Unbounded",sans-serif;line-height:1.15}
 .card-ico{font-size:34px;margin-bottom:14px}
 .card h3{font-size:19px;margin-bottom:10px;font-weight:700}
 .card p{color:var(--gray-500);font-size:15.5px}
+.med-list{list-style:none;margin-top:4px}
+.med-list li{color:var(--gray-500);font-size:15px;margin-bottom:12px;padding-left:22px;position:relative;line-height:1.55}
+.med-list li::before{content:"•";position:absolute;left:4px;color:var(--cyan);font-weight:800}
+.med-list b{color:var(--ink)}
+.drug-card{padding:0;overflow:hidden}
+.drug-photo img{width:100%;height:180px;object-fit:cover;display:block}
+.drug-card h3{padding:20px 24px 0}
+.drug-card .med-list{padding:10px 24px 26px}
 .section.dark .card p{color:#9aa3b2}
 .note{color:var(--gray-500);font-size:14px;margin-top:8px}
+.pharm-card{display:block;text-decoration:none;transition:transform .2s,border-color .2s}
+.pharm-card:hover{transform:translateY(-3px);border-color:var(--cyan)}
+.pharm-card .pharm-link{display:inline-block;margin-top:12px;color:var(--cyan);font-weight:800;font-size:14px}
 
 /* таймер */
 .timer-wrap{display:grid;grid-template-columns:380px 1fr;gap:30px;align-items:start}