@charset "UTF-8";
/* line 1, _elements.page.scss */
.page {
  display: grid;
  grid-template-rows: min-content;
  grid-template-areas: "content content"; }
  /* line 5, _elements.page.scss */
  .page__content {
    grid-area: content;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px 0; }
  /* line 12, _elements.page.scss */
  .page__sidebar {
    grid-area: sidebar;
    min-width: 0; }
    @media (max-width: 1024px) {
      /* line 12, _elements.page.scss */
      .page__sidebar {
        display: none; } }
    /* line 19, _elements.page.scss */
    .page__sidebar .sidebar__item {
      position: sticky;
      top: 108px; }
  /* line 25, _elements.page.scss */
  .page__form {
    max-width: 480px;
    box-shadow: var(--shadow-s);
    border-radius: var(--radius);
    padding: 20px;
    margin: 20px 0 0; }
  @media (min-width: 1025px) {
    /* line 32, _elements.page.scss */
    .page.with-sidebar {
      grid-template-columns: 1fr 4fr;
      grid-template-areas: "sidebar content";
      gap: 0 40px; } }

/* line 45, _elements.page.scss */
.image-with-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px; }

/* line 53, _elements.page.scss */
.image-with-text__image {
  flex: 1 1 50%;
  max-width: 50%;
  box-sizing: border-box; }

/* line 59, _elements.page.scss */
.image-with-text__image img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem; }

/* line 65, _elements.page.scss */
.image-with-text__content {
  flex: 1 1 50%;
  max-width: 50%;
  text-align: left;
  box-sizing: border-box; }

/* line 72, _elements.page.scss */
.image-with-text__content-right {
  padding-left: 3rem; }

/* line 76, _elements.page.scss */
.image-with-text__content-left {
  padding-right: 3rem; }

/* line 80, _elements.page.scss */
.image-with-text__content h2 {
  font-size: 2.2rem;
  margin-bottom: 28px;
  font-weight: 400;
  line-height: 36px; }

/* line 87, _elements.page.scss */
.image-with-text__content p {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  line-height: 1.6; }

@media (max-width: 767px) {
  /* line 94, _elements.page.scss */
  .image-with-text {
    flex-direction: column; }

  /* line 98, _elements.page.scss */
  .image-with-text__content, .image-with-text__image {
    max-width: 100% !important;
    padding-right: 0px !important;
    order: 1; }

  /* line 104, _elements.page.scss */
  .image-with-text__image {
    max-width: 100% !important;
    order: 0; }

  /* line 109, _elements.page.scss */
  .image-with-text__content-left,
  .image-with-text__content-right {
    padding-right: 0;
    padding-left: 0; } }
@media (min-width: 768px) {
  /* line 117, _elements.page.scss */
  .image-with-text {
    flex-direction: row; }

  /* line 121, _elements.page.scss */
  .image-with-text__content-right .image-with-text__content,
  .image-with-text__content-right .image-with-text__image {
    order: 1; }

  /* line 126, _elements.page.scss */
  .image-with-text__content-left .image-with-text__content,
  .image-with-text__content-left .image-with-text__image {
    order: 0; }

  /* line 131, _elements.page.scss */
  .image-with-text__content-left {
    flex-direction: row-reverse;
    /* Разместить текст слева, изображение справа */ } }
/* line 136, _elements.page.scss */
.image-with-text__image,
.image-with-text__content {
  flex: 1 1 50%;
  /* Оба элемента занимают по половине ширины */
  max-width: 50%;
  padding-right: 28px; }

/* line 143, _elements.page.scss */
.image-with-text__image img {
  width: 100%;
  /* Картинка растягивается на весь доступный блок */
  height: auto; }

@media (max-width: 767px) {
  /* line 149, _elements.page.scss */
  .image-with-text {
    flex-direction: column; } }
@media (min-width: 768px) {
  /* line 155, _elements.page.scss */
  .image-with-text--right {
    flex-direction: row-reverse;
    /* Картинка слева, текст справа */ }

  /* line 159, _elements.page.scss */
  .image-with-text--left {
    flex-direction: row;
    /* Текст слева, картинка справа */ } }
/* line 1, _elements.sidebar-menu.scss */
.sidebar-menu {
  display: flex;
  flex-direction: column;
  gap: 3px; }
  /* line 5, _elements.sidebar-menu.scss */
  .sidebar-menu a {
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    border-radius: var(--radius); }
    /* line 10, _elements.sidebar-menu.scss */
    .sidebar-menu a.is-active {
      background: var(--bg-grey);
      font-weight: var(--font-bold); }
    /* line 14, _elements.sidebar-menu.scss */
    .sidebar-menu a.is-parent {
      display: inline-flex;
      gap: 8px;
      align-items: center;
      padding-left: 5px; }
  /* line 21, _elements.sidebar-menu.scss */
  .sidebar-menu__submenu {
    margin: 3px 0 0 10px; }

/* line 26, _elements.sidebar-menu.scss */
.is-active-nav {
  background: var(--bg-grey);
  font-weight: var(--font-bold);
  display: inline-block;
  vertical-align: top;
  padding: 5px 10px;
  border-radius: var(--radius); }

