/* Карточка поставщика в новостях (cms/lib/news_supplier_informer.php) -- по макету дизайнера
   design/seller-value/1-news-supplier-cards (передача в верстку 27.10.2026). Значения -- токены
   assets/wide/dirhub/css/tokens.css, цвета числом не пишем (кроме белого фона карточки, как в docs/design_system_rules.md).
   Компьютер: правая колонка 300 px, фото 150 px, до двух карточек. Телефон: одна карточка в тексте новости
   после третьего абзаца, миниатюра 88 px, слот фиксированной высоты. Отступы -- логическими свойствами (RTL). */

/* места: справа -- только на компьютере, в тексте -- только на телефоне */
.nsi-slot {display: block;}
@media (min-width: 1024px) {.nsi-place-inline {display: none !important;}}
@media (max-width: 1023px) {.nsi-place-side {display: none !important;}}
.nsi-place-side {width: 300px; max-width: 100%; margin: 24px auto 0;}
.nsi-side-stack {padding-top: 0;}
/* Главная новостей: верхняя правая колонка (position: absolute) свисает на нижнюю часть, а у нижней
   aside.rightbar z-index 4 и отступ сверху (fitIsland в news_supplier_informer.js) -- без этого отступ
   перекрывал низ карточки: кнопка, ссылки и hover не работали (владелец 28.10.2026) */
aside.main-news-rightbar {z-index: 5;}
.nsi-side-stack > .nsi-place-side:first-child {margin-top: 0;}
/* под информером ряда Analytics -- 24 px, как под баннером 300×250 (у информера свой отступ снизу 4rem) */
.nsi-side-stack > .benchmark-informer {margin-bottom: 24px;}
.nsi-side-stack > .benchmark-informer + .nsi-place-side {margin-top: 0;}
.nsi-place-inline {margin-block: 24px;}
.nsi-slot.nsi-empty {display: none !important;}

/* загрузка: место занято сразу. Компьютер -- высота карточки с фото (446 px), пусто -- слот сворачивается.
   Телефон -- слот 334 px и при загрузке, и с карточкой: текст новости не сдвигается */
.nsi-place-side.nsi-loading {height: 446px;}
.nsi-place-inline {height: 334px;}

/* скелетон -- блоки --lp-hover-grey в контуре карточки */
.nsi-skel {display: none; height: 100%; box-sizing: border-box; flex-direction: column; overflow: hidden;
	background: #fff; border: 1px solid var(--lp-line-soft); border-radius: 12px;}
.nsi-loading .nsi-skel {display: flex;}
.nsi-skel i, .nsi-skel b {display: block; background: var(--lp-hover-grey); border-radius: 4px;}
.nsi-skel__head {display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 13px;}
.nsi-skel__head i:nth-child(1) {width: 150px; height: 17px;}
.nsi-skel__head i:nth-child(2) {width: 110px; height: 10px;}
.nsi-skel__photo {flex: none; height: 150px; background: var(--lp-hover-grey);}
.nsi-skel__body {flex: 1; display: flex; gap: 12px; padding: 14px 18px 16px; border-top: 1px solid var(--lp-line-soft);}
.nsi-skel__body > b {display: none; flex: none; width: 88px; height: 88px; border-radius: 8px;}
.nsi-skel__lines {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px;}
.nsi-skel__lines i {height: 13px;}
.nsi-skel__lines i:nth-child(2) {width: 70%;}
.nsi-skel__lines i:nth-child(3) {width: 55%; height: 10px;}
.nsi-skel__lines i:nth-child(4) {width: 90px; height: 18px; margin-top: 6px;}
.nsi-skel__cta {flex: none; padding: 0 18px 16px;}
.nsi-skel__cta i {height: 36px; border-radius: 999px;}
.nsi-skel__more {flex: none; height: 36px; background: var(--lp-tint-page); border-top: 1px solid var(--lp-line-soft);}
.nsi-skel > i {height: 14px; margin: 12px 18px 0;} /* разметка скелетона до 27.10 в страницах из кэша nginx */

/* карточка: белая, граница --lp-line-soft, радиус 12, без тени -- карточка статична */
.nsi-c {box-sizing: border-box; display: flex; flex-direction: column; background: #fff; border: 2px solid #e8e8e8; border-radius: 12px;
	overflow: hidden; font-family: var(--lp-font-ui); color: var(--lp-ink); text-align: start;}
/* стили текста новости красят ссылки и рисуют им нижнюю границу -- в карточке свои */
.nsi-c a {text-decoration: none; border-bottom: 0 !important; box-shadow: none !important;}
.nsi-c__head {display: flex; flex-direction: column; gap: 4px; padding-block: 16px 13px; padding-inline: 18px;}
.nsi-c__title {font-family: var(--lp-font-display); font-size: 17px; font-weight: 700; line-height: 1.25; letter-spacing: -.3px; color: var(--lp-ink);}
.nsi-c__meta {font-size: 10.5px; font-weight: 600; line-height: 1.3; text-transform: uppercase; letter-spacing: .04em; color: var(--lp-ink-soft);}
/* фото только настоящее: нет фото -- блока нет, заглушку не ставим */
.nsi-c__photo {display: block; flex: none; width: 100%; height: 150px; background: center / cover no-repeat;}
.nsi-c__thumb {display: none;}
.nsi-c__body {padding-block: 14px 16px; padding-inline: 18px; border-top: 1px solid var(--lp-line-soft);}
.nsi-c__info {display: flex; flex-direction: column; min-width: 0;}
.nsi-c a.nsi-c__name {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
	font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--lp-ink) !important;}
