/*
 * Copix UI kit — точка входа из <head>.
 * Классы: .cpx-*
 * Токены: --cpx-*
 * CSS файлы лежат рядом с HTML, сюда только @import.
 */
@import url("base/reset.css");
@import url("base/tokens.css");
@import url("base/scroll.css");
@import url("base/type.css");
@import url("base/color.css");
@import url("../components/ui/btn/btn.css");
@import url("../components/ui/icon/icon.css");
@import url("../components/ui/search/search.css");
@import url("../components/ui/accordion/accordion.css");
@import url("../components/ui/switch/switch.css");
@import url("../components/ui/breadcrumbs/breadcrumbs.css");
@import url("../components/ui/input/input.css");
@import url("../components/ui/loader/loader.css");
@import url("../components/ui/intro/intro.css");
@import url("../components/ui/tab/tab.css");
@import url("../components/ui/radio/radio.css");
@import url("../components/ui/checkbox/checkbox.css");
@import url("../components/ui/add/add.css");
@import url("../header.css");
@import url("../footer.css");
@import url("block.css");
@import url("../components/blocks/map/map.css");
@import url("../components/blocks/steps/steps.css");
@import url("../components/blocks/steps/_components/step.css");
@import url("../components/blocks/benefits/benefits.css");
@import url("../components/blocks/faq/faq.css");
@import url("../components/blocks/reviews/reviews.css");
@import url("../components/blocks/legal/legal.css");
@import url("../page.css");
@import url("../components/pages/home-page/home-page.css");
@import url("../components/pages/contacts-page/contacts-page.css");
@import url("../components/pages/shipping-page/shipping-page.css");
@import url("../components/pages/download-page/download-page.css");
@import url("../components/pages/printing_point-printer-page/printing_point-printer-page.css");
@import url("../components/pages/printing_point-office-page/printing_point-office-page.css");
@import url("../components/pages/printing_points-city-page/printing_points-city-page.css");
@import url("../components/pages/printing_points-page/printing_points-page.css");
@import url("../components/pages/franchise-page/franchise-page.css");
@import url("../components/pages/faq-page/faq-page.css");
@import url("../components/pages/ui-kit-page/ui-kit-page.css");

html:not(.is-order-page) main.maincontent {
  width: 100%;
  max-width: var(--cpx-container-max);
  margin-inline: auto;
}

.container {
  --container-min-width: 0;
  --container-max-width: var(--cpx-container-max);
  --container-padding: var(--cpx-container-pad);
  min-width: 0;
  max-width: var(--cpx-container-max);
  padding-left: var(--cpx-container-pad);
  padding-right: var(--cpx-container-pad);
  padding-top: 0;
}

body {
  background-color: var(--cpx-bg-body);
}

main.maincontent {
  background-color: transparent;
}