/* HeightLine /new — мобильные правки (ТОЛЬКО mobile ≤640px, десктоп НЕ затрагивается).
Линкуется последним в на всех страницах → перебивает core.css и инлайн по источнику.
Копилка мобильных фиксов по ТЗ Сергея 03.07.2026 (msg 7202). */
/* [opt 04.07.2026] AVIF/WebP-оптимизация: ![]()
обёрнуты в .
display:contents выключает picture из layout-дерева — img ведёт себя как прямой ребёнок
(нужно для .team-photo img{height:100%}, .press-pic img, .rt-frame img и т.п.).
Линкуется на всех 34 страницах → покрывает и страницы без core.css. */
picture { display: contents; }
@media (max-width: 640px) {
/* [1] Меню: показать бренд-подпись «Маркетинговое агентство» между лого и бургером (как на ПК). */
.logo-sub { display: inline-block; }
/* [6,7,10,13,15,18,24,28,32,34,36] Кнопки в формах — единый стандарт.
Баг: .form-actions .btn{flex:1} в колоночной раскладке отдавал flex-basis:0 → height схлопывался до ~20px.
Фикс: не растягивать/не сжимать по высоте, задать стандартную высоту касания. */
.form-actions .btn,
.dir-content .form-actions .btn {
flex: 0 0 auto;
height: 56px;
}
/* [8,11,14,16,19,37] Карточки «Как мы работаем / Как проходит аудит».
.proc-card{min-height:250px} на десктопе (5-6 колонок) ок, на мобиле (1 колонка) контента мало → куча пустоты снизу.
Фикс: высота по контенту. */
.proc-card,
.dir-content .proc-card {
min-height: 0;
}
/* [5] Карточки «Какой результат получит клиент»: заданный min-height на мобиле (1 колонка) → пустота снизу у карточек с коротким текстом. */
.result-card,
.dir-content .result-card {
min-height: 0;
}
/* [2] Секция «Услуги» → карточка «ИИ-агенты и автоматизация»: список свёрстан в 2 колонки
(grid-auto-flow:column + grid-template-rows:repeat(3,auto)), мобильный grid-template-columns:1fr это не отменяет.
Фикс: на мобиле — обычный поток в строки, 1 колонка (как у других блоков услуг). */
.svc-list.svc-list-32 {
grid-auto-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
/* [4,9,35,12] hero-visual: снять фикс-высоту рамки — текст/график не вылезают за низ (dash был position:absolute + height:80% без overflow). */
.dir-content .hero-visual, .hero-visual { aspect-ratio: auto; height: auto; }
.dir-content .hero-visual .dash, .hero-visual .dash { position: static; width: 100%; height: auto; margin: 0; }
.dir-content .hero-visual .dash-bars, .hero-visual .dash-bars { flex: 0 0 auto; height: 60px; min-height: 60px; }
/* [17,20] подблок «команда на проекте»: строка в колонку — длинное значение не давит подпись до нулевой ширины. */
.dir-content .cond-row { flex-direction: column; align-items: flex-start; gap: 4px; }
.dir-content .cond-val { text-align: left; }
/* [0] лаги скролла: на мобиле убрать дорогое размытие фона у липкой шапки (пересчёт блюра каждый кадр = джанк). */
#hdr, .hdr { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(255,255,255,0.97) !important; }
/* [22-33] после старта видео скрыть постер/кнопку/лейбл, чтобы не мигало под плеером. */
.hero-video.playing .yt-cover, .hero-video.playing .play, .hero-video.playing .label,
.video-frame.playing .yt-cover, .video-frame.playing .play, .video-frame.playing .vf-cap { display: none; }
/* [ТЗ #2/#4/#6 05.07.2026] Бейдж хронометража «18:24» (top-right) висел поверх запущенного видео. Убираем его на мобиле совсем — он лишний в главном hero-блоке. */
.dir-content .hero-video .video-dur, .hero-video .video-dur { display: none; }
/* [ТЗ 07.07.2026] ОТКАТ уменьшения телефона: возвращён исходный размер (мобильный базовый 280px из страницы). */
/* [ТЗ #8 05.07.2026] SMM hero (только .hero-media есть лишь на SMM):
(а) картинку — ПОСЛЕ текста/кнопок/УТП (было order:-1 → картинка над заголовком);
(б) на мобиле показывались только 2 карточки: .dash-cards сворачивались в 1 колонку и
вылезали за фикс-высоту aspect-ratio:16/10 (position:absolute), 3-я карточка и график срезались.
Фикс: dash в поток (не absolute), высота по контенту, карточки — 3 колонки как на ПК → видно все цифры + график. */
.hero-media { order: 0 !important; aspect-ratio: auto; height: auto; }
.hero-media .hero-dash { position: static; inset: auto; padding: 18px; }
.hero-media .dash-cards { grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
.hero-media .dash-cards .c { padding: 10px 8px; }
.hero-media .dash-cards .v { font-size: 15px; }
.hero-media .dash-cards .l { font-size: 8px; margin-top: 6px; }
.hero-media .dash-bars { height: 52px; }
}
/* [№7 аудит 04.07] Мобильный первый экран: не прятать H1/CTA за декоративный дашборд */
@media (max-width:640px){
.hero-visual{order:0 !important;} /* вернуть порядок: заголовок и кнопка выше визуала */
}
/* [№7] Мобильное меню «Услуги»: не обрезать пункты (было max-height:520px при 13 пунктах) */
.hdr.open .nav-drop.open .nav-menu{max-height:80vh !important; overflow-y:auto !important;}