/* Start:/local/templates/main/css/video-reviews.css?179230189616637*/
/*
 * Видеообзоры (главная + /videoobzory/).
 * Подключается из video_new / video_list.
 * Карточка = background-image + .play до клика; <video>/<img> — absolute fill.
 * Высота карточек: aspect-ratio ниже (.videos-slider .item / .video-item).
 */

/* -------------------------------------------------------------------------- */
/* Базовый layout: слайдер, карточки, play; mobile — горизонтальный scroll       */
/* -------------------------------------------------------------------------- */

/* Лента на всех ширинах — своя горизонтальная прокрутка с прилипанием карточек, без slick.
   Видно N карточек целиком и край следующей: на телефоне и планшете — 0,2 карточки, но не меньше
   28 px, на ПК — четверть. Стрелки и протяжка мышью — tmBindMainHitsRail в js/custom.js. */
.videos-slider {
  --tm-videos-gap: 8px;
  --tm-videos-shown: 2;
  --tm-videos-peek: .2;
  margin: 0;
  position: relative;
  overflow: visible;
}
.videos-slider .slick-init {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--tm-videos-gap);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.videos-slider .slick-init::-webkit-scrollbar {
  display: none;
}
.videos-slider .slick-init.tm-rail-nosnap {
  scroll-snap-type: none;
}
.videos-slider .item {
  /* N карточек + край следующей: доля карточки, но не меньше 28 px */
  flex: 0 0 min(calc((100% - var(--tm-videos-shown) * var(--tm-videos-gap)) / (var(--tm-videos-shown) + var(--tm-videos-peek))), calc((100% - var(--tm-videos-shown) * var(--tm-videos-gap) - 28px) / var(--tm-videos-shown)));
  min-width: 0;
  margin: 0;
  scroll-snap-align: start;
  border-radius: 9px;
  text-align: center;
  height: auto;
  aspect-ratio: 1080 / 1920;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.video-section-mobile {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .video-section {
    display: block;
  }
  .videos-slider .slider-nav {
    display: none;
  }
  .videos-slider .item {
    aspect-ratio: 333 / 660;
  }
}
@media screen and (min-width: 992px) {
  .videos-slider {
    --tm-videos-gap: 16px;
    --tm-videos-shown: 5;
    --tm-videos-peek: .25;
  }
  .videos-slider .slick-init {
    margin-bottom: 16px;
  }
  .videos-slider .item {
    user-select: none;
    -webkit-user-drag: none;
  }
  .videos-slider .slick-init.is-dragging .item {
    pointer-events: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1399.98px) {
  .videos-slider {
    --tm-videos-shown: 4;
  }
}

.video-item,
.videos-grid .video-item {
  height: auto;
  aspect-ratio: 333 / 660;
  background-size: cover !important;
  border-radius: 5px;
  background-position: center !important;
  position: relative;
}
.video-item .play,
.videos-grid .video-item .play {
  display: flex;
  position: absolute;
  width: 50px;
  height: 50px;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background: #00000090;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.video-item .play:after,
.videos-grid .video-item .play:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2LjUgMTguMTM0QzM3LjE2NjcgMTguNTE4OSAzNy4xNjY3IDE5LjQ4MTEgMzYuNSAxOS44NjZMMTEgMzQuNTg4NUMxMC4zMzMzIDM0Ljk3MzQgOS41IDM0LjQ5MjIgOS41IDMzLjcyMjRMOS41IDQuMjc3NTdDOS41IDMuNTA3NzcgMTAuMzMzMyAzLjAyNjY0IDExIDMuNDExNTRMMzYuNSAxOC4xMzRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* -------------------------------------------------------------------------- */
/* Интерфейс: tm-video-card, встроенное видео, стрелки, прогресс, кнопка, сетка */
/* -------------------------------------------------------------------------- */

.tm-video-card {
  overflow: hidden;
  cursor: pointer;
  background-color: #000;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat;
  position: relative;
}
.tm-video-card .play {
  z-index: 2;
  pointer-events: none;
}
.videos-slider .item > video,
.videos-slider .item > img,
.videos-grid .video-item > video,
.videos-grid .video-item > img,
.video-reviews-grid .video-item > video,
.video-reviews-grid .video-item > img,
.tm-video-card > video,
.tm-video-card > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  pointer-events: none !important;
  z-index: 0;
  display: block;
  background: #000;
  border-radius: inherit;
}
/* <video> сохраняется на паузе: застывший кадр под .play (продолжение по клику на карточку) */
.tm-video-card > video.tm-inline-video {
  z-index: 1;
}
/* Воспроизведение: видео сверху со штатными элементами управления (перемотка, громкость), pointer-events включены */
.tm-video-card.is-playing > video.tm-inline-video {
  pointer-events: auto !important;
  z-index: 3;
}
.tm-video-card.is-playing .play {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
/* На паузе / не играет: снова показываем значок .play поверх застывшего кадра */
.tm-video-card:not(.is-playing) .play {
  opacity: 1;
  visibility: visible;
}

/*
 * Стрелки videos-slider снаружи трека (как «Хиты»: .slider-nav_prev at -50px).
 * Цвет стрелки коричневый — на белом gutter белая из style.css не видна.
 * Hide prev/next на краях (slick-disabled), как hits.
 * Базовый .slider-nav (общий: салоны/контакты) остаётся в style.css.
 */
.videos-slider .slider-nav {
  width: 28px;
  height: 48px;
  background-size: 14px 26px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 13L1 25' stroke='%23847671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  top: calc(50% - 24px);
  z-index: 2;
}
.videos-slider .slider-nav:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 13L1 25' stroke='%235c514c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.videos-slider .slider-nav.nav_prev {
  left: -50px;
  transform: scaleX(-1);
}
.videos-slider .slider-nav.nav_next {
  right: -50px;
}
.videos-slider .slider-nav.slick-disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: default;
  background-image: none;
}
@media screen and (max-width: 1399.98px) {
  .videos-slider .slider-nav.nav_prev {
    left: -40px;
  }
  .videos-slider .slider-nav.nav_next {
    right: -40px;
  }
}
@media screen and (max-width: 991.98px) {
  .videos-slider .slider-nav {
    width: 24px;
    height: 40px;
    background-size: 12px 22px;
    top: calc(50% - 20px);
  }
  .videos-slider .slider-nav.nav_prev {
    left: -28px;
  }
  .videos-slider .slider-nav.nav_next {
    right: -28px;
  }
}
/* ≤768: стрелки скрыты выше (на телефоне горизонтальная прокрутка) */

/* Шапка секции: только H2 (CTA «Все видео» — под каруселью, не справа). */
.video-section__head {
  display: block;
  margin-bottom: 16px;
}
.video-section__head h2 {
  margin: 0;
}

/* «Все видео» (≥9):
   компьютер — .showmore.wide ПОД слайдером (как «Все акции», широкая персиковая);
   телефон — общая кнопка-таблетка ×1,15 снизу (≤768). */
.video-section__all-wrap--desk {
  display: block;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 0;
}
.video-section__all-wrap--mob {
  display: none;
}
.video-section__all--mob {
  display: none;
}
/* Основа .video-section__all — для кнопки на телефоне (на компьютере используется штатная .showmore.wide) */
.video-section__all {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 10px 18px;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  font-family: inherit;
  color: var(--color-black, #423b38);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  border: none;
  background: var(--color-orange, #fcd9c2);
  box-shadow: none;
  outline: none;
  transition: background 0.2s ease, color 0.2s ease;
  z-index: 0;
}
.video-section__all::after {
  content: none;
  display: none;
}
.video-section__all:hover,
.video-section__all:focus-visible {
  color: #fff;
  text-decoration: none;
  background: var(--color-red, #8c0014);
  transform: none;
  box-shadow: none;
  border-color: transparent;
}
.video-section__all:active {
  transform: none;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .video-section__all {
    transition: background 0.2s ease, color 0.2s ease;
  }
}

@media screen and (max-width: 767.98px) {
  .video-section__head {
    margin-bottom: 12px;
  }
  /* кнопка «Показать ещё» на широком ПК — только от 769 px */
  .video-section__all-wrap--desk,
  .video-section__all--desk {
    display: none !important;
  }
  .video-section__all-wrap--mob {
    display: flex;
    justify-content: center;
    margin-top: 12px;
  }
  /* mob: fancy peach pill (как «Все бренды» база), padding/font ×1.15; без shine */
  .video-section__all--mob {
    display: inline-flex;
    overflow: hidden;
    isolation: isolate;
    /* база = компактный pill как «Все бренды» (8×14 / 13px / r4), затем ×1.15 */
    padding: calc(8px * 1.15) calc(14px * 1.15);
    font-size: calc(13px * 1.15);
    line-height: 1.2;
    letter-spacing: 0.01em;
    border-radius: 4px;
    border: 1.5px solid rgba(140, 0, 20, 0.38);
    background: linear-gradient(
      165deg,
      #ffe9da 0%,
      var(--color-orange, #fcd9c2) 42%,
      #f3c4a0 100%
    );
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.65) inset,
      0 2px 8px rgba(66, 59, 56, 0.1);
    transition:
      box-shadow 0.28s ease,
      background 0.3s ease,
      border-color 0.3s ease,
      color 0.22s ease;
  }
  .video-section__all--mob:hover,
  .video-section__all--mob:focus-visible {
    color: #fff;
    text-decoration: none;
    border-color: var(--color-red, #8c0014);
    background: linear-gradient(
      165deg,
      #a31024 0%,
      var(--color-red, #8c0014) 48%,
      #6a0010 100%
    );
    transform: none;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.14) inset,
      0 0 0 2px rgba(140, 0, 20, 0.1),
      0 4px 12px rgba(140, 0, 20, 0.22);
  }
  .video-section__all--mob::after {
    display: none; /* без shine на компактной */
  }
}

/* Страница /videoobzory/ */
.video-reviews-page {
  padding-bottom: 40px;
}
.video-reviews-page h1 {
  margin-bottom: 24px;
}
.video-reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px 16px;
}
.video-reviews-card .video-item {
  cursor: pointer;
  width: 100%;
}
.video-reviews-title {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.3;
  color: var(--color-lowgrey, #3a3a3a);
}

@media screen and (max-width: 1199.98px) {
  .video-reviews-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .video-reviews-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 5px;
  }
  .video-reviews-title {
    font-size: 12px;
  }
}
@media screen and (max-width: 575.98px) {
  .video-reviews-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Масштаб ПК: карточки мельче — в ряду на одну больше (5, а до 1280 px — 4) */
@media (min-width: 992px) {
  html .video-reviews-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html .video-reviews-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* desk-scale: начало (сгенерировано .tools/desk-scale, руками не править) */
@media (min-width: 992px) {
    .videos-slider {
        --tm-videos-gap: 6.8px
    }
    .videos-slider .slick-init {
        padding-bottom: 3.4px
    }
    .videos-slider .item {
        flex: 0 0 min(calc((100% - var(--tm-videos-shown) * var(--tm-videos-gap)) / (var(--tm-videos-shown) + var(--tm-videos-peek))), calc((100% - var(--tm-videos-shown) * var(--tm-videos-gap) - 23.8px) / var(--tm-videos-shown)));
        border-radius: 7.65px
    }
    @media screen and (min-width: 992px) {
        .videos-slider {
            --tm-videos-gap: 13.6px
        }
        .videos-slider .slick-init {
            margin-bottom: 13.6px
        }
    }
    .video-item, .videos-grid .video-item {
        border-radius: 4.25px
    }
    .video-item .play, .videos-grid .video-item .play {
        width: 42.5px;
        height: 42.5px;
        left: calc(50% - 21.25px);
        top: calc(50% - 21.25px);
        border-radius: 50%
    }
    .video-item .play:after, .videos-grid .video-item .play:after {
        width: 17px;
        height: 17px
    }
    .videos-slider .item > video, .videos-slider .item > img, .videos-grid .video-item > video, .videos-grid .video-item > img, .video-reviews-grid .video-item > video, .video-reviews-grid .video-item > img, .tm-video-card > video, .tm-video-card > img {
        width: 100% !important;
        height: 100% !important;
        border-radius: inherit
    }
    .videos-slider .slider-nav {
        width: 23.8px;
        height: 40.8px;
        background-size: 11.9px 22.1px;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg width='11.9' height='22.1' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 13L1 25' stroke='%23847671' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        top: calc(50% - 20.4px)
    }
    .videos-slider .slider-nav:hover {
        background-image: url("data:image/svg+xml,%3Csvg width='11.9' height='22.1' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 13L1 25' stroke='%235c514c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    }
    .videos-slider .slider-nav.nav_prev {
        left: -42.5px
    }
    .videos-slider .slider-nav.nav_next {
        right: -42.5px
    }
    @media screen and (max-width: 1399.98px) {
        .videos-slider .slider-nav.nav_prev {
            left: -34px
        }
        .videos-slider .slider-nav.nav_next {
            right: -34px
        }
    }
    .video-section__head {
        margin-bottom: 13.6px
    }
    .video-section__head h2 {
        margin: 0
    }
    .video-section__all-wrap--desk {
        margin-top: 6.8px;
        margin-bottom: 0
    }
    .video-section__all {
        padding: 8.5px 15.3px;
        font-size: 13.6px;
        border-radius: 2.55px;
        border: none
    }
    .video-reviews-page {
        padding-bottom: 34px
    }
    .video-reviews-page h1 {
        /* Единый отступ под h1 на ПК */
        margin-bottom: 17px
    }
    .video-reviews-grid {
        gap: 20.4px 13.6px
    }
    .video-reviews-card .video-item {
        width: 100%
    }
    .video-reviews-title {
        margin-top: 8.5px;
        font-size: 11.9px
    }
}
/* desk-scale: конец */

/* End */


/* Start:/local/templates/main/components/bitrix/system.pagenavigation/tm/style.css?17925895895389*/
/* Единая постраничная навигация сайта: вид из блога (кнопки 48 px, скругление 9 px, текущая — персиковая плашка)
   и многоточие с последней страницей. Пороги — только Bootstrap; на узких экранах цели 44 px. */
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 120px;
}
.pagination .numbers {
  display: flex;
  align-items: center;
  gap: 6px;
}
.pagination .pagination-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 48px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
.pagination .pagination-link:hover,
.pagination .pagination-link:focus {
  text-decoration: none;
}
/* Фокус с клавиатуры — фирменное кольцо, у квадратов повторяет скругление */
.pagination .pagination-link:focus-visible {
  outline: 2px solid var(--color-red);
  outline-offset: 2px;
  border-radius: 9px;
}
.pagination .numbers .pagination-link {
  flex: 0 0 48px;
  width: 48px;
  border-radius: 9px;
  transition: background-color 150ms ease, color 150ms ease, transform 150ms ease;
}
.pagination .numbers .pagination-link[href]:active {
  transform: scale(.94);
}
.pagination .numbers .pagination-link[href]:hover {
  background: #FFF;
  color: var(--color-red);
}
.pagination .numbers .pagination-link.active {
  background: var(--color-orange);
  color: var(--color-black);
}
.pagination .pagination-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 48px;
  font-weight: 600;
  font-size: 16px;
  color: var(--color-lowgrey);
}
.pagination .pagination-ellipsis--narrow {
  display: none;
}
.pagination > .pagination-link {
  padding: 0 18px 0 24px;
  color: var(--color-lowgrey);
  transition: color 150ms ease;
}
.pagination > .pagination-link:hover {
  color: var(--color-red);
}
.pagination > .pagination-link.prev::before,
.pagination > .pagination-link.next::after {
  display: block;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  content: "";
  background: no-repeat center / 36px 36px;
}
.pagination > .pagination-link.prev::before {
  margin-right: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 10L14 18L22 26' stroke='%23423B38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.pagination > .pagination-link.next::after {
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10L22 18L14 26' stroke='%23423B38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* Шеврон стрелки сдвигается при наведении — отклик без смены размеров */
.pagination > .pagination-link.prev::before,
.pagination > .pagination-link.next::after {
  transition: transform 150ms ease;
}
.pagination > .pagination-link.prev:hover::before {
  transform: translateX(-3px);
}
.pagination > .pagination-link.next:hover::after {
  transform: translateX(3px);
}
/* Нет предыдущей или следующей — место сохраняем, чтобы номера не прыгали */
.pagination > .pagination-link.is-disabled {
  visibility: hidden;
  pointer-events: none;
}
@media (max-width: 1399.98px) {
  .pagination {
    margin-top: 56px;
  }
}
/* Планшет и телефон: стрелки без подписи, все кнопки — квадраты 44 px по центру */
@media (max-width: 991.98px) {
  .pagination {
    justify-content: center;
    gap: 4px;
    margin-top: 32px;
  }
  .pagination .numbers {
    gap: 4px;
  }
  .pagination .pagination-link,
  .pagination .pagination-ellipsis {
    height: 44px;
  }
  .pagination .numbers .pagination-link {
    flex-basis: 44px;
    width: 44px;
  }
  .pagination > .pagination-link {
    flex: 0 0 44px;
    width: 44px;
    padding: 0;
    font-size: 0;
  }
  .pagination > .pagination-link.prev::before,
  .pagination > .pagination-link.next::after {
    margin: 0;
  }
}
/* Телефон: только первая, текущая и последняя страницы */
@media (max-width: 575.98px) {
  .pagination .pagination-link--near,
  .pagination .pagination-ellipsis--wide {
    display: none;
  }
  .pagination .pagination-ellipsis--narrow {
    display: flex;
  }
  .pagination .pagination-ellipsis {
    flex-basis: 20px;
    width: 20px;
  }
}
/* Без анимаций, если пользователь их отключил в системе */
@media (prefers-reduced-motion: reduce) {
  .pagination .pagination-link,
  .pagination > .pagination-link.prev::before,
  .pagination > .pagination-link.next::after {
    transition: none;
  }
  .pagination .numbers .pagination-link[href]:active,
  .pagination > .pagination-link.prev:hover::before,
  .pagination > .pagination-link.next:hover::after {
    transform: none;
  }
}

/* End */


/* Start:/local/templates/main/components/bitrix/catalog.section/slider/style.css?17922600353590*/
/* desk-clean: начало — ленты карточек товаров: своя прокрутка с прилипанием на всех ширинах, зазор 8 px.
   Видно N карточек целиком и край следующей: до 992 px — 0,2 карточки (но не меньше 28 px),
   на ПК — четверть. N по порогам Bootstrap: 2 / 3 (от 576) / 4 (от 768), на ПК 4 / 5 / 6.
   Стрелки, протяжка мышью и подвязка вкладок, пришедших через AJAX, — tmBindMainHitsRail в js/custom.js.
   Кодмод desk-scale этот участок не копирует. */
html .catalog-list.catalog-main .popular-items,
html .additional-products .popular-items {
  --tm-rail-shown: 2;
  --tm-rail-peek: .2;
}
/* Вкладки главной: сама лента (flex, прокрутка) — в css/style.css; «Похожие» и «Недавно просмотренные» — здесь */
html .additional-products .popular-items .slick-init {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  padding: 1.5px 0 4px;
}
html .additional-products .popular-items .slick-init::-webkit-scrollbar {
  display: none;
}
html .catalog-list.catalog-main .popular-items .slick-init,
html .additional-products .popular-items .slick-init {
  scroll-snap-type: x mandatory;
}
html .catalog-list.catalog-main .popular-items .slick-init.tm-rail-nosnap,
html .additional-products .popular-items .slick-init.tm-rail-nosnap {
  scroll-snap-type: none;
}
html .catalog-list.catalog-main .popular-items .item,
html .additional-products .popular-items .slick-init .item {
  /* N карточек + край следующей: доля карточки, но не меньше 28 px */
  --tm-rail-card: min(calc((100% - var(--tm-rail-shown) * 8px - 1px) / (var(--tm-rail-shown) + var(--tm-rail-peek))), calc((100% - var(--tm-rail-shown) * 8px - 28px) / var(--tm-rail-shown)));
  flex: 0 0 var(--tm-rail-card);
  width: var(--tm-rail-card);
  min-width: var(--tm-rail-card);
  max-width: var(--tm-rail-card);
  margin: 0 !important;
  scroll-snap-align: start;
}
html .additional-products .popular-items .slick-init .item,
html .additional-products .popular-items .slick-init .item * {
  user-select: none;
  -webkit-touch-callout: none;
}
html .additional-products .popular-items .slick-init a,
html .additional-products .popular-items .slick-init img {
  -webkit-user-drag: none;
}
html .additional-products .popular-items .slick-init.is-dragging a {
  pointer-events: none;
}
@media (min-width: 576px) {
  html .catalog-list.catalog-main .popular-items,
  html .additional-products .popular-items {
    --tm-rail-shown: 3;
  }
}
@media (min-width: 768px) {
  html .catalog-list.catalog-main .popular-items,
  html .additional-products .popular-items {
    --tm-rail-shown: 4;
  }
}
@media (min-width: 992px) {
  html .catalog-list.catalog-main .popular-items,
  html .additional-products .popular-items {
    --tm-rail-shown: 6;
    --tm-rail-peek: .25;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  html .catalog-list.catalog-main .popular-items,
  html .additional-products .popular-items {
    --tm-rail-shown: 5;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html .catalog-list.catalog-main .popular-items,
  html .additional-products .popular-items {
    --tm-rail-shown: 4;
  }
}
/* desk-clean: конец */

/* End */


/* Start:/local/templates/main/components/bitrix/catalog.section.list/cat_subsections/style.css?17923018974423*/
.catalog-subsections{
 display:flex;
 align-items: flex-start;
 flex-wrap:wrap;
 margin-bottom:30px;
 width:100%;
 gap: 12px;
}

.catalog-subsections a{
  flex-direction: column;
 text-decoration:none;
 border-radius:2px;
 border:none;
 width:calc(20% - 12px);
 height:auto;
 line-height:1.1em;
 text-align:center;
 display:flex;
 align-items:center;
 font-size:15px;
 justify-content: center;
}
/* Слот превью раздела: как .tm-brand-cats — contain, без кропа */
.catalog-subsections a .img {
  margin: 8px auto 6px;
  width: 128px;
  height: 128px;
  max-width: 128px;
  max-height: 128px;
  background: #FFF;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}
.catalog-subsections a .img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 112px;
  max-height: 112px;
  object-fit: contain;
  object-position: center;
}

@media screen and (max-width:1199.98px) {
  .catalog-subsections a{
    width:calc(25% - 12px);
  }
}
@media screen and (max-width:767.98px) {
  .catalog-subsections a{
    width:calc(50% - 12px);
  }
}
@media screen and (max-width:575.98px) {
  .catalog-subsections a{
    width:100%;
  }
}

/* Масштаб ПК (волна desk-2, бывший css/desktop-scale.css). */
@media (min-width: 992px) {
  /* Главная, «Популярные категории»: сетка 5 в ряд, плитки 221 px вёрстки, как у «Популярных брендов» */
  html .pop-section .catalog-subsections-desk > .catalog-subsections {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 12px;
  }
  html .pop-section .catalog-subsections-desk > .catalog-subsections > a:not(.btn) {
    width: auto;
    min-width: 0;
    max-width: none;
    height: 221px;
    margin: 0;
    box-sizing: border-box;
  }
  html .pop-section .catalog-subsections-desk > .catalog-subsections > a .img {
    width: 147px;
    height: 147px;
    max-width: 147px;
    max-height: 147px;
    padding: 9px;
    margin: 9px auto 7px;
    flex: 0 0 auto;
  }
  html .pop-section .catalog-subsections-desk > .catalog-subsections > a .img img {
    width: 129px;
    height: 129px;
    max-width: 129px;
    max-height: 129px;
  }
  html .pop-section .catalog-subsections-desk > .catalog-subsections > a span {
    font-size: 21px;
    line-height: 1.1;
    padding: 5px 9px;
  }
}

/* desk-scale: начало (сгенерировано .tools/desk-scale, руками не править) */
@media (min-width: 992px) {
    .catalog-subsections {
        margin-bottom: 25.5px;
        gap: 10.2px
    }
    .catalog-subsections a {
        border-radius: 1.7px;
        border: none;
        width: calc(20% - 10.2px);
        font-size: 12.75px
    }
    .catalog-subsections a .img {
        margin: 6.8px auto 5.1px;
        width: 108.8px;
        height: 108.8px;
        max-width: 108.8px;
        max-height: 108.8px;
        padding: 6.8px
    }
    .catalog-subsections a .img img {
        width: 100%;
        height: 100%;
        max-width: 95.2px;
        max-height: 95.2px
    }
    @media screen and (max-width:1199.98px) {
        .catalog-subsections a {
            width: calc(25% - 10.2px)
        }
    }
    @media (min-width: 992px) {
        html .pop-section .catalog-subsections-desk > .catalog-subsections {
            gap: 10.2px;
            margin: 0 0 10.2px
        }
        html .pop-section .catalog-subsections-desk > .catalog-subsections > a:not(.btn) {
            width: auto;
            max-width: none;
            height: 187.85px;
            margin: 0
        }
        html .pop-section .catalog-subsections-desk > .catalog-subsections > a .img {
            width: 124.95px;
            height: 124.95px;
            max-width: 124.95px;
            max-height: 124.95px;
            padding: 7.65px;
            margin: 7.65px auto 5.95px
        }
        html .pop-section .catalog-subsections-desk > .catalog-subsections > a .img img {
            width: 109.65px;
            height: 109.65px;
            max-width: 109.65px;
            max-height: 109.65px
        }
        html .pop-section .catalog-subsections-desk > .catalog-subsections > a span {
            font-size: 17.85px;
            padding: 4.25px 7.65px
        }
    }
}
/* desk-scale: конец */

/* End */


/* Start:/local/templates/main/components/bitrix/news.list/brands_list_min/style.css?17918351952376*/
/* Масштаб ПК (волна desk-2, бывший css/desktop-scale.css). */
@media (min-width: 992px) {
  /* Главная, «Популярные бренды»: плитки того же размера, что у «Популярных категорий», логотип по центру с полями */
  html .pop-brands-section .sections-list .flex {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 12px;
  }
  html .pop-brands-section .sections-list .flex .item {
    width: auto;
    min-width: 0;
    max-width: none;
    height: 221px;
    margin: 0;
  }
  html .pop-brands-section .sections-list .flex .item > a,
    html .pop-brands-section .sections-list .flex .item .name {
    display: block;
    width: 100%;
    height: 100%;
  }
  html .pop-brands-section .sections-list .flex .item .name {
    box-sizing: border-box;
    padding: 32px 40px;
  }
  html .pop-brands-section .sections-list .flex .item .name .brand-logo-slot {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    margin: 0;
  }
  html .pop-brands-section .sections-list .flex .item .name .brand-logo-slot img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
  }
}

/* desk-scale: начало (сгенерировано .tools/desk-scale, руками не править) */
@media (min-width: 992px) {
    @media (min-width: 992px) {
        html .pop-brands-section .sections-list .flex {
            gap: 10.2px;
            margin: 0 0 10.2px
        }
        html .pop-brands-section .sections-list .flex .item {
            height: 187.85px;
            margin: 0
        }
        html .pop-brands-section .sections-list .flex .item > a, html .pop-brands-section .sections-list .flex .item .name {
            height: 100%
        }
        html .pop-brands-section .sections-list .flex .item .name {
            padding: 27.2px 34px
        }
        html .pop-brands-section .sections-list .flex .item .name .brand-logo-slot {
            height: 100%;
            margin: 0
        }
        html .pop-brands-section .sections-list .flex .item .name .brand-logo-slot img {
            height: 100%
        }
    }
}
/* desk-scale: конец */

/* End */


/* Start:/local/templates/main/components/bitrix/news.list/blog_main/style.css?17923018972500*/
/* Масштаб ПК (волна desk-2, бывший css/desktop-scale.css). */
@media (min-width: 992px) {
  /* Блог на главной: ровный ряд на всю ширину (4 карточки, на 992–1280 — 3), фото во всю
       ширину карточки. Ширина с запасом 0,5 px, как у рядов товаров (Firefox, Windows 125 %). */
  html .blog-list.blog-main .grid .item {
    min-width: calc(25% - 3.5px);
    width: calc(25% - 3.5px);
    height: auto;
    min-height: 0;
    justify-content: flex-start;
  }
  html .blog-main .grid .item:nth-child(4) {
    display: flex;
  }
  html .blog-list.blog-main .grid .item .img {
    flex: 0 0 auto;
    margin: -24px -36px 20px;
    width: calc(100% + 72px);
    aspect-ratio: 2 / 1;
    border-radius: 9px 9px 0 0;
  }
  html .blog-list.blog-main .grid .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  html .blog-list.blog-main .grid .item .bottom {
    margin-top: auto;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  html .blog-list.blog-main .grid .item {
    min-width: calc(33.33% - 3.5px);
    width: calc(33.33% - 3.5px);
  }
  html .blog-main .grid .item:nth-child(4) {
    display: none;
  }
  html .blog-list.blog-main .grid .item .img {
    margin: -16px -24px 16px;
    width: calc(100% + 48px);
  }
}

/* desk-scale: начало (сгенерировано .tools/desk-scale, руками не править) */
@media (min-width: 992px) {
    @media (min-width: 992px) {
        html .blog-list.blog-main .grid .item {
            min-width: calc(25% - 2.98px);
            width: calc(25% - 2.98px);
            min-height: 0
        }
        html .blog-list.blog-main .grid .item .img {
            margin: -20.4px -30.6px 17px;
            width: calc(100% + 61.2px);
            border-radius: 7.65px 7.65px 0 0
        }
        html .blog-list.blog-main .grid .item .img img {
            width: 100%
        }
        html .blog-list.blog-main .grid .item .bottom {
            margin-top: auto
        }
    }
    @media (min-width: 992px) and (max-width: 1280px) {
        html .blog-list.blog-main .grid .item {
            min-width: calc(33.33% - 2.98px);
            width: calc(33.33% - 2.98px)
        }
        html .blog-list.blog-main .grid .item .img {
            margin: -13.6px -20.4px 13.6px;
            width: calc(100% + 40.8px)
        }
    }
}
/* desk-scale: конец */

/* End */
/* /local/templates/main/css/video-reviews.css?179230189616637 */
/* /local/templates/main/components/bitrix/system.pagenavigation/tm/style.css?17925895895389 */
/* /local/templates/main/components/bitrix/catalog.section/slider/style.css?17922600353590 */
/* /local/templates/main/components/bitrix/catalog.section.list/cat_subsections/style.css?17923018974423 */
/* /local/templates/main/components/bitrix/news.list/brands_list_min/style.css?17918351952376 */
/* /local/templates/main/components/bitrix/news.list/blog_main/style.css?17923018972500 */