/* docs.css — стили страницы «Документы» (фрейм 32:570). Числа из figma-data/tree-docs.txt. */

/* Хлебные крошки + H1 (32:836, 32:835) */
.page-docs .cr-dhero { padding-top: 30px; }
.cr-crumbs { display: flex; align-items: center; }
.cr-crumbs__item, .cr-crumbs__sep {
  padding: 4px 8px; border-radius: 12px; background: var(--c-dark-05);
  font-weight: 500; font-size: 16px; line-height: 24px; color: var(--c-dark); opacity: .9;
}
.cr-crumbs__item--active { background: var(--c-primary-10); color: var(--c-primary); }
.cr-crumbs__item:not(.cr-crumbs__item--active):hover { background: var(--c-dark-10); }
.cr-dhero__title { margin-top: 20px; }
.cr-dhero .cr-subtitle { margin-top: 20px; }

/* Параметр-карточки (32:852, 295×161 r28) */
.cr-params { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
.cr-param {
  background: var(--c-bg-light); border-radius: 28px; padding: 24px;
  display: flex; flex-direction: column; gap: 12px;
  transition: background-color .25s ease, transform .25s ease;
}
.cr-param:hover { background: #ededf0; transform: translateY(-4px); }
.cr-param__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cr-param__tag { font-weight: 500; font-size: 12px; line-height: 18px; opacity: .8; }
.cr-param__value { color: var(--c-primary); font-weight: 600; font-size: 18px; line-height: 24.59px; }
.cr-param__label { font-weight: 500; font-size: 16px; line-height: 24px; }

/* Необходимые документы + виды займов (32:888, фон #f8f8f9) */
.cr-dneed { background: var(--c-bg-light); padding-top: 60px; padding-bottom: 60px; margin-top: 80px; }
.cr-dneed__row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; }
.cr-dneed__card {
  background: var(--c-white); border-radius: 12px; padding: 24px; min-height: 200px;
  display: flex; flex-direction: column; justify-content: space-between; gap: 24px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.cr-dneed__card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(23, 28, 8, 0.12); }
.cr-dneed__icon {
  width: 32px; height: 32px; border-radius: 10.29px; background: var(--c-primary-10);
  display: flex; align-items: center; justify-content: center; color: var(--c-primary);
}
.cr-dneed__icon .cr-ico {
  display: flex;
  width: 15px;
  height: 15px;
  background-color: unset;
}
.cr-dneed__icon .cr-ico svg {
  width: 15px;
  height: 15px;
}
.cr-dneed__icon .cr-ico svg path {
  stroke: #b912ca;
}
.cr-dneed__title { font-weight: 700; font-size: 18px; line-height: 19.8px; letter-spacing: -0.54px; }
.cr-dneed__title2 { margin-top: 80px; max-width: 1240px; }
.cr-loans { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }
.cr-loan { background: var(--c-white); border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 24px; }
.cr-loan__title { font-weight: 700; font-size: 32px; line-height: 35.2px; letter-spacing: -0.96px; }
.cr-loan__title--teal { color: var(--c-teal); }
.cr-loan__title--primary { color: var(--c-primary); }
.cr-loan__list { display: flex; flex-direction: column; }
.cr-loan__list li {
  font-weight: 500; font-size: 14px; line-height: 15.4px; letter-spacing: -0.42px;
  padding: 16px 0;
  border-bottom: 1px solid var(--c-dark-10);
}
.cr-loan__list li:first-child { padding-top: 0; }
.cr-loan__list li:last-child { border-bottom: 0; padding-bottom: 0; }

.cr-loan__disclaimer {
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(26, 26, 31, 0.65);
  word-break: break-word;
  font-weight: 500;
  text-align: center;
}
.cr-loan__disclaimer a {
  color: rgba(26, 26, 31, 0.7);
  text-decoration: underline;
  text-underline-offset: 1px;
}

/* Список документов (34:1977, строки 1240×96 r20) */
.cr-dlist { padding-top: 80px; }
.cr-dlist__rows { display: flex; flex-direction: column; gap: 12px; margin-top: 40px; }
.cr-drow {
  background: var(--c-bg-light); border-radius: 20px; padding: 24px;
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  transition: background-color .25s ease;
}
.cr-drow:hover { background: #ededf0; }
.cr-drow__left { display: flex; align-items: center; gap: 16px; min-width: 0; }
.cr-drow__icon {
  width: 48px; height: 48px; border-radius: 12px; background: rgba(0, 151, 145, 0.05);
  display: flex; align-items: center; justify-content: center; color: var(--c-teal); flex: none;
}
.cr-drow__icon .cr-ico { width: 24px; height: 24px; }
.cr-drow__name { color: #0f1105; font-weight: 600; font-size: 18px; line-height: 24.59px; }

/* Реквизиты (34:2137) */
.cr-dreq { padding-top: 80px; }
.cr-dreq__rows { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; }
.cr-dreq__triple { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.cr-dreq__card {
  background: var(--c-bg-light); border-radius: 28px; padding: 24px;
  display: flex; flex-direction: column; gap: 12px;
}
.cr-dreq__label { font-weight: 500; font-size: 16px; line-height: 24px; }
.cr-dreq__label--inter { font-family: var(--font-num); font-weight: 400; font-size: 15px; }
.cr-dreq__value { color: var(--c-primary); font-weight: 600; font-size: 18px; line-height: 24.59px; }
.cr-dreq__group { display: flex; flex-direction: column; gap: 4px; }
.cr-dreq__note { font-weight: 400; font-size: 16px; line-height: 21.86px; opacity: .8; }

/* Мы поддерживаем (34:2179) */
.cr-pay { padding-top: 80px; padding-bottom: 80px; }
.cr-pay__panel {
  background: var(--c-bg-light); border-radius: 28px; padding: 24px;
  display: flex; flex-direction: column; gap: 24px; margin-top: 40px;
}
.cr-pay__company { color: var(--c-primary); font-weight: 600; font-size: 18px; line-height: 24.59px; }
.cr-pay__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.cr-pay__card {
  background: var(--c-white); border-radius: 28px; padding: 24px; min-height: 136px;
  display: flex; flex-direction: column; gap: 24px; justify-content: space-between;
}
.cr-pay__name { font-weight: 500; font-size: 18px; line-height: 24.59px; opacity: .8; }
.cr-pay__card img { height: auto; max-height: 39px; width: auto; max-width: 100%; align-self: flex-start; }

/* Адаптив */
@media (max-width: 1120px) {
  .cr-params { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 940px) {
  /* макет 940 (38:2264): иконки 4 в ряд (210px), тарифы 2 колонки, платёжки 3 в ряд, триплет реквизитов в ряд */
  .cr-drow { flex-wrap: wrap; }
}
@media (max-width: 640px) {
  .cr-params, .cr-dneed__row { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 30px; }
  .cr-loans { grid-template-columns: 1fr; }
  .cr-dneed { padding-top: 40px; padding-bottom: 40px; margin-top: 60px; }
  .cr-dneed__title2 { margin-top: 60px; }
  .cr-loans { margin-top: 30px; gap: 10px; }
  .cr-dlist, .cr-dreq { padding-top: 60px; }
  .cr-pay { padding-top: 60px; padding-bottom: 60px; }
  .cr-dlist__rows, .cr-dreq__rows { margin-top: 30px; }
  .cr-pay__panel { margin-top: 20px; }
  .cr-dneed__card { min-height: 145px; } /* фрейм 640: Frame 30 h300 = 2 ряда по 145 */
  .cr-drow { padding: 12px; }
  .cr-drow__name { font-size: 16px; line-height: 22px; }
  .cr-loan__title { font-size: 24px; line-height: 26.4px; letter-spacing: -0.72px; }
}

/* межфреймовый мост 421-560: триплет ИНН/КПП/ОГРН не влезает в ряд */
@media (max-width: 560px) {
  .cr-dreq__triple { grid-template-columns: 1fr; gap: 10px; }
}

@media (max-width: 480px) {
  .page-docs .cr-dhero { padding-top: 10px; }
  .cr-param { gap: 8px; } /* фрейм 390: value-label gap 8 (Frame 60 h57) */
  .cr-params, .cr-dneed__row { grid-template-columns: 1fr; }
  /* макет 390 (38:2266): иконки-карточки — компактные строки h80 pad24 gap8 */
  .cr-dneed__card { flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; min-height: 0; }
  /* документы: строка h72 pad12 gap10; «Скачать» во фрейме — только иконка 16px */
  .cr-drow { padding: 12px; }
  .cr-dlist__rows { gap: 10px; margin-top: 20px; }
  .cr-drow .cr-doc__link { font-size: 0; gap: 0; }
  /* реквизиты: gap 10, триплет стеком (38:2266), карточка ИНН/КПП/ОГРН — строка «метка | значение» h73 */
  .cr-dreq__rows { gap: 10px; margin-top: 20px; }
  .cr-dreq__triple { grid-template-columns: 1fr; gap: 10px; }
  .cr-dreq__triple .cr-dreq__card { flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; }
  /* строка документа не переносит «Скачать» вниз — h72 как во фрейме */
  .cr-drow { flex-wrap: nowrap; }
  .cr-drow__name { font-size: 16px; line-height: 22px; }
  /* платёжки: строки h73, лого мельче, в одну линию с названием */
  .cr-pay__panel { margin-top: 20px; }
  .cr-pay__row { grid-template-columns: 1fr; gap: 10px; }
  .cr-pay__card { flex-direction: row; align-items: center; min-height: 0; padding: 24px; }
  .cr-pay__card img { max-height: 25px; align-self: center; }
}