/* ── Карточка ниши: лента шортсов + шапка с буквой + две цифры ────────────────
   Дописывается В КОНЕЦ product/static/app.css (или отдельным файлом в шаблоне —
   тогда хеш asset_v посчитается сам, регистрировать ничего не надо).

   Утверждённые макеты: «Ниши - варианты карточки.dc.html», варианты 4a (плитка)
   и 4d (строка). Ни одного цвета числом: всё через токены tokens.css, поэтому
   карточка живёт во всех пяти гаммах без правок.

   Правило: НИЧЕГО из существующих правил .nf-niche не переопределяем без
   модификатора. Старая карточка (карусель витрины, избранное) должна остаться
   как есть — новый вид включается классом .nf-niche--shots / .nf-niche--row.
   ──────────────────────────────────────────────────────────────────────────── */

/* ── Лента кадров и авторы ──────────────────────────────────────────────────
   Четыре вертикальных кадра — по одному топовому шортсу от четырёх самых
   виральных каналов ниши. Под каждым аватар ЕГО канала: без этого лента
   читается как четыре ролика одного человека, а смысл ровно обратный. */
/* Решётка из ЧЕТЫРЁХ колонок, а не flex по числу авторов, и это не вкусовщина.
   Мест под кадры всегда четыре, сколько бы каналов ни было: у ниши из одного
   автора лишние места занимают его же ролики. Автор растягивается на span своих
   плиток, а внутри его группы стоит своя решётка с тем же зазором — так кадр
   выходит ОДНОЙ ширины во всех карточках сетки независимо от того, как места
   поделены. На flex этого не получалось: колонка из трёх авторов была шире на
   треть, и вместе с ней кадр 9:16 — выше на треть, а ряд выглядел рваным. */
.nf-niche__shots{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;
  padding:9px 9px 0}
.nf-niche__author-col{grid-column:span var(--nf-span,1);min-width:0;
  display:flex;flex-direction:column;gap:6px;align-items:center}
.nf-niche__shot-row{display:grid;gap:5px;width:100%;
  grid-template-columns:repeat(var(--nf-span,1),1fr)}

/* Полоски лежат ПОД картинкой и остаются, если кадра нет или он не загрузился:
   тот же приём, что в _bits.html:превью — у background-image нет события ошибки,
   поэтому кадр всегда отдельным <img> поверх фона. */
.nf-niche__shot{width:100%;aspect-ratio:9/16;border-radius:6px;overflow:hidden;
  display:block;flex:none;
  background:repeating-linear-gradient(135deg,var(--surf2) 0 10px,var(--surf) 10px 20px)}
.nf-niche__shot-img{width:100%;height:100%;object-fit:cover;display:block}
/* Плитка с замком у бесплатного: одна на всех закрытых авторов подряд — их кадры и кружки
   (владелец 17.10.2026). Невидимые плитки и кружок под ней держат высоту ряда, поэтому
   карточка без единого открытого канала той же высоты, что карточка с открытым. */
.nf-niche__author-col--lock{position:relative}
.nf-niche__shot--ghost,.nf-niche__author--ghost{visibility:hidden}
/* Вид — вариант В (владелец 17.10.2026: «тёмная со свечением цвета ниши», серая была «ублюдская»):
   тёмная плитка, свечение и замок цветом буквы ниши, подпись «Открыть каналы». Цвета — токены. */
.nf-niche__lockplate{position:absolute;inset:0;border-radius:6px;padding:4px;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--tx) 6%,transparent);
  background:radial-gradient(70% 70% at 50% 45%,color-mix(in srgb,var(--nf-tier,var(--tx2)) 30%,transparent),transparent 72%),
             linear-gradient(180deg,var(--surf2),var(--surf));
  display:grid;place-items:center;align-content:center;gap:7px;color:var(--tx2);
  font:700 11px/1.15 var(--ff);letter-spacing:.06em;text-transform:uppercase;text-align:center;
  transition:filter .15s ease}
.nf-niche__lockplate:hover{filter:brightness(1.18)}
.nf-niche__lockplate .nf-i{font-size:26px;color:var(--nf-tier,var(--tx));
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--nf-tier,var(--tx2)) 60%,transparent))}
/* Строкой плитка узкая — подпись не влезет, остаётся замок. */
.nf-niche--row .nf-niche__lockplate-txt{display:none}
.nf-niche--row .nf-niche__lockplate .nf-i{font-size:18px}

