@charset "UTF-8";
.catalog-side-menu {
  margin-right: -10px; }
  .catalog-side-menu__nav.lvl2 .nav-item:not(.opened) {
    display: none; }
  .catalog-side-menu__nav.expand .nav-show-more,
  .catalog-side-menu__nav.expand .nav-item:not(.active) {
    display: none; }
  .catalog-side-menu__nav.expand .nav-list + .show-more {
    display: none; }
  @media (min-width: 1100px) {
    .catalog-side-menu__nav:not(.lvl2) .nav-item {
      display: none; }
      .catalog-side-menu__nav:not(.lvl2) .nav-item:nth-child(-n + 8) {
        display: flex; }
    .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 {
    display: none; }
  .catalog-side-menu__title {
    display: flex;
    align-items: center; }
    .catalog-side-menu__title .icon {
      width: 0 !important;
      transition: all ease 0.3s;
      transform: rotate(90deg);
      fill: var(--theme-base-color); }

.lvl2 .show-more {
  display: none; }

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

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

.side-block:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 20px; }
  @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;
  margin-bottom: 0px; }

.side-block.side-block--catalog {
  position: relative;
  padding: 0px 16px;
  padding-bottom: 0px;
  border-bottom: none; }
  .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 {
  font-weight: 600;
  margin-bottom: 10px;
  transition: all 0.3s ease; }
  .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; } }

.side-block .folded .show-more {
  margin-top: 10px; }
  .side-block .folded .show-more .icon {
    transform: rotate(180deg); }

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

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

