.catalog ul {
  list-style-type: none;
}
.catalog li {
  list-style-type: none;
}

.catalog__hero_w {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  min-height: 517px;
  background-color: #0e201d;
}
@media screen and (min-width: 1024px) {
  .catalog__hero_w {
    padding: 120px 60px 107px;
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__hero_w {
    padding: 120px 20px 70px;
  }
}
.catalog__hero_w::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-size: 100vw auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .catalog__hero_w::before {
    background-image: var(--hero-bg);
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__hero_w::before {
    background-image: var(--hero-mob-bg);
  }
}

.catalog__hero_in {
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  flex: auto;
}
@media screen and (min-width: 1024px) {
  .catalog__hero_in {
    gap: 130px;
  }
}

.catalog__hero {
  position: relative;
  width: 100%;
}

.catalog__bg_pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.catalog__bg_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.3;
}

.catalog__hero_content {
  position: relative;
  z-index: 2;
}

.catalog__title {
  color: #e5e7eb;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .catalog__title {
    font-size: 96px;
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__title {
    font-size: 45px;
  }
}

.catalog__filters_container {
  margin-top: auto;
}

.catalog__filters {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 1024px) {
  .catalog__filters {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__filters {
    margin-bottom: 40px;
    flex-wrap: wrap;
  }
}

.catalog__filters_mobile_trigger {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 62px;
  padding: 10px 0;
  width: 100%;
  font-size: 23px;
  font-weight: 400;
  color: #fff;
  border: 0;
  border-top: 2px solid #336b62;
}
.catalog__filters_mobile_trigger:focus, .catalog__filters_mobile_trigger:hover {
  background-color: transparent;
}
@media screen and (min-width: 1024px) {
  .catalog__filters_mobile_trigger {
    display: none;
  }
}

.catalog__filters_mobile_trigger_icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMTcyMTggNS4xNzE1N0wxMC44MjkgMTAuODI4NE0xMC44MjkgMTAuODI4NEg1LjE3MjE4TTEwLjgyOSAxMC44Mjg0TDEwLjgyOSA1LjE3MTU3IiBzdHJva2U9IiNFM0VBRTkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}
[data-state=opened] .catalog__filters_mobile_trigger_icon {
  transform: rotate(0deg);
}

.catalog__filters_acc {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  transition: max-height 0.3s ease;
  flex: 1 1 auto;
}
@media screen and (min-width: 1024px) {
  .catalog__filters_acc {
    overflow: unset !important;
    max-height: unset !important;
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__filters_acc {
    flex-wrap: wrap;
  }
}

.catalog__filter_buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
}
@media screen and (max-width: 1023.5px) {
  .catalog__filter_buttons {
    padding-top: 16px;
    gap: 0;
    width: calc(100% + 8px);
    margin: 0 -8px -8px 0;
  }
}

.catalog__filter_dropdown {
  position: relative;
}
@media screen and (max-width: 1023.5px) {
  .catalog__filter_dropdown {
    width: 50%;
    padding: 0 8px 8px 0;
  }
}