/* Аватар автора — ССЫЛКА на его YouTube. Наведение обводит голубым --data: тем
   же цветом, которым в продукте помечено всё «данные и ссылки», — и чуть
   увеличивает кружок. Заливки НЕТ намеренно: раньше аватар на наведении
   заливался голубым целиком, а картинка гасилась, и вместо лица автора
   вспыхивал синий кружок с буквой — самое заметное пятно на всей карточке
   (правка владельца 17.08.2026). Обводка отвечает так же внятно, а лицо
   остаётся на месте. */
.nf-niche__author{width:24px;height:24px;flex:none;border-radius:99px;
  background:var(--surf2);display:grid;place-items:center;
  font:700 11px/1 var(--ff);color:var(--tx);text-decoration:none;
  position:relative;overflow:hidden;
  transition:box-shadow .14s ease, transform .14s ease}
.nf-niche__author-img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block}
.nf-niche__author:hover{box-shadow:0 0 0 2px var(--data);transform:scale(1.14)}
@media (prefers-reduced-motion: reduce){
  .nf-niche__author{transition:box-shadow .14s ease}
  .nf-niche__author:hover{transform:none}
}

/* ── Шапка: квадрат с буквой и название ─────────────────────────────────────
   Одна конструкция с шапкой страницы ниши (.nf-np__badge + .nf-np__name):
   человек видит то же самое до и после клика. Пустоты над названием больше нет —
   в старой карточке буква, вердикт и имя стояли тремя строками, и у короткого
   названия оставалась дыра от min-height:42px под вторую строку. */
/* Лента кадров и оценка ниши — два разных разговора («как это выглядит» и
   «сколько это стоит»), и между ними нужна граница. Она ЗАМЕТНЕЕ остальных
   (--bdS против --bd у разделителей цифр): те делят однородные ячейки внутри
   одного блока, а эта отрезает картинки от данных (правка владельца 17.08.2026). */
.nf-niche--shots .nf-niche__head{border-top:1px solid var(--bdS);margin-top:9px}
.nf-niche__head{display:flex;align-items:center;gap:12px;padding:14px 18px 15px}
/* Буква тира — ОДИН вид везде (решение владельца 19.08.2026): полупрозрачная
   заливка цветом тира, сплошное кольцо тем же цветом, буква тем же цветом.
   Двух начертаний больше нет. Контур означал «оценка предварительная», но рисунок
   буквы ничего не сообщает тому, кто не знает, что она бывает другой, — а рядом
   две такие буквы почти никогда не стоят. Оговорка про малую выборку — в подсказке
   буквы (владелец 14.09.2026 снял и слово «предварительная» с карточки).
   Кольцо внутренней тенью, а не border: у бейджа жёсткий padding,
   у квадратов фиксированные 44/78 px — border сдвинул бы и то, и другое. */
.nf-niche__mark{width:44px;height:44px;flex:none;border-radius:12px;
  background:color-mix(in srgb,var(--nf-tier,var(--tx2)) 18%,transparent);
  color:var(--nf-tier,var(--tx));
  box-shadow:inset 0 0 0 1.5px var(--nf-tier,var(--bdS));
  display:grid;place-items:center;font:800 22px/1 var(--ff)}
.nf-niche__ident{flex:1;min-width:0}
/* В избранном к закладке добавляется кнопка коллекций, и на 260px под название
   оставалось 86px: «Авторский» обрезался посреди слова. Кнопки там ужимаем и
   сдвигаем вплотную — это отыгрывает 10px, и однословные имена перестают
   упираться. На странице «Ниши» кнопка одна, и трогать её незачем. */
.nf-niche--shots .nf-niche__head .nf-niche__coll,
.nf-niche--shots .nf-niche__head .nf-niche__coll + .nf-niche__bm{
  width:28px;height:28px}
.nf-niche--shots .nf-niche__head .nf-niche__coll + .nf-niche__bm{margin-left:4px}
/* Ещё 4px запаса тем же движением: «Авторский» просит ровно 91px при 91
   доступных, и любое имя чуть длиннее снова упрётся. */
