/* ─── О компании ─────────────────────────────────────────────────────────
   Figma: About/pc 975:2299 (1920 × 4157), About/mb 975:2352 (390 × 4817).
   Полоса «Награды» упирается в футер, поэтому у страницы нет нижнего отступа. */

.au-page--about {
  padding-bottom: 0;
}

/* Заголовки блоков 975:2314 / 975:2303: бокс 83 при тексте Inter Semi Bold 32 / lh 39.
   Рядом с текстом в макете стоит пустой фрейм 48 × 48 (975:2317 / 975:2306) — глифа в нём
   нет ни в экспорте ноды, ни на странице, поэтому иконку не рисуем и строку аккордеона
   с Ecsperty не переиспользуем: заголовок здесь не кликается */
.au-about__head {
  padding: 22px 0; /* (83 − 39) / 2 */
  font-size: 32px;
  font-weight: 600;
  line-height: 39px;
}

/* ─── История компании ───────────────────────────────────────────────────
   Карточка 975:2310 (828 × 749) и фото 975:2302 (876 × 749) в ряд с зазором 24 */

.au-history {
  margin-top: 72px; /* карточка y 576 при низе H1 504 */
}

.au-history__grid {
  display: flex;
  align-items: flex-start;
  gap: 24px; /* 948 − (96 + 828) */
}

/* Ниже 1920 макета нет: карточка и фото сжимаются от макетных 828 / 876,
   иначе фото уходит под обрез страницы */
.au-history__card {
  flex: 0 1 828px;
  box-sizing: border-box;
  min-width: 0;
  height: 749px;
  /* содержимое 975:2313 стоит на 134 / 626, то есть 38 и 50 от края карточки */
  padding: 49px 37px 0;
  border: 1px solid var(--au-hairline-dark);
  border-radius: 20px;
}

/* Frame 89 975:2318 — колонка абзацев, gap 4, первый текст на 740 */
.au-history__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 21px;
}

/* 975:2320 / 975:2322 / 975:2324 — Inter Medium 16 / lh 23 во фрейме с падом 10 */
.au-history__text p {
  max-width: 729px;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}

/* 975:2312 — 48px в строчном боксе 23px: так в макете */
.au-history__year {
  margin-top: 62px; /* y 1159 при низе абзацев 1097 */
  font-size: 48px;
  font-weight: 500;
  line-height: 23px;
}

/* 975:2311 */
.au-history__note {
  margin-top: 35px; /* y 1217 при низе «2014 год» 1182 */
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}

.au-history__media {
  position: relative;
  flex: 0 1 876px;
  min-width: 0;
  height: 749px;
  border-radius: 20px;
  overflow: hidden;
}

.au-history__media picture,
.au-history__media picture img {
  display: block;
  width: 100%;
  height: 100%;
}

.au-history__media picture img {
  object-fit: cover;
}

/* 975:2307 — логотип поверх фото, 1208 / 905 от страницы.
   Позиция в долях от фото (260 из 876): ниже 1920 фото сжимается,
   и абсолютные 260px выносили логотип за его правый край */
.au-history__logo {
  position: absolute;
  left: calc(260 / 876 * 100%);
  top: 329px;
  width: 357px;
  height: 92px;
  max-width: calc(100% - 40px);
}

/* ─── Партнёры ───────────────────────────────────────────────────────────
   Строка 975:2303 и сетка карточек 415 × 294 в две строки по четыре */

.au-partners {
  margin-top: 122px; /* строка y 1447 при низе карточки 1325 */
}

.au-partners__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 22.667px; /* (1728 − 4 × 415) / 3 */
  row-gap: 24px;        /* ряд 2 y 1898 при низе ряда 1 1874 */
  margin-top: 50px;     /* ряд 1 y 1580 при низе строки 1530 */
}

.au-partner {
  box-sizing: border-box;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 415px;
  height: 294px;
  background: var(--au-white);
  border: 1px solid var(--au-hairline-dark);
  border-radius: 20px;
  overflow: hidden;
}

/* размер логотипа — данные строки: масштаб источника в макете гуляет от 0.18 до 1.48.
   975:2331 шире карточки (416 против 415) и обрезается ею, поэтому max-width снят */
.au-partner__logo {
  flex: none;
  width: var(--logo-w);
  height: var(--logo-h);
  max-width: none;
  object-fit: cover;
}

.au-partners .au-slider__nav {
  display: none; /* стрелки только на MB */
}

/* ─── Награды и лицензии ─────────────────────────────────────────────────
   Полоса 975:2341 (1920 × 1284, #efefef), карточки 560 × 784 */

.au-awards {
  margin-top: 144px; /* полоса y 2336 при низе ряда 2 2192 */
  padding: 144px 0;  /* заголовок 2480, низ карточек 3476 при низе полосы 3620 */
  background: var(--au-band);
}

.au-awards .au-container {
  position: relative;
}

.au-awards .au-h2 {
  margin: 0;
}

