@charset "UTF-8";
.catalog-side-menu__nav {
  position: relative; }
  .catalog-side-menu__nav .nav--side-catalog .nav-list {
    position: relative;
    width: 100%;
    max-height: 50vh;
    overflow: hidden; }
    @media (hover: hover) {
      .catalog-side-menu__nav .nav--side-catalog .nav-list {
        overflow-x: hidden;
        overflow-y: auto; }
        .catalog-side-menu__nav .nav--side-catalog .nav-list::-webkit-scrollbar {
          width: 4px;
          /* ширина для вертикального скролла */
          height: 4px;
          /* высота для горизонтального скролла */
          border-radius: 8px;
          background-color: transparent; }
        .catalog-side-menu__nav .nav--side-catalog .nav-list::-webkit-scrollbar-track {
          background-color: transparent; }
        .catalog-side-menu__nav .nav--side-catalog .nav-list::-webkit-scrollbar-thumb {
          transition: background-color .3s ease;
          border-radius: 8px;
          background-color: rgba(189, 189, 189, 0); } }
    @media (max-width: 1249px) {
      .catalog-side-menu__nav .nav--side-catalog .nav-list {
        max-height: none; } }
    .catalog-side-menu__nav .nav--side-catalog .nav-list.has-scroll-overflow::before, .catalog-side-menu__nav .nav--side-catalog .nav-list.has-scroll-overflow::after {
      position: sticky;
      z-index: 2;
      height: 46px;
      display: block;
      opacity: 0;
      content: '';
      transition: opacity .15s ease;
      pointer-events: none; }
    .catalog-side-menu__nav .nav--side-catalog .nav-list.has-scroll-overflow::before {
      top: 0;
      margin-bottom: -46px;
      background: linear-gradient(180deg, #fff 10%, rgba(255, 255, 255, 0) 100%); }
    .catalog-side-menu__nav .nav--side-catalog .nav-list.has-scroll-overflow::after {
      bottom: 0;
      margin-top: -46px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 50%); }
    .catalog-side-menu__nav .nav--side-catalog .nav-list.has-scroll-overflow:not(.is-scrolled-start)::before {
      opacity: 1; }
    .catalog-side-menu__nav .nav--side-catalog .nav-list.has-scroll-overflow:not(.is-scrolled-end)::after {
      opacity: 1; }
  .catalog-side-menu__nav.expand .nav--side-catalog .nav-list::before, .catalog-side-menu__nav.expand .nav--side-catalog .nav-list::after, .catalog-side-menu__nav.lvl2 .nav--side-catalog .nav-list::before, .catalog-side-menu__nav.lvl2 .nav--side-catalog .nav-list::after {
    opacity: 0 !important; }
  .catalog-side-menu__nav.lvl2 .nav-item:not(.opened) {
    display: none; }
  @media (min-width: 1100px) {
    .catalog-side-menu__nav:not(.lvl2).folded .nav-item {
      display: flex; } }
  .catalog-side-menu__nav.expand .nav-item:not(.active) {
    display: none; }
  .catalog-side-menu__nav.expand .show-more {
    margin-left: 26px; }
  .catalog-side-menu__nav .show-more {
    margin-top: 8px; }

@media (hover: hover) {
  .catalog-side-menu:hover .catalog-side-menu__nav .nav--side-catalog .nav-list::-webkit-scrollbar,
  .catalog-side-menu__nav .nav--side-catalog .nav-list:hover::-webkit-scrollbar {
    background-color: #DEDFE8; }
  .catalog-side-menu:hover .catalog-side-menu__nav .nav--side-catalog .nav-list::-webkit-scrollbar-thumb,
  .catalog-side-menu__nav .nav--side-catalog .nav-list:hover::-webkit-scrollbar-thumb {
    background-color: #AEB6BE; } }

.catalog-side-menu__title {
  display: flex;
  align-items: center; }
  .catalog-side-menu__title .icon {
    width: 0 !important;
    transform: rotate(90deg);
    fill: var(--theme-accent-color); }

@media (min-width: 1250px) {
  a.catalog-side-menu__title:hover {
    color: var(--theme-accent-color); } }

@media (min-width: 1250px) {
  .side-block--sort, .side-block.side-filter__footer {
    display: none; } }

.side-block:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DEDFE8; }
  @media (max-width: 1099px) {
    .side-block:not(:last-child) {
      border-width: 4px; } }

@media (min-width: 1250px) {
  .side-block:not(:last-child) {
    margin-bottom: 24px; } }

.side-block.side-block--filter {
  margin-bottom: 0;
  padding-bottom: 0px;
  border-bottom: none; }

.side-block.side-block--catalog {
  position: relative;
  padding: 0 16px 16px 16px; }
  .side-block.side-block--catalog:has(.catalog-filters) {
    display: none; }
    @media (max-width: 1099px) {
      .side-block.side-block--catalog:has(.catalog-filters) {
        display: flex; }
        .side-block.side-block--catalog:has(.catalog-filters):not(:has(.filter-item)) {
          display: none; } }

.side-block__title {
  margin-bottom: 10px;
  transition: all .3s ease;
  font-weight: 600; }
  .side-block__title--filter {
    margin-bottom: 20px; }
    @media (max-width: 1249px) {
      .side-block__title--filter {
        display: none; } }

.side-block .catalog-filters {
  display: none; }
  @media (max-width: 1099px) {
    .side-block .catalog-filters {
      display: flex;
      margin-bottom: 0px; } }

.side-block .folded .side-filter__item {
  display: flex; }
  @media (max-width: 1099px) {
    .side-block .folded .side-filter__item:has(.checkbox) {
      display: inline-block; } }

@media (max-width: 1249px) {
  .filter-opened .col-catalog-left,
  .sort-opened .col-catalog-left {
    width: 0;
    display: block !important;
    flex: 0 0 0; } }

.filter-opened .sidebar-filter--filter {
  transform: translateX(0); }

.sort-opened .sidebar-filter--sort {
  transform: translateX(0); }

.sidebar-filter {
  border-radius: 8px;
  box-shadow: 0px 2px 15px 0px rgba(6, 11, 108, 0.08); }
  .sidebar-filter__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 12px 16px;
    gap: 12px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: #F0F2F6;
    font-weight: 700; }
    @media (max-width: 1249px) {
      .sidebar-filter__header {
        display: none; } }
  @media (max-width: 1249px) {
    .sidebar-filter {
      position: fixed;
      z-index: 120;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      max-width: 567px;
      max-height: calc(var(--vh, 1vh) * 100);
      max-height: calc(100vh - env(safe-area-inset-bottom));
      display: flex;
      flex-direction: column;
      margin-top: 0px;
      transition: all .3s ease;
      transform: translateX(-100%);
      border-radius: 0px;
      background-color: #fff;
      box-shadow: 0px 2px 15px 0px rgba(6, 11, 108, 0.08); }
      .sidebar-filter::-webkit-scrollbar {
        width: 4px;
        /* ширина для вертикального скролла */
        height: 4px;
        /* высота для горизонтального скролла */
        border-radius: 8px;
        background-color: #DEDFE8;
        cursor: pointer; } }
    @media (max-width: 1249px) and (max-width: 767px) and (hover: none) and (pointer: coarse) {
      .sidebar-filter::-webkit-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .sidebar-filter::-webkit-scrollbar::-webkit-scrollbar {
          display: none; } }
  @media (max-width: 1249px) {
      .sidebar-filter::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #AEB6BE; }
        .sidebar-filter::-webkit-scrollbar-thumb:hover {
          background-color: #9A9CA1; }
      .sidebar-filter.active {
        transform: translateX(0%); } }
  .sidebar-filter__mob-header {
    height: 48px;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 0 18px;
    background-color: #F0F2F6;
    font-weight: 600; }
    @media (min-width: 1250px) {
      .sidebar-filter__mob-header {
        display: none; } }
  .sidebar-filter__mob-close {
    display: flex;
    align-items: center;
    cursor: pointer; }
  @media (max-width: 1249px) {
    .sidebar-filter__body {
      overflow: auto; }
      .sidebar-filter__body::-webkit-scrollbar {
        width: 4px;
        /* ширина для вертикального скролла */
        height: 4px;
        /* высота для горизонтального скролла */
        border-radius: 8px;
        background-color: #DEDFE8;
        cursor: pointer; } }
    @media (max-width: 1249px) and (max-width: 767px) and (hover: none) and (pointer: coarse) {
      .sidebar-filter__body::-webkit-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .sidebar-filter__body::-webkit-scrollbar::-webkit-scrollbar {
          display: none; } }
  @media (max-width: 1249px) {
      .sidebar-filter__body::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #AEB6BE; }
        .sidebar-filter__body::-webkit-scrollbar-thumb:hover {
          background-color: #9A9CA1; } }

@media (max-width: 1249px) {
  .sidebar-filter--sort .side-filter__footer {
    position: static;
    margin-top: auto;
    border: none;
    grid-template-columns: 1fr; } }

/* Side filter*/
.custom-row.opened:before {
  opacity: 1; }

.side-filter__toggler {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: auto; }
  @media (max-width: 1099px) {
    .side-filter__toggler {
      width: 20px;
      height: 20px; } }
  @media (max-width: 767px) {
    .side-filter__toggler {
      width: 16px;
      height: 16px; } }
  .side-filter__toggler:before, .side-filter__toggler:after {
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 6px);
    width: 12px;
    height: 2px;
    display: block;
    content: '';
    transition: all ease .3s;
    background: #333333; }
  .side-filter__toggler:before {
    transform: rotate(-90deg); }
  .side-filter__toggler.active::before {
    visibility: hidden;
    opacity: 0; }

@media (min-width: 1250px) {
  .side-filter__overflow {
    max-height: 290px;
    overflow: auto; }
    .side-filter__overflow::-webkit-scrollbar {
      width: 4px;
      /* ширина для вертикального скролла */
      height: 4px;
      /* высота для горизонтального скролла */
      border-radius: 8px;
      background-color: #DEDFE8;
      cursor: pointer; } }
    @media (min-width: 1250px) and (max-width: 767px) and (hover: none) and (pointer: coarse) {
      .side-filter__overflow::-webkit-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .side-filter__overflow::-webkit-scrollbar::-webkit-scrollbar {
          display: none; } }

@media (min-width: 1250px) {
    .side-filter__overflow::-webkit-scrollbar-thumb {
      border-radius: 8px;
      background-color: #AEB6BE; }
      .side-filter__overflow::-webkit-scrollbar-thumb:hover {
        background-color: #9A9CA1; } }

.side-filter__block {
  padding: 20px 16px; }
  .side-filter__block:first-child {
    padding-top: 0px; }
  .side-filter__block:not(:first-child) {
    border-top: 1px solid #F0F2F6; }
    @media (max-width: 1099px) {
      .side-filter__block:not(:first-child) {
        border-width: 4px; } }
  .side-filter__block-body {
    padding-top: 10px; }
  @media (max-width: 1099px) {
    .side-filter__block {
      padding: 16px 18px; } }

.side-filter__title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: all .3s ease;
  font-weight: 600; }
  @media (min-width: 1024px) {
    .side-filter__title {
      cursor: pointer; }
      .side-filter__title:hover .side-filter__toggler::after, .side-filter__title:hover .side-filter__toggler::before {
        background: var(--theme-accent-color-light); } }
  .side-filter__title:active .side-filter__toggler::after, .side-filter__title:active .side-filter__toggler::before {
    background: var(--theme-accent-color-dark); }
  .side-filter__title .icon {
    cursor: pointer;
    transition: all ease .3s;
    transform: rotate(90deg);
    pointer-events: none;
    fill: #aeb6be; }
    .side-filter__title .icon.active {
      transform: rotate(-90deg); }

.side-filter__item {
  display: none; }
  .side-filter__item:nth-child(-n + 6) {
    display: flex; }
  .side-filter__item:not(:last-child) {
    margin-bottom: 12px; }
  .side-filter__item:not([disabled]) {
    order: -1; }
  .side-filter__item.activated:not(:first-of-type) {
    opacity: 0;
    transition: all .3s ease;
    transform: translateY(-65px); }
  .side-filter__item.deactivated:not(:first-of-type) {
    opacity: 0;
    transition: all .3s ease;
    transform: translateY(65px); }
  .side-filter__item.focus-in + .activated {
    opacity: 1;
    transition: none;
    transform: none; }
  @media (max-width: 1099px) {
    .side-filter__item:has(.checkbox) {
      display: inline-block;
      margin-bottom: 4px; } }
  .side-filter__item .count {
    color: #9A9CA1; }

.side-filter .tooltip-wrap {
  width: 20px;
  height: 20px; }
  @media (max-width: 1099px) {
    .side-filter .tooltip-wrap {
      width: 16px;
      height: 16px; } }

.side-filter .checkbox label {
  height: auto;
  line-height: initial; }

@media (max-width: 1099px) {
  .side-filter .checkbox label {
    padding: 4px 6px;
    border-radius: 8px;
    background-color: #F0F2F6; }
    .side-filter .checkbox label:before {
      display: none; }
  .side-filter .checkbox input:checked + label {
    color: #fff;
    background-color: var(--theme-accent-color); }
    .side-filter .checkbox input:checked + label .count {
      color: #fff; }
  .side-filter .checkbox input:disabled + label {
    opacity: .7;
    color: #9A9CA1; }
    .side-filter .checkbox input:disabled + label .count {
      color: #9A9CA1; } }

@media (max-width: 1249px) {
  .side-filter .side-filter__footer {
    display: none; } }

.side-filter__footer {
  position: sticky;
  z-index: 10;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 20px 16px;
  gap: 16px;
  transition: all .3s ease;
  border-top: 1px solid #F0F2F6;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #fff; }
  @media (max-width: 1249px) {
    .side-filter__footer {
      display: grid;
      gap: 16px;
      border-radius: 0px; } }
  @media (max-width: 1099px) {
    .side-filter__footer {
      gap: 12px;
      border-width: 4px;
      grid-template-columns: 1fr 1fr;
      padding: 16px 18px; } }
  .side-filter__footer:not(.loaded) > div {
    opacity: .4;
    pointer-events: none; }
  .side-filter__footer.disabled > div {
    opacity: .4;
    pointer-events: none; }

.filter-form__content.expanded {
  max-height: 0px;
  overflow: hidden; }

.filter-form__content .form-group {
  display: none; }
  .filter-form__content .form-group:nth-of-type(-n + 4) {
    display: block; }

.filter-form__content.active .form-group {
  display: block; }
  .filter-form__content.active .form-group:nth-of-type(-n + 4) {
    display: block; }

.filter-form__more {
  position: relative;
  display: inline-block;
  color: var(--theme-base-accent-color); }
  .filter-form__more .icon {
    fill: var(--theme-base-accent-color); }
  .filter-form__more:after {
    position: absolute;
    top: 100%;
    right: 100%;
    left: 0;
    height: 1px;
    content: '';
    transition: all .3s ease;
    background-color: var(--theme-base-accent-color); }
  .filter-form__more:hover {
    cursor: pointer; }
    .filter-form__more:hover:after {
      right: 0; }
  .filter-form__more.active .icon {
    transform: rotate(180deg); }

.btn-filter .text {
  margin-right: 5px; }

.btn-filter-reset a:hover {
  cursor: pointer; }
  .btn-filter-reset a:hover:after {
    right: 0; }

.mobile-filter-button {
  width: 100%;
  display: none;
  align-items: center;
  gap: 12px;
  grid-template-columns: 1fr 1fr; }
  .mobile-filter-button--active .mobile-filter-button__icon:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 1px;
    width: 8px;
    height: 8px;
    content: '';
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: var(--theme-accent-color); }
  .mobile-filter-button__icon {
    position: relative;
    width: 18px;
    height: 18px; }
  .mobile-filter-button span {
    font-size: 14px; }
  .mobile-filter-button .btn {
    justify-content: space-between;
    padding: 0 12px; }
  @media (max-width: 1249px) {
    .mobile-filter-button {
      display: grid; } }