/* 27.10: одно залипание на весь сайт.
   Включено только от 1024, высоты окна 700 и без «уменьшить движение».
   Пауза 40vh — нижний край предыдущего листа, не внешний отступ.
   Шапка, попап и шапки таблиц здесь не задаются. */
:root {
  --stick-gap: 128px;
  --stick-pause: 40vh;
}

@media (max-width: 1023px), (max-height: 699px), (prefers-reduced-motion: reduce) {
  html #pin-directions,
  html #partnership,
  html #partnership .pin-sheet__stick,
  html #steps {
    position: relative;
    top: auto;
    min-height: 0;
  }
  html #pin-directions {
    padding-bottom: 80px;
  }
  html #partnership {
    padding-bottom: 64px;
  }
  html #partnership,
  html #method,
  html .jp-overlap > .jp-case {
    margin-top: 0;
  }
  html #pin-directions .pin-scene__veil,
  html #partnership .pin-sheet__veil {
    opacity: 0 !important;
  }
}

/* От 1024, когда залипание выключено: отступ ручки не выносится между листами.
   До 1023 шов 14px остаётся. */
@media (min-width: 1024px) and (max-height: 699px),
       (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  html #partnership .pin-sheet__handle,
  html #method .pin-sheet__handle {
    margin-top: 0;
  }
}

@media (min-width: 1024px) and (min-height: 700px) and (prefers-reduced-motion: no-preference) {
  html #method { display: flow-root; }
  html #pin-directions,
  html #partnership {
    position: sticky;
    top: min(var(--bar-h, 61px), calc(var(--stick-top, var(--bar-h, 61px)) + var(--stick-pause)));
    min-height: 0;
    padding-bottom: var(--stick-pause);
  }
  html #partnership .pin-sheet__stick {
    position: sticky;
    top: min(calc(var(--bar-h, 61px) + 88px), var(--stick-top, calc(var(--bar-h, 61px) + 88px)));
  }
  html #steps,
  html main:has(.sc-types) #steps {
    position: sticky;
    top: min(var(--steps-top, var(--bar-h, 61px)), calc(var(--stick-top, var(--steps-top, var(--bar-h, 61px))) + var(--stick-pause)));
    min-height: 0;
    padding-bottom: calc(var(--sc-gap, 0px) + var(--stick-pause));
  }
  html #partnership,
  html #method,
  html .jp-overlap > .jp-case {
    margin-top: 0;
  }
  html #partnership .pin-sheet__handle,
  html #method .pin-sheet__handle {
    margin-top: 0;
  }
}