/* Обёртка нативных WP-страниц внутри Tilda shell (шапка/футер с главной).
 *
 * Сетка контента — как у Tilda artboard 1200px с полями 80px (см. docs/WP-DEPLOY-CI.md § «Native shell: сетка»).
 */

.mg-native-wrap {
  background: var(--mg-white, #fff);
  padding-top: 80px;
  overflow-x: clip;
}

/* header-v2 → Tilda chrome без #mg-native-page: отступ под absolute-шапку T228.
 * Фон не задаём: иначе расходится с главной (там только t-body) и с тёмной темой контента. */
body.mg-shell-chrome {
  padding-top: 80px;
}

/*
 * Эталон шапки — /tools/amp-request (чистый T228).
 * Theme toggle в right_buttons расширяет правый table-cell, и «О компании» /
 * поиск падают на вторую строку. На мобилке бургер — кнопку темы не трогаем.
 */
body.mg-shell-chrome #t-header .t228__right_buttons_but--theme,
body.mg-shell-chrome #t-header .mg2-theme {
  display: none !important;
}

/* Совпадает с Tilda: artboard 1200px, контентная зона 1040px (80 + 1040 + 80). */
.mg-native-wrap > .mg-native-main {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: clamp(10px, 6.67vw, 80px);
}

.mg-native-wrap .mg-container {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 0;
}

.mg-native-wrap h1,
.mg-native-wrap h2,
.mg-native-wrap h3,
.mg-native-wrap h4,
.mg-native-wrap h5,
.mg-native-wrap h6,
.mg-native-wrap p,
.mg-native-wrap label,
.mg-native-wrap input,
.mg-native-wrap button {
  font-family: inherit;
}

.mg-native-main {
  display: block;
  min-width: 0;
}

@media (max-width: 980px) {
  .mg-native-wrap {
    padding-top: 64px;
  }

  body.mg-shell-chrome {
    padding-top: 64px;
  }
}