From ee41426dded961ea595a09d2f1f28b58b53904b8 Mon Sep 17 00:00:00 2001
From: Dekart Deploy Bot <deploy@dekart.school>
Date: Wed, 20 May 2026 00:56:41 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9B=D0=B0=D0=B3=D0=B5=D1=80=D1=8C:=20=D0=A1?=
 =?UTF-8?q?=D0=B5=D0=BA=D1=86=D0=B8=D1=8F=20=D0=BD=D0=B0=D1=81=D1=82=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=BD=D0=B8=D0=BA=D0=B8=20-=20=D1=81=D0=BA=D1=80=D0=BE?=
 =?UTF-8?q?=D0=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wp-content/themes/dekart/assets/css/camp.css | 30 ++++++++++++++++++++
 wp-content/themes/dekart/page-camp.php       |  2 ++
 2 files changed, 32 insertions(+)

diff --git a/wp-content/themes/dekart/assets/css/camp.css b/wp-content/themes/dekart/assets/css/camp.css
index 5003d7a..cb59abd 100644
--- a/wp-content/themes/dekart/assets/css/camp.css
+++ b/wp-content/themes/dekart/assets/css/camp.css
@@ -1570,6 +1570,36 @@ html {
 
 /* mentors END */
 
+/* ─── Mentors: horizontal scroll on mobile ─── */
+@media (max-width: 768px) {
+    .mentors__scroll-x {
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        padding-bottom: 8px;
+    }
+    .mentors__scroll-x::-webkit-scrollbar {
+        height: 6px;
+    }
+    .mentors__scroll-x::-webkit-scrollbar-thumb {
+        background: #ccc;
+        border-radius: 8px;
+    }
+    .mentors__scroll-x .mentors-wrapper {
+        display: flex;
+        gap: 16px;
+        overflow-x: auto;
+        scroll-snap-type: x mandatory;
+        flex-wrap: nowrap;
+        justify-content: flex-start;
+    }
+    .mentors__scroll-x .mentors__item {
+        flex: 0 0 100%;
+        width: auto;
+        min-width: 0;
+        scroll-snap-align: start;
+    }
+}
+/* mentors slider END */
 
 /* routine */
 .routine p {
diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php
index eb1093c..1e12721 100644
--- a/wp-content/themes/dekart/page-camp.php
+++ b/wp-content/themes/dekart/page-camp.php
@@ -447,6 +447,7 @@ $metrics = [
 
 <section class="section-bg mentors" data-bg="mint">
 <h2 id="camp-mentors" class="camp_title">Наши наставники и ведущие мастер-классов</h2>
+     <div class="mentors__scroll-x">
      <div class="mentors-wrapper">
         <?php 
         $mentors = carbon_get_post_meta($post_id, 'mentors' );
@@ -478,6 +479,7 @@ $metrics = [
             <?php }
         } ?>
      </div>
+     </div>
 
     </section>