/**
 * Режим «как на десктопе» — только страницы с desktop_zoom_viewport.
 *
 * Не переразмечаем модули/сетки. Только:
 * — layout viewport 1440 (см. meta viewport);
 * — жёсткий холст html/body/container 1440px;
 * — боковое меню как на десктопе (не drawer).
 *
 * Телефон уменьшает страницу целиком (pinch-zoom / pan).
 * Мобильные @media на страницах — только под html:not(.desktop-zoom).
 */

html {
  width: 1440px !important;
  min-width: 1440px !important;
  max-width: none !important;
}

body {
  width: 1440px !important;
  min-width: 1440px !important;
  max-width: none !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.cabinet-menu-btn,
.cabinet-nav-backdrop {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

.header {
  width: 1440px !important;
  min-width: 1440px !important;
  box-sizing: border-box !important;
}

.container {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 1440px !important;
  min-width: 1440px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

nav.sidebar,
.sidebar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  flex: 0 0 280px !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
  visibility: visible !important;
  overflow: visible !important;
  z-index: 2 !important;
  border-bottom: none !important;
}

/* Правая область контента — остаток холста; сетки внутри не трогаем */
.content,
main.content,
.main,
.marketing-layout {
  flex: 1 1 auto !important;
  width: 1160px !important;
  min-width: 1160px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 2000px) {
  html,
  body,
  .header,
  .container {
    width: 1440px !important;
    min-width: 1440px !important;
  }

  .container {
    display: flex !important;
    flex-direction: row !important;
  }

  nav.sidebar,
  .sidebar {
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    flex: 0 0 280px !important;
  }

  .content,
  main.content,
  .main,
  .marketing-layout {
    width: 1160px !important;
    min-width: 1160px !important;
  }

  .cabinet-menu-btn,
  .cabinet-nav-backdrop {
    display: none !important;
  }
}