/* Карточка поставщика в новостях (cms/lib/news_supplier_informer.php) -- по макету дизайнера
   docs/design/seller_value_2026-10-24 (утвержден 25.10.2026). Значения -- токены assets/wide/dirhub/css/tokens.css.
   Компьютер: правая колонка 300 px, фото 150 px. Телефон: в тексте новости, миниатюра 88 px. */

/* места: справа -- только на компьютере, в тексте -- только на телефоне */
.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;}
.nsi-side-stack > .nsi-place-side:first-child {margin-top: 0;}
.nsi-place-inline {margin: 24px 0;}
.nsi-slot.nsi-empty {display: none !important;}

/* загрузка: место занято сразу (компьютер 446 px, телефон 334 px), текст новости не сдвигается */
.nsi-place-side.nsi-loading {height: 446px;}
.nsi-place-inline.nsi-loading {height: 334px;}
.nsi-skel {display: none; height: 100%; box-sizing: border-box; border: 1px solid #ced0d6; border-radius: 12px; padding: 16px 18px; background: #fff;}
.nsi-loading .nsi-skel {display: block;}
.nsi-skel i {display: block; background: var(--lp-hover-grey); border-radius: 6px; height: 14px; margin-bottom: 12px;}
.nsi-skel i:nth-child(1) {width: 70%; height: 18px;}
.nsi-skel i:nth-child(2) {width: 40%; height: 10px; margin-bottom: 16px;}
.nsi-skel i:nth-child(3) {height: 150px; margin: 0 -18px 16px; border-radius: 0;}
.nsi-skel i:nth-child(4) {width: 90%;}
.nsi-skel i:nth-child(5) {width: 50%;}
.nsi-place-inline .nsi-skel i:nth-child(3) {height: 88px; width: 88px; margin: 0 0 14px; border-radius: 8px;}

/* карточка */
/* рамка и тень -- как у информера ряда Analytics (.benchmark-informer, news_main/main.css), владелец 25.10.2026 */
.nsi-c {background: #fff; border: 1px solid #ced0d6; box-shadow: 0 6px 22px rgba(17,24,39,0.06); 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 {padding: 16px 18px 13px;}
.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__row1 {display: flex; align-items: baseline; justify-content: space-between; gap: 10px;}
.nsi-c__meta {flex: none; font-size: 10.5px; font-weight: 500; text-transform: uppercase; letter-spacing: .04em; color: var(--lp-ink-soft);}
.nsi-c__firm--head {margin-top: 6px; font-size: 12.5px; color: var(--lp-ink); line-height: 1.35;}
.nsi-c__photo {display: block; width: 100%; height: 150px; background: center / cover no-repeat;}
.nsi-c__thumb {display: none;}
.nsi-c__body {padding: 14px 18px 16px; border-top: 1px solid var(--lp-line-soft);}
.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;}
.nsi-c__name:hover {color: var(--lp-link-hover) !important;}
.nsi-c__firm {font-size: 12px; color: var(--lp-ink-soft); margin-top: 4px; line-height: 1.35;}
.nsi-c__deliv {font-size: 12px; font-weight: 500; color: var(--lp-green-accent); margin-top: 3px;}
.nsi-c__price {font-family: var(--lp-font-display); font-size: 18px; font-weight: 700; letter-spacing: 0; font-variant-numeric: tabular-nums; margin-top: 10px; 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 {font-size: 12px; color: var(--lp-ink-soft); margin-top: 3px;}
.nsi-c__cta {padding: 0 18px 16px;}
.nsi-c__btn {display: flex; align-items: center; justify-content: center; height: 36px; border-radius: 999px; background: #fff; border: 1px solid var(--lp-green) !important; color: var(--lp-green-accent) !important; font-size: 13.5px; font-weight: 500;}
.nsi-c .nsi-c__btn {border-bottom: 1px solid var(--lp-green) !important;}
.nsi-c__btn:hover {background: var(--lp-hover-grey);}
.nsi-c__more {background: var(--lp-tint-page); border-top: 1px solid var(--lp-line-soft); padding: 10px 18px; text-align: center;}
.nsi-c__more a {font-size: 12px; font-weight: 600; color: var(--lp-link) !important;}
.nsi-c__more a:hover {color: var(--lp-link-hover) !important; text-decoration: underline;}

/* телефон: в тексте новости */
.nsi-place-inline .nsi-c__head {padding: 14px 16px 12px;}
.nsi-place-inline .nsi-c__title {font-size: 16px;}
.nsi-place-inline .nsi-c__photo {display: none;}
.nsi-place-inline .nsi-c__body {display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px 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; min-width: 0;}
.nsi-place-inline .nsi-c__price {font-size: 17px;}
.nsi-place-inline .nsi-c__cta {padding: 0 16px 16px;}
.nsi-place-inline .nsi-c__btn {height: 44px; font-size: 15px;}
.nsi-place-inline .nsi-c__more {padding: 0 16px; min-height: 44px; display: flex; align-items: center; justify-content: center;}
.nsi-place-inline .nsi-c__more a {font-size: 13.5px; line-height: 44px;}
.nsi-side-stack > .benchmark-informer + .nsi-place-side {margin-top: 0;} /* под информером ряда -- его собственный отступ снизу */