diff --git a/docs/consult_landing.html b/docs/consult_landing.html index b729fdf..2635312 100644 --- a/docs/consult_landing.html +++ b/docs/consult_landing.html @@ -131,9 +131,14 @@ .feature-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; font-family: 'Inter', sans-serif; } .feature-card p { font-size: 14px; color: var(--muted); } + /* секции, где карточки увеличиваются при hover — режем по X, по Y видимость сохраняем, + чтобы подъём/свечение не создавали горизонтальный скролл и не обрезались сверху */ + .problem, .features, .funnel, .demo { overflow-x: clip; overflow-y: visible; } + /* FUNNEL */ .funnel { background: var(--bg2); } - .funnel-flow { display: flex; align-items: flex-start; gap: 0; margin-top: 56px; overflow-x: auto; padding-bottom: 16px; } + .funnel-flow { display: flex; align-items: flex-start; gap: 0; margin-top: 56px; overflow: visible; padding: 10px 0 24px; } + @media (max-width: 760px) { .funnel-flow { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .funnel-step { flex: 1; min-width: 160px; background: var(--bg); border: 1px solid var(--border); border-radius: 14px; diff --git a/docs/main.html b/docs/main.html index b729fdf..2635312 100644 --- a/docs/main.html +++ b/docs/main.html @@ -131,9 +131,14 @@ .feature-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; font-family: 'Inter', sans-serif; } .feature-card p { font-size: 14px; color: var(--muted); } + /* секции, где карточки увеличиваются при hover — режем по X, по Y видимость сохраняем, + чтобы подъём/свечение не создавали горизонтальный скролл и не обрезались сверху */ + .problem, .features, .funnel, .demo { overflow-x: clip; overflow-y: visible; } + /* FUNNEL */ .funnel { background: var(--bg2); } - .funnel-flow { display: flex; align-items: flex-start; gap: 0; margin-top: 56px; overflow-x: auto; padding-bottom: 16px; } + .funnel-flow { display: flex; align-items: flex-start; gap: 0; margin-top: 56px; overflow: visible; padding: 10px 0 24px; } + @media (max-width: 760px) { .funnel-flow { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .funnel-step { flex: 1; min-width: 160px; background: var(--bg); border: 1px solid var(--border); border-radius: 14px;