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;