/* Страница карточки товара.
   Figma: pc 1091:1880 (1920×7412), mb 1091:1753 (390×10457).
   Все значения — из .design/spec/product.md; отклонения перечислены там же в §8.
   Реюз: .au-container / --au-gutter (base.css), .au-dots (home.css:19-35),
   .au-acc + .au-certs (experts.css:96-250), $header / $footer / $home.zayavka /
   $home.legal целиком. */

/* ─── Карточка товара + галерея ───────────────────────────────────────────
   pc: карточка 1089×615 на (96,325), галерея 615×615 на (1209,325) — в ряд,
   зазор 1209 − (96+1089) = 24. Секция кончается на 940, следующая начинается
   заголовком на 1084. */
/* .au-page (content.css) даёт padding-top 93 под крошки и padding-bottom 144
   под пагинацию. Здесь крошки внутри карточки, а легал стыкуется с футером
   вплотную (6332…6875, футер с 6875) — как на главной. */
.au-page--product {
  padding-top: 0;
  padding-bottom: 0;
}

/* Карточка на y325 при шапке 232 в потоке → 93. Совпадает с дефолтом .au-page,
   но задаю на секции: page-паддинги сняты выше ради стыка легала с футером. */
.au-product-hero {
  padding: 93px 0 0;
}

/* Паддинг не переопределяю: .au-container уже несёт гаттер 96 / 26 (base.css),
   а локальное правило перебивало бы mb-каскад по специфичности. */
