/*
 * Плакатные блоки на странице Яндекс Директа: то, чем страница отличается от VK.
 * Сами блоки описаны в poster.css (собран из /home-poster.css, см. tools/scope_poster_css.py) — здесь только стыковка
 * со старыми стилями страницы, которые остаются у остальных блоков.
 */

/* PERF-01 (23.09.2026): облегченные шрифты для этой страницы. Глифы вырезаны fontTools из тех же файлов /fonts/ (кернинг и все
   начертания сохранены), описания семейств совпадают с /fonts/aat-fonts.css и poster.css, поэтому вид текста тот же.
   - «-ru»: только русский алфавит и №, вместо *-cyrillic (там еще украинские, сербские и прочие буквы);
   - «-basic»: латиница ASCII, цифры и знаки, которые есть на странице, вместо *-latin (там весь Latin-1);
   - «-rub»: знак «₽» — ради него грузились montserrat-latin-ext (67 КБ) и onest-latin-ext (28 КБ).
     У Sofia Sans Extra Condensed своего «₽» нет (рисуется запасным шрифтом), поэтому ее latin-ext не заменен.
   Правила стоят после общих: для символа браузер сначала берет последний объявленный шрифт. Символ, которого нет в этих файлах,
   браузер возьмет из прежнего общего файла — он просто догрузится. Прелоады в <head> страницы указывают на файлы «-ru». */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(/services/yandex-direct/assets/fonts/montserrat-basic.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B7,U+00BB,U+00D7,U+00F7,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2212}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(/services/yandex-direct/assets/fonts/montserrat-ru.woff2) format("woff2");unicode-range:U+0401,U+0410-044F,U+0451,U+2116}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(/services/yandex-direct/assets/fonts/montserrat-rub.woff2) format("woff2");unicode-range:U+20BD}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(/services/yandex-direct/assets/fonts/onest-basic.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B7,U+00BB,U+00D7,U+00F7,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2212}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(/services/yandex-direct/assets/fonts/onest-ru.woff2) format("woff2");unicode-range:U+0401,U+0410-044F,U+0451,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:400 700;font-display:swap;src:url(/services/yandex-direct/assets/fonts/onest-rub.woff2) format("woff2");unicode-range:U+20BD}
