/**
 * Сетка: контейнер без внутренних боковых отступов.
 * max-width центрирует блок; на узком экране — один отступ у main/header.
 */

:root {
  --content-max: 1600px;
  --content-width: min(var(--content-max), 96vw);
  --edge-pad: 0px;
}

@media (max-width: 767px) {
  :root {
    --edge-pad: 16px;
  }
}

.container {
  width: var(--content-width);
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
  box-sizing: border-box;
}

.site-premium .avtograf-landing > main {
  padding-inline: var(--edge-pad);
  box-sizing: border-box;
}

.site-premium .site-header {
  padding-inline: var(--edge-pad);
  box-sizing: border-box;
}

.avtograf-landing {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.avtograf-landing main {
  width: 100%;
}

.avtograf-landing .section,
.avtograf-landing .section-scene,
.avtograf-landing .trust-section,
.avtograf-landing .bento-section,
.avtograf-landing .scenarios-section,
.avtograf-landing .grafdoc-section,
.avtograf-landing .deploy-hub {
  width: 100%;
  box-sizing: border-box;
}

.site-premium .cta-order,
.site-premium .cta,
.site-premium .cta.cta--scene {
  width: 100%;
  max-width: var(--content-max);
  margin-inline: auto;
  box-sizing: border-box;
}

.site-premium .trust-marquees {
  padding-inline: 0;
}

.site-premium .section-scene--ladder .ladder-split,
.site-premium .section-scene--pricing .pricing--cinematic {
  width: 100%;
  max-width: 100%;
}

.site-premium .bento-section--rich > .container {
  width: 100%;
  max-width: min(1320px, 100%);
}

.site-premium .section-scene__inner.container {
  width: 100%;
}

.site-premium .modal.modal--video {
  width: min(980px, calc(100% - var(--edge-pad) * 2));
}

.site-premium .modal.modal--compare {
  width: min(1240px, calc(100% - var(--edge-pad) * 2));
}

.site-premium .modal.modal--feedback {
  width: min(560px, calc(100% - var(--edge-pad) * 2));
}