/* ───────────────────────────────────────────────────────────────────────────
   Поп-ап сертификата. Figma: Sertificate pop ap 975:1415 (1920 × 1080).
   Перекрытие вьюпорта: чёрный фон, полоса сканов, стрелки, крестик.
   Mb-варианта в макете нет — раскладка на 390px выведена в §7 спеки.
   ─────────────────────────────────────────────────────────────────────── */

.au-lightbox {
  position: fixed;
  inset: 0;
  z-index: 30;
  background: var(--au-black);
  overflow: clip;
  /* Высота скана. Макет 1920 × 1080 даёт 694.629; ниже 1080 карточка
     отдаёт высоту, потому что скролл под поп-апом заблокирован.
     385.371 = 181 сверху + 72.371 до стрелок + пилюля 68 + 64 снизу. */
  --au-lb-card: min(694.629px, calc(100vh - 385.371px));
  /* верх полосы: 181 в макете, ниже 1080 поднимается вместе с карточкой */
  --au-lb-top: min(181px, calc((100vh - var(--au-lb-card)) * 0.47));
}

/* фон под поп-апом не скроллится */
html.au-lightbox-open {
  overflow: hidden;
}

/* Полоса на y 181, шаг 530.593 = карточка 496.163 + зазор 34.43.
   Левый край первой карточки 2.84, четвёртая обрезана правым краем. */
.au-lightbox__track {
  position: absolute;
  top: var(--au-lb-top);
  left: 2.84px;
  display: flex;
  gap: 34.43px;
  transition: transform 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .au-lightbox__track {
    transition: none;
  }
}

.au-lightbox__item {
  flex: 0 0 auto;
  /* Шаг полосы lightbox.js берёт из фактической ширины карточки,
     поэтому листание следует за пропорцией само */
  height: var(--au-lb-card);
  aspect-ratio: 496.163 / 694.629; /* 5 : 7 */
  border-radius: 28.521px;
  object-fit: cover;
  /* Figma кроит скан только снизу (`h-[101.05%]` от верхнего края), а cover срезал бы
     излишек с двух сторон и поднял бы содержимое на 4px */
  object-position: top;
  opacity: 0.3;
}

.au-lightbox__item--current {
  opacity: 1;
}

/* Стрелки 240 × 68 правым краем на 1824 = 1920 − 96, верх 948
   (низ полосы 875.629 + 72.371). Пилюли — общий .au-slider__btn.
   Привязка к низу карточки, а не к абсолютным 948: иначе на ноутбуках
   ниже 1080 стрелки уходят за сгиб при заблокированном скролле. */
.au-lightbox__nav {
  position: absolute;
  top: calc(var(--au-lb-top) + var(--au-lb-card) + 72.371px);
  right: var(--au-gutter);
  display: flex;
  gap: 24px;
}

/* крестик: right 42.82 = 1920 − (1839 + 38.184) */
.au-lightbox__close {
  top: 47px;
  right: 42.82px;
}

@media (max-width: 1023px) {
  /* Mb-раскладка (экстраполяция): карточка по контейнеру 390 − 2 × 26 = 338
     при том же соотношении 5 : 7, полоса и стрелки по центру вьюпорта.
     Вертикаль задаётся top, а не transform: transform занят листанием. */
  .au-lightbox__track {
    top: calc(50% - 236.6px);
    left: 26px;
  }

  .au-lightbox__item {
    width: 338px;
    height: 473.2px;
  }

  .au-lightbox__nav {
    top: auto;
    right: auto;
    bottom: 64px;
    left: 50%;
    transform: translateX(-50%);
  }
}