.nf-niche--shots .nf-niche__head{gap:10px}
/* Резерв под вторую строку снимаем — дыра под коротким именем была видна. Длинное
   название переносится на две строки (line-clamp:2 из app.css): две строки 17/1.2 —
   это 41px, ровно высота квадрата с буквой, и align-items:center шапки держит их
   вровень. Вердикта словами под именем больше нет (владелец 14.09.2026): тир говорит
   буква, слова — в её подсказке. */
.nf-niche--shots .nf-niche__name{min-height:0;margin:0;font:700 17px/1.2 var(--ff)}
.nf-niche__mark{cursor:help}

/* ── Две цифры: «Каналов» и «Новичок ниши» ─────────────────────────────────
   height:15px у подписи ОБЯЗАТЕЛЕН и не косметика: у второй ячейки в подписи
   стоит иконка info 13px, у первой только текст 9px, и без фиксированной высоты
   значения начинались с разной высоты — «8» и «19 дней» стояли на разных
   уровнях. Это была прямая правка владельца. */
.nf-niche__cells{display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid var(--bd);position:relative}
.nf-niche__cell{padding:11px 10px 12px;text-align:center;min-width:0}
.nf-niche__cell + .nf-niche__cell{border-left:1px solid var(--bd)}
.nf-niche__cell-label{display:flex;align-items:center;justify-content:center;
  gap:5px;height:15px;margin-bottom:8px;
  font:800 9px/1 var(--ff);letter-spacing:.09em;color:var(--tx2);
  text-transform:uppercase}
.nf-niche__cell-label .nf-i{font-size:13px;cursor:help;color:var(--tx2)}
.nf-niche__cell-val{font:700 15px/1.15 var(--ff);color:var(--tx)}
/* Пополам колонки делить нельзя, и это тоже про выравнивание. В «Каналов» стоит
   одно двузначное число, в «Новичок ниши» — два числа со стрелкой; на карточке
   260–300px «55 дней → 211 млн» (155px при 15px шрифта против 132px ячейки)
   переносилось на вторую строку, и значения соседних ячеек снова вставали на
   разной высоте — ровно то, против чего выше стоит height:15px у подписи.
   Замер 17.08.2026 на живых 24 нишах: самое длинное значение — 155px. */
/* minmax(0, …), а не голые fr: у fr-дорожки минимум — min-content её содержимого,
   и длинное значение новичка (nowrap) раздвигало правую колонку, ужимая «Каналов».
   Ширина колонки зависела от длины текста и у соседних карточек была разной
   (скрин владельца 14.09.2026: «где-то каналов широкое, где-то узкое»). Теперь
   доли жёсткие, текст в них помещается двумя строками — см. .nf-niche__cell-per. */
.nf-niche--shots .nf-niche__cells{grid-template-columns:minmax(0,0.72fr) minmax(0,1.28fr)}
.nf-niche--shots .nf-niche__cell{padding-left:8px;padding-right:8px}
.nf-niche--shots .nf-niche__cell-val{font-size:14px;white-space:nowrap}
/* Просмотры новичка — голубым: это «данные», как дни в базе на карточке канала. */
.nf-niche__cell-val em{font-style:normal;color:var(--data)}
/* Стрелка приглушена: цвет достаётся числу (замечание владельца 19.08). */
.nf-niche__cell-sep{color:var(--tx2);font-weight:600}
/* Период новичка («за месяц», «за 7 дней») — всегда своей строкой под значением:
   у всех карточек ряда ячейка получает две строки, и разделители стоят вровень. */
.nf-niche__cell-per{display:block;margin-top:4px;font:600 11.5px/1.2 var(--ff);
  color:var(--tx2);white-space:nowrap}
/* Стажа ещё нет (first_video_status != 'ok') — прочерк, а не ноль. */
.nf-niche__cell-val--empty{color:var(--tx2)}

/* Карточка — колонка, а цифры и деньги прижаты к НИЗУ. Без этого у ниши с
   двухстрочным названием весь низ карточки уезжал на 14px вниз, и в ряду сетки
   «медиана канала» соседей стояла на разной высоте: сама карточка растягивалась
   до высоты ряда, а содержимое оставалось прижатым к верху. Теперь ряд читается
   строками — «Каналов» под «Каналов», деньги под деньгами (правка владельца
   17.08.2026), а разница в длине названия уходит в свободное место над цифрами. */