.sidebar-filter {
  border: 1px solid #E9E9E9;
  border-radius: 8px; }
  .sidebar-filter__header {
    background-color: #f6f6f6;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    margin-bottom: 20px;
    font-weight: 700; }
    @media (max-width: 1249px) {
      .sidebar-filter__header {
        display: none; } }
  @media (max-width: 1249px) {
    .sidebar-filter {
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      max-height: calc(var(--vh, 1vh) * 100);
      max-height: calc(100vh - env(safe-area-inset-bottom));
      background-color: #fff;
      z-index: 200;
      margin-top: 0px;
      transform: translateX(-100%);
      transition: all 0.3s ease;
      max-width: 360px;
      box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
      display: flex;
      flex-direction: column;
      border-radius: 0px; }
      .sidebar-filter::-webkit-scrollbar {
        width: 5px;
        /* ширина для вертикального скролла */
        height: 5px;
        /* высота для горизонтального скролла */
        border-radius: 0px;
        background-color: #f5f5f5; }
      .sidebar-filter::-webkit-scrollbar-thumb {
        background-color: #BDBDBD;
        border-radius: 10em; }
        .sidebar-filter::-webkit-scrollbar-thumb:hover {
          background-color: #828282; }
      .sidebar-filter.active {
        transform: translateX(0%); } }
  .sidebar-filter__mob-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    padding: 0 18px;
    background-color: #f6f6f6;
    height: 40px;
    margin-bottom: 16px;
    flex: 0 0 auto;
    box-shadow: 0px 4px 12px 0px #060b6c1f;
    position: sticky;
    top: 0;
    z-index: 2; }
    @media (min-width: 1250px) {
      .sidebar-filter__mob-header {
        display: none; } }
  .sidebar-filter__mob-close {
    display: flex;
    align-items: center; }
    @media (hover: hover) {
      .sidebar-filter__mob-close:hover {
        cursor: pointer; } }
  @media (max-width: 1249px) {
    .sidebar-filter__body {
      overflow: auto; }
      .sidebar-filter__body::-webkit-scrollbar {
        width: 5px;
        /* ширина для вертикального скролла */
        height: 5px;
        /* высота для горизонтального скролла */
        border-radius: 0px;
        background-color: #f5f5f5; }
      .sidebar-filter__body::-webkit-scrollbar-thumb {
        background-color: #BDBDBD;
        border-radius: 10em; }
        .sidebar-filter__body::-webkit-scrollbar-thumb:hover {
          background-color: #828282; } }

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

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

.side-filter__toggler {
  width: 20px;
  height: 20px;
  position: relative; }
  .side-filter__toggler:before, .side-filter__toggler:after {
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 6px);
    display: block;
    width: 12px;
    height: 2px;
    content: "";
    background: #001A34;
    transition: all ease 0.3s; }
  .side-filter__toggler:before {
    transform: rotate(-90deg); }
  .side-filter__toggler.active::before {
    opacity: 0;
    visibility: hidden; }

@media (min-width: 1250px) {
  .side-filter__overflow {
    max-height: 290px;
    overflow: auto; }
    .side-filter__overflow::-webkit-scrollbar {
      width: 5px;
      /* ширина для вертикального скролла */
      height: 5px;
      /* высота для горизонтального скролла */
      border-radius: 0px;
      background-color: #f5f5f5; }
    .side-filter__overflow::-webkit-scrollbar-thumb {
      background-color: #BDBDBD;
      border-radius: 10em; }
      .side-filter__overflow::-webkit-scrollbar-thumb:hover {
        background-color: #828282; } }

.side-filter__block {
  padding: 20px 16px; }
  .side-filter__block:first-child {
    padding-top: 0px; }
  .side-filter__block:not(:first-child) {
    border-top: 1px solid #e4e4e4; }
    @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__toggler {
  justify-content: flex-end;
  display: flex;
  flex: 0 0 auto;
  margin-left: auto; }
  @media (min-width: 1024px) {
    .side-filter__toggler:hover {
      cursor: pointer; } }

.side-filter__title {
  font-weight: 600;
  align-items: center;
  gap: 4px;
  position: relative;
  display: flex;
  transition: all 0.3s ease; }
  @media (min-width: 1024px) {
    .side-filter__title:hover {
      cursor: pointer; } }
  .side-filter__title .icon {
    pointer-events: none;
    transition: all ease 0.3s;
    transform: rotate(90deg);
    fill: #aeb6be;
    cursor: pointer; }
    .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: 9px; }
  .side-filter__item:not([disabled]) {
    order: -1; }
  .side-filter__item.activated:not(:first-of-type) {
    transition: all 0.3s ease;
    transform: translateY(-65px);
    opacity: 0; }
  .side-filter__item.deactivated:not(:first-of-type) {
    transition: all 0.3s ease;
    transform: translateY(65px);
    opacity: 0; }
  .side-filter__item.focus-in + .activated {
    transition: none;
    transform: none;
    opacity: 1; }
  @media (max-width: 1099px) {
    .side-filter__item:has(.checkbox) {
      margin-bottom: 4px;
      margin-right: 4px; }
      .side-filter__item:has(.checkbox):nth-child(-n + 6) {
        display: inline-block; } }

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

.side-filter .checkbox label {
  line-height: initial;
  height: auto; }
  .side-filter .checkbox label span:last-child {
    color: #969696; }

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

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

.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 {
  color: var(--theme-base-accent-color);
  position: relative;
  display: inline-block; }
  .filter-form__more .icon {
    fill: var(--theme-base-accent-color); }
  .filter-form__more:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    right: 100%;
    height: 1px;
    background-color: var(--theme-base-accent-color);
    transition: all 0.3s ease; }
  .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 {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: center;
  display: none;
  width: 100%; }
  .mobile-filter-button .btn .icon {
    transform: rotate(0deg); }
  .mobile-filter-button .header-status-bar__count {
    position: static;
    font-size: 10px;
    font-weight: 600;
    flex: 0 0 auto;
    background-color: #6bc684; }
  .mobile-filter-button--active {
    position: relative; }
    .mobile-filter-button--active:after {
      position: absolute;
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: var(--theme-base-accent-color);
      border: 1px solid #fff;
      position: absolute;
      top: 10px;
      right: 10px; }
  .mobile-filter-button span {
    font-size: 14px; }
  @media (max-width: 1249px) {
    .mobile-filter-button {
      display: grid; } }