/* line 1, _elements.sitemap.scss */
.sitemap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 40px 0 0; }
  /* line 6, _elements.sitemap.scss */
  .sitemap .text {
    color: var(--color-black); }
    /* line 9, _elements.sitemap.scss */
    .sitemap .text ol + ol, .sitemap .text ol + ul, .sitemap .text ul + ol, .sitemap .text ul + ul {
      margin-top: 0; }
    /* line 12, _elements.sitemap.scss */
    .sitemap .text ol li, .sitemap .text ul li {
      margin: 0;
      padding: 5px 0 0; }
    /* line 17, _elements.sitemap.scss */
    .sitemap .text a {
      text-decoration: none; }
  /* line 21, _elements.sitemap.scss */
  .sitemap__list {
    column-count: 3;
    gap: 20px;
    margin: 15px 0 0 0 !important; }
    @media (max-width: 767px) {
      /* line 21, _elements.sitemap.scss */
      .sitemap__list {
        column-count: 2; } }
    @media (max-width: 575px) {
      /* line 21, _elements.sitemap.scss */
      .sitemap__list {
        column-count: 1; } }
    /* line 31, _elements.sitemap.scss */
    .sitemap__list > li {
      display: block;
      break-inside: avoid; }
    /* line 35, _elements.sitemap.scss */
    .sitemap__list-collections {
      margin: 0 !important; }
      /* line 37, _elements.sitemap.scss */
      .sitemap__list-collections > li {
        padding: 20px 0 0 !important; }
        /* line 39, _elements.sitemap.scss */
        .sitemap__list-collections > li > a {
          font-weight: var(--font-bold); }

/* line 1, _elements.universal.scss */
.universal {
  display: flex;
  flex-direction: column;
  gap: 20px; }
  /* line 5, _elements.universal.scss */
  .universal__item {
    display: flex;
    gap: 20px;
    flex-direction: column; }
    /* line 9, _elements.universal.scss */
    .universal__item.is-shadow {
      padding: 20px;
      border-radius: var(--radius);
      box-shadow: var(--shadow-s); }
    /* line 14, _elements.universal.scss */
    .universal__item.is-border {
      padding: 20px;
      border-radius: var(--radius);
      border: 1px solid var(--border-grey); }
  /* line 20, _elements.universal.scss */
  .universal__header {
    display: flex;
    gap: 20px; }
  /* line 24, _elements.universal.scss */
  .universal__info {
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-self: center; }
  /* line 30, _elements.universal.scss */
  .universal__title {
    font-size: 18px;
    line-height: 22px;
    font-weight: var(--font-normal); }
  /* line 34, _elements.universal.scss */
  .universal__subtitle {
    color: var(--color-grey-l); }
  /* line 37, _elements.universal.scss */
  .universal__image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 50px;
    max-width: 50px;
    height: 50px; }
    /* line 44, _elements.universal.scss */
    .universal__image.is-bg {
      flex: 0 0 70px;
      max-width: 70px;
      height: 70px;
      background-color: var(--bg-grey);
      border-radius: 50%; }
    /* line 51, _elements.universal.scss */
    .universal__image img {
      width: 50px;
      height: 50px;
      object-fit: contain; }
  /* line 57, _elements.universal.scss */
  .universal__info {
    align-self: center; }

/* line 62, _elements.universal.scss */
.universal-gallery {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 767px) {
    /* line 62, _elements.universal.scss */
    .universal-gallery {
      gap: 10px;
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 575px) {
    /* line 62, _elements.universal.scss */
    .universal-gallery {
      grid-template-columns: repeat(2, 1fr); } }
  /* line 73, _elements.universal.scss */
  .universal-gallery__item {
    box-shadow: var(--shadow-s);
    border-radius: var(--radius);
    overflow: hidden;
    color: var(--color-black);
    background-color: var(--bg-grey); }
    @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* line 73, _elements.universal.scss */
      .universal-gallery__item {
        transition: box-shadow 0.2s ease; } }
    @media (hover: none) {
      /* line 73, _elements.universal.scss */
      .universal-gallery__item {
        -webkit-tap-highlight-color: transparent; } }
    @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* line 25, _mixins.scss */
      .universal-gallery__item:hover {
        color: var(--color-secondary);
        box-shadow: var(--shadow); }
        /* line 86, _elements.universal.scss */
        .universal-gallery__item:hover .thumb img {
          filter: brightness(80%);
          transform: scale(1.02); } }
    /* line 92, _elements.universal.scss */
    .universal-gallery__item .thumb {
      color: currentColor !important;
      --radius: 0; }
      @media (hover: hover), all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        /* line 95, _elements.universal.scss */
        .universal-gallery__item .thumb img {
          will-change: transform;
          transition: filter 0.6s ease, transform 0.6s ease; } }
    /* line 102, _elements.universal.scss */
    .universal-gallery__item .svg-icon {
      position: absolute;
      z-index: 5;
      left: 50%;
      top: 50%;
      padding: 2px;
      background-color: var(--bg-white);
      border-radius: 50%;
      box-shadow: var(--shadow-m);
      object-fit: none;
      width: 38px;
      height: 38px;
      transform: translate(-50%, -50%); }