/*
 * Единый адаптивный каркас СТАВ[Ь].
 * Подключается последним и выравнивает шапку, секции и подвал всех страниц.
 */

body {
  --site-shell-max: 1260px;
  --site-shell-gutter: 32px;
  --container: var(--site-shell-max);
}

body[class] .container {
  --container: var(--site-shell-max);
  width: min(
    var(--site-shell-max),
    calc(100% - (var(--site-shell-gutter) * 2))
  ) !important;
  max-width: none;
  margin-inline: auto;
}

@media (max-width: 1199px) {
  body {
    --site-shell-max: 1040px;
    --site-shell-gutter: 32px;
  }
}

@media (max-width: 899px) {
  body {
    --site-shell-max: 100%;
    --site-shell-gutter: 24px;
  }
}

@media (max-width: 479px) {
  body {
    --site-shell-gutter: 16px;
  }

  .services-page .catalog-toolbar {
    margin-inline: calc(var(--site-shell-gutter) * -1);
  }
}

@media (min-width: 1600px) {
  body {
    --site-shell-max: 1520px;
    --site-shell-gutter: 48px;
  }
}

@media (min-width: 2200px) {
  body {
    --site-shell-max: 1680px;
    --site-shell-gutter: 60px;
  }
}