.au-product-hero .au-container {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

/* Кропы: в Figma у вложенной картинки left/top — смещение самой картинки,
   а CSS background-position в процентах выравнивает (контейнер − картинка).
   Пересчёт: pos = left·W / (W − W·scale) · 100. */

/* ─── Галерея 1091:1897 ─────────────────────────────────────────────────── */
.au-product-gallery {
  position: relative;
  flex: none;
  order: 2; /* на pc галерея справа, в DOM она первая — так на mb она сверху */
  width: 615px;
  height: 615px;
  border: 1px solid var(--au-hairline-dark);
  border-radius: 20px;
  overflow: hidden;
}

/* Слайды лежат друг на друге и переключаются классом: галерея 615×615 с
   overflow hidden, горизонтальная лента дала бы прокрутку колесом там, где в
   макете только стрелки. Новые снимки — полный кадр с прозрачным фоном,
   contain показывает флакон целиком. */
.au-product-gallery__track {
  position: absolute;
  inset: 0;
}

.au-product-gallery__slide {
  position: absolute;
  inset: 0;
  background-image: url(../img/product/gallery-bg.webp);
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.au-product-gallery__slide--active {
  opacity: 1;
}

/* 1091:1900 — бейдж на (445,35), бокс 134×48 */
.au-product-gallery__badge {
  position: absolute;
  left: 445px;
  top: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border-radius: 260px;
  background: #f4f4f4;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  color: var(--au-black);
}

/* 1091:1902 / 1091:1903 — стрелки 36×36 по вертикальному центру (top 50% −0.5),
   x 35 и 542. Один ассет: левая повёрнута на 90°, правая — 90° + отражение. */
.au-product-gallery__arrow {
  position: absolute;
  top: calc(50% - 0.5px);
  width: 36px;
  height: 36px;
  transform: translateY(-50%);
}

.au-product-gallery__arrow img {
  display: block;
  width: 36px;
  height: 36px;
}

.au-product-gallery__arrow--prev {
  left: 35px;
}

.au-product-gallery__arrow--prev img {
  transform: rotate(90deg);
}

.au-product-gallery__arrow--next {
  left: 542px;
}

.au-product-gallery__arrow--next img {
  transform: rotate(90deg) scaleY(-1);
}

/* 1091:1904 — точки по центру, top 568; активна третья */
.au-product-gallery__dots {
  position: absolute;
  left: calc(50% - 0.5px);
  top: 568px;
  transform: translateX(-50%);
}

/* ─── Карточка 1091:1883 ────────────────────────────────────────────────── */
.au-product-card {
  position: relative;
  flex: none;
  order: 1;
  width: 1089px;
  height: 615px;
  border: 1px solid var(--au-hairline-dark);
  border-radius: 20px;
  overflow: hidden;
}

/* 1091:1884 — крошки на (71,68), Inter Regular 12, opacity .5 */
.au-product-card__crumbs {
  position: absolute;
  left: 71px;
  top: 68px;
  font-size: 12px;
  font-weight: 400;
  color: var(--au-black);
  opacity: 0.5;
}

.au-product-card__crumbs a {
  color: inherit;
  text-decoration: none;
}

/* 1091:1885 — H1 на (71,107), Inter SemiBold 48 */
.au-product-card__title {
  position: absolute;
  left: 71px;
  top: 107px;
  margin: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  color: var(--au-black);
}

/* 1091:1886 — описание на (71,201), бокс 673, Inter Regular 18/24 */
.au-product-card__desc {
  position: absolute;
  left: 71px;
  top: 201px;
  width: 673px;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--au-black);
}

/* Цены — две отдельные ноды с разными top (1091:1888 y321, 1091:1887 y348),
   поэтому не один inline-поток, а абсолютные позиции внутри общего <p>. */
.au-product-card__price {
  margin: 0;
}

.au-product-card__price-new {
  position: absolute;
  left: 71px;
  top: 321px;
  font-size: 64px;
  font-weight: 700;
  line-height: normal;
  color: var(--au-black);
}

.au-product-card__price-old {
  position: absolute;
  left: 343px;
  top: 348px;
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  color: var(--au-black);
  opacity: 0.25;
}

/* 1091:1664 — счётчик 173×68 на (71,470). Символы в макете по фиксированным
   долям бокса: + 19.65%, значение 42.77%, минус 66.47% — порядок в DOM другой
   (минус, значение, плюс), поэтому позиции задаются явно, а не flex-потоком. */
.au-product-count {
  position: absolute;
  left: 71px;
  top: 470px;
  width: 173px;
  height: 68px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 90px;
}

.au-product-count__btn,
.au-product-count__value {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  color: var(--au-black);
  opacity: 0.3;
}

/* Доли бокса из нод: + 19.65%, значение 42.77%, − 66.47% от 173 */
.au-product-count__btn--plus {
  left: 34px;
}

.au-product-count__value {
  left: 74px;
}

.au-product-count__btn--minus {
  left: 115px;
}

/* 1091:1889 — кнопка 269×68 на (281,470) */
/* Кнопка-ссылка: оформления заказа в макете нет, поэтому «Добавить в корзину»
   ведёт к форме заявки (context/decisions.md §5). Сброс подчёркивания — она
   должна выглядеть кнопкой, как в макете. */
.au-product-card__basket {
  position: absolute;
  left: 281px;
  top: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 34px;
  border-radius: 260px;
  background: var(--au-black);
  text-decoration: none;
}

.au-product-card__basket-label {
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
  color: var(--au-white);
  text-transform: capitalize;
}

.au-product-card__basket img {
  display: block;
  width: 28px;
  height: 28px;
}

/* Пилюли 1091:1891/1895/1893 — x 795 / 869 / 955, все top 486 */
.au-product-forms {
  position: absolute;
  top: 486px;
  left: 795px;
  display: flex;
  gap: 8px; /* 869 − (795+66) = 8 и 955 − (869+78) = 8 */
}

.au-product-forms__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 90px;
  background: #f4f4f4;
  font-size: 14px;
  font-weight: 700;
  line-height: 36px;
  color: var(--au-black);
  text-transform: capitalize;
  opacity: 0.3;
}

.au-product-forms__item--active {
  background: var(--au-black);
  color: var(--au-white);
  opacity: 1;
}

/* ─── «Основная информация» + карточки «Кому подходит» ───────────────────
   Заголовок 1091:1905 на (96,1084) — Inter SemiBold 48, обе строки чёрные
   (НЕ паттерн .au-home-h2 с 72/70 и приглушением: сверено, см. спеку).
   Карточки 414×312 на y1272, шаг 438 → gap 438 − 414 = 24. */
.au-product-audience {
  padding: 144px 0 0; /* 1084 − 940 (низ секции карточки) */
}

/* Нода 1091:1905 — две строки при высоте 116, то есть 58 на строку. `normal`
   у Inter 48px даёт 59 и уводит карточки на 2px вниз. */
.au-product-audience__title {
  margin: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 58px;
  color: var(--au-black);
}

.au-product-audience__title--mb {
  display: none;
}