.nf-niche--shots{display:flex;flex-direction:column}
.nf-niche--shots .nf-niche__strip{flex:none}
/* Свободную высоту забирает ШАПКА, а не решётка цифр. Через margin-top:auto у
   решётки цифры и деньги тоже вставали в ряду ровно, но весь запас высоты
   собирался в одну пустоту ПОД шапкой, и буква с названием висели у верхнего
   края своего поля — заметно на карточке с коротким названием рядом с длинным.
   Теперь поле шапки растягивается само, а `align-items:center` внутри неё
   ставит букву, название и закладку по центру этого поля. */
.nf-niche--shots .nf-niche__head{flex:1}

/* ── Деньги плитки: одна строка под решёткой ────────────────────────────────
   Подпись капсом слева (как «ДОХОД / МЕС» на главной), сумма целиком — не у правого
   края, а под колонкой «Новичок ниши» (владелец 14.09.2026). Строка — та же сетка
   36 % / 64 %, что решётка над ней (0.72fr и 1.28fr из двух долей), поэтому сумма
   стоит ровно под новичком на любой ширине карточки. Минимум первой колонки —
   max-content подписи: на карточке 260px её доля (94px) короче подписи (~104px),
   и тогда подпись берёт своё, а сумма центруется в том, что осталось.
   Подпись была «Заработок в месяц» (151px с полем): на карточках 260–280px сумма
   «$130 080–151 760» вылезала за правый край на 2–18px (скрин владельца 15.09.2026),
   и та же длинная подпись не давала сделать строку сеткой. С «Доход / мес» подпись
   и самая длинная вилка вместе занимают ~240px — на 260px запас есть. */
.nf-niche__money{display:grid;grid-template-columns:minmax(max-content,36%) minmax(0,1fr);
  align-items:center;padding:10px 0 12px;border-top:1px solid var(--bd)}
.nf-niche__money-cap{display:flex;align-items:center;gap:5px;padding-left:18px;
  font:800 9px/1 var(--ff);letter-spacing:.09em;text-transform:uppercase;
  color:var(--tx2);white-space:nowrap}
.nf-niche__money-cap .nf-i{font-size:13px;cursor:help;color:var(--tx2)}
.nf-niche--shots .nf-niche__money-val{text-align:center;min-width:0;
  padding:0 8px;font:700 13.5px/1 var(--ff)}
.nf-niche__money-val{color:var(--pos);white-space:nowrap}

/* ══ Вариант «строка» (4d) ══════════════════════════════════════════════════
   Тот же набор данных в одну строку: ниш на экране втрое больше и они
   сравниваются по колонкам. Включается .nf-niche--row вместо сетки. */
/* overflow:hidden, а НЕ visible. В первой версии здесь стояло visible с
   объяснением «подсказке .nf-hint иначе некуда встать» — объяснение было
   неверным: .nf-hint лежит в body с position:fixed и обрезкой родителя не
   ограничена вовсе. Ценой ошибки был левый край: цветная полоса скругляла себя
   сама (border-radius на ширине 4px превращал её в капсулу), и на наведении она
   отрывалась от угла карточки. Теперь угол режет сама карточка, а полоса — просто
   полоса (правка владельца 17.08.2026). */
.nf-niche--row{display:flex;align-items:stretch;overflow:hidden}
.nf-niche--row .nf-niche__strip{width:4px;height:auto;flex:none;border-radius:0}
/* В строке кадры фиксированной ширины: строка живёт по высоте, и тянуть их
   вслед за шириной экрана нечем. Колонок четыре — распределение мест между
   авторами одно на оба вида. Пробовали давать строке две крупные плитки вместо
   четырёх мелких, владелец откатил 17.08.2026: четыре кадра важнее их размера,
   ниша узнаётся набором, а не одной картинкой. */
.nf-niche--row .nf-niche__shots{grid-template-columns:repeat(4,34px);
  padding:12px;gap:7px;flex:none;
  /* Та же граница между картинками и данными, что в плитке, только вертикальная. */
  border-right:1px solid var(--bdS)}
.nf-niche--row .nf-niche__shot-row{gap:7px}
.nf-niche--row .nf-niche__author-col{gap:5px}
.nf-niche--row .nf-niche__author{width:22px;height:22px;font-size:10px}
/* Отступ от разделителя, а не впритык: буква и название — начало «данных», и
   начинаться они должны на своей линии, а не на границе картинок. */
.nf-niche--row .nf-niche__head{flex:1;min-width:170px;padding:12px 0 12px 18px}
.nf-niche--row .nf-niche__mark{width:38px;height:38px;border-radius:11px;
  font-size:19px}
