tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css

@@ -1023,6 +1023,7 @@
   letter-spacing: -0.015em;
   font-weight: 800;
   margin: 0 0 14px;
+  text-wrap: balance;
 }
 
 .accLead {
@@ -1053,7 +1054,7 @@
   background: var(--b2c-page-bg);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
-  padding: 26px;
+  padding: clamp(20px, 4.5vw, 26px);
 }
 
 .accKpiTileDark {
@@ -1067,6 +1068,7 @@
   font-weight: 800;
   letter-spacing: -0.02em;
   line-height: 1;
+  font-variant-numeric: tabular-nums;
 }
 
 .accKpiLabel {
@@ -1180,6 +1182,7 @@
   font-weight: 800;
   font-size: 16px;
   color: var(--b2c-accent-deep);
+  font-variant-numeric: tabular-nums;
 }
 
 .accGainPct {
@@ -1273,6 +1276,7 @@
   letter-spacing: -0.015em;
   font-weight: 800;
   margin: 0;
+  text-wrap: balance;
 }
 
 .costGrid {
@@ -1288,7 +1292,7 @@
   background: var(--b2c-page-bg);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
-  padding: 28px;
+  padding: clamp(20px, 5vw, 28px);
 }
 
 /* Третья плитка (150 ₽) — тёмная, как в макете. */
@@ -1303,6 +1307,7 @@
   font-weight: 800;
   letter-spacing: -0.02em;
   line-height: 1;
+  font-variant-numeric: tabular-nums;
 }
 
 .costItemTitle {
@@ -2072,6 +2077,7 @@
   line-height: 1.12;
   letter-spacing: -0.015em;
   font-weight: 800;
+  text-wrap: balance;
 }
 .objCtaBtn {
   display: inline-block;
@@ -2178,10 +2184,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;
@@ -2189,7 +2196,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;
@@ -2479,15 +2486,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;
@@ -2943,6 +2956,7 @@
   line-height: 1.12;
   letter-spacing: -0.015em;
   font-weight: 800;
+  text-wrap: balance;
 }
 
 .srcLead {
@@ -2963,7 +2977,7 @@
 }
 
 .srcCard {
-  padding: 26px;
+  padding: clamp(20px, 4.5vw, 26px);
   background: var(--b2c-surface);
   border: 1px solid var(--b2c-line);
   border-radius: 10px;
@@ -3037,6 +3051,7 @@
   line-height: 1.12;
   letter-spacing: -0.015em;
   font-weight: 800;
+  text-wrap: balance;
 }
 
 .wygLead {
@@ -3059,7 +3074,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;