From 2527068c456dda43aacd137e8f992367d4631ab4 Mon Sep 17 00:00:00 2001
From: bot-backend <bot-backend@gendsgn.local>
Date: Mon, 31 Aug 2026 11:24:52 +0500
Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=BE=D0=B4=D0=B0=D1=87=D0=B0=20=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B4=D0=B8=D0=BD=D0=B3=D0=B0:=20=D0=BC=D0=BE?=
 =?UTF-8?q?=D0=B1=D0=B8=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9=20=D1=80=D0=B8=D1=82?=
 =?UTF-8?q?=D0=BC,=20=D1=80=D0=BE=D0=B2=D0=BD=D1=8B=D0=B5=20=D0=B7=D0=B0?=
 =?UTF-8?q?=D0=B3=D0=BE=D0=BB=D0=BE=D0=B2=D0=BA=D0=B8,=20=D1=82=D0=B0?=
 =?UTF-8?q?=D0=B1=D0=BB=D0=B8=D1=87=D0=BD=D1=8B=D0=B5=20=D1=86=D0=B8=D1=84?=
 =?UTF-8?q?=D1=80=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Только оформление: ни одного утверждения, числа или секции не тронуто.

- text-wrap: balance на заголовках секций — на 375px они уходят в 2-3 строки
  и оставляли висячее слово.
- artTitle подтянут к общему полу 26px (был 24px — последняя секция читалась
  мельче остальных).
- внутренние отступы карточек стали responsive (clamp): на 375px под текст
  оставалось 279px из 375, четверть экрана уходила в поля. На десктопе
  значения прежние.
- font-variant-numeric: tabular-nums на крупных значениях (плитки сверки,
  плитки цены ошибки, отклонение в строке) — разряды встают в колонку.
- «Все статьи» имела высоту нажатия 23px; паддинг гасится отрицательным
  полем, макет не сдвигается. Ховер переведён с нижней границы на
  подчёркивание, иначе линия легла бы по краю паддинга.
---
 .../src/app/mera-public/landing-v3.module.css | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css b/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css
index 77568bc0..b3d06b7b 100644
--- a/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css
+++ b/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css
@@ -973,6 +973,7 @@
   letter-spacing: -0.015em;
   font-weight: 800;
   margin: 0 0 14px;
+  text-wrap: balance;
 }
 
 .accLead {
@@ -996,7 +997,7 @@
   background: var(--b2c-page-bg);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
-  padding: 26px;
+  padding: clamp(20px, 4.5vw, 26px);
 }
 
 .accKpiTileDark {
@@ -1010,6 +1011,7 @@
   font-weight: 800;
   letter-spacing: -0.02em;
   line-height: 1;
+  font-variant-numeric: tabular-nums;
 }
 
 .accKpiLabel {
@@ -1119,6 +1121,7 @@
   font-weight: 800;
   font-size: 16px;
   color: var(--b2c-accent-deep);
+  font-variant-numeric: tabular-nums;
 }
 
 .accGainPct {
@@ -1212,6 +1215,7 @@
   letter-spacing: -0.015em;
   font-weight: 800;
   margin: 0;
+  text-wrap: balance;
 }
 
 .costGrid {
@@ -1227,7 +1231,7 @@
   background: var(--b2c-page-bg);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
-  padding: 28px;
+  padding: clamp(20px, 5vw, 28px);
 }
 
 /* Третья плитка (150 ₽) — тёмная, как в макете. */
@@ -1242,6 +1246,7 @@
   font-weight: 800;
   letter-spacing: -0.02em;
   line-height: 1;
+  font-variant-numeric: tabular-nums;
 }
 
 .costItemTitle {
@@ -2011,6 +2016,7 @@
   line-height: 1.12;
   letter-spacing: -0.015em;
   font-weight: 800;
+  text-wrap: balance;
 }
 .objCtaBtn {
   display: inline-block;
@@ -2117,10 +2123,11 @@
 }
 .artTitle {
   margin: 0;
-  font-size: clamp(24px, 3vw, 32px);
+  font-size: clamp(26px, 3vw, 32px);
   line-height: 1.15;
   letter-spacing: -0.015em;
   font-weight: 800;
+  text-wrap: balance;
 }
 .artGrid {
   display: grid;
@@ -2128,7 +2135,7 @@
   gap: 20px;
 }
 .artCard {
-  padding: 26px;
+  padding: clamp(20px, 4.5vw, 26px);
   background: var(--b2c-surface);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
@@ -2418,15 +2425,21 @@
   text-wrap: pretty;
 }
 .artAllLink {
+  /* Зона нажатия до ~43px без сдвига макета: паддинг гасится
+     отрицательным полем, поэтому строка остаётся на прежней базовой линии. */
+  padding: 10px 0;
+  margin: -10px 0;
   font-weight: 700;
   font-size: 14.5px;
   white-space: nowrap;
   color: var(--b2c-accent-text);
+  /* Подчёркивание вместо нижней границы: граница легла бы по краю паддинга,
+     а не под текстом. */
   text-decoration: none;
-  border-bottom: 1px solid transparent;
 }
 .artAllLink:hover {
-  border-bottom-color: var(--b2c-accent-text);
+  text-decoration: underline;
+  text-underline-offset: 3px;
 }
 .artCardLink {
   composes: artCard;
@@ -2882,6 +2895,7 @@
   line-height: 1.12;
   letter-spacing: -0.015em;
   font-weight: 800;
+  text-wrap: balance;
 }
 
 .srcLead {
@@ -2902,7 +2916,7 @@
 }
 
 .srcCard {
-  padding: 26px;
+  padding: clamp(20px, 4.5vw, 26px);
   background: var(--b2c-surface);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
@@ -2976,6 +2990,7 @@
   line-height: 1.12;
   letter-spacing: -0.015em;
   font-weight: 800;
+  text-wrap: balance;
 }
 
 .wygLead {
@@ -2998,7 +3013,7 @@
 .wygItem {
   display: flex;
   gap: 12px;
-  padding: 24px;
+  padding: clamp(18px, 4vw, 24px);
   background: var(--b2c-page-bg);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
-- 
2.45.3