/* «Страницы»: Указатель и Сравнение открываются поверх главной, под шапкой сайта.
   Своя прокрутка, тот же светлый лист бумаги, внизу — короткая подпись магазина и путь назад. */
.pg {
  position: fixed; inset: 0; z-index: 44;
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  background: var(--paper); color: var(--ink);
  opacity: 0; transform: translateY(18px);
  transition: opacity .45s var(--ease), transform .8s var(--ease);
}
.pg.is-on { opacity: 1; transform: none; }
.pg:not(.is-on) { pointer-events: none; }
.pg:focus, .pg [data-page-title]:focus { outline: none; }
.pg__in {
  min-height: 100%; display: flex; flex-direction: column;
  padding-top: calc(var(--hdr-h) + env(safe-area-inset-top, 0px) + clamp(22px, 3vw, 44px));
}
.pg__body { flex: 1 0 auto; }
.pg__crumbs { margin-bottom: clamp(40px, 6vw, 96px); }
.pg__home .ico { transform: scaleX(-1); }
.pg__home:hover .ico { transform: scaleX(-1) translateX(6px); }
.pg__foot {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px;
  margin-top: clamp(96px, 10vw, 160px); padding-top: 26px; padding-bottom: calc(36px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--line-2); font-size: .875rem; color: var(--mute);
}
.pg__foot-links { display: flex; gap: 28px; }
.pg__foot .link { color: var(--ink); }

/* Ссылки на страницы в конце каталога: строка-оглавление — название, подпись, стрелка */
.pglinks { margin-top: clamp(110px, 12vw, 180px); padding-top: clamp(22px, 2.4vw, 32px); border-top: 1px solid var(--ink); }
.pglinks__list > div:empty { display: none; }
.pglink {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 28px;
  padding: 22px 0 24px; border-bottom: 1px solid var(--line-2); color: inherit; text-decoration: none;
}
.pglinks__list > div:first-child .pglink { padding-top: 0; }
.pglink__t { grid-column: 1; font: 300 clamp(1.9rem, 3.2vw, 3.1rem)/1.05 var(--f-display); letter-spacing: -.02em; transition: letter-spacing .6s var(--ease); }
.pglink__s { grid-column: 1; font-size: .9375rem; line-height: 1.5; color: var(--mute); }
.pglink__go { grid-column: 2; grid-row: 1 / span 2; width: 30px; height: 30px; stroke-width: 1.1; transition: transform .6s var(--ease); }
.pglink:hover .pglink__t { font-style: italic; }
.pglink:hover .pglink__go { transform: translateX(8px); }

/* Шапка сайта над страницей — светлая и сплошная, не прячется */
html.am-paged body:not(.menu-open) .hdr {
  color: var(--ink); background: rgba(243, 240, 234, .92); border-color: var(--line);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  transform: none; opacity: 1; pointer-events: auto;
}
html.am-paged body:not(.menu-open) .hdr .badge { background: var(--ink); color: var(--white); }

/* В шапке пять ссылок — с «Лабораторией». До 1400 px они плотнее, чтобы не наезжать на знак в центре;
   пока «Лаборатория» открыта, её ссылка подчёркнута, как при наведении */
@media (min-width: 1101px) and (max-width: 1400px) {
  .hdr__nav { gap: 22px; }
  .hdr__link { letter-spacing: .16em; }
}
@media (min-width: 1101px) and (max-width: 1240px) {
  .hdr__nav { gap: 16px; }
  .hdr__link { letter-spacing: .1em; }
}
html.am-lab .hdr__link[data-page="laboratoriya"]::after { transform: scaleX(1); }

@media (max-width: 760px) {
  .pg__crumbs { margin-bottom: 36px; }
  .pg__foot { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .pg { transition: opacity .2s; transform: none; }
}