.catalog__filter_btn {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 4px 16px;
  min-height: 40px;
  border: 2px solid rgba(51, 107, 98, 0.4);
  border-radius: 20px;
  background: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.catalog__filter_btn:hover, .catalog__filter_btn:focus {
  text-decoration: none;
  background-color: transparent;
}
@media (hover: hover) {
  .catalog__filter_btn:focus-visible, .catalog__filter_btn:hover {
    background-color: #336b62;
    border-color: #336b62;
  }
}

.catalog__filter_dropdown[data-state=opened] .catalog__filter_btn {
  background-color: #336b62;
  border-color: #336b62;
}

.catalog__dropdown_w {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  min-width: 256px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1023.5px) {
  .catalog__dropdown_w {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow-y: auto;
  }
}

.catalog__dropdown_list {
  padding: 0;
}

.catalog__dropdown {
  background: #173631;
  padding: 20px;
  border-radius: 20px;
  margin: auto;
}
@media screen and (max-width: 1023.5px) {
  .catalog__dropdown {
    width: 100%;
    max-width: 400px;
  }
}

.catalog__filter_dropdown[data-state=opened] .catalog__dropdown_w {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.catalog__checkbox_item_w {
  margin-bottom: 16px;
}
.catalog__checkbox_item_w:last-child {
  margin-bottom: 0;
}

.catalog__checkbox_item {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.catalog__checkbox {
  width: 20px;
  height: 20px;
  border: 2px solid #9ca3af;
  background: transparent;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.catalog__checkbox_text {
  position: relative;
  padding-left: 28px;
  padding-top: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  transition: color 0.3s ease-out;
  cursor: pointer;
}
.catalog__checkbox_text:before, .catalog__checkbox_text:after {
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  content: "";
}
.catalog__checkbox_text:before {
  border: 2px solid #fff;
  transition: opacity 0.3s ease-out;
  opacity: 0.5;
}
.catalog__checkbox:checked + .catalog__checkbox_text:before {
  opacity: 1;
}
.catalog__checkbox_text::after {
  opacity: 1;
  width: 10px;
  height: 12px;
  top: 4px;
  left: 3px;
  opacity: 0;
  border-bottom: 3px solid #fff;
  border-right: 4px solid #fff;
  transition: opacity 0.3s ease-out;
  transform: rotateZ(45deg) scaleX(0.6) translateY(-3px);
}
.catalog__checkbox:checked + .catalog__checkbox_text::after {
  opacity: 1;
}

.catalog__checkbox:checked + .catalog__checkbox_text {
  color: #fff;
  font-weight: 500;
}

.catalog__apply_btn {
  width: 100%;
  padding: 6px 0;
  background: #336b62;
  border: none;
  border-radius: 16px;
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  cursor: pointer;
  transition: background 0.3s ease-out;
  font-family: inherit;
  letter-spacing: 0.1em;
}
.catalog__apply_btn:hover, .catalog__apply_btn:focus {
  text-decoration: none;
  background-color: transparent;
}
@media (hover: hover) {
  .catalog__apply_btn:focus-visible, .catalog__apply_btn:hover {
    background-color: rgba(51, 107, 98, 0.4);
  }
}

.catalog__option_btn {
  width: 100%;
  padding: 8px 0;
  margin-bottom: 16px;
  background: transparent;
  border: none;
  color: #9ca3af;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease-out;
}
.catalog__option_btn:hover {
  color: #fff;
}
.catalog__option_btn:last-child {
  margin-bottom: 0;
}

.catalog__option_btn--active {
  color: #fff;
}

.catalog__search {
  position: relative;
  flex: 1 1 auto;
  min-width: 20%;
}
@media screen and (max-width: 1023.5px) {
  .catalog__search {
    display: none;
  }
  .catalog__search:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .catalog__search.catalog__search--mobile_mod {
    display: none;
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__search.catalog__search--mobile_mod {
    display: block;
  }
}

.catalog__search_input.catalog__search_input {
  width: 100%;
  padding: 4px 16px;
  min-height: 40px;
  font-weight: 500;
  padding-right: 40px;
  border: 2px solid rgba(51, 107, 98, 0.4);
  border-radius: 20px;
  background: transparent;
  color: #fff;
  font-size: 16px;
  transition: all 0.3s ease-out;
}
.catalog__search_input.catalog__search_input::placeholder {
  color: #8ba7a3;
}
.catalog__search_input.catalog__search_input:focus {
  outline: none;
  border-color: #14d3b7;
  background-color: #042a25;
}
.catalog__search_input.catalog__search_input:hover, .catalog__search_input.catalog__search_input:focus {
  text-decoration: none;
}
@media (hover: hover) {
  .catalog__search_input.catalog__search_input:focus-visible, .catalog__search_input.catalog__search_input:hover {
    border-color: #336b62;
  }
}

.catalog__search[data-state=focused] .catalog__search_input {
  border-color: #14b8a6;
  background: #064e3b;
}

.catalog__search .icon--search {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  color: #9ca3af;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE3QzEzLjg2NiAxNyAxNyAxMy44NjYgMTcgMTBDMTcgNi4xMzQwMSAxMy44NjYgMyAxMCAzQzYuMTM0MDEgMyAzIDYuMTM0MDEgMyAxMEMzIDEzLjg2NiA2LjEzNDAxIDE3IDEwIDE3WiIgc3Ryb2tlPSIjOEJBN0EzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjAuOTk5OSAyMC45OTk5TDE1LjAwMDUgMTUiIHN0cm9rZT0iIzhCQTdBMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}

.catalog__search[data-state=focused] .icon--search {
  display: none;
}

.catalog__search:not([data-state=focused]) .catalog__search_clear {
  display: none !important;
}

.catalog__search[data-state=focused] .catalog__search_clear {
  display: block !important;
}

.catalog__search_clear {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  padding: 0;
  height: 24px;
  border: none;
  background: transparent;
  color: #e5e7eb;
  cursor: pointer;
  background-size: contain;
  cursor: pointer;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjE4OCA1Ljk1NjA1TDYuMTg3OTkgMTcuOTU2MSIgc3Ryb2tlPSIjRTNFQUU5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuMTg3OTkgNS45NTYwNUwxOC4xODggMTcuOTU2MSIgc3Ryb2tlPSIjRTNFQUU5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  transition: opacity 0.2s ease-out;
}
.catalog__search_clear:hover, .catalog__search_clear:focus {
  background-color: transparent;
  text-decoration: none;
  opacity: 0.6;
}

.catalog__search_dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 8px;
  padding: 10px 20px;
  background: #173631;
  border-radius: 20px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease-out;
}
.catalog__search_dropdown:empty {
  display: none;
}

.catalog__search[data-state=focused] .catalog__search_dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.catalog__search_suggestion {
  display: flex;
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 8px 20px;
  background: transparent;
  border: none;
  font-size: 16px;
  font-weight: 500;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s ease-out;
  white-space: pre-wrap;
}
.catalog__search_suggestion:focus, .catalog__search_suggestion:hover {
  background: rgba(51, 107, 98, 0.4);
}
.catalog__search_suggestion:last-child {
  margin-bottom: 0;
}

.catalog__search_highlight {
  color: #e5e7eb;
}

.catalog__search_before,
.catalog__search_after {
  color: #8ba7a3;
}

.catalog__sort {
  position: relative;
}
@media screen and (max-width: 1023.5px) {
  .catalog__sort {
    width: 100%;
  }
}

.catalog__sort_btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 16px;
  min-height: 40px;
  border: 2px solid rgba(51, 107, 98, 0.4);
  border-radius: 20px;
  background: transparent;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.3s ease-out;
  width: 100%;
}
.catalog__sort_btn:hover, .catalog__sort_btn:focus {
  text-decoration: none;
  background-color: transparent;
}
@media (hover: hover) {
  .catalog__sort_btn:focus-visible, .catalog__sort_btn:hover {
    background-color: #336b62;
    border-color: #336b62;
  }
}

.catalog__sort_dropdown[data-state=opened] .catalog__sort_btn {
  background: #173631;
  border-color: #173631;
}

.catalog__dropdown_close,
.catalog__sort_options_close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 105px;
  height: 18px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTA1IDE4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOC41OTA1OSA3LjExMDhINy4yNjEwNEM3LjIwOTkxIDYuODI2NyA3LjExNDc0IDYuNTc2NyA2Ljk3NTUzIDYuMzYwOEM2LjgzNjMzIDYuMTQ0ODkgNi42NjU4NyA1Ljk2MTY1IDYuNDY0MTcgNS44MTEwOEM2LjI2MjQ3IDUuNjYwNTEgNi4wMzY2MSA1LjU0Njg3IDUuNzg2NjEgNS40NzAxN0M1LjUzOTQ1IDUuMzkzNDcgNS4yNzY2NyA1LjM1NTExIDQuOTk4MjYgNS4zNTUxMUM0LjQ5NTQyIDUuMzU1MTEgNC4wNDUxNCA1LjQ4MTUzIDMuNjQ3NDEgNS43MzQzOEMzLjI1MjUyIDUuOTg3MjIgMi45NDAwMiA2LjM1Nzk1IDIuNzA5OTEgNi44NDY1OUMyLjQ4MjY0IDcuMzM1MjMgMi4zNjkgNy45MzE4MiAyLjM2OSA4LjYzNjM2QzIuMzY5IDkuMzQ2NTkgMi40ODI2NCA5Ljk0NjAyIDIuNzA5OTEgMTAuNDM0N0MyLjk0MDAyIDEwLjkyMzMgMy4yNTM5NCAxMS4yOTI2IDMuNjUxNjcgMTEuNTQyNkM0LjA0OTQgMTEuNzkyNiA0LjQ5Njg0IDExLjkxNzYgNC45OTQgMTEuOTE3NkM1LjI2OTU3IDExLjkxNzYgNS41MzA5MyAxMS44ODA3IDUuNzc4MDkgMTEuODA2OEM2LjAyODA5IDExLjczMDEgNi4yNTM5NCAxMS42MTc5IDYuNDU1NjUgMTEuNDcwMkM2LjY1NzM1IDExLjMyMjQgNi44Mjc4MSAxMS4xNDIgNi45NjcwMSAxMC45MjlDNy4xMDkwNiAxMC43MTMxIDcuMjA3MDcgMTAuNDY1OSA3LjI2MTA0IDEwLjE4NzVMOC41OTA1OSAxMC4xOTE4QzguNTE5NTcgMTAuNjIwNyA4LjM4MTc4IDExLjAxNTYgOC4xNzcyNCAxMS4zNzY0QzcuOTc1NTMgMTEuNzM0NCA3LjcxNTU5IDEyLjA0NCA3LjM5NzQxIDEyLjMwNTRDNy4wODIwNyAxMi41NjM5IDYuNzIxMjcgMTIuNzY0MiA2LjMxNTAyIDEyLjkwNjJDNS45MDg3NyAxMy4wNDgzIDUuNDY1NTkgMTMuMTE5MyA0Ljk4NTQ4IDEzLjExOTNDNC4yMjk3OSAxMy4xMTkzIDMuNTU2NSAxMi45NDAzIDIuOTY1NTkgMTIuNTgyNEMyLjM3NDY4IDEyLjIyMTYgMS45MDg3NyAxMS43MDYgMS41Njc4NiAxMS4wMzU1QzEuMjI5NzkgMTAuMzY1MSAxLjA2MDc2IDkuNTY1MzQgMS4wNjA3NiA4LjYzNjM2QzEuMDYwNzYgNy43MDQ1NSAxLjIzMTIxIDYuOTA0ODMgMS41NzIxMiA2LjIzNzIyQzEuOTEzMDMgNS41NjY3NiAyLjM3ODk0IDUuMDUyNTYgMi45Njk4NSA0LjY5NDZDMy41NjA3NiA0LjMzMzgxIDQuMjMyNjQgNC4xNTM0MSA0Ljk4NTQ4IDQuMTUzNDFDNS40NDg1NCA0LjE1MzQxIDUuODgwMzYgNC4yMjAxNyA2LjI4MDkzIDQuMzUzNjlDNi42ODQzNCA0LjQ4NDM3IDcuMDQ2NTYgNC42Nzc1NiA3LjM2NzU4IDQuOTMzMjRDNy42ODg2IDUuMTg2MDggNy45NTQyMyA1LjQ5NTc0IDguMTY0NDUgNS44NjIyMkM4LjM3NDY4IDYuMjI1ODUgOC41MTY3MyA2LjY0MjA1IDguNTkwNTkgNy4xMTA4Wk0xMS4zNjYyIDEzVjQuMjcyNzNIMTIuNjgzVjExLjg2NjVIMTYuNjM3NVYxM0gxMS4zNjYyWk0yNi41ODA4IDguNjM2MzZDMjYuNTgwOCA5LjU2ODE4IDI2LjQxMDMgMTAuMzY5MyAyNi4wNjk0IDExLjAzOThDMjUuNzI4NSAxMS43MDc0IDI1LjI2MTIgMTIuMjIxNiAyNC42Njc0IDEyLjU4MjRDMjQuMDc2NSAxMi45NDAzIDIzLjQwNDcgMTMuMTE5MyAyMi42NTE4IDEzLjExOTNDMjEuODk2MSAxMy4xMTkzIDIxLjIyMTQgMTIuOTQwMyAyMC42Mjc3IDEyLjU4MjRDMjAuMDM2OCAxMi4yMjE2IDE5LjU3MDggMTEuNzA2IDE5LjIyOTkgMTEuMDM1NUMxOC44ODkgMTAuMzY1MSAxOC43MTg2IDkuNTY1MzQgMTguNzE4NiA4LjYzNjM2QzE4LjcxODYgNy43MDQ1NSAxOC44ODkgNi45MDQ4MyAxOS4yMjk5IDYuMjM3MjJDMTkuNTcwOCA1LjU2Njc2IDIwLjAzNjggNS4wNTI1NiAyMC42Mjc3IDQuNjk0NkMyMS4yMjE0IDQuMzMzODEgMjEuODk2MSA0LjE1MzQxIDIyLjY1MTggNC4xNTM0MUMyMy40MDQ3IDQuMTUzNDEgMjQuMDc2NSA0LjMzMzgxIDI0LjY2NzQgNC42OTQ2QzI1LjI2MTIgNS4wNTI1NiAyNS43Mjg1IDUuNTY2NzYgMjYuMDY5NCA2LjIzNzIyQzI2LjQxMDMgNi45MDQ4MyAyNi41ODA4IDcuNzA0NTUgMjYuNTgwOCA4LjYzNjM2Wk0yNS4yNzY4IDguNjM2MzZDMjUuMjc2OCA3LjkyNjE0IDI1LjE2MTggNy4zMjgxMiAyNC45MzE2IDYuODQyMzNDMjQuNzA0NCA2LjM1MzY5IDI0LjM5MTkgNS45ODQzOCAyMy45OTQxIDUuNzM0MzhDMjMuNTk5MyA1LjQ4MTUzIDIzLjE1MTggNS4zNTUxMSAyMi42NTE4IDUuMzU1MTFDMjIuMTQ5IDUuMzU1MTEgMjEuNzAwMSA1LjQ4MTUzIDIxLjMwNTIgNS43MzQzOEMyMC45MTAzIDUuOTg0MzggMjAuNTk3OCA2LjM1MzY5IDIwLjM2NzcgNi44NDIzM0MyMC4xNDA0IDcuMzI4MTIgMjAuMDI2OCA3LjkyNjE0IDIwLjAyNjggOC42MzYzNkMyMC4wMjY4IDkuMzQ2NTkgMjAuMTQwNCA5Ljk0NjAyIDIwLjM2NzcgMTAuNDM0N0MyMC41OTc4IDEwLjkyMDUgMjAuOTEwMyAxMS4yODk4IDIxLjMwNTIgMTEuNTQyNkMyMS43MDAxIDExLjc5MjYgMjIuMTQ5IDExLjkxNzYgMjIuNjUxOCAxMS45MTc2QzIzLjE1MTggMTEuOTE3NiAyMy41OTkzIDExLjc5MjYgMjMuOTk0MSAxMS41NDI2QzI0LjM5MTkgMTEuMjg5OCAyNC43MDQ0IDEwLjkyMDUgMjQuOTMxNiAxMC40MzQ3QzI1LjE2MTggOS45NDYwMiAyNS4yNzY4IDkuMzQ2NTkgMjUuMjc2OCA4LjYzNjM2Wk0zNC4xODI0IDYuNTY1MzRDMzQuMTM3IDYuMTYxOTMgMzMuOTQ5NSA1Ljg0OTQzIDMzLjYxOTkgNS42Mjc4NEMzMy4yOTA0IDUuNDAzNDEgMzIuODc1NiA1LjI5MTE5IDMyLjM3NTYgNS4yOTExOUMzMi4wMTc3IDUuMjkxMTkgMzEuNzA4IDUuMzQ4MDEgMzEuNDQ2NiA1LjQ2MTY1QzMxLjE4NTMgNS41NzI0NCAzMC45ODIxIDUuNzI1ODUgMzAuODM3MyA1LjkyMTg4QzMwLjY5NTIgNi4xMTUwNiAzMC42MjQyIDYuMzM1MjMgMzAuNjI0MiA2LjU4MjM5QzMwLjYyNDIgNi43ODk3NyAzMC42NzI1IDYuOTY4NzUgMzAuNzY5MSA3LjExOTMyQzMwLjg2ODUgNy4yNjk4OSAzMC45OTc4IDcuMzk2MzEgMzEuMTU2OSA3LjQ5ODU4QzMxLjMxODggNy41OTgwMSAzMS40OTIxIDcuNjgxODIgMzEuNjc2NyA3Ljc1QzMxLjg2MTQgNy44MTUzNCAzMi4wMzkgNy44NjkzMiAzMi4yMDk0IDcuOTExOTNMMzMuMDYxNyA4LjEzMzUyQzMzLjM0MDEgOC4yMDE3IDMzLjYyNTYgOC4yOTQwMyAzMy45MTgyIDguNDEwNTFDMzQuMjEwOCA4LjUyNjk5IDM0LjQ4MjEgOC42ODA0IDM0LjczMjEgOC44NzA3NEMzNC45ODIxIDkuMDYxMDggMzUuMTgzOCA5LjI5Njg4IDM1LjMzNzMgOS41NzgxMkMzNS40OTM1IDkuODU5MzggMzUuNTcxNiAxMC4xOTYgMzUuNTcxNiAxMC41ODgxQzM1LjU3MTYgMTEuMDgyNCAzNS40NDM4IDExLjUyMTMgMzUuMTg4MSAxMS45MDQ4QzM0LjkzNTMgMTIuMjg4NCAzNC41Njc0IDEyLjU5MDkgMzQuMDg0NCAxMi44MTI1QzMzLjYwNDMgMTMuMDM0MSAzMy4wMjMzIDEzLjE0NDkgMzIuMzQxNSAxMy4xNDQ5QzMxLjY4ODEgMTMuMTQ0OSAzMS4xMjI4IDEzLjA0MTIgMzAuNjQ1NSAxMi44MzM4QzMwLjE2ODIgMTIuNjI2NCAyOS43OTQ2IDEyLjMzMjQgMjkuNTI0OCAxMS45NTE3QzI5LjI1NDkgMTEuNTY4MiAyOS4xMDU3IDExLjExMzYgMjkuMDc3MyAxMC41ODgxSDMwLjM5ODNDMzAuNDIzOSAxMC45MDM0IDMwLjUyNjIgMTEuMTY2MiAzMC43MDUyIDExLjM3NjRDMzAuODg3IDExLjU4MzggMzEuMTE4NSAxMS43Mzg2IDMxLjM5OTggMTEuODQwOUMzMS42ODM4IDExLjk0MDMgMzEuOTk0OSAxMS45OTAxIDMyLjMzMyAxMS45OTAxQzMyLjcwNTIgMTEuOTkwMSAzMy4wMzYxIDExLjkzMTggMzMuMzI1OSAxMS44MTUzQzMzLjYxODUgMTEuNjk2IDMzLjg0ODYgMTEuNTMxMiAzNC4wMTYyIDExLjMyMUMzNC4xODM4IDExLjEwOCAzNC4yNjc3IDEwLjg1OTQgMzQuMjY3NyAxMC41NzUzQzM0LjI2NzcgMTAuMzE2OCAzNC4xOTM4IDEwLjEwNTEgMzQuMDQ2MSA5Ljk0MDM0QzMzLjkwMTIgOS43NzU1NyAzMy43MDM3IDkuNjM5MiAzMy40NTM3IDkuNTMxMjVDMzMuMjA2NiA5LjQyMzMgMzIuOTI2NyA5LjMyODEyIDMyLjYxNDIgOS4yNDU3NEwzMS41ODMgOC45NjQ0OUMzMC44ODQxIDguNzc0MTUgMzAuMzMwMSA4LjQ5NDMyIDI5LjkyMTEgOC4xMjVDMjkuNTE0OCA3Ljc1NTY4IDI5LjMxMTcgNy4yNjcwNSAyOS4zMTE3IDYuNjU5MDlDMjkuMzExNyA2LjE1NjI1IDI5LjQ0OCA1LjcxNzMzIDI5LjcyMDggNS4zNDIzM0MyOS45OTM1IDQuOTY3MzMgMzAuMzYyOCA0LjY3NjE0IDMwLjgyODcgNC40Njg3NUMzMS4yOTQ2IDQuMjU4NTIgMzEuODIwMiA0LjE1MzQxIDMyLjQwNTQgNC4xNTM0MUMzMi45OTYzIDQuMTUzNDEgMzMuNTE3NyA0LjI1NzEgMzMuOTY5NCA0LjQ2NDQ5QzM0LjQyMzkgNC42NzE4OCAzNC43ODE5IDQuOTU3MzkgMzUuMDQzMiA1LjMyMTAyQzM1LjMwNDYgNS42ODE4MiAzNS40NDA5IDYuMDk2NTkgMzUuNDUyMyA2LjU2NTM0SDM0LjE4MjRaTTM4LjM0NTEgMTNWNC4yNzI3M0g0My44MTY3VjUuNDA2MjVIMzkuNjYxOVY4LjA2NTM0SDQzLjUzMTJWOS4xOTQ2SDM5LjY2MTlWMTEuODY2NUg0My44Njc5VjEzSDM4LjM0NTFaIiBmaWxsPSIjRTNFQUU5Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTcgMFYyTDY2IDJWNEw3MyA0VjdINzlWMTFINzNWMTRINjZWMTZINTdWMThINjZWMTZINzNWMTRINzlWMTFIODNWMTRIODlWMTZIOTZWMThIMTA1VjE2SDk2VjE0SDg5VjExSDgzVjdIODlWNEw5NiA0VjJMMTA1IDJWMEg5NlYyTDg5IDJWNEw4MyA0VjdINzlWNEw3MyA0VjJMNjYgMlYwSDU3WiIgZmlsbD0iI0UzRUFFOSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: opacity 0.3s ease-out;
}
.catalog__dropdown_close:hover,
.catalog__sort_options_close:hover {
  opacity: 0.6;
}
@media screen and (min-width: 1024px) {
  .catalog__dropdown_close,
  .catalog__sort_options_close {
    display: none;
  }
}

.catalog__sort_options_w {
  z-index: 10;
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 1023.5px) {
  .catalog__sort_options_w {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow-y: auto;
  }
}

.catalog__sort_options {
  min-width: 256px;
  padding: 10px 20px;
  background: #173631;
  border-radius: 20px;
  margin: auto;
}
@media screen and (max-width: 1023.5px) {
  .catalog__sort_options {
    max-width: 400px;
    width: 100%;
  }
}

.catalog__sort_dropdown[data-state=opened] .catalog__sort_options_w {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.catalog__sort_option {
  width: calc(100% + 40px);
  padding: 8px 20px;
  margin-left: -20px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.catalog__sort_options:hover .catalog__sort_option {
  color: #8ba7a3;
}
.catalog__sort_option:focus, .catalog__sort_option:hover {
  background-color: rgba(51, 107, 98, 0.4);
  color: #fff !important;
}
.catalog__sort_option:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023.5px) {
  .catalog__sort_option {
    color: #8ba7a3;
  }
}

.catalog__sort_option--active {
  color: #fff;
}

.catalog__sort_label {
  opacity: 0.6;
  font-weight: 400;
  white-space: nowrap;
}

.catalog__sort_value {
  width: 144px;
  text-align: left;
  font-weight: 500;
}

.catalog__active_filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .catalog__active_filters {
    padding-top: 0;
    gap: 4px;
    padding-left: 8px;
    min-height: 35px;
  }
}

.catalog__active_filter_list {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (max-width: 1023.5px) {
  .catalog__active_filter_list {
    padding-left: 14px;
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__active_filter_list:not(:last-child) {
    margin-bottom: 40px;
  }
}

.catalog__active_filter {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
}

.catalog__active_filter_text {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}

.catalog__remove_filter {
  width: 14px;
  height: 14px;
  border: none;
  background: transparent;
  color: #fff;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExNDNfMjA1NDU4KSI+CjxtYXNrIGlkPSJtYXNrMF8xMTQzXzIwNTQ1OCIgc3R5bGU9Im1hc2stdHlwZTpsdW1pbmFuY2UiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNSI+CjxwYXRoIGQ9Ik02Ljk5NzQgMTMuMzMzMkMxMC4yMTkxIDEzLjMzMzIgMTIuODMwNyAxMC43MjE2IDEyLjgzMDcgNy40OTk4NEMxMi44MzA3IDQuMjc4MDkgMTAuMjE5MSAxLjY2NjUgNi45OTc0IDEuNjY2NUMzLjc3NTY1IDEuNjY2NSAxLjE2NDA2IDQuMjc4MDkgMS4xNjQwNiA3LjQ5OTg0QzEuMTY0MDYgMTAuNzIxNiAzLjc3NTY1IDEzLjMzMzIgNi45OTc0IDEzLjMzMzJaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjY0NzU3IDUuODUwMUw1LjM0NzY2IDkuMTUwMDFNNS4zNDc2NiA1Ljg1MDFMOC42NDc1NyA5LjE1MDAxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzExNDNfMjA1NDU4KSI+CjxwYXRoIGQ9Ik0wIDAuNUgxNFYxNC41SDBWMC41WiIgZmlsbD0iI0UzRUFFOSIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExNDNfMjA1NDU4Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjUpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.catalog__remove_filter:focus, .catalog__remove_filter:hover {
  background-color: transparent;
}

.catalog__clear_all {
  padding: 6px 0 10px;
  margin-left: auto;
  border: none;
  border-bottom: 1.5px solid #336b62;
  background: transparent;
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: border-color 0.2s ease-out !important;
  border-radius: 0;
}
.catalog__clear_all:focus, .catalog__clear_all:hover {
  background-color: transparent;
  border-bottom-color: rgb(59.2310126582, 124.2689873418, 113.8164556962);
}
@media screen and (max-width: 1023.5px) {
  .catalog__clear_all {
    width: 100%;
  }
}

.icon--chevron {
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease-out;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjUgOUwxMiAxNUw1LjUgOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=");
}

.catalog__filter_dropdown[data-state=opened] .icon--chevron {
  transform: rotate(180deg);
}

.catalog__price_range {
  width: 100%;
}

.catalog__price_inputs {
  display: flex;
  gap: 16px;
  margin-bottom: 38px;
}

.catalog__price_field {
  position: relative;
  flex: 1;
}
.catalog__price_field::after {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  content: attr(data-currency);
}

.catalog__price_input.catalog__price_input {
  width: 100%;
  min-height: 54px;
  padding: 8px 25px 8px 16px;
  border: 2px solid #14d3b7;
  border-radius: 8px;
  background: transparent;
  color: #e5e7eb;
  font-size: 16px;
  font-weight: 500;
  transition: border-color 0.3s ease-out;
}
.catalog__price_input.catalog__price_input:focus {
  outline: none;
  border-color: #14b8a6;
}

.catalog__price_input:focus + .catalog__price_label {
  color: #14b8a6;
}

.catalog__price_label {
  position: absolute;
  top: -7px;
  left: 8px;
  padding: 0 4px;
  background: #173631;
  color: #14d3b7;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.025em;
  transition: color 0.3s ease-out;
  pointer-events: none;
}

.catalog__slider_container {
  position: relative;
  height: 16px;
  margin-bottom: 38px;
  overflow: visible;
}

.noUi-target {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  height: 2px;
}

.noUi-base {
  background: #336b62;
  border-radius: 1px;
  height: 2px;
}

.noUi-connects {
  overflow: visible !important;
}
.noUi-connects::after {
  position: absolute;
  left: 0;
  top: -5px;
  width: 100%;
  height: 12px;
  content: "";
  cursor: pointer;
}

.noUi-connect {
  background: #14b8a6;
  border-radius: 2px;
  height: 2px;
  margin-top: -1px;
  cursor: pointer;
}

.noUi-handle {
  width: 28px;
  height: 28px;
  top: -13px !important;
  right: -14px;
  border: 4px solid #14b8a6;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: none;
}
.noUi-handle:before, .noUi-handle:after {
  display: none;
}
.noUi-handle:hover {
  transform: scale(1.1);
}

.noUi-handle:focus {
  outline: none;
}

.noUi-horizontal .noUi-handle {
  width: 28px;
  height: 28px;
}

.catalog__list {
  position: relative;
  padding: 40px 0 80px;
  min-height: 700px;
}
@media screen and (min-width: 1024px) {
  .catalog__list {
    padding: 70px 60px;
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__list {
    padding: 40px 20px;
  }
}

.catalog__list_count {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 70px;
  color: #042a25;
}
@media screen and (max-width: 1023.5px) {
  .catalog__list_count {
    margin-bottom: 40px;
  }
}

.catalog__list_in_message {
  font-size: 45px;
  font-weight: 400;
  line-height: 1.2;
}
.catalog__list_in_message:not(:last-child) {
  margin-bottom: 40px;
}

.catalog__list_items {
  margin: 0 -30px -30px 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.catalog__list_item {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 0 30px 30px 0;
}
@media screen and (min-width: 1024px) {
  .catalog__list_item {
    width: 33.333%;
  }
}
@media screen and (max-width: 1023.5px) {
  .catalog__list_item {
    width: 100%;
  }
}
.catalog__list_item div.product {
  flex: auto;
}

.catalog__pagination_w {
  margin-top: 140px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023.5px) {
  .catalog__pagination_w {
    margin-top: 70px;
  }
}

.catalog__pagination {
  display: flex;
  align-items: center;
  gap: 12px;
}
.catalog__pagination .icon--arrow-left,
.catalog__pagination .icon--arrow-right {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTguNzg1MiIgeT0iMTQuODU3MiIgd2lkdGg9IjMuNDI4NTciIGhlaWdodD0iMi4yODU3MSIgZmlsbD0iIzE3MzYzMSIvPgo8cmVjdCB4PSIxNS45Mjk3IiB5PSIxMi41NzE1IiB3aWR0aD0iMi44NTcxNCIgaGVpZ2h0PSIyLjI4NTcxIiBmaWxsPSIjMTczNjMxIi8+CjxyZWN0IHg9IjEzLjY0NDUiIHk9IjEwLjI4NTYiIHdpZHRoPSIyLjI4NTcxIiBoZWlnaHQ9IjIuMjg1NzEiIGZpbGw9IiMxNzM2MzEiLz4KPHJlY3QgeD0iMTEuOTI5NyIgeT0iOCIgd2lkdGg9IjEuNzE0MjkiIGhlaWdodD0iMi4yODU3MSIgZmlsbD0iIzE3MzYzMSIvPgo8cmVjdCB4PSIxMC43ODUyIiB5PSI1LjcxNDM2IiB3aWR0aD0iMS4xNDI4NiIgaGVpZ2h0PSIyLjI4NTcxIiBmaWxsPSIjMTczNjMxIi8+CjxyZWN0IHg9IjE1LjkyOTciIHk9IjE3LjE0MjgiIHdpZHRoPSIyLjg1NzE0IiBoZWlnaHQ9IjIuMjg1NzEiIGZpbGw9IiMxNzM2MzEiLz4KPHJlY3QgeD0iMTMuNjQ0NSIgeT0iMTkuNDI4NSIgd2lkdGg9IjIuMjg1NzEiIGhlaWdodD0iMi4yODU3MSIgZmlsbD0iIzE3MzYzMSIvPgo8cmVjdCB4PSIxMS45Mjk3IiB5PSIyMS43MTQ0IiB3aWR0aD0iMS43MTQyOSIgaGVpZ2h0PSIyLjI4NTcxIiBmaWxsPSIjMTczNjMxIi8+CjxyZWN0IHg9IjEwLjc4NTIiIHk9IjI0IiB3aWR0aD0iMS4xNDI4NiIgaGVpZ2h0PSIyLjI4NTcxIiBmaWxsPSIjMTczNjMxIi8+Cjwvc3ZnPgo=");
}
.catalog__pagination .icon--arrow-left {
  transform: rotate(180deg);
}

.catalog__pagination_btn.catalog__pagination_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #e3eae9;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-out;
  border: 0;
  border-radius: 0;
  padding: 0;
}
@media screen and (max-width: 1023.5px) {
  .catalog__pagination_btn.catalog__pagination_btn {
    display: none;
  }
}
.catalog__pagination_btn.catalog__pagination_btn:hover {
  background-color: #14d3b7;
}
.catalog__pagination_btn.catalog__pagination_btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.catalog__pagination_btn.catalog__pagination_btn:disabled:hover {
  background: transparent;
  border-color: rgba(51, 107, 98, 0.4);
}

.catalog__pagination_items {
  display: flex;
  align-items: center;
  gap: 4px;
}

.catalog__pagination_group {
  display: flex;
  align-items: center;
  gap: 4px;
}

.catalog__pagination_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: transparent;
  color: #173631;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.2s ease-out;
  border-radius: 0;
  border: 0;
}
.catalog__pagination_item:focus, .catalog__pagination_item:hover {
  background-color: #14d3b7;
}

.catalog__pagination_item--active {
  background-color: #e5e7eb;
  color: #18181b;
  font-weight: 500;
}
.catalog__pagination_item--active:hover {
  background-color: #e5e7eb;
}

.catalog__pagination_dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #173631;
  font-size: 16px;
  font-weight: 500;
}

.catalog__loader {
  z-index: 100;
  position: absolute;
  left: 50%;
  top: 70px;
  margin-left: -35px;
  font-weight: 500;
  font-size: 16px;
  color: #042a25;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
[data-loading=true] .catalog__loader {
  opacity: 1;
  pointer-events: initial;
}

.catalog__list_loading_content {
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
[data-loading=true] .catalog__list_loading_content {
  opacity: 0;
  pointer-events: none;
}

.catalog__loader_spinner_image {
  margin: 35px auto 0;
  width: 72px;
  height: 72px;
  display: block;
  object-fit: contain;
}
.catalog__loader_spinner_image .outer-layer-1 {
  fill: transparent;
  animation: fillLayer3 2s infinite ease-in-out;
}
.catalog__loader_spinner_image .outer-layer-2 {
  fill: transparent;
  animation: strokeLayer2 2s infinite ease-in-out;
}
.catalog__loader_spinner_image .outer-layer-3 {
  fill: transparent;
  animation: fillLayer1 2s infinite ease-in-out;
}

@keyframes fillLayer1 {
  0% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
  20% {
    fill: #14b8a6;
  }
  70% {
    fill: #14b8a6;
  }
  80% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
  100% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
}
@keyframes strokeLayer2 {
  0% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
  10% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
  30% {
    fill: #14b8a6;
  }
  70% {
    fill: #14b8a6;
  }
  80% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
  100% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
}
@keyframes fillLayer3 {
  0% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
  20% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
  40% {
    fill: #14b8a6;
  }
  70% {
    fill: #14b8a6;
  }
  80% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
  100% {
    fill: rgba(4, 42, 37, 0.5019607843);
  }
}

/*# sourceMappingURL=catalog.css.map */