@font-face{font-family:"Sofia Sans Extra Condensed";font-style:normal;font-weight:600 900;font-display:swap;src:url(/services/yandex-direct/assets/fonts/sofia-sans-extra-condensed-basic.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A9,U+00AB,U+00B7,U+00BB,U+00D7,U+00F7,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2212}
@font-face{font-family:"Sofia Sans Extra Condensed";font-style:normal;font-weight:600 900;font-display:swap;src:url(/services/yandex-direct/assets/fonts/sofia-sans-extra-condensed-ru.woff2) format("woff2");unicode-range:U+0401,U+0410-044F,U+0451,U+2116}

/* шапка VK стоит в потоке (sticky), а старая была fixed и оставляла сверху отступ под себя */
.ydx-direct-page .seo-main{padding-top:0}

/* слои: у части старых блоков z-index до 80 (.story-outro в placements.css), поэтому шапка, меню, панель и стикер
   теста стоят выше них; порядок между собой — как на VK */
.ydx-direct-page .top.pst{z-index:100}
.ydx-direct-page .menu.pst{z-index:99}
.ydx-direct-page .mbar.pst{z-index:95}
.ydx-direct-page .quizfab.pst{z-index:94}

/* «Реклама появляется в момент решения» с VK: там под ним бумага страницы, здесь у страницы кремовый фон — даем блоку свою бумагу */
.ydx-direct-page .flow.pst{background:var(--paper)}
/* у директовских текстов шагов на строку меньше, чем на VK, и без этого человек в шаге 03 поднимался головой на последнюю строку:
   ряд картинок стоит сразу под текстами, без подъема на 6–30px, как на VK */
@media (min-width:901px){.ydx-direct-page .flow.pst .flow__scene{margin-top:0}}

/* «≠ продажи» с VK: там под ним бумага страницы, здесь у страницы кремовый фон — даем блоку свою бумагу */
.ydx-direct-page .open--ref.pst{background:var(--paper)}
/* «Директ — усилитель, а не спасатель» на четыре буквы длиннее «VK — …» и в одну строку выходил за черную полосу — кегль чуть меньше */
@media (min-width:981px){.ydx-direct-page .open--ref.pst .commit li.is-loud h3{font-size:3.36vw}}
@media (max-width:980px){.ydx-direct-page .open--ref.pst .commit li.is-loud h3{font-size:6.4vw}}
/* на телефоне и планшете картинка с телефоном в руке задавала высоту строки шага 01 и под его текстом оставалась дыра:
   ладонь снизу срезана (виден весь телефон, 83% высоты картинки) — строка стала ниже (владелец: «можешь обрезать») */
@media (max-width:900px){.ydx-direct-page .flow.pst .art--phone{aspect-ratio:1000/1085;object-fit:cover;object-position:50% 0}}
/* картинка с листами в шаге 02 на телефоне — размер подобрал владелец: 211px при экране 404 (52vw); раньше ее держала
   ширина колонки (img max-width:100%) */
@media (max-width:900px){.ydx-direct-page .flow.pst .art--cards{width:min(52.2vw,360px);max-width:none}}

/* «Кейсы в деньгах клиента» с главной/VK: внизу вокруг «Следующий кейс может быть вашим» проступал кремовый фон страницы */
.ydx-direct-page .cases.pst{background:var(--paper)}
/* под «Следующий кейс может быть вашим» сразу идут темные отзывы, а снизу было 12px — тень карточки упиралась в них:
   от низа тени до края столько же, сколько сверху до карточки (тень 12px, на телефоне и планшете 8px) */
.ydx-direct-page .cases.pst .cases__end{padding-bottom:calc(clamp(48px,5vw,80px) + 12px)}
@media (max-width:980px){.ydx-direct-page .cases.pst .cases__end{padding-bottom:calc(clamp(48px,5vw,80px) + 8px)}}
/* карточка «Следующий кейс может быть вашим» на Директе — синяя, «вашим» белым на черной плашке (владелец) */
.ydx-direct-page .cases.pst .nextcase{background:var(--blue);color:#fff}
.ydx-direct-page .cases.pst .nextcase h3 span{display:inline-block;margin-left:-.02em;padding:.06em .14em 0;background:var(--ink);color:#fff;rotate:-1.6deg}
.ydx-direct-page .cases.pst .nextcase .link{color:#fff}
/* полоса «Директ — усилитель, а не спасатель» на Директе — синяя, текст белый, выделенная фраза на лаймовой подложке (владелец).
   Владелец просил белый текст на лайме, но он не читается (контраст 1.2:1) — фраза черная, как «Место в вашей воронке» в форме */
.ydx-direct-page .open--ref.pst .commit li.is-loud{background:var(--blue);color:#fff}
.ydx-direct-page .open--ref.pst .commit li.is-loud p{color:#fff}
.ydx-direct-page .open--ref.pst .commit li.is-loud p b{padding:.06em .22em .04em;background:var(--lime);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* «Частые вопросы» с главной/VK: фон блока светлый, как был у прежнего блока на Директе (владелец) */
.ydx-direct-page .faq.pst{background:#FBFAF6}
/* «Не возьмемся, если…»: сумма минимального бюджета — светлее текста и с тонкой лаймовой чертой снизу (владелец) */
.ydx-direct-page .nogo .nogo__sum{color:var(--on-ink);text-decoration:underline 2px var(--lime);text-underline-offset:.28em;text-decoration-skip-ink:none}
/* «Директ ≠ продажи» на телефоне и планшете: синяя полоса под ноутбуком — от края до края экрана, без светлых просветов по бокам
   (владелец); полоса повернута, поэтому шире экрана, а лишнее обрезается по бокам секции */
@media (max-width:980px){
  .ydx-direct-page .open--ref.pst{overflow-x:clip}
  .ydx-direct-page .open--ref.pst .report-zone::before{left:calc(-1 * var(--g) - 4vw);right:calc(-1 * var(--g) - 4vw)}
}

/* ===== Правки по SEO-аудиту 22.09.2026: блок цен и состава работ, ссылка аудита, ссылки на кейсы, «Директ под вашу нишу», заголовок формы ===== */
/* «Настройка и ведение: что входит и сколько стоит» — компонент .svc с VK, третья колонка — цена */
.svc-ydx .svc{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr)}
.svc__cost{margin:0;justify-self:end;text-align:right}
.svc__cost b{display:block;font:900 clamp(40px,4vw,64px)/.9 var(--display);color:var(--lime);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.svc__cost span{display:block;margin-top:8px;font-size:14px;line-height:1.35;color:var(--on-ink-soft)}
.fmt{margin-top:clamp(40px,4.4vw,72px)}
.fmt__h{margin:0 0 18px;font:800 clamp(24px,2vw,30px)/1 var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--lime)}
.fmt__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,32px);margin:0}
.fmt__list div{padding-top:16px;border-top:2px solid rgba(244,243,238,.42)}
.fmt__list dt{font:800 clamp(22px,1.7vw,26px)/1 var(--display);text-transform:uppercase;letter-spacing:.005em}
.fmt__list dd{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--on-ink-soft)}
.svc-ydx__act{display:flex;align-items:center;gap:28px;margin-top:clamp(36px,4vw,56px)}
.svc-ydx__act p{margin:0;max-width:46ch;font-size:15px;line-height:1.5;color:var(--on-ink-soft)}
@media (max-width:980px){
  .svc-ydx .svc{grid-template-columns:minmax(0,1fr)}
  .svc__cost{justify-self:start;text-align:left;margin-top:6px}
  .fmt__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-ydx__act{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (max-width:560px){.fmt__list{grid-template-columns:minmax(0,1fr)}}

/* блок аудита: ссылка на попап бесплатного аудита */
.audit__link{display:inline-block;margin-top:10px;color:#fff;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.audit__link:hover{color:var(--lime)}

/* кейсы: ссылка на страницу разбора под каждым плакатом */
.poster__more{grid-column:1/-1;margin:clamp(20px,2.4vw,36px) 0 0}
.poster__more .link{color:inherit}
.poster.on-dark .poster__more .link{color:var(--lime)}

/* «Директ под вашу нишу»: ссылки на отраслевые страницы и статьи */
.niches{padding-block:var(--sec);border-top:2px solid var(--ink)}
.niches__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start}
.niches__h{font-size:clamp(40px,5vw,78px)}
.niches .lead{margin-top:20px}
.niches__k{margin:0 0 12px;font:700 13px/1.3 var(--text);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.niches__list{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px}
.niches__list a{font:800 clamp(22px,1.9vw,28px)/1.05 var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.niches__list a:hover{color:var(--blue);text-decoration-thickness:4px}
@media (max-width:980px){.niches__grid{grid-template-columns:minmax(0,1fr);gap:28px}}

/* «Контекстная реклама в Яндекс Директ: настройка и ведение под ключ» (SEM-01, ONP-04, 23.09.2026) — перед «Частыми вопросами»,
   раскладка как у «Директ под вашу нишу»: заголовок слева, два абзаца справа */
.ctx{padding-block:var(--sec);border-top:2px solid var(--ink)}
.ctx__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:start}
.ctx__h{font-size:clamp(40px,4.6vw,72px)}
.ctx__text .lead{max-width:60ch}
.ctx__text .lead + .lead{margin-top:18px}
.ctx__text a:hover{color:var(--blue)}
@media (max-width:980px){.ctx__grid{grid-template-columns:minmax(0,1fr);gap:24px}}

/* форма внизу: заголовок «Поймем, есть ли у Директа место в вашей воронке» — плашка была одним прямоугольником
   на всю колонку, текст в ней переносился на три строки. Теперь две строки, каждая со своей плашкой по ширине текста,
   шрифт чуть меньше, чтобы «место в вашей» умещалось в строку и на компьютере, и на телефоне */
.brief h2{font-size:clamp(44px,14.2vw,96px)}
.brief h2 span{width:fit-content;white-space:nowrap}
.brief h2 span + br + span{margin-top:.1em}
@media (min-width:981px){.brief h2{font-size:clamp(72px,7.2vw,112px)}}
/* ---------- «Отрасли» (24.09.2026): лист «Отраслей» в шапке в две колонки и четвертая колонка подвала, как на других страницах ---------- */
.dd .dd__panel--ind{width:min(700px,calc(100vw - 80px))}
/* пункты идут строками: на разных страницах их 14 или 15, и при раскладке по колонкам
   лишние уезжали в неявную колонку — та сжимала соседние, и названия налезали друг на друга */
.dd__panel--ind .dd__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px}
/* узкий экран: нав еще виден, но три колонки уже не помещаются */
@media (max-width:1359px){
  .dd .dd__panel--ind{width:min(540px,calc(100vw - 80px))}
  .dd__panel--ind .dd__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){.aat-editorial-footer__grid--ind{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:681px) and (max-width:1023px){.aat-editorial-footer__grid--ind{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---------- /«Отрасли» ---------- */