/* 975:2348 / 975:2346 — стрелки на 1584 и 1716, y 2552 = верх заголовка + 72.
   Абсолют оставлен: кнопки обязаны лежать внутри `.au-slider`, откуда их
   забирает `slider.js`, а визуально они стоят в строке заголовка — выше ленты.
   `right: 0` при этом отсчитывался от padding-box контейнера и уносил их
   на 1680/1812 с правым краем 1920 вместо макетных 1584/1716 и 1824. */
.au-awards__nav {
  position: absolute;
  top: 72px;
  right: var(--au-gutter);
  display: flex;
  gap: 24px;
}

.au-awards__list {
  display: flex;
  gap: 24px;        /* в макете 25 и 24 — см. спеку, отклонение 4 */
  margin-top: 72px; /* карточки y 2692 при низе заголовка 2620 */
}

.au-awards .au-cert {
  width: 560px;
  height: 784px;
}

/* ─── Слайдер ────────────────────────────────────────────────────────────
   Кнопка = пилюля 108 × 68 (#fff, radius 34) и тот же глиф, что у пагинации:
   центрированный ассет 56 × 20 даёт стрелку 36 … 73, как в 975:2346 */

.au-slider__track {
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

@media (prefers-reduced-motion: reduce) {
  .au-slider__track {
    scroll-behavior: auto;
  }
}

.au-slider__track::-webkit-scrollbar {
  display: none;
}

.au-slider__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 68px;
  padding: 0;
  background: var(--au-white);
  border: 0;
  border-radius: 34px;
  opacity: 0.5;
  cursor: pointer;
}

.au-slider__btn:hover,
.au-slider__btn:focus-visible {
  opacity: 1;
}

.au-slider__btn img {
  width: 56px;
  height: 20px;
}

.au-slider__btn--prev img {
  transform: scaleX(-1);
}

@media (max-width: 1023px) {
  /* ─── История: карточки нет, всё в одну колонку ───────────────────── */

  .au-history__grid {
    flex-direction: column;
    gap: 48px; /* фото y 1278 при низе подписи 1230 */
  }

  .au-history__card {
    flex: none;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
  }

  /* 975:2358 / 975:2359 — Inter Semi Bold 28 / lh 34, бокс 68 = две строки без падов */
  .au-about__head {
    padding: 0;
    font-size: 28px;
    line-height: 34px;
  }

  .au-history__text {
    gap: 24px;
    margin-top: 36px; /* абзац 1 y 432 при низе заголовка 396 */
  }

  .au-history__text p {
    max-width: 329px;
    padding: 0;
  }

  .au-history__year {
    margin-top: 48px; /* y 1149 при низе абзацев 1101 */
  }

  /* 975:2365 — фото 338 × 351, кадр уже, чем на PC: свой файл через <picture>.
     min() держит фото внутри вьюпорта уже 390 */
  .au-history__media {
    flex: none;
    width: min(338px, 100%);
    height: 351px;
  }

  /* 975:2366 — логотип 111 / 1432 от страницы */
  .au-history__logo {
    left: 85px;
    top: 154px;
    width: 167px;
    height: 43px;
  }

  /* ─── Партнёры: трек до правого края экрана ────────────────────────── */

  .au-partners {
    margin-top: 72px; /* заголовок y 1701 при низе фото 1629 */
  }

  /* вторая карточка в макете обрезана краем экрана (284 + 234 > 390) */
  .au-partners .au-slider {
    margin-right: -26px;
  }

  .au-partners__list {
    flex-wrap: nowrap;
    column-gap: 24px; /* карточка 2 x 284 при ширине 234 */
    margin-top: 36px; /* карточки y 1805 при низе заголовка 1769 */
    padding-right: 26px;
    scroll-snap-type: x mandatory;
  }

  .au-partner {
    width: 234px;
    height: 247px;
    scroll-snap-align: start;
  }

  /* 975:2370 165 × 73, 975:2372 138 × 41 — на MB у каждого логотипа свой размер */
  .au-partner__logo {
    width: var(--logo-w-mb, var(--logo-w));
    height: var(--logo-h-mb, var(--logo-h));
    max-width: 100%;
  }

  /* 975:2375 / 975:2373 — пара кнопок 75 … 315 по центру экрана */
  .au-partners .au-slider__nav {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 36px;   /* стрелки y 2088 при низе карточек 2052 */
    margin-right: 26px; /* гасим вылет трека: пара центруется по экрану, а не по нему */
  }

  /* ─── Награды ──────────────────────────────────────────────────────── */

  .au-awards {
    margin-top: 72px; /* полоса y 2228 при низе стрелок 2156 */
    padding: 72px 0;  /* заголовок 2300, низ карточек 3892 при низе полосы 3964 */
  }

  .au-awards__nav {
    display: none; /* на MB стрелок у награды нет */
  }

  .au-awards__list {
    flex-direction: column;
    margin-top: 36px; /* карточка 1 y 2424 при низе заголовка 2388 */
  }

  .au-awards .au-cert {
    width: 338px;
    height: 473px;
  }
}