.au-product-audience__grid {
  display: flex;
  gap: 24px;
  margin-top: 72px; /* 1272 − (1084 + 116) */
}

.au-product-audience__card {
  position: relative;
  flex: none;
  width: 414px;
  height: 312px;
  border: 1px solid var(--au-hairline-dark);
  border-radius: 20px;
  background: var(--au-white);
  overflow: hidden;
}

/* 1091:1908 — заголовок на (33,47), Inter Medium 16, opacity .3 */
.au-product-audience__card-title {
  position: absolute;
  left: 33px;
  top: 47px;
  width: 235px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: var(--au-black);
  opacity: 0.3;
}

/* карточки 3-4 — заголовок шире (321 против 235) */
.au-product-audience__card--wide .au-product-audience__card-title {
  width: 321px;
}

/* 1091:1909 — текст на (33,133), Inter Medium 16/26 */
.au-product-audience__card-text {
  position: absolute;
  left: 33px;
  top: 133px;
  width: 346px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: var(--au-black);
}

.au-product-audience__card--wide .au-product-audience__card-text {
  width: 353px;
}

/* ─── Форма выпуска 1091:1919 ───────────────────────────────────────────── */
.au-product-forms-section {
  height: 935px;
  margin-top: 144px; /* 1728 − (1272 + 312) */
  background: #686876;
}

.au-product-forms-section .au-container {
  position: relative;
  height: 100%;
}

/* 1091:1920 — заголовок на (96,144), Inter SemiBold 48, белый */
.au-product-forms-section__title {
  position: absolute;
  left: var(--au-gutter);
  top: 144px;
  margin: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  color: var(--au-white);
}

/* карточки 560×517 на y274, x 96 / 680 / 1264 → шаг 584, gap 24 */
.au-product-forms-section__grid {
  position: absolute;
  left: var(--au-gutter);
  top: 274px;
  display: flex;
  gap: 24px;
}

