From 5896fc06c4449d6cbded6e987a0e192918dd0591 Mon Sep 17 00:00:00 2001
From: "web_103.2" <broadex@list.ru>
Date: Thu, 22 Oct 2026 14:42:29 +0300
Subject: [PATCH] =?UTF-8?q?task=2017075=20|=20=D1=81=D0=B4=D0=B5=D0=BB?=
 =?UTF-8?q?=D0=B0=D0=BB=20=D0=BD=D0=B0=D1=82=D1=8F=D0=B6=D0=BA=D1=83=20h-a?=
 =?UTF-8?q?pp-steps?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../themes/hantico/assets/css/style.css       |  7 +--
 .../hantico/template-parts/app-steps.php      | 51 +++++++++++--------
 2 files changed, 35 insertions(+), 23 deletions(-)

diff --git a/wp-content/themes/hantico/assets/css/style.css b/wp-content/themes/hantico/assets/css/style.css
index 073adfc..469f1f6 100644
--- a/wp-content/themes/hantico/assets/css/style.css
+++ b/wp-content/themes/hantico/assets/css/style.css
@@ -6544,7 +6544,7 @@ h4 {
   overflow: hidden;
   position: relative;
 
-  padding: 40px;
+  padding: 40px 64px 40px 40px;
 
   border-radius: 40px;
 
@@ -6912,10 +6912,11 @@ h4 {
   }
 
   .h-app-steps__social a:hover{
-    background: rgba(174, 0, 27, 0.50);
+    background: var(--color-red);
+    border-color: var(--color-red);
   }
   .h-app-steps__social a:hover span{
-    filter: brightness(0) invert(1);
+    filter: grayscale(100%) brightness(1.5);
   }
   .h-app-steps__phone{
     object-fit: cover;
diff --git a/wp-content/themes/hantico/template-parts/app-steps.php b/wp-content/themes/hantico/template-parts/app-steps.php
index 056e4c6..b7419d5 100644
--- a/wp-content/themes/hantico/template-parts/app-steps.php
+++ b/wp-content/themes/hantico/template-parts/app-steps.php
@@ -1,3 +1,6 @@
+<?php
+$app_steps_stores = get_field('download', 'option') ?: [];
+?>
 <div class="articles articles--block">
     <div class="container">
         <h2 class="articles-title articles-title--lg">Начать <span>работать </span> — просто</h2>
@@ -29,29 +32,37 @@
                 </div>
 
                 <div class="h-app-steps__social">
-                    <a href="" class="h-app-steps__social-link">
-                        <span>
-                            <img src="<?php echo get_theme_file_uri('assets/img/social/rustor.svg'); ?>" alt="">
-                        </span>
-                    </a>
+                    <?php if (!empty($app_steps_stores['rustore'])) : ?>
+                        <a href="<?php echo esc_url($app_steps_stores['rustore']); ?>"  target="_blank" rel="noopener">
+                            <span>
+                                <img src="<?php echo get_theme_file_uri('assets/img/social/rustor.svg'); ?>" alt="RuStore">
+                            </span>
+                        </a>
+                    <?php endif; ?>
 
-                    <a href="" class="h-app-steps__social-link">
-                        <span>
-                            <img src="<?php echo get_theme_file_uri('assets/img/social/appstore.svg'); ?>" alt="">
-                        </span>
-                    </a>
+                    <?php if (!empty($app_steps_stores['appstore'])) : ?>
+                        <a href="<?php echo esc_url($app_steps_stores['appstore']); ?>"  target="_blank" rel="noopener">
+                            <span>
+                                <img src="<?php echo get_theme_file_uri('assets/img/social/appstore.svg'); ?>" alt="App Store">
+                            </span>
+                        </a>
+                    <?php endif; ?>
 
-                    <a href="#" class="h-app-steps__social-link">
-                        <span>
-                            <img src="<?php echo get_theme_file_uri('assets/img/social/google.svg'); ?>" alt="">
-                        </span>
-                    </a>
+                    <?php if (!empty($app_steps_stores['gplay'])) : ?>
+                        <a href="<?php echo esc_url($app_steps_stores['gplay']); ?>"  target="_blank" rel="noopener">
+                            <span>
+                                <img src="<?php echo get_theme_file_uri('assets/img/social/google.svg'); ?>" alt="Google Play">
+                            </span>
+                        </a>
+                    <?php endif; ?>
 
-                    <a href="" class="h-app-steps__social-link">
-                        <span>
-                            <img src="<?php echo get_theme_file_uri('assets/img/social/AppGallery.svg'); ?>" alt="">
-                        </span>
-                    </a>
+                    <?php if (!empty($app_steps_stores['appgallery'])) : ?>
+                        <a href="<?php echo esc_url($app_steps_stores['appgallery']); ?>"  target="_blank" rel="noopener">
+                            <span>
+                                <img src="<?php echo get_theme_file_uri('assets/img/social/AppGallery.svg'); ?>" alt="AppGallery">
+                            </span>
+                        </a>
+                    <?php endif; ?>
                 </div>
 
                 <img src="<?php echo get_theme_file_uri('assets/img/content/app-steps-phone.webp'); ?>" alt="qr установки" class="h-app-steps__phone" width="493" height="242" >