From b86e5a7c5597589a6645bb09008ce719b4f5064f Mon Sep 17 00:00:00 2001
From: "web_103.2" <broadex@list.ru>
Date: Thu, 22 Oct 2026 10:13:40 +0300
Subject: [PATCH] =?UTF-8?q?task=2017075=20|=20=D0=BF=D0=B5=D1=80=D0=B5?=
 =?UTF-8?q?=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20h-article-cards?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../themes/hantico/assets/css/style.css       | 51 +++++++++----------
 1 file changed, 23 insertions(+), 28 deletions(-)

diff --git a/wp-content/themes/hantico/assets/css/style.css b/wp-content/themes/hantico/assets/css/style.css
index eee8628..8039b4f 100644
--- a/wp-content/themes/hantico/assets/css/style.css
+++ b/wp-content/themes/hantico/assets/css/style.css
@@ -6310,42 +6310,30 @@ h4 {
 }
 
 .h-article-cards {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: 20px;
-    width: 100%;
-    margin: 30px 0;
-    box-sizing: border-box;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px;
+  margin: 60px 0;
 }
 
-.h-article-cards .h-article-cards__item {
-    display: flex;
-    flex-direction: column;
-    min-width: 0;
-    min-height: 110px;
-    padding: 20px 22px;
-    box-sizing: border-box;
-    border: 1px solid var(--color-grey);
-    border-radius: 10px;
-    background: var(--color-light);
-    box-shadow: 0 2px 12px color-mix(in srgb, var(--color-dark) 8%, transparent);
+.h-article-cards__item {
+  padding: 31px;
+
+  border-radius: 20px;
+  border: 1px solid #EDEDED;
+  background: rgba(255, 255, 255, 0.10);
 }
 .h-article-cards__item:last-child:nth-child(odd) {
     grid-column: 1 / -1;
 }
 
-.h-article-cards .h-article-cards__item p {
+.h-article-cards__item p {
     margin: 0;
     padding: 0;
-    font-family: inherit;
     font-size: 20px;
-    font-weight: 400;
-    line-height: 1.6;
-    color: var(--color-dark);
-}
-
-.h-article-cards .h-article-cards__item p + p {
-    margin-top: 12px;
+    line-height: 150%; /* 30px */
+    letter-spacing: -0.2px;
+    color: var(--color-text);
 }
 
 @media (max-width: 767.98px) {
@@ -6353,8 +6341,15 @@ h4 {
     grid-template-columns: 1fr;
   }
 
-  .h-article-cards .h-article-cards__item p {
-    font-size: 16px;
+  .h-article-cards__item{
+    padding: 15px;
+
+    border-radius: 10px;
+  }
+
+  .h-article-cards__item p {
+    font-size: 14px;
+    letter-spacing: -0.14px;
   }
 }