Лагерь: CSS

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>