/* Макет «mrk gotovaya» (Figma): «реестры 2», «Без баннера / Баннер», «Блог», «статья».
   Подключается только на главной, /reestr (и поиске), карточке, /news и странице новости — через 'head' в layout_start,
   то есть после rebuild.css.
   Картинки — только из Web Archive. Фон героя реестра в архиве (img/search-desk-bg.jpg) утерян —
   берём фирменный фон героя главной и «Бизнес-премии» из архива (img/desktop-bg.jpg) с лёгким затемнением
   под белый текст. Декор блоков «Порядок формирования» (img/method-bg.svg) и критериев (img/criteria-bg-1/2.svg)
   утерян — убран, остаётся однотонная подложка. */

/* ===================== /reestr: герой ===================== */
.reestr-page .reestr__desktop {
  background: linear-gradient(90deg, rgba(3, 4, 94, 0.45), rgba(3, 4, 94, 0.1) 60%),
    #03045e url("/img/desktop-bg.jpg") no-repeat center / cover;
}
.reestr-page .reestr__desktop-inner { min-height: 504px; }
.reestr-page .reestr__desktop-text { flex: 0 1 520px; font-size: 19px; line-height: 1.5; }
.reestr-page .reestr__desktop-text p { margin: 0 0 18px; }
.reestr-page .reestr__desktop-text p:last-child { margin-bottom: 0; }
.reestr-page .reestr__search {
  background-color: rgba(26, 72, 150, 0.55);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 14px 40px rgba(0, 0, 40, 0.35);
}
.reestr-page .reestr__desktop .reestr__search { margin-top: 0; }
.reestr-page .reestr__search-title { letter-spacing: 0.3px; }
.reestr-page .reestr__search .search-field { margin-bottom: 0; }
.reestr-page .reestr__search .search-field input { border: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
.reestr-page .advantages__search { background-color: #6c80a3; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 0 20px #e1e4ed; }

/* «Порядок формирования» и критерии: декоративные фоны из reestr-page.css в архиве не сохранились — не запрашиваем их */
.reestr-page .method { background-image: none; }
.reestr-page .criteria { background-image: none; }

/* ===================== /reestr?q= — поиск ===================== */
.fig-search-hero {
  padding: 56px 0;
  background: #03045e url("/img/desktop-bg.jpg") no-repeat center / cover;
}
.reestr-page .fig-search-hero__form { margin: 0 auto; max-width: 640px; padding: 30px 34px 34px; }
.fig-search-hero__form .reestr__search-title { display: block; }
.fig-search-hero__form .search-field { max-width: none; }

.fig-results.rb-search-page { padding: 56px 0 80px; }
.fig-results__title {
  margin: 0 0 28px;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.25;
  color: var(--color-second);
}
.fig-results__title span { font-size: 18px; color: var(--color-main); white-space: nowrap; }
.fig-results__empty {
  max-width: 760px;
  margin: 0 auto;
  border-radius: 10px;
  padding: 28px 32px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 20px #e1e4ed;
}
.rb-results.fig-results__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 30px;
}
.fig-results .rb-results__item {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 0;
  border-radius: 10px;
  padding: 24px 64px 22px 28px;
  background: #fff;
  box-shadow: 0 0 20px #e1e4ed;
  transition: box-shadow 0.3s, transform 0.3s;
}
.fig-results .rb-results__item::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-second);
  border-radius: 50%;
  background: url("/img/icons/arrow-right-small.svg") no-repeat center / 12px auto;
  transform: translateY(-50%);
  transition: 0.3s;
}
.fig-results .rb-results__item:hover { box-shadow: 0 8px 28px rgba(7, 120, 223, 0.18); transform: translateY(-2px); }
.fig-results .rb-results__item:hover::after { background-color: #f3f6ff; }
.fig-results .rb-results__name { font-size: 22px; line-height: 1.3; word-break: break-word; }
.fig-results .rb-results__name::before { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 10px; } /* вся карточка — ссылка */
.fig-results .rb-results__full { order: 1; margin-top: 6px; font-size: 13px; line-height: 1.4; text-transform: uppercase; color: #8a8698; opacity: 1; }
.fig-results .rb-results__meta { order: 2; margin-top: 14px; gap: 8px 10px; font-size: 14px; }
.fig-results .rb-results__meta span { display: inline-flex; align-items: center; border-radius: 20px; padding: 4px 12px; line-height: 1.3; background: #f3f6ff; color: var(--bg-dark); }
.fig-results .rb-results__meta .fig-results__inn { font-weight: 700; }
.fig-results .rb-results__meta .fig-results__status::before { content: ""; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: currentColor; }
.fig-results .rb-results__meta .status-on { background: #eef8e9; color: #3b8f12; }
.fig-results .rb-results__meta .status-off { background: #fdeeee; color: #c0392b; }
.fig-results__pager.rb-pager { justify-content: center; gap: 20px; margin-top: 40px; }
.fig-results__pager-btn {
  border: 1px solid var(--color-second);
  border-radius: 30px;
  padding: 12px 30px;
  font-weight: 600;
  color: var(--color-second);
  transition: 0.3s;
}
.fig-results__pager-btn:hover { color: #fff; background-color: var(--color-second); }

/* ===================== карточка /reestr/<ИНН>-<slug> (Figma «Без баннера» 86:324) ===================== */
/* 993–1186 px (ноутбук 1024/1100, планшет боком): таблица реестра (min-width 788px) не давала колонке сжаться,
   и страница уезжала вправо вместе с сайдбаром. Колонка сжимается, таблица прокручивается внутри .company__table */
.company-page .company__content { min-width: 0; }
/* там же блок заявки (текст 370px + карточка со слайдером не уже ~450px) не помещается в узкую колонку
   и заезжал под сайдбар — ставим его в столбик, как на телефоне */
@media (min-width: 993px) and (max-width: 1199px) {
  .company-page .company__application .application__inner { flex-direction: column; }
  .company-page .company__application .application__left { flex: 0 0 auto; }
  /* блок «Бухгалтерская отчётность» без реестра: в 4 колонки подписи наезжали друг на друга — раскладка как на телефоне */
  .company-page .fig-fin-body .rb-fin-drop { flex-wrap: wrap; }
  .company-page .fig-fin-body .table-drop__column--first { flex: 1 1 100%; padding-bottom: 6px; }
  .company-page .fig-fin-body .rb-fin-drop > div:not(.table-drop__column) { flex: 1 1 100%; }
  .company-page .fig-fin-body .table-drop__column--second_full { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .company-page .fig-fin-body .table-drop__column--second_full > .table-drop__column { border-left: 0; border-top: 1px solid #e1e4ed; padding: 14px 8px; }
  .company-page .fig-fin-body .table-drop__column--fourth { grid-column: 1 / -1; columns: 2; column-gap: 16px; }
}
/* диаграмма доходов — без бледно-зелёной подложки Google Charts */
.company-page .js-pie svg > rect { fill: transparent; }
.company-page .js-pie { margin: 6px auto 0; }

/* выпадающий блок финансов: 4 колонки, как в макете (доходы | капитал… | баланс… | прибыль…) */
.company-page .table-drop { align-items: stretch; padding-right: 0; }
.company-page .table-drop__column--first { flex: 0 0 21%; }
.company-page .table-drop > div:not(.table-drop__column) { flex: 1 1 0; min-width: 0; }
/* четвёртая колонка (8 показателей) — вдвое шире и в две подколонки, чтобы блок не вытягивался вниз */
.company-page .table-drop__column--second_full { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr); height: 100%; }
.company-page .table-drop__column--second_full > .table-drop__column { padding: 20px 12px; border-left: 1px solid #e1e4ed; }
.company-page .table-drop__column--fourth { columns: 2; column-gap: 14px; }
.company-page .table-drop__column--fourth .table-drop__item { break-inside: avoid; }

/* шапка таблицы: подписи показателей в 3 строки не обрезаются */
.company-page .company__table-header .company__table-column:nth-child(n+4),
.company-page .company__table-header-green .company__table-column:nth-child(n+4) { font-size: 13px; line-height: 16px; }
.company-page .table-drop__item { margin-bottom: 14px; }
.company-page .table-drop__name { font-size: 15px; color: var(--bg-dark); }
.company-page .table-drop__value { display: block; margin-top: 3px; }
.company-page .table-drop__proceeds .table-drop__name { font-size: 14px; }

/* отдельный блок «Бухгалтерская отчётность» без строки реестра: без отступа под шапку таблицы */
.company-page .company__table-body.fig-fin-body { padding-top: 0; min-width: 0; }
.company-page .fig-fin-body .rb-fin-drop { margin-top: 24px; border-top: 0; }
.company-page .company__reestr-title { line-height: 1.3; }

/* сайдбар: «Поделиться результатами аналитики» (как в архиве 2022 и в макете «Брендирование страницы») */
.company-page .sidebar__item--brending { padding: 22px 13px 22px; text-align: center; }
.company-page .sidebar__item--brending .sidebar__item-title { font-size: 17px; line-height: 1.35; color: var(--color-main); text-align: left; }
.company-page .sidebar__item--brending .sidebar__item-title span { font-weight: 400; color: #8a8698; }
.company-page .sidebar__item--brending .sidebar__image { padding-top: 8px; margin-bottom: 14px; }
.company-page .sidebar__item--brending .sidebar__image img { display: block; width: 100%; max-width: 244px; height: auto; margin: 0 auto; }
.company-page .rb-share-btn.sidebar__btn { display: block; width: 210px; margin: 0 auto; padding: 14px 10px; height: auto; font-weight: 600; line-height: 1.4; }
.company-page .sidebar__item-title { color: var(--color-main); }
.company-page .sidebar__form { padding: 16px 12px 14px; }
.company-page .sidebar__form label { margin-bottom: 10px; line-height: 1.3; }
.company-page .sidebar__form input { border-radius: 30px; }
/* согласие 152-ФЗ в форме заявки: ссылки внутри строки (на телефоне не рвутся на отдельные строки) */
.company-page .application__form .pd-consent a { display: inline; }

/* реквизиты на телефоне/планшете: статус «Действующая» зелёный, как в сайдбаре на десктопе и в макете (было оранжевым) */
.company-page .sidebar__item--data-mob .sidebar__status.status-on { color: #3b9611; }

/* ===================== /news (Figma «Блог» 34:2) ===================== */
.blog-page .blog__inner { gap: 50px 30px; padding-top: 60px; }
.blog-page .blog__inner .news-card { border-radius: 0; overflow: visible; background: transparent; }
.blog-page .news-card__image,
.article-page .last-news .news-card__image { border-radius: 10px; aspect-ratio: 570 / 369; background: #eef1f6; }
.blog-page .news-card__image img,
.article-page .last-news .news-card__image img { width: 100%; height: 100%; object-fit: cover; }
.blog-page .news-card__body { padding: 22px 0 0; }
.blog-page .news-card__title { font-size: 24px; line-height: 1.3; }
.blog-page .news-card__title a { -webkit-line-clamp: 3; }
.blog-page .news-card__date { margin-bottom: 4px; font-size: 14px; }
.blog-page .news-card__descr { margin-bottom: 18px; line-height: 1.6; }
.blog-page .pagination { justify-content: flex-start; align-items: center; gap: 4px; margin-top: 10px; padding-left: 0; padding-right: 0; }
.blog-page .pagination__list { margin: 0 6px; }
.blog-page .pagination__list:first-child { margin-left: 0; }
.blog-page .pagination__list li { margin: 0 4px 0 0; }
.blog-page .pagination__left, .blog-page .pagination__right { font-size: 22px; color: var(--color-second); }

/* ===================== новость /<slug> (Figma «статья» 34:111) ===================== */
.article-page .article-inside__inner { padding-top: 56px; padding-bottom: 90px; }
.article-page .article-inside__title { margin: 0 0 26px; font-size: 34px; line-height: 1.3; letter-spacing: 0.3px; }
.article-page .article-inside__image { margin-bottom: 26px; }
.article-page .article-inside__image img { display: block; width: auto; max-width: 100%; height: auto; border-radius: 10px; }
.article-page .article-inside__info { margin-bottom: 26px; font-size: 17px; color: #5b5766; }
.article-page .article-inside__text img { max-width: 100%; height: auto; border-radius: 10px; }
.article-page .fig-article-title-box .breadcrumbs__list li:last-child span {
  display: inline-block;
  max-width: 640px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

/* ===================== адаптив ===================== */
@media (max-width: 1200px) {
  .fig-results .rb-results__name { font-size: 20px; }
  .article-page .article-inside__title { font-size: calc(22px + 12 * (100vw - 320px) / 880); }
}
@media (max-width: 992px) {
  .reestr-page .reestr__desktop-inner { padding: 40px 0; gap: 26px; }
  .reestr-page .reestr__desktop .reestr__search { margin-bottom: 0; }
  /* текст и форма в столбик — затемняем фон сверху вниз, чтобы белый текст читался на светлой части градиента */
  .reestr-page .reestr__desktop {
    background-image: linear-gradient(rgba(3, 4, 94, 0.45), rgba(3, 4, 94, 0.15)), url("/img/desktop-bg.jpg");
  }
  .company-page .table-drop__column--first { flex-basis: 30%; }
}
@media (max-width: 768px) {
  .rb-results.fig-results__list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .fig-results__title { font-size: 24px; }
  .fig-search-hero { padding: 30px 0; }
  .reestr-page .fig-search-hero__form { padding: 20px 16px 22px; }
  /* финансы на телефоне: доходы сверху, остальные показатели в две колонки */
  .company-page .fig-fin-body .rb-fin-drop { flex-wrap: wrap; }
  .company-page .fig-fin-body .table-drop__column--first { flex: 1 1 100%; padding-bottom: 6px; }
  .company-page .fig-fin-body .rb-fin-drop > div:not(.table-drop__column) { flex: 1 1 100%; }
  .company-page .fig-fin-body .table-drop__column--second_full { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .company-page .fig-fin-body .table-drop__column--second_full > .table-drop__column { border-left: 0; border-top: 1px solid #e1e4ed; padding: 14px 8px; }
  .company-page .fig-fin-body .table-drop__column--fourth { grid-column: 1 / -1; columns: 2; column-gap: 16px; }
  .company-page .fig-fin-body .table-drop__column--fourth .table-drop__item { break-inside: avoid; }
  .article-page .fig-article-title-box .breadcrumbs__list li:last-child span { max-width: 260px; }
  .blog-page .news-card__title { font-size: 22px; }
}
@media (max-width: 540px) {
  /* реквизиты одной колонкой по левому краю, вровень с названием (space-evenly давал отступ ~45 px) */
  .company-page .sidebar__item--data-mob .sidebar__data { justify-content: flex-start; }
  .company-page .sidebar__item--data-mob .sidebar__data-item,
  .company-page .sidebar__item--data-mob .sidebar__data-link { flex: 1 1 100%; }
  .reestr-page .reestr__desktop-text { font-size: 16px; }
  .fig-results .rb-results__item { padding: 18px 54px 18px 18px; }
  .fig-results .rb-results__item::after { right: 14px; }
  .fig-results .rb-results__name { font-size: 19px; }
  .fig-results__pager-btn { padding: 10px 22px; }
  .article-page .article-inside__inner { padding-top: 30px; }
  .article-page .article-inside__info { font-size: 15px; }
}

/* ===================== главная ===================== */
/* на телефоне и планшете кнопка видео (иконка в архиве закомментирована) становилась пустой синей плашкой поверх шапки */
@media (max-width: 992px) {
  .desktop .desktop__wrap-bg-video { display: none; }
}
