/* Start:/local/templates/main/components/bitrix/system.pagenavigation/tm/style.css?17946681475389*/
/* Единая постраничная навигация сайта: вид из блога (кнопки 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/news.list/brands_list/style.css?179466814115909*/
/* Перенесено из /local/templates/main/css/style.css (20.10.2026, разнос глобальных стилей): правила, которые на сайте встречаются только здесь. */
.section-list--brands .brands-listing-head {
  margin-top: 8px;
  margin-bottom: 24px;
}
.section-list--brands .brands-listing-head h1 {
  margin: 0;
}
.section-list--brands .brands-listing-search {
  max-width: none;
  width: 100%;
  margin: 0 0 16px;
}
.section-list--brands .filters .filter-item--reset {
  box-sizing: border-box;
  min-height: 56px;
  height: 56px;
  padding: 0 24px;
}
.section-list--brands .brands-listing-search form {
  height: 56px;
  width: 100%;
}
.section-list--brands .brands-listing-search .form-control {
  height: 56px;
  min-height: 56px;
  width: 100%;
  max-width: none;
  border-radius: 9px;
  box-sizing: border-box;
}
.section-list--brands .section-menu-reveal {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;
  /* Сброс фильтра: сначала гаснет, затем мягко схлопывается */
  transition: grid-template-rows 0.46s cubic-bezier(0.4, 0, 0.2, 1) 0.04s, opacity 0.24s ease;
}
.section-list--brands .section-menu-reveal > .section-menu {
  min-height: 0;
  overflow: hidden;
}
.section-list--brands .sections-list .item .section-menu__list {
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
  border-bottom: 1px solid #E7E5E4;
}
.section-list--brands .sections-list .item .section-menu a.section-menu__cat {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #423B38;
  font-weight: 600;
  font-size: 15px;
  line-height: 125%;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.section-list--brands .sections-list .item .section-menu a.section-menu__cat.is-collapsed {
  display: none !important;
}
.section-list--brands .sections-list .item .section-menu a.section-menu__cat::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px;
  height: 1px;
  background: #E7E5E4;
  transition: opacity 0.25s ease;
}
.section-list--brands .sections-list .item .section-menu a.section-menu__cat::after {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-right: 2px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.35;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.section-list--brands .sections-list .item .section-menu a.section-menu__cat .section-menu__cat-name {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (hover: hover) {
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat:hover {
    background: #F3F2F1;
    color: #8C0014;
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat:hover::before,
    .section-list--brands .sections-list .item .section-menu a.section-menu__cat:hover + a.section-menu__cat::before {
    opacity: 0;
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat:hover::after {
    opacity: 1;
    transform: translateX(3px) rotate(45deg);
    }
}
.section-list--brands .sections-list .item .section-menu a.section-menu__cat:active {
  background: #F3F2F1;
  color: #8C0014;
}
.section-list--brands .sections-list .item .section-menu a.section-menu__cat:focus-visible {
  outline: 2px solid rgba(140, 0, 20, 0.35);
  outline-offset: -2px;
}
@media (max-width: 991.98px) {
  .section-list--brands .sections-list .item .section-menu__list {
    padding: 4px 6px;
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat {
    gap: 8px;
    padding: 10px 10px;
    font-size: 13px;
    line-height: 125%;
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat::before {
    left: 10px;
    right: 10px;
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat::after {
    width: 6px;
    height: 6px;
    }
}
@media (prefers-reduced-motion: reduce) {
  .section-list--brands .section-menu-reveal {
    transition: none;
    }
}
.section-list--brands .brand-search-empty {
  margin-top: 10px;
  font-size: 14px;
  line-height: 120%;
  color: var(--color-lowgrey);
}
.section-list--brands .sections-list .grid {
  -moz-column-gap: normal;
  column-gap: normal;
  column-fill: auto;
}
.section-list--brands .sections-list .grid .item {
  page-break-inside: auto;
  -moz-column-break-inside: auto;
  break-inside: auto;
}
.section-list--brands .sections-list .item .all {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
  border-radius: 0 0 9px 9px;
  background: transparent;
  text-decoration: none;
  transition: color 0.3s ease;
}
.section-list--brands .sections-list .item .all::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(252, 217, 194, 0.85) 0%, rgba(252, 217, 194, 0.4) 55%, rgba(243, 242, 241, 0) 100%);
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.section-list--brands .sections-list .item .all:hover {
  background: transparent;
}
.section-list--brands .sections-list .item .all__text {
  min-width: 0;
}
.section-list--brands .sections-list .item .all__arrow {
  display: flex;
  align-items: center;
  flex: 0 1 56px;
  min-width: 22px;
  height: 14px;
  color: var(--color-midgrey);
  transition: color 0.3s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.section-list--brands .sections-list .item .all__arrow::before {
  content: "";
  flex: 1 1 auto;
  height: 1.5px;
  margin-right: -7px;
  border-radius: 1px;
  background: currentColor;
}
.section-list--brands .sections-list .item .all__arrow svg {
  display: block;
  flex: 0 0 auto;
  width: 8px;
  height: 14px;
  overflow: visible;
}
@media (hover: hover) {
  .section-list--brands .sections-list .item .all:hover {
    color: var(--color-black);
    }
  .section-list--brands .sections-list .item .all:hover::before {
    opacity: 1;
    }
  .section-list--brands .sections-list .item .all:hover .all__arrow {
    color: var(--color-black);
    transform: translateX(4px);
    }
}
.section-list--brands .sections-list .item .all:active {
  color: var(--color-black);
}
.section-list--brands .sections-list .item .all:active::before {
  opacity: 1;
}
.section-list--brands .sections-list .item .all:active .all__arrow {
  color: var(--color-black);
}
.section-list--brands .sections-list .item .all:focus-visible {
  outline: 2px solid rgba(140, 0, 20, 0.35);
  outline-offset: -2px;
}
@media (max-width: 991.98px) {
  .section-list--brands .sections-list .item .all {
    gap: 8px;
    padding-right: 12px;
    font-size: 13px;
    }
  .section-list--brands .sections-list .item .all__text {
    flex: 0 0 auto;
    white-space: nowrap;
    }
  .section-list--brands .sections-list .item .all__arrow {
    flex-basis: 28px;
    min-width: 14px;
    }
}
@media (max-width: 575.98px) {
  .section-list--brands .sections-list .item .all__text {
    flex: 0 1 auto;
    white-space: normal;
    }
}
@media (prefers-reduced-motion: reduce) {
  .section-list--brands .sections-list .item .all,
    .section-list--brands .sections-list .item .all::before,
    .section-list--brands .sections-list .item .all__arrow {
    transition: none;
    }
}
.section-list--brands .sections-list .grid {
  display: grid !important;
  -moz-column-count: unset !important;
  column-count: unset !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.section-list--brands .sections-list .grid .item {
  display: flex;
  flex-direction: column;
  width: auto !important;
  margin: 0 !important;
}
.section-list--brands .sections-list .grid {
  position: relative;
  align-content: start;
}
.section-list--brands .sections-list .grid .item {
  position: relative;
  z-index: 1;
  transform-origin: 50% 40%;
}
@media (max-width: 1399.98px) {
  .section-list--brands .sections-list .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 1199.98px) {
  .section-list--brands .sections-list .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 991.98px) {
  .section-list--brands {
    padding: 12px 0 24px;
    }
  .section-list--brands .brands-listing-head {
    margin-bottom: 12px;
    }
  .section-list--brands .col-sidebar {
    margin: 0 0 8px;
    width: 100%;
    max-width: 100%;
    }
  .section-list--brands .filters-toggler {
    margin: 0;
    border-radius: 9px;
    padding: 14px 16px;
    }
  .section-list--brands .brands-listing-search {
    max-width: 100%;
    margin: 0 0 8px;
    }
  .section-list--brands .brands-listing-search .form-control {
    border-radius: 9px;
    min-height: 48px;
    }
  .section-list--brands .sections-list .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .section-list--brands .sections-list .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.section-list--brands .filter-content--brands-open {
  display: block;
}
@media (max-width: 991.98px) {
  .section-list--brands .brands-listing-head.tm-hub-head {
    margin-bottom: 12px;
    }
  .section-list--brands .filters .filters-wrapper {
    position: relative !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100%;
    overflow: hidden;
    }
  html .section-list--brands .filters .filters-dock {
    overflow: hidden !important;
    }
  .section-list--brands .filters-sheet-close-row {
    pointer-events: auto;
    }
  .section-list--brands .filters-sheet-close-row .close {
    pointer-events: auto;
    touch-action: manipulation;
    }
  html .section-list--brands .filters-sheet-card,
  html .section-list--brands .filters .filters-wrapper.filters-sheet-card {
    height: auto;
    max-height: none;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
    }
  .section-list--brands .filters .filters-scroll,
    .section-list--brands .filters .filter-item.filter-open,
    .section-list--brands .filters .filter-content {
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
    }
  html .section-list--brands .filters .filter-item--reset,
  html .section-list--brands .filters .filter-name,
  html .section-list--brands .filters .filter-content > .search,
  html .section-list--brands .filters .heading,
  html .section-list--brands .filters .screen-mob,
  html .section-list--brands .filters .screen-mob > .heading {
    flex: 0 0 auto;
    }
  .section-list--brands .filters div.checkbox-filter {
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    touch-action: pan-y;
    scrollbar-width: thin;
    scrollbar-color: #C4BBB6 transparent;
    }
}
@media (min-width: 992px) {
  html .section-list--brands .sections-list .grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  html .section-list--brands .sections-list .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  html .section-list--brands .sections-list .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 992px) {
  .section-list--brands .brands-listing-head {
    margin-top: 6.8px;
    margin-bottom: 20.4px
    }
  .section-list--brands .brands-listing-head h1 {
    margin: 0
    }
  .section-list--brands .brands-listing-search {
    max-width: none;
    width: 100%;
    margin: 0 0 13.6px
    }
  .section-list--brands .filters .filter-item--reset {
    min-height: 47.6px;
    height: 47.6px;
    padding: 0 20.4px
    }
  .section-list--brands .brands-listing-search form {
    height: 47.6px;
    width: 100%
    }
  .section-list--brands .brands-listing-search .form-control {
    height: 47.6px;
    min-height: 47.6px;
    width: 100%;
    max-width: none;
    border-radius: 7.65px
    }
  .section-list--brands .section-menu-reveal > .section-menu {
    min-height: 0
    }
  .section-list--brands .sections-list .item .section-menu__list {
    padding: 6.8px 10.2px;
    border-bottom: 1px solid #E7E5E4
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat {
    gap: 10.2px;
    padding: 9.35px 10.2px;
    border: 0;
    border-radius: 5.95px;
    font-size: 12.75px;
    line-height: 125%
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat::before {
    top: 0;
    left: 10.2px;
    right: 10.2px;
    height: 1px
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat::after {
    flex: 0 0 auto;
    width: 5.95px;
    height: 5.95px;
    margin-right: 1.7px;
    border-top: 1.27px solid currentColor;
    border-right: 1.27px solid currentColor;
    transform: rotate(45deg)
    }
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat .section-menu__cat-name {
    min-width: 0
    }
}
@media (min-width: 992px) {
  @media (hover: hover) {
    .section-list--brands .sections-list .item .section-menu a.section-menu__cat:hover::after {
      transform: translateX(2.55px) rotate(45deg)
      }
  }
}
@media (min-width: 992px) {
  .section-list--brands .sections-list .item .section-menu a.section-menu__cat:focus-visible {
    outline: 1.7px solid rgba(140, 0, 20, 0.35);
    outline-offset: -1.7px
    }
  .section-list--brands .brand-search-empty {
    margin-top: 8.5px;
    font-size: 11.9px;
    line-height: 120%
    }
  .section-list--brands .sections-list .item .all {
    gap: 13.6px;
    margin-top: auto;
    border-radius: 0 0 7.65px 7.65px
    }
  .section-list--brands .sections-list .item .all::before {
    border-radius: inherit
    }
  .section-list--brands .sections-list .item .all__text {
    min-width: 0
    }
  .section-list--brands .sections-list .item .all__arrow {
    flex: 0 1 47.6px;
    min-width: 18.7px;
    height: 11.9px
    }
  .section-list--brands .sections-list .item .all__arrow::before {
    flex: 1 1 auto;
    height: 1.27px;
    margin-right: -5.95px;
    border-radius: 1px
    }
  .section-list--brands .sections-list .item .all__arrow svg {
    flex: 0 0 auto;
    width: 6.8px;
    height: 11.9px
    }
}
@media (min-width: 992px) {
  @media (hover: hover) {
    .section-list--brands .sections-list .item .all:hover .all__arrow {
      transform: translateX(3.4px)
      }
  }
}
@media (min-width: 992px) {
  .section-list--brands .sections-list .item .all:focus-visible {
    outline: 1.7px solid rgba(140, 0, 20, 0.35);
    outline-offset: -1.7px
    }
  .section-list--brands .sections-list .grid {
    gap: 10.2px
    }
  .section-list--brands .sections-list .grid .item {
    width: auto !important;
    margin: 0 !important
    }
}
@media (min-width: 992px) {
  @media (min-width: 992px) {
    html .section-list--brands .sections-list .grid {
      grid-template-columns: repeat(5, minmax(0, 1fr))
      }
  }
}
@media (min-width: 992px) {
  @media (min-width: 992px) and (max-width: 1399.98px) {
    html .section-list--brands .sections-list .grid {
      grid-template-columns: repeat(4, minmax(0, 1fr))
      }
  }
}
@media (min-width: 992px) {
  @media (min-width: 992px) and (max-width: 1199.98px) {
    html .section-list--brands .sections-list .grid {
      grid-template-columns: repeat(3, minmax(0, 1fr))
      }
  }
}

/* End */
/* /local/templates/main/components/bitrix/system.pagenavigation/tm/style.css?17946681475389 */
/* /local/templates/main/components/bitrix/news.list/brands_list/style.css?179466814115909 */