/* Desktop scale 1366px–1920px (design 1920px). Uses zoom — same поведение, что старый body.style.zoom */

:root {
  --cmp-min-scale: 0.7114583333; /* 1366 / 1920 */
  --cmp-scale: clamp(var(--cmp-min-scale), calc(100vw / 1920), 1);
  --cmp-user-scale: 1;
  --cmp-effective-scale: calc(var(--cmp-scale) * var(--cmp-user-scale));
}

html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body.cmp-scaled,
body.cmp-select {
  width: 1920px;
  margin: 0;
  padding: 0;
  zoom: var(--cmp-effective-scale);
}

/* stage1: zoom задаётся из JS (Q/W), не из CSS */
body.cmp-stage1 {
  width: 1920px;
  margin: 0;
  padding: 0;
}

body.cmp-select {
  --cmp-user-scale: 1;
}

body.cmp-scaled.cmp-scaled--2500 {
  --cmp-min-scale: 0.5464; /* 1366 / 2500 */
  --cmp-scale: clamp(var(--cmp-min-scale), calc(100vw / 2500), 1);
  width: 2500px;
}