.nf-niche--row .nf-niche__name{font:700 17px/1.2 var(--ff);min-height:0;margin:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nf-niche--row .nf-niche__cells{display:flex;grid-template-columns:none;
  align-items:center;border-top:0;padding:12px 0;flex:none}
/* Ширины колонок ЖЁСТКИЕ, и это главное в строчном виде. Ячейки тянулись по
   содержимому, а слева от них стояло имя ниши переменной длины — из-за этого
   «Каналов» у одной строки оказывалось там, где у соседней «Новичок ниши», и
   список читался как рассыпанный. Сравнивать ниши по колонкам можно только
   тогда, когда колонки стоят на одной вертикали (правка владельца 17.08.2026). */
.nf-niche--row .nf-niche__cell{padding:0 12px;border-left:1px solid var(--bd);
  flex:none;box-sizing:border-box}
.nf-niche--row .nf-niche__cell:nth-of-type(1){width:112px}
.nf-niche--row .nf-niche__cell:nth-of-type(2){width:196px}
.nf-niche--row .nf-niche__cell:nth-of-type(3){width:166px}
.nf-niche--row .nf-niche__bmcell{width:64px;flex:none;box-sizing:border-box;
  padding:0;border-left:1px solid var(--bd);display:grid;place-items:center}

/* Сетка страницы «Ниши» под новую карточку: минимум поднят с 236 до 260px —
   в 236px четыре кадра по 9:16 становятся уже 50px и перестают читаться. */
.nf-nichegrid--shots{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
/* Строчный вид — одна колонка. */
.nf-nichegrid--rows{display:flex;flex-direction:column;gap:8px}
/* Пока сервер отдаёт сетку в другом виде, старая гаснет — тот же приём, что у
   ленты витрины при пересортировке (.nf-rise[data-busy]). Без этого переключатель
   выглядит залипшим: кнопка нажалась, список секунду стоит прежний. */
.nf-nichegrid[data-busy="true"]{opacity:.45;pointer-events:none;
  transition:opacity .12s ease}


/* ══ Обвязка списка ниш ══════════════════════════════════════════════════════
   Панель над сеткой: чем показывать ниши. Переключатель — те же .nf-sortbar и
   .nf-vbtn, что на странице ниши: два экрана с одинаковой кнопкой не должны
   выглядеть по-разному. */
.nf-nichebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:0 0 16px}
/* «Всего ниш 35» — та же пара, что «Каналы ниши 19» (.nf-np__h2 + .nf-np__count). */
.nf-nichebar__total{font:700 25px/1.2 var(--ff);letter-spacing:-.7px}
.nf-nichebar__total b{font-weight:700;color:var(--tx2);margin-left:6px}
/* LIVE — значок «подборка живая, обновляется каждый день». Цвет гема (--gem):
   новые ниши приходят из новых гемов. Пульсирует ТОЛЬКО точка (владелец 14.09.2026),
   тем же nfPulse, что у остальных живых индикаторов продукта. */
.nf-live{display:inline-flex;align-items:center;gap:6px;
  font:800 10px/1 var(--ff);letter-spacing:.08em;text-transform:uppercase;
  color:var(--gem);border:1px solid color-mix(in srgb,var(--gem) 45%,transparent);
  border-radius:999px;padding:5px 9px;cursor:help}
.nf-live__dot{width:6px;height:6px;border-radius:99px;background:var(--gem);
  animation:nfPulse 1.6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.nf-live__dot{animation:none}}

/* Карточка стала div[role="button"] (внутри неё живут ссылки на авторов, а
   вложенный <a> парсер закрывает наружным тегом — карточка теряла всё, кроме
   цветной полосы). Своего фокусного кольца у div нет — рисуем сами, цветом тира:
   тем же, которым карточка отзывается на наведение. */
.nf-niche--link:focus-visible{outline:2px solid var(--nf-tier,var(--bdS));
  outline-offset:3px}

/* Закладка в строчном виде стоит в своей ячейке по центру — прижимать её вправо
   (margin-left:auto из общего правила .nf-niche__bm) там нечем и незачем. */
.nf-niche--row .nf-niche__bm{margin-left:0}


/* ══ Узкий экран ═════════════════════════════════════════════════════════════
   Строка целиком не влезает: четыре кадра + имя + три колонки цифр — это ~620px
   минимум, и на телефоне она либо уезжает за край, либо показывает многоточие
   вместо чисел. Складываем её в ту же плитку, что и основной вид: лучше одна
   честная карточка на экран, чем строка с обрезанными данными. */
@media (max-width: 760px){
  .nf-niche--row{display:block}
  .nf-niche--row .nf-niche__strip{width:auto;height:4px;
    border-radius:var(--r) var(--r) 0 0}
  /* Лента растягивается на всю ширину: две плитки сверху, четыре аватара под
     ними — та же конструкция, что в строке, только без фиксированных ширин. */
  .nf-niche--row .nf-niche__shots{grid-template-columns:repeat(4,1fr);
    padding:9px 9px 0;gap:5px;border-right:0}
  .nf-niche--row .nf-niche__shot-row{gap:5px}
  .nf-niche--row .nf-niche__author-col{gap:6px}
  .nf-niche--row .nf-niche__author{width:24px;height:24px;font-size:11px}
  /* Строка сложилась в плитку — значит и граница ложится горизонтально. */
  .nf-niche--row .nf-niche__head{padding:14px 18px 15px;margin-top:9px;
    border-top:1px solid var(--bdS)}
  .nf-niche--row .nf-niche__name{white-space:normal}
  .nf-niche--row .nf-niche__mark{width:44px;height:44px;border-radius:12px;
    font-size:22px}
  /* Две ячейки в ряд, деньги и закладка — вторым рядом. Подпись и значение здесь
     ужимаем: в 167px колонке «НОВИЧОК НИШИ» с иконкой и «38 дней → 79,2 млн»
     переносились на вторую строку каждая, и соседние ячейки снова вставали на
     разной высоте. */
  /* align-items:stretch обязателен: в строчном виде решётка — flex с
     align-items:center, и при переходе на grid центрирование остаётся. Ячейка с
     перенесённым значением тогда центрируется в своём ряду и уезжает вверх на
     8px — подписи стоят ровно, а числа под ними разъезжаются. */
  .nf-niche--row .nf-niche__cells{display:grid;grid-template-columns:1fr 1fr;
    align-items:stretch;border-top:1px solid var(--bd);padding:0}
  /* width:auto снимает жёсткие ширины колонок строки: в две колонки на телефоне
     они не влезают и выдавливают карточку за край экрана. Селектор обязан
     повторять :nth-of-type — правило выше весит больше, и без этого сброс молча
     не срабатывал: числа уезжали под правый край. */
  .nf-niche--row .nf-niche__cell:nth-of-type(1),
  .nf-niche--row .nf-niche__cell:nth-of-type(2),
  .nf-niche--row .nf-niche__cell:nth-of-type(3),
  .nf-niche--row .nf-niche__bmcell{width:auto}
  .nf-niche--row .nf-niche__cell{padding:11px 10px 12px;
    border-left:1px solid var(--bd)}
  .nf-niche--row .nf-niche__cell-label{font-size:8.5px;letter-spacing:.04em;
    white-space:nowrap}
  .nf-niche--row .nf-niche__cell-val{font-size:13px;white-space:nowrap}
}

/* ── Телефон ────────────────────────────────────────────────────────────────
   На 375px под карточку остаётся 224px (слева рельса меню), ячейка — 112px, за
   вычетом полей 92px. Строку «38 дней → 79,2 млн» туда не уложить никаким
   кеглем, поэтому здесь она ПЕРЕНОСИТСЯ — и это не ломает главного: значения
   обеих ячеек всё равно начинаются на одной высоте, потому что подпись держит
   height:15px. А вот подпись переноситься не должна — вот она и ужимается. */
@media (max-width: 560px){
  .nf-niche--shots .nf-niche__cell-label,
  .nf-niche--row .nf-niche__cell-label{font-size:8px;letter-spacing:.03em;
    white-space:nowrap}
  .nf-niche--shots .nf-niche__cell-val,
  .nf-niche--row .nf-niche__cell-val{font-size:13px;white-space:normal}
  .nf-niche--row .nf-niche__cell:nth-child(1){border-left:0}
  .nf-niche--row .nf-niche__cell:nth-child(3){border-left:0;
    border-top:1px solid var(--bd)}
  .nf-niche--row .nf-niche__bmcell{padding:11px 10px;
    border-top:1px solid var(--bd)}
}