.au-product-form {
  position: relative;
  flex: none;
  width: 560px;
  height: 517px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

/* Иконка 48 и водяной знак 256 — один и тот же вектор, разница в размере
   и прозрачности (0.5 / 0.05); второй файл в макете не нужен. */
.au-product-form__icon {
  position: absolute;
  left: 48px;
  width: 48px;
  height: 48px;
  opacity: 0.5;
}

.au-product-form__watermark {
  position: absolute;
  width: 256px;
  height: 256px;
  opacity: 0.05;
}

.au-product-form__photo {
  position: absolute;
  background-repeat: no-repeat;
}

.au-product-form__name {
  position: absolute;
  left: 48px;
  top: 348px;
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  line-height: normal;
  color: var(--au-white);
}

.au-product-form__note {
  position: absolute;
  left: 48px;
  top: 407px;
  width: 262px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  color: var(--au-white);
}

.au-product-form__note b {
  font-weight: 700;
}

/* Спрей 1091:1921: иконка y71, знак (375,95), фото (375,50) 169×417 */
.au-product-form--spray .au-product-form__icon {
  top: 71px;
}

.au-product-form--spray .au-product-form__watermark {
  left: 375px;
  top: 95px;
}

.au-product-form--spray .au-product-form__photo {
  left: 375px;
  top: 50px;
  width: 169px;
  height: 417px;
  /* Снимок нормализован под квадратный кадр (см. home.css), поэтому contain,
     а не кроп из макета: тот рассчитывался на объект в 16% ширины файла. */
  background-image: url(../img/product/spray-01-refresh.webp);
  background-size: contain;
  background-position: 50% 50%;
}

/* Ампула 1091:1929: иконка y64, знак (405,118), фото (333,124) 186×349 */
.au-product-form--ampoule .au-product-form__icon {
  top: 64px;
}

.au-product-form--ampoule .au-product-form__watermark {
  left: 405px;
  top: 118px;
}

.au-product-form--ampoule .au-product-form__photo {
  left: 333px;
  top: 124px;
  width: 186px;
  height: 349px;
  background-image: url(../img/product/dry-01-refresh.webp);
  background-size: contain;
  background-position: 50% 50%;
}

/* Ручка 1091:1938: иконка y64, знак (396,123), фото (387,84) 116×404 */
.au-product-form--pen .au-product-form__icon {
  top: 64px;
}

.au-product-form--pen .au-product-form__watermark {
  left: 396px;
  top: 123px;
}

.au-product-form--pen .au-product-form__photo {
  left: 387px;
  top: 84px;
  width: 116px;
  height: 404px;
  background-image: url(../img/product/pen-01-refresh.webp);
  background-size: contain;
  background-position: 50% 50%;
}

/* ─── Аккордеон ─────────────────────────────────────────────────────────
   Разметка и стили — реюз .au-acc / .au-certs (experts.css). Здесь отступ
   секции и правка вертикали панели: на «Специалистах» панель несёт
   padding 30/40, на этой странице ноды дают 20 сверху (2785 + строка 83
   → абзац 2888) и 40 снизу (абзац2 2958 + 66 → строка 3064). Разница в 10
   сверху копилась и уводила низ страницы на 138px. */
.au-product-details {
  padding: 122px 0 0;
}

.au-product-details .au-acc {
  margin-top: 0; /* .au-acc несёт margin-top 72 под свою страницу */
}

.au-product-details .au-acc__panel {
  padding-top: 20px;
}

/* Панель сертификатов: карточки на y3177 при строке 3062+83 = 3145 → 32 сверху
   (у текстовых панелей 20), снизу 50 как на «Специалистах» → строка 3714. */
.au-product-details .au-acc__panel--certs {
  padding-top: 32px;
}

/* ─── Похожие товары ────────────────────────────────────────────────────
   Заголовок 1091:1906 на (96,4288) — снова 48, не 72/70.
   Карточки 561×574 на y4418, x 96 / 681 / 1263 → шаг 585 и 582, gap 24. */
.au-product-similar {
  position: relative;
  /* 4288 − 4144 сверху; снизу до заявки на 5252 при низе типа/объёма 5115 */
  padding: 144px 0 137px;
}

.au-product-similar .au-container {
  position: relative;
}

.au-product-similar__title {
  margin: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  color: var(--au-black);
}

/* 1091:2007 — пара пилюль 240×68 на (1584,4288), правый край 1824 = гаттер */
.au-product-similar__nav {
  position: absolute;
  right: var(--au-gutter);
  top: 0;
  display: flex;
  width: 240px;
  height: 68px;
}

.au-product-similar__arrow {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding: 16px 36px;
  border: 1px solid var(--au-hairline-dark);
  border-radius: 260px;
  background: var(--au-white);
  opacity: 0.5;
  transition: opacity 0.2s;
}

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

.au-product-similar__arrow img {
  display: block;
  width: 36px;
  height: auto;
}

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

.au-product-similar__grid {
  display: flex;
  gap: 24px;
  margin-top: 72px; /* 4418 − (4288 + 58) */
}

/* 561 в макете: три карточки плюс два зазора 24 ровно заполняют контейнер
   1728 при гаттере 96. Ниже 1920 карточки делят строку поровну — на жёсткой
   ширине названия и фасовка уходили за правый край страницы. */
.au-product-similar__card {
  flex: 1 1 0;
  min-width: 0;
  max-width: 561px;
}

.au-product-similar__photo {
  /* 561×574 в макете — соотношение 1:1.023. Ширину даёт карточка (ниже 1920
     она делит строку), высота идёт от неё, иначе фото вылезало за карточку
     и создавало горизонтальный скролл. */
  width: 100%;
  aspect-ratio: 561 / 574;
  border-radius: 20px;
  background-color: var(--au-band);
  background-repeat: no-repeat;
}

/* Снимки нормализованы под квадратный кадр (см. home.css), поэтому contain и
   файлы из `img/product/`. Правило видно, когда у товара не заполнено фото. */
.au-product-similar__photo--spray {
  background-image: url(../img/product/spray-01-refresh.webp);
  background-size: contain;
  background-position: 50% 50%;
}

/* Флакон вдвое ниже спрея и ручки, но нормализация снимков растянула все три
   объекта до одной высоты кадра, и в ряду «Похожих» он выглядел крупнейшим.
   Кроп уменьшен вдвое, флакон стоит на одной линии с соседями — как в карточках
   каталога (home.css). Спрей и ручка не затронуты.
   91%: проценты в background-position отсчитываются от разницы размеров бокса и
   фона, а низ изделия в файле лежит на 93% высоты кадра, не на самом краю. */
.au-product-similar__photo--ampoule {
  background-image: url(../img/product/dry-01-refresh.webp);
  background-size: auto 50%;
  background-position: 50% 91%;
}

.au-product-similar__photo--pen {
  background-image: url(../img/product/pen-01-refresh.webp);
  background-size: contain;
  background-position: 50% 50%;
}

/* 1091:1990 — название Inter Medium 32 с падом 10; y5012 при низе фото 4992 */
.au-product-similar__name {
  margin: 19px 0 0; /* фото кончается 4993, нода названия 5012, внутри ещё пад 10 */
  padding: 10px 0;
  font-size: 32px;
  font-weight: 500;
  line-height: normal;
  color: var(--au-black);
}

/* 1091:1998 — тип/объём Inter Medium 20, opacity .3, y5066 */
.au-product-similar__pack {
  margin: 0;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: var(--au-black);
  opacity: 0.3;
}

/* Цена в pc-макете отсутствует, появляется только на mb (1091:1801) */
.au-product-similar__price {
  display: none;
}

.au-product-similar__dots {
  display: none; /* точки только на mb (1091:1812) */
}

/* ─── Мобильный макет: 390px ─────────────────────────────────────────────
   Порядок секций на mb другой: галерея y129 → карточка y557 → заголовок
   «Кому подходит» y1217 → карточки y1321 → форма выпуска y2817 →
   похожие y4400 → аккордеон y5129. Смена местами похожих и аккордеона
   решается order на .au-page--product. */

@media (max-width: 1023px) {
  /* Похожие товары (y4400) на mb идут перед аккордеоном (y5129) — в DOM
     порядок pc-шный, поэтому переставляем флексом на уровне страницы. */
  .au-page--product {
    display: flex;
    flex-direction: column;
  }

  .au-page--product > .au-product-similar {
    order: 1;
  }

  .au-page--product > .au-product-details {
    order: 2;
  }

  .au-page--product > .au-home-zayavka {
    order: 3;
  }

  .au-page--product > .au-home-legal {
    order: 4;
  }

  .au-product-hero {
    padding: 64px 0 0; /* галерея 1091:1755 на y129 при шапке 65 */
  }

  .au-product-hero .au-container {
    flex-direction: column;
    gap: 24px; /* 557 − (129 + 404) = 24 */
  }

  /* 1091:1755 — 338×404; картинка в 1091:1756 (совпадает с боксом)
     173.53%×108.16% при left −36.87% top −4.37% */
  .au-product-gallery {
    order: 1;
    width: 338px;
    height: 404px;
  }

  /* Кроп на слайде, а не на контейнере: фон переехал на .__slide вместе с
     переключением галереи. */
  .au-product-gallery__slide {
    background-size: 173.53%;
    background-position: 50.14% 53.55%;
  }

  /* 1091:1758 — бейдж на (180,32) */
  .au-product-gallery__badge {
    left: 180px;
    top: 32px;
  }

  /* 1091:1760 / 1091:1761 — стрелки на y203, x 48 и 290 */
  .au-product-gallery__arrow {
    top: 203px;
    transform: none;
  }

  .au-product-gallery__arrow--prev {
    left: 48px;
  }

  .au-product-gallery__arrow--next {
    left: 290px;
  }

  /* 1091:1762 — точки на (132,358) */
  .au-product-gallery__dots {
    left: 132px;
    top: 358px;
    transform: none;
  }

  /* 1091:1813 — карточка 338×588, фон белый */
  .au-product-card {
    order: 2;
    width: 338px;
    height: 588px;
    background: var(--au-white);
  }

  /* крошек на mb в макете нет */
  .au-product-card__crumbs {
    display: none;
  }

  /* Пилюли переезжают наверх: y47, x 23 / 97 / 183 (1091:1823/1827/1825) */
  .au-product-forms {
    left: 23px;
    top: 47px;
    gap: 8px;
  }

  /* 1091:1816 — H1 на (23,139), Inter SemiBold 28 */
  .au-product-card__title {
    left: 23px;
    top: 139px;
    width: 281px;
    font-size: 28px;
  }

  /* 1091:1818 — описание на (23,209), Inter Medium 16/23 */
  .au-product-card__desc {
    left: 23px;
    top: 209px;
    width: 281px;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
  }

  /* 1091:1822 y360 / 1091:1821 (165,368) */
  .au-product-card__price-new {
    left: 23px;
    top: 360px;
    font-size: 32px;
  }

  .au-product-card__price-old {
    left: 165px;
    top: 368px;
    font-size: 24px;
  }

  .au-product-count {
    left: 23px;
    top: 471px;
  }

  /* 1091:1819 — кнопка 96×68 на (221,471), только иконка. Высоту на pc держит
     line-height подписи (36 + 16×2); подпись скрыта, поэтому задаю явно. */
  .au-product-card__basket {
    left: 221px;
    top: 471px;
    height: 68px;
  }

  .au-product-card__basket-label {
    display: none;
  }

  /* ─── «Кому подходит» на mb ───────────────────────────────────────────
     Заголовок 1091:1763 на (26,1217) — свой текст, 28. Карточки 338×338
     в столбец, шаг 362 → gap 24. */
  .au-product-audience {
    padding: 72px 0 0; /* 1217 − (557 + 588) */
  }

  .au-product-audience__title--pc {
    display: none;
  }

  /* 1091:1763 — нода 68 высотой при кегле 28. Текст в одну строку не влезает
     в 338, поэтому высоту держит бокс, а не line-height (та дала бы 2×68). */
  .au-product-audience__title--mb {
    display: block;
    height: 68px;
    font-size: 28px;
    line-height: 34px;
  }

  .au-product-audience__grid {
    flex-direction: column;
    margin-top: 36px; /* 1321 − (1217 + 68) */
  }

  .au-product-audience__card {
    width: 338px;
    height: 338px;
  }

  .au-product-audience__card-title,
  .au-product-audience__card--wide .au-product-audience__card-title {
    left: 23px;
    top: 47px;
    width: 239px;
  }

  .au-product-audience__card--wide .au-product-audience__card-title {
    width: 281px;
  }

  .au-product-audience__card-text,
  .au-product-audience__card--wide .au-product-audience__card-text {
    left: 23px;
    top: 133px;
    width: 281px;
  }

  /* ─── Форма выпуска на mb 1091:1776 ─────────────────────────────────── */
  .au-product-forms-section {
    height: 1583px;
    margin-top: 72px; /* 2817 − 2745 (низ последней карточки) */
  }

  /* 1091:1777 — заголовок на (26,72), 36 */
  .au-product-forms-section__title {
    left: var(--au-gutter-mb);
    top: 72px;
    font-size: 36px;
  }

  /* карточки 338×425 в столбец на x26, y 188 / 637 / 1086 → шаг 449, gap 24 */
  .au-product-forms-section__grid {
    left: var(--au-gutter-mb);
    top: 188px;
    flex-direction: column;
  }

  .au-product-form {
    width: 338px;
    height: 425px;
  }

  /* На mb иконка уходит под текст (36,341), знак вылезает за левый край */
  .au-product-form__icon {
    left: 36px;
    top: 341px;
  }

  .au-product-form__name {
    left: 36px;
    top: 48px;
    font-size: 26px; /* не 32: сверено по 1091:1780 */
  }

  /* 1091:1781 — Inter Regular 16/26, ширина 249 (на pc Medium 16/23) */
  .au-product-form__note {
    left: 36px;
    top: 103px;
    width: 249px;
    font-weight: 400;
    line-height: 26px;
  }

  .au-product-form--spray .au-product-form__icon,
  .au-product-form--ampoule .au-product-form__icon,
  .au-product-form--pen .au-product-form__icon {
    top: 341px;
  }

  /* Знаки: спрей (−80,56), ампула (−128,73), ручка (−101,103) */
  .au-product-form--spray .au-product-form__watermark {
    left: -80px;
    top: 56px;
  }

  .au-product-form--ampoule .au-product-form__watermark {
    left: -128px;
    top: 73px;
  }

  .au-product-form--pen .au-product-form__watermark {
    left: -101px;
    top: 103px;
  }

  /* Фото: спрей (212,177) 117×289, ампула (182,196) 137×257,
     ручка (231,184) 82×284 — кропы те же, что на pc */
  .au-product-form--spray .au-product-form__photo {
    left: 212px;
    top: 177px;
    width: 117px;
    height: 289px;
  }

  .au-product-form--ampoule .au-product-form__photo {
    left: 182px;
    top: 196px;
    width: 137px;
    height: 257px;
  }

  .au-product-form--pen .au-product-form__photo {
    left: 231px;
    top: 184px;
    width: 82px;
    height: 284px;
  }

  /* ─── Похожие товары на mb 1091:1796 ────────────────────────────────
     На mb этот блок стоит ПЕРЕД аккордеоном (y4400 против y5129) —
     порядок задаётся order на .au-page--product.
     Сверху 4472 − 4400 = 72; снизу точки кончаются на 5129, аккордеон
     стартует 5201 → тоже 72 (на pc снизу 137). */
  .au-product-similar {
    padding: 72px 0;
  }

  /* 1091:1797 — заголовок на (26,4472), 36, две строки в боксе 172×88 */
  .au-product-similar__title {
    width: 172px;
    height: 88px;
    font-size: 36px;
    line-height: 44px;
  }

  /* стрелок на mb нет — вместо них точки */
  .au-product-similar__nav {
    display: none;
  }

  /* карточки 272×297 в ряд, x 26 и 322 → шаг 296, gap 24; третья за экраном */
  .au-product-similar__grid {
    margin-top: 72px; /* 4632 − (4472 + 88) */
    gap: 24px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .au-product-similar__grid::-webkit-scrollbar {
    display: none;
  }

  .au-product-similar__card {
    /* pc делит строку через flex — на mb карточки фиксированы и уезжают
       в горизонтальный скролл, поэтому сжатие отключено. */
    flex: none;
    width: 272px;
    max-width: none;
  }

  /* Нода 1091:1803 — бокс 272×297, внутренний 1091:1804 272×261 отцентрован,
     картинка в нём 279.02%×218.05% при left −89.51% top −59.17%.
     Пересчёт к боксу: высота 261·2.1805/297, смещение с учётом (297−261)/2. */
  .au-product-similar__photo {
    width: 272px;
    height: 297px;
    aspect-ratio: auto; /* pc тянет высоту от ширины — на mb бокс фиксирован */
    background-size: 279.02%;
    background-position: 50% 50.14%;
  }

  /* Ноды 1091:1799…1091:1802: фото кончается 4929, название 4939 (внутри ноды
     пад 10), тип/объём 4998, цена 5054. */
  .au-product-similar__name {
    margin: 0;
    padding: 10px 0;
    font-size: 26px;
  }

  .au-product-similar__pack {
    padding: 0;
    margin-top: 18px; /* нода 4998 при низе названия 4980 */
  }

  /* 1091:1801 — цена Inter Medium 24 на y5054; тип/объём кончается 5022 */
  .au-product-similar__price {
    display: block;
    margin: 32px 0 0;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    color: var(--au-black);
  }

  /* 1091:1812 — точки 74×10 на (158,5119). Карточка кончается на 5114
     (4632 + 482: фото 297 + название 51 + 18 + тип 24 + 32 + цена 29), → 5. */
  .au-product-similar__dots {
    display: flex;
    justify-content: center;
    width: 74px;
    margin: 5px auto 0;
  }

  /* ─── Аккордеон на mb ────────────────────────────────────────────────
     Разделителей нет: шаг закрытых строк 140 при высоте строки 68 → зазор 72
     (на pc вместо него линия + 13/14).
     Сертификатов ТРИ (1091:1849/1850/1851), на pc четыре — четвёртый скрыт,
     иначе низ страницы уезжает на 497 (карточка 473 + зазор 24). */
  .au-product-details {
    /* низ последней строки 7682, заявка стартует 7754 */
    padding: 0 0 72px;
  }

  .au-product-details .au-acc__item:not([open]) {
    padding-bottom: 0;
    border-bottom-width: 0;
  }

  .au-product-details .au-acc__item + .au-acc__item {
    margin-top: 72px;
  }

  /* 36 сверху: текст 5305 при строке 5201+68. Снизу 0 — зазор до следующей
     строки уже даёт margin-top 72 у .au-acc__item + .au-acc__item. */
  .au-product-details .au-acc__panel {
    padding: 36px 0 0;
  }

  /* На mb первая панель несёт только один абзац (1091:1836): предупреждения
     «Важно» в мобильном фрейме нет вообще. */
  .au-product-details .au-acc__panel p + p {
    display: none;
  }

  .au-product-details .au-cert:nth-child(4) {
    display: none;
  }
}