/* ─── О компании ─────────────────────────────────────────────────────────
   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 не переиспользуем: заголовок здесь не кликается.
   §137: волна — Inter Tight 400: кегль 32/39 (второй ярус страницы), не 72. */
.au-about__head {
  padding: 22px 0; /* (83 − 39) / 2 */
  font-size: 32px;
  font-weight: 400;
  font-family: 'Inter Tight', 'Inter', sans-serif;
  line-height: 39px;
}

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

.au-history {
  margin-top: var(--au-head-gap); /* карточка y 576 при низе H1 504 */
}

.au-history__grid {
  display: flex;
  align-items: stretch; /* правка заказчика 2026-09-27: фото ровно в высоту карточки с текстом */
  gap: 24px; /* 948 − (96 + 828) */
}

/* Ниже 1920 макета нет: карточка и фото сжимаются от макетных 828 / 876,
   иначе фото уходит под обрез страницы.
   Высота карточки — по тексту: макетные 749 держали под текстом год и
   подпись, их убрали (решение заказчика), и фиксированная высота оставляла
   пустое поле. Низ — тот же отступ, что сверху (49). */
.au-history__card {
  flex: 0 1 828px;
  box-sizing: border-box;
  min-width: 0;
  padding: 49px 37px;
  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.
   §137: волна — Inter Tight Regular 400, как у `.au-home-zayavka__message`.
   Вес 500 → 400. */
.au-history__text p {
  max-width: 729px;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Inter Tight', 'Inter', sans-serif;
  line-height: 23px;
}

.au-history__media {
  position: relative;
  flex: 0 1 876px;
  min-width: 0;
  /* Высоту задаёт карточка-сосед (stretch у сетки): при прежней формуле от
     --au-k фото расходилось с текстом, стоило тексту стать короче или длиннее. */
  border-radius: 20px;
  overflow: hidden;
}

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

/* picture абсолютен, чтобы высоту ряда задавал текст, а не натуральная
   высота снимка (749 при ширине 876). */
.au-history__media picture {
  position: absolute;
  inset: 0;
}

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

/* Логотип по центру фото (правка заказчика 2026-09-27). В макете 975:2307
   он стоял на 260/329 от угла; при фото в высоту текста эта точка уходила
   с центра. */
.au-history__logo {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 357px;
  height: auto;
  max-width: calc(100% - 40px);
  aspect-ratio: 357 / 92;
}

/* ─── Партнёры ───────────────────────────────────────────────────────────
   Строка 975:2303 и сетка карточек в 3 колонки по ширине контентной области */

/* §137: margin-top 122 → 72 — не больше головы главной (H1 → контент). */
.au-partners {
  margin-top: var(--au-tail); /* отступ до заголовка секции (правило близости) */
}

.au-partners__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 24px; /* зазор заголовок → карточки (правило близости: меньше внешнего отступа 72px) */
}

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

/* размер логотипа — данные строки: масштаб источника в макете гуляет от 0.18 до 1.48.
   При сжатии карточки на планшете логотип удерживается внутри с отступами */
.au-partner__logo {
  flex: none;
  width: var(--logo-w);
  height: var(--logo-h);
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  object-fit: contain;
}

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

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

.au-awards {
  margin-top: var(--au-tail); /* полоса y 2336 при низе ряда 2 2192 → 144 */
  padding: var(--au-tail) 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: var(--au-item-gap); /* карточки y 2692 при низе заголовка 2620 */
}

/* .au-cert из experts.css задаёт flex:none (карточки сертификатов там не должны
   сжиматься) — здесь это переопределяем: три карточки обязаны уместиться
   в ленту без горизонтального скролла ниже 1920, иначе они уезжают за экран */
.au-awards .au-cert {
  width: calc((100% - 48px) / 3); /* 48 = 2 зазора по 24px; на 1920 ровно 560 */
  height: auto;
  aspect-ratio: 560 / 784; /* пропорции макета — высота следует за шириной без искажения */
  flex-shrink: 1;
}

/* ─── Слайдер ────────────────────────────────────────────────────────────
   Кнопка = пилюля 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;
}

/* VIS-08: клавиатурный контур фокуса у стрелок слайдеров (паттерн cart.css) */
.au-slider__btn:focus-visible {
  outline: 2px solid var(--au-black);
  outline-offset: 2px;
}

.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;
  }

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

  /* 975:2366 — логотип 167 × 43, по центру фото, как на pc */
  .au-history__logo {
    width: 167px;
  }

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

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

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

  .au-partners__list {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 24px; /* карточка 2 x 284 при ширине 234 */
    row-gap: 0;
    margin-top: 12px; /* 12px на mb, меньше внешнего var(--au-tail-mb) 36px */
    padding-right: 26px;
    scroll-snap-type: x mandatory;
  }

  .au-partner {
    flex: none;
    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%;
    max-height: none;
  }

  /* 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: var(--au-tail-mb); /* 72 → токен, полоса y 2228 при низе стрелок 2156 */
    padding: var(--au-tail-mb) 0;  /* 72 → токен, заголовок 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;
  }
}