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 ec9d238e..8c6feab8 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 @@ -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;