/* название при наведении остается --lp-ink, без подчеркивания (дизайнер 28.10: синие -- только второстепенные ссылки) */
.nsi-c a.nsi-c__name:hover {color: var(--lp-ink) !important; text-decoration: none !important;}
.nsi-c__firm {margin-top: 4px; font-size: 12px; line-height: 1.3; color: var(--lp-ink-soft);}
/* название компании -- ссылка на карточку в справочнике: цвет не меняется, при наведении -- подчеркивание */
.nsi-c a.nsi-c__firmlink {color: inherit !important;}
.nsi-c a.nsi-c__firmlink:hover {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.nsi-c__deliv {margin-top: 3px; font-size: 12px; font-weight: 500; line-height: 1.3; color: var(--lp-ink-muted);}
.nsi-c__price {margin-top: 10px; font-family: var(--lp-font-display); font-size: 18px; font-weight: 700; line-height: 1.25; letter-spacing: 0;
	font-variant-numeric: tabular-nums; color: var(--lp-ink);}
/* «Цена по запросу» -- на тон тише и мельче цены; строку «Рынок» при ней не выводим */
.nsi-c__price--req {font-family: var(--lp-font-ui); font-size: 15px; font-weight: 500; color: var(--lp-ink-muted);}
.nsi-c__market {margin-top: 3px; font-size: 12px; line-height: 1.3; font-variant-numeric: tabular-nums; color: var(--lp-ink-soft);}
/* кнопка -- контурная пилюля, не зеленая: карточек на странице несколько */
.nsi-c__cta {flex: none; display: flex; flex-direction: column; padding-block: 0 16px; padding-inline: 18px;}
.nsi-c a.nsi-c__btn {display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 36px; padding-inline: 12px;
	border-radius: 999px; background: #fff; border: 1px solid var(--lp-line) !important; color: var(--lp-ink) !important;
	font-size: 13.5px; font-weight: 500; text-align: center; white-space: nowrap;}
.nsi-c a.nsi-c__btn:hover {background: var(--lp-hover-grey); border-color: var(--lp-ink-soft) !important;}
/* полоса ссылки на всю ширину -- сама ссылка */
.nsi-c a.nsi-c__more {flex: none; display: flex; align-items: center; justify-content: center; box-sizing: border-box;
	padding-block: 10px; padding-inline: 18px; background: var(--lp-tint-page); border-top: 1px solid var(--lp-line-soft);
	font-size: 12px; font-weight: 600; line-height: 1.35; text-align: center; color: var(--lp-link) !important;}
.nsi-c a.nsi-c__more:hover {color: var(--lp-link-hover) !important; text-decoration: underline;}

/* телефон: в тексте новости, слот 334 px -- карточка занимает его целиком, длинный текст режется в теле, а не кнопка */
.nsi-place-inline .nsi-c {height: 100%;}
.nsi-place-inline .nsi-c__head {padding-block: 14px 12px; padding-inline: 16px;}
.nsi-place-inline .nsi-c__title {font-size: 16px;}
.nsi-place-inline .nsi-c__photo {display: none;}
.nsi-place-inline .nsi-c__body {flex: 1; min-height: 0; overflow: hidden; display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px;}
.nsi-place-inline .nsi-c__thumb {display: block; flex: none; width: 88px; height: 88px; border-radius: 8px; background: center / cover no-repeat;}
.nsi-place-inline .nsi-c__info {flex: 1;}
.nsi-place-inline .nsi-c__price {margin-top: 8px; font-size: 17px;}
.nsi-place-inline .nsi-c__market {margin-top: 2px;}
.nsi-place-inline .nsi-c__cta {padding-block: 0 14px; padding-inline: 16px;}
.nsi-place-inline .nsi-c a.nsi-c__btn {height: 44px; font-size: 15px;}
.nsi-place-inline .nsi-c a.nsi-c__more {min-height: 44px; padding-block: 0; padding-inline: 16px; font-size: 13.5px;}
.nsi-place-inline .nsi-skel__head {padding-block: 14px 12px; padding-inline: 16px;}
.nsi-place-inline .nsi-skel__head i:nth-child(1) {width: 180px; height: 16px;}
.nsi-place-inline .nsi-skel__photo {display: none;}
.nsi-place-inline .nsi-skel__body {padding: 14px 16px;}
.nsi-place-inline .nsi-skel__body > b {display: block;}
.nsi-place-inline .nsi-skel__lines i:nth-child(4) {height: 17px; margin-top: 4px;}
.nsi-place-inline .nsi-skel__cta {padding-block: 0 14px; padding-inline: 16px;}
.nsi-place-inline .nsi-skel__cta i {height: 44px;}
.nsi-place-inline .nsi-skel__more {height: 44px;}

/* Курсор-рука на карточках (владелец 28.10.2026) */
.nsi-c a[href], .nsi-c button { cursor: pointer; }