@import url('components/header.css?v=32');
@import url('components/catalog-menu.css?v=29');
@import url('components/catalog-page.css?v=20');
@import url('components/catalog-section.css?v=20');
@import url('components/catalog-results.css?v=57');
@import url('components/catalog-sheet.css?v=3');
@import url('components/cart-toast.css?v=11');
@import url('components/product.css?v=76');
@import url('components/catalog-banner-popup.css?v=10');
@import url('components/consult-popup.css?v=18');
@import url('components/hero.css?v=2');
@import url('components/promo.css?v=16');
@import url('components/catalog.css?v=8');
@import url('components/approach.css?v=14');
@import url('components/popular.css?v=32');
@import url('components/partners.css?v=6');
@import url('components/infocenter.css?v=8');
@import url('components/infocenter-page.css?v=38');
@import url('components/article-page.css?v=44');
@import url('components/cart-page.css?v=33');
@import url('components/about-page.css?v=48');
@import url('components/error-page.css?v=11');
@import url('components/search-page.css?v=2');
@import url('components/consultation.css?v=11');
@import url('components/footer.css?v=60');
@import url('components/buttons.css?v=17');
@import url('components/kit.css?v=14');
@import url('components/scroll.css');
@import url('components/tablet.css?v=82');
@import url('components/mobile.css?v=126');
@import url('components/waves.css?v=7');
@import url('components/mobile-audit.css?v=13');

html {
  overflow-x: auto;
}



body {
  font-family: var(--font-main);
  color: var(--color-black);
  background: var(--color-white);
}


@media (min-width: 768px) and (max-width: 1199px) {
  html {
    overflow-x: clip;
    overflow-y: visible;
  }

  body {
    width: 1280px;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
    overflow-x: clip;
    overflow-y: visible;
  }

  main {
    overflow: visible;
  }
}


@media (min-width: 1200px) and (max-width: 1439px) {
  html {
    overflow-x: clip;
    overflow-y: visible;
  }

  body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    overflow-x: clip;
    overflow-y: visible;
  }

  main {
    overflow: visible;
  }
}


@media (min-width: 1440px) {
  body {
    width: var(--header-width);
    min-width: var(--header-width);
    max-width: var(--header-width);
    margin: 0 auto;
  }
}


@media (min-width: 1440px) and (max-width: 1919px) {
  html {
    overflow-x: hidden;
  }

  body {
    margin: 0;
  }
}


:is(
  .hero__title,
  .promo__card-title,
  .approach__title,
  .approach__card-title,
  .catalog__group-title,
  .popular__title,
  .popular__card-title,
  .popular__feature-title,
  .infocenter__title,
  .consultation__title,
  .footer__nav-link,
  .about-hero__title,
  .about-dirs__title,
  .about-features__title,
  .about-timeline__year,
  .about-timeline__title,
  .about-values__heading,
  .about-values__item-title,
  .about-values__num,
  .catalog-page__title,
  .catalog-section__title,
  .catalog-section__banner-title,
  .catalog-results__title,
  .catalog-results__banner-title,
  .catalog-menu__tab,
  .catalog-menu__banner-title,
  .site-search__title,
  .site-search__result-title,
  .cart-item__title,
  .cart-order__title,
  .cart-empty__title,
  .cart-empty__help-title,
  .error-404__title,
  .consult-popup__title,
  .product__title,
  .product-block__title,
  .product-list__title,
  .product-advice__title,
  .advice-card__name
) {
  font-family: 'Roboto Flex VF', var(--font-heading);
  font-optical-sizing: auto;
  font-variation-settings: var(--heading-vf);
}