From bca730b8687e82491a60b6bee6f13be2cae8c84a Mon Sep 17 00:00:00 2001
From: Dekart Deploy Bot <deploy@dekart.school>
Date: Thu, 14 May 2026 15:55:56 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9B=D0=B0=D0=B3=D0=B5=D1=80=D1=8C:=20CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wp-content/themes/dekart/page-camp.php | 60 +++++++++++++++++++++++++-
 1 file changed, 59 insertions(+), 1 deletion(-)

diff --git a/wp-content/themes/dekart/page-camp.php b/wp-content/themes/dekart/page-camp.php
index cdadaf3..9257f3a 100644
--- a/wp-content/themes/dekart/page-camp.php
+++ b/wp-content/themes/dekart/page-camp.php
@@ -252,7 +252,65 @@ $metrics = [
 			} ?>	</div>
 	</div>
 </section>
-	<section class="section-bg infograph" data-bg="white">
+<style>
+@media (max-width: 768px) {
+    .infograph__grid {
+        display: block;
+    }
+    .infograph__card {
+        display: flex;
+        align-items: center;
+        text-align: left;
+        padding: 14px 0;
+        border-bottom: 1px solid #eee;
+        border-radius: 0;
+        box-shadow: none;
+        gap: 14px;
+    }
+    .infograph__card:last-child {
+        border-bottom: none;
+    }
+    .infograph__card::before {
+        display: none;
+    }
+    .infograph__card-icon {
+        width: 50px;
+        height: 50px;
+        flex: 0 0 50px;
+        border-radius: 50%;
+        background: #f5f5f5;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-top: 0;
+    }
+    .infograph__card-icon img {
+        max-width: 24px;
+        max-height: 24px;
+        width: auto;
+        height: auto;
+    }
+    .infograph__card-body {
+        flex: 1;
+        padding: 0;
+        gap: 2px;
+    }
+    .infograph__stat {
+        font-size: 1.1rem;
+        font-weight: 700;
+        margin-bottom: 2px;
+        white-space: nowrap;
+    }
+    .infograph__label {
+        font-size: 0.85rem;
+        color: #666;
+        line-height: 1.4;
+        text-transform: none;
+        letter-spacing: normal;
+    }
+}
+</style>
+<section class="section-bg infograph" data-bg="white">
 		<div class="container">
 			<div class="infograph__header">
 				<h2 id="camp-infograph" class="camp_title">Цифры, которые говорят сами за себя</h2>