/* ========================================
   COLLECTA — точные координаты .fig (контент-origin L80=pagex4748, верх = COLLECTA @T179)
   container-x = pagex-4748; top = pagey-179. Линии #989CA0 (negation 0.5, INDEXING 1, grid 0.5).
   ls:6 = 6% = 0.06em. Отклонение от Figma — только кириллические шрифты.
   ======================================== */

.collecta-page {
  background: #F1F1F1;
}

.collecta-container {
  position: relative;
  width: 1280px;
  max-width: 100%;
  height: 1214px;            /* T179→T1393 (низ grid) */
  margin: 0 auto;
  padding-top: 104px;        /* зазор под навбар (Figma: COLLECTA @T179, навбар 75) */
  box-sizing: content-box;
}

.collecta-container > * { position: absolute; margin: 0; }

/* ── Header ── */
.collecta-title {
  left: 106px; top: 0;       /* Figma L186/T179 */
  font-family: 'Luxerie', serif;
  font-size: 64px; font-weight: 400;
  letter-spacing: 0.06em;    /* Figma ls:6 = 6% */
  color: #000; line-height: normal;
}

.collecta-subtitle {
  left: 624px; top: 0;       /* Figma L704/T179 */
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  letter-spacing: 0.06em;
  color: #252525; line-height: normal; white-space: nowrap;
}

.collecta-intro {
  left: 624px; top: 40px;    /* Figma L704/T219 */
  width: 551px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  letter-spacing: 0.06em;
  color: #6F6F6F; line-height: 2;   /* Figma lh RAW 2.0 */
}

/* ── Negation ── */
.collecta-neg-line {
  left: 60px; width: 1159px; height: 0.5px;   /* Figma L140 sw0.5 */
  background: #989CA0;
}
.collecta-neg-line--top { top: 207px; }       /* Figma T386 */
.collecta-neg-line--bottom { top: 295px; }    /* Figma T474 */

.negation-item {
  top: 228px;                /* Figma T407 */
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  letter-spacing: 0.06em;
  color: #252525; white-space: nowrap;
}
.negation-item--1 { left: 106px; }   /* Figma L186 */
.negation-item--2 { left: 456px; }   /* Figma L536 */
.negation-item--3 { left: 898px; }   /* Figma L978 */

/* ── Main content (две колонки) ── */
.collecta-main-1 {
  left: 106px; top: 401px;   /* Figma L186/T580 */
  width: 407px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  color: #252525; line-height: 1;    /* Figma lh 100% */
}
.collecta-main-2 {
  left: 624px; top: 390px;   /* Figma L704/T569 */
  width: 551px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  color: #6F6F6F; line-height: 2.32; /* Figma lh RAW 2.32 */
}

/* ── Indexing ── */
.indexing-title {
  left: 1px; top: 618px;     /* Figma L81/T797 */
  font-family: 'Luxerie', serif;
  font-size: 40px; font-weight: 400;
  color: #000; line-height: normal;
}
.indexing-underline {
  left: 1px; top: 672px;     /* Figma Line1 @T851 */
  width: 1278px; height: 1px; background: #989CA0;
}
.indexing-subtitle {
  left: 1px; top: 715px;     /* Figma L81/T894 */
  width: 773px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  color: #252525; line-height: normal;
}

/* ── Indexing grid 2x2 ── */
.idx-label {
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  letter-spacing: 0.06em;
  color: #000; line-height: normal;
}
.idx-label--center { text-align: center; }

.idx-desc {
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  letter-spacing: 0.06em;
  color: #8B8B8B; line-height: 1.5;  /* Figma lh RAW 1.5 */
}
.idx-desc--medium { color: #6F6F6F; }

/* left col x178 w286, right col x822 w280 */
.idx-serial-l   { left: 178px; top: 824px;  width: 286px; } /* Figma L258/T1003 */
.idx-serial-d   { left: 178px; top: 886px;  width: 286px; } /* Figma T1065 */
.idx-registry-l { left: 822px; top: 839px;  width: 280px; } /* Figma L822/T1018 (центр) */
.idx-registry-d { left: 822px; top: 886px;  width: 280px; }
.idx-via-l      { left: 178px; top: 1061px; width: 286px; } /* Figma T1240 */
.idx-via-d      { left: 178px; top: 1124px; width: 286px; } /* Figma T1303 */
.idx-history-l  { left: 822px; top: 1061px; width: 280px; }
.idx-history-d  { left: 822px; top: 1124px; width: 280px; }

/* выноски-разделители grid (#989CA0 sw0.5) */
.idx-line { background: #989CA0; }
.idx-line--v       { left: 640px; top: 951px;  width: 0.5px; height: 144px; } /* Figma Line30 */
.idx-line--h-left  { left: 152px; top: 1029px; width: 338px; height: 0.5px; } /* Figma Line28 */
.idx-line--h-right { left: 790px; top: 1030px; width: 338px; height: 0.5px; } /* Figma Line31 */

/* ── Адаптив: <1320 — поток (точный десктоп = 1440; mobile — отдельно) ── */
@media (max-width: 1320px) {
  .collecta-container {
    position: static; width: auto; height: auto;
    padding: 120px 24px 60px;
  }
  .collecta-container > * { position: static; }
  .collecta-title { font-size: 56px; }
  .collecta-subtitle, .collecta-intro,
  .collecta-main-1, .collecta-main-2,
  .indexing-subtitle, .idx-label, .idx-desc { width: auto; max-width: 760px; }
  .collecta-subtitle { margin-top: 24px; }
  .collecta-intro, .collecta-main-1, .collecta-main-2 { margin-top: 16px; }
  .collecta-neg-line { width: 100%; margin: 32px 0; }
  .negation-item { display: inline-block; margin: 0 32px 8px 0; }
  .indexing-title { margin-top: 48px; }
  .indexing-underline { width: 100%; margin: 8px 0 24px; }
  .idx-label { margin-top: 24px; }
  .idx-desc { margin-top: 12px; }
  .idx-label--center { text-align: left; }
  .idx-line { display: none; }
}

/* RU: кириллица рендерится Manrope (шире латинского Maven Pro); letter-spacing 6% выталкивает
   тело карточек INDEXING за бокс → лишний перенос строки vs RU-эталон. Гасим трекинг тел для RU
   (компенсация подстановочного шрифта). Затрагивает только описания карточек INDEXING. */
html[lang="ru"] .fig-collecta .f-12,
html[lang="ru"] .fig-collecta .f-15,
html[lang="ru"] .fig-collecta .f-18,
html[lang="ru"] .fig-collecta .f-21 { letter-spacing: 0; }