/* Джистор — компактная шапка при прокрутке, только компьютер (от 1170px).
   Подключается на всех страницах после style.css и adaptive.css. Телефон и планшет не меняются.
   Полоса на всю ширину у самого верха, в цвет фона сайта; содержимое — по сетке страницы 1512px.
   Показывается классом .dz-show (js/sticky-header.js): основная шапка ушла с экрана и посетитель листает вверх. */
@media (min-width: 1170px) {
  html .dz-sticky-header,
  html .dz-sticky-header.is-visible {
    top: 0; left: 0; width: 100%; height: auto; padding: 0; zoom: normal;
    border: 0; border-bottom: 1px solid rgba(31, 31, 31, .06); border-radius: 0;
    background: rgba(246, 246, 246, .94); box-shadow: 0 10px 30px rgba(31, 31, 31, .07);
    opacity: 0; pointer-events: none; transform: translateY(-100%);
    transition: transform .25s ease, opacity .2s ease;
  }
  html .dz-sticky-header.dz-show { opacity: 1; pointer-events: auto; transform: none; }

  /* содержимое — та же ширина и тот же масштаб, что у страницы (--page-zoom на 1170–1560px) */
  html .dz-sticky-header__in { width: 1512px; height: 84px; margin: 0 auto; gap: 25px; zoom: var(--page-zoom, 1); }
  html .dz-sticky-header__logo { order: 1; }
  html .dz-sticky-header__logo img { height: 38px; max-width: none; }
  html .dz-sticky-header__catalog { order: 2; width: 230px; height: 54px; }
  html .dz-sticky-header__catalog .btn-catalog__text { font-size: 17px; }
  html .dz-sticky-header__phone { order: 3; margin-left: auto; font-size: 21px; }
  html .dz-sticky-header__socials { order: 4; gap: 10px; margin-left: 0; padding-left: 25px; }
  html .dz-sticky-header__socials a, html .dz-sticky-header__socials img { width: 35px; height: 35px; }
  html .dz-sticky-header__user-nav { order: 5; gap: 14px; margin-left: 0; padding-left: 25px; border-left: 1px solid rgba(31, 31, 31, .12); }
  html .dz-sticky-header__user-nav .circle-btn { width: 54px; height: 54px; }
  html .dz-sticky-header__user-nav .circle-btn .ico, html .dz-sticky-header__user-nav .ico-compare { transform: none; }
  html .dz-sticky-header__user-nav .badge-count { left: 38px; top: -2px; }

  /* меню каталога из компактной шапки — под полосой, по левому краю сетки (у панели свой zoom, поэтому 50vw делится на него) */
  html .dz-sticky-header > .dz-catalog-menu__panel { top: 100%; left: calc(50vw / var(--page-zoom, 1) - 756px); margin-top: 12px; zoom: var(--page-zoom, 1); }
}
@media (min-width: 1170px) and (prefers-reduced-motion: reduce) {
  html .dz-sticky-header, html .dz-sticky-header.is-visible { transition: none; }
}