:root {
  --manrope: "Manrope", sans-serif;
}

.no-scroll {
  overflow: hidden !important;
}

body p,
body h1 {
  display: inline-flex;
  padding: 0;
  margin: 0;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f7f7f7 !important;
}
.catalog {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.fast_categotyes {
  display: flex;
  width: 100%;
  padding: 0 1.389vw; /* 20px */
  overflow: hidden;
  margin-top: 2.778vw;
}

.fast_categotyes .swiper-wrapper {
  display: flex;
  flex-direction: row;
}

.fast_cat.swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 0.556vw; /* 8px */
  width: fit-content;
  align-items: center;
  cursor: pointer;
  width: 6.667vw; /* 96px */
}
.fast_cat .wrap {
  display: flex;
  width: inherit;
  border-radius: 20% / 20%;
  position: relative;
  overflow: hidden;
  height: 6.667vw; /* 96px */
  background-color: #f0f0f0;
  /* clip-path: url(#svgCatClipPath); */
  z-index: 1;
}
.fast_cat .wrap::before {
  content: "";
  opacity: 1;
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid #fff;
  transition: border 0.2s ease-out;
}
.fast_cat.active .wrap::before {
  border: 1px solid #171717;
}

.fast_cat .wrap img {
  width: inherit;
  height: inherit;
  mix-blend-mode: darken;
  pointer-events: none;
  object-fit: cover;
}
.fast_cat_border {
  display: none;
  /* overflow: hidden;
    border-radius: 20% / 20%; */
  position: absolute;
  inset: 0;
  width: inherit;
  height: inherit;
  z-index: 1;
  pointer-events: none;
  clip-path: url(#svgCatBorder);
  background-color: #fff;
}

.fast_cat.active .fast_cat_border {
  background-color: #171717;
}

.fast_cat p {
  text-align: center;
  width: inherit;
  word-break: break-word;
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.833vw; /* 12px */
  line-height: 140%;
  letter-spacing: -0.02em;
  color: #171717;
  display: block;
}

.but_img svg {
  width: 2.083vw;
  height: 1.042vw;
}

.header_category {
  display: flex;
  flex-direction: column;
  padding-left: 1.389vw; /* 20px */
  gap: 1.111vw; /* 16px */
  margin-top: 2.778vw; /* 40px */
  width: 41.042vw;
}
.header_category h1 {
  font-family: var(--manrope);
  font-weight: 700;
  font-size: 3.333vw; /* 48px */
  line-height: 96%;
  letter-spacing: -0.02em;
  color: #171717;
  display: block;
}
.header_category p {
  width: 36.042vw; /* 447px */
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.25vw; /* 18px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
}

.main_catalog {
  display: flex;
  flex-direction: column;
  gap: 0.833vw; /* 12px */
  margin-top: 2.222vw; /* 32px */
  margin-bottom: 2.222vw; /* 32px */
  padding: 0 1.389vw; /* 20px */
  transition: opacity 0.3s ease-out;
}
.main_catalog.fetch {
  opacity: 0.4;
  pointer-events: none;
}
.pag_el.active {
  pointer-events: none;
}

.line_divid {
  display: flex;
  height: 0.069vw; /* 1px */
  width: 100%;
  border: 0.069vw solid #000; /* 1px */
  opacity: 0.1;
}

.managment {
  display: flex;
  flex-direction: row;
  gap: 0.556vw; /* 8px */
  align-items: center;
  width: 100%;
  justify-content: space-between;
  background-color: #f7f7f7;
  position: sticky;
  padding: 0.833vw 0;
  z-index: 97;
}
.wrap_filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.556vw; /* 8px */
}
.filter_but {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.556vw; /* 8px */
  cursor: pointer;
}
.filter_but svg {
  width: 1.667vw; /* 24px */
  height: 1.667vw; /* 24px */
}
.filter_but svg path {
  transition: stroke 0.2s ease-out;
}
.filter_but p {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.111vw; /* 16px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
  transition: color 0.2s ease-out;
}
.count_active_filter {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw; /* 14px */
  line-height: 140%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #fff;
  min-width: 1.667vw; /* 24px */
  min-height: 1.667vw; /* 24px */
  border-radius: 1000px;
  background-color: #8e00ff;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}
.count_active_filter.active {
  opacity: 1;
  pointer-events: all;
}

.count_tovars {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.count_tovars span {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.111vw; /* 16px */
  line-height: 140%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #9d9d9d;
}

.count_tovars.no-vis {
  display: none;
}

.sort {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 5;
}
.sort .wrap_info {
  cursor: pointer;
  gap: 0.556vw; /* 8px */
  display: flex;
  align-items: center;
  transition: opacity 0.2s ease-out;
}
.sort .sort_arrow {
  width: 1.667vw; /* 24px */
  height: 1.667vw; /* 24px */
  transition: rotate 0.2s ease-out;
}
.sort .sort_activing {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.111vw; /* 16px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
}

.all_sort {
  display: flex;
  flex-direction: column;
  gap: 0.278vw; /* 4px */
  top: 2.222vw; /* 32px */
  opacity: 0;
  pointer-events: none;
  right: 0;
  position: absolute;
  z-index: 1;
  width: max-content;
  align-items: end;
  transition: opacity 0.2s ease-out;
}

.sort.active_selected .sort_arrow {
  rotate: -180deg;
}
.sort.active_selected .all_sort {
  opacity: 1;
  pointer-events: all;
}

.write_sort {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.694vw 1.111vw; /* 10px 16px */
  border-radius: 1000px;
  backdrop-filter: blur(1.667vw); /* 24px */
  box-shadow: 0 0.278vw 2.222vw 0 rgba(169, 169, 169, 0.16); /* 0 4px 32px 0 */
  background: rgba(23, 23, 23, 0.6);
  width: fit-content;

  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw; /* 14px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #fff;
  transition: background-color 0.2s ease-out;
}
.write_sort.active {
  background-color: #8e00ff;
}

.tovars {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  flex-wrap: wrap;
  gap: 2.5vw 0.556vw; /* 36px 8px */
}
.tovar {
  display: flex;
  flex-direction: column;
  gap: 0.694vw; /* 10px */
}

.first_part {
  display: flex;
  position: relative;
  height: 29.167vw; /* 420px */
  background-color: #fff;
  border-radius: 0.278vw; /* 4px */
}
.features {
  display: flex;
  flex-direction: row;
  gap: 0.208vw; /* 3px */
  position: absolute;
  left: 0.694vw; /* 10px */
  top: 0.694vw; /* 10px */
  width: calc(100% - 4.167vw); /* 60px */
  z-index: 3;
}
.feature {
  display: flex;
  flex-direction: row;
  gap: 0.139vw; /* 2px */
  align-items: center;
  padding: 0.556vw; /* 8px */
  border-radius: 1000px;
  backdrop-filter: blur(1.667vw); /* 24px */
  color: #171717;
  background-color: #fff;
  cursor: pointer;
  transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.feature[data-type-feature="popular"] {
  background-color: #ffcebf;
  color: #c73d12;
}
.feature[data-type-feature="new"] {
  background-color: #f0ff9c;
  color: #028112;
}

.feature svg {
  width: 1.389vw; /* 20px */
  height: 1.389vw; /* 20px */
}
.feature svg path {
  transition: fill 0.2s ease-out;
}
.feature p {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw; /* 14px */
  line-height: 100%;
}

.tovar .wishlist_button {
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(1.806vw); /* 26px */
  cursor: pointer;
  position: absolute;
  top: 0.694vw; /* 10px */
  right: 0.694vw; /* 10px */
  z-index: 3;
  border-radius: 1000px;
  width: fit-content;
  height: fit-content;
}
.tovar .wishlist_button svg {
  width: 2.5vw; /* 36px */
  height: 2.5vw; /* 36px */
}
.tovar .wishlist_button svg rect {
  transition: fill 0.2s ease-out;
}
.tovar .wishlist_button svg path {
  transition: fill 0.2s ease-out;
}

.wrap_slider {
  display: flex;
  flex-direction: column;
  position: relative;
  height: inherit;
  width: 100%;
}
.tovar_sider {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  height: inherit;
}
.tovar_sider .swiper-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.tovar_img {
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  object-fit: cover;
  height: inherit;
}

.tovar_sider {
  border-radius: 0.278vw; /* 4px */
}

.tovar_pags {
  display: flex;
  flex-direction: row;
  gap: 0.278vw; /* 4px */
  flex-wrap: nowrap;
  position: absolute;
  left: 0.694vw !important; /* 10px */
  right: 0.694vw;
  bottom: 0.694vw !important; /* 10px */
  width: calc(100% - 1.389vw) !important; /* 20px */
  z-index: 1;
}

.tovar_pag {
  display: flex;
  border-radius: 1000px;
  background-color: #171717;
  opacity: 0.15;
  height: 0.278vw; /* 4px */
  width: 100%;
  transition: opacity 0.3s ease-out;
}
.tovar_pag.active {
  opacity: 0.8;
}

.tovar_pags_hover {
  position: absolute;
  inset: 0;
  margin: 0;
  z-index: 2;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  display: none;
}
.tovar_pag_hover {
  display: flex;
  width: 100%;
}

.last_part {
  display: flex;
  flex-direction: column;
}

.t_name {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.111vw; /* 16px */
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #171717;
}
.t_type {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw; /* 14px */
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #a3a3a3;
}
.t_price {
  display: flex;
  flex-direction: row;
  gap: 0.556vw; /* 8px */
  align-items: center;
  margin-top: 0.694vw; /* 10px */
}

.t_act_p {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.25vw; /* 18px */
  line-height: 130%;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: #171717;
}

.t_price:has(.t_old_p) .t_act_p {
  color: #8e00ff;
}

.tovar.fake,
.fast_categotyes.fake .swiper-wrapper {
  pointer-events: none;
  animation: fake_tovar 1s infinite alternate;
}
.tovar.fake .swiper-wrapper::before,
.fast_categotyes.fake .fast_cat .wrap::before {
  content: "";
  inset: 0;
  z-index: 1;
  background-color: #c8c8c8;
  position: absolute;
}
.fast_categotyes {
  transition: opacity 0.2s ease-out;
}
.fast_categotyes.fake {
  opacity: 0.5;
}
.tovar.fake .features,
.tovar.fake .tovar_pags_hover,
.tovar.fake .tovar_pags,
.tovar.fake .wishlist_button {
  display: none;
}
.tovar.fake .last_part p,
.fast_categotyes.fake p {
  color: #c8c8c8;
  background-color: #c8c8c8;
  width: fit-content;
}

@keyframes fake_tovar {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.4;
  }
}

.page_pag {
  display: flex;
  flex-direction: row;
  gap: 0.278vw; /* 4px */
  margin-top: 4.444vw; /* 64px */
  justify-content: center;
}
.to_back,
.to_next {
  width: 3.333vw; /* 48px */
  height: 2.778vw; /* 40px */
  cursor: pointer;
  background-color: #fff;
  border-radius: 1000px;
  transition: background-color 0.2s ease-out;
}
.to_back svg,
.to_next svg {
  width: inherit;
  height: inherit;
}
.to_back.disable,
.to_next.disable {
  display: none;
}

.pag_list {
  display: flex;
  flex-direction: row;
  gap: 0.278vw; /* 4px */
}
.pag_el {
  min-width: 3.333vw; /* 48px */
  padding: 0 0.278vw; /* 4px */
  height: 2.778vw; /* 40px */
  background-color: #fff;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.111vw; /* 16px */
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #171717;

  transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
}
.pag_el.active {
  background-color: #171717;
  color: #fff;
}

h1::first-letter {
  text-transform: uppercase !important;
}

.filter_menu {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 36.111vw; /* 520px */
  transform: translateX(-105%);
  pointer-events: none;
  background-color: #f7f7f7;
  z-index: 99999999;
  transition: transform 0.3s ease-out;
}
.filter_menu.active {
  transform: translateX(0);
  pointer-events: all;
  box-shadow: 0 0 1.389vw rgba(0, 0, 0, 0.2); /* 20px */
}

.head_f_menu {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 2.778vw 2.778vw 0.556vw 2.778vw; /* 40px 40px 8px 40px */
}
.wrap_filt_h {
  display: flex;
  flex-direction: row;
  gap: 0.556vw; /* 8px */
  align-items: end;
}

.wrap_filt_h .filt_h {
  font-family: var(--manrope);
  font-weight: 700;
  font-size: 2.917vw; /* 42px */
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #171717;
}
.wrap_filt_h .clear_f {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 1.25vw; /* 18px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  transition: opacity 0.2s ease-out;
  position: relative;
}
.wrap_filt_h .clear_f::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-bottom: 0.069vw solid #171717; /* 1px */
}
.wrap_filt_h .clear_f.active {
  opacity: 0.4;
  pointer-events: all;
}
.close_f_menu {
  width: 3.333vw; /* 48px */
  height: 3.333vw; /* 48px */
  cursor: pointer;
  transition: scale 0.3s ease-out;

  svg {
    width: 100%;
    height: 100%;
  }
}

.main_filters {
  display: flex;
  flex-direction: column;
  gap: 2.5vw; /* 36px */
  padding: 1.111vw 2.778vw; /* 16px 40px */
  flex-grow: 1;
  overflow-y: auto;
}

.wrap_input {
  position: relative;
  display: flex;
  width: 100%;
  height: 1.111vw; /* 16px */
  align-items: center;
}

.wrap_input input[type="range"] {
  position: absolute;
}

.range_input_visible,
.range_input_fon {
  position: absolute;
  left: 0;
  right: 0;
  height: 0.139vw; /* 2px */
  background-color: #171717;
  border-radius: 1000px;
}

.range_input_visible {
  z-index: 1;
}
.range_input_fon {
  background-color: #b9b9b9;
}
input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 0.139vw; /* 2px */
  background: none;
  border-radius: 5px;
  outline: none;
  pointer-events: none;
  z-index: 1;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1.111vw; /* 16px */
  height: 1.111vw; /* 16px */
  border-radius: 6px;
  background: #171717;
  cursor: pointer;
  pointer-events: auto;
}

input[type="range"]::-moz-range-thumb {
  width: 1.111vw; /* 16px */
  height: 1.111vw; /* 16px */
  border-radius: 6px;
  background: #171717;
  cursor: pointer;
  pointer-events: auto;
}

.filter[data-name-filter="discount"] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.head_filter {
  font-family: var(--manrope);
  font-weight: 700;
  font-size: 1.389vw; /* 20px */
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #171717;
  text-transform: lowercase;
}

.radio_but {
  display: flex;
  border-radius: 1000px;
  width: 2.778vw; /* 40px */
  height: 1.667vw; /* 24px */
  background-color: #b9b9b9;
  padding: 0.139vw; /* 2px */
  cursor: pointer;
}
.rad_but_bullet {
  display: flex;
  background-color: #fff;
  border-radius: 1000px;
  width: 1.389vw; /* 20px */
  height: 1.389vw; /* 20px */
  transition: transform 0.2s ease-out;
}

.radio_but.active {
  background-color: #8e00ff;
}
.radio_but.active .rad_but_bullet {
  transform: translateX(calc(100% - 0.278vw)); /* 4px */
}

.apply_filter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.389vw 2.778vw; /* 8px 16px 16px */
}
.app_f_but {
  width: 100%;
  background-color: #171717;
  border-radius: 0.556vw; /* 8px */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease-out;
  flex-direction: row;
  gap: 0.278vw;
  min-height: 3.056vw;

  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.111vw; /* 16px */
  line-height: 100%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
  padding: 0.972vw; /* 14px */
}

.app_f_but [class*="load_count"] {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #fff;
  display: flex;
}

.app_f_but .load_count_1 {
  transition: opacity 0.5s 0s ease-out;
}
.app_f_but .load_count_2 {
  transition: opacity 0.5s 0.17s ease-out;
}
.app_f_but .load_count_3 {
  transition: opacity 0.5s 0.34s ease-out;
}
.app_f_but.load [class*="load_count"] {
  opacity: 0;
}

.filter[data-name-filter="price"] {
  display: flex;
  flex-direction: column;
  gap: 0.694vw; /* 10px */
}
.wrap_price_range {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.price_wrap {
  display: flex;
  flex-direction: column;
  gap: 0.694vw; /* 10px */
}
.price_h_wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
}
.price_clear {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw; /* 14px */
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #171717;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  transition: opacity 0.2s ease-out;
}
.price_clear.active {
  opacity: 0.4;
  pointer-events: all;
}

.wrap_price_range .max_val,
.wrap_price_range .min_val {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1000px;
  background-color: #fff;
  padding: 0.694vw; /* 10px */
  font-size: 0.972vw;
}

.filter {
  display: flex;
  flex-direction: column;
  gap: 0.694vw; /* 10px */
}
.head_filt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.wrap_head {
  display: flex;
  flex-direction: row;
  gap: 0.278vw; /* 4px */
  align-items: center;
}
.count_filter {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.139vw 0.556vw; /* 2px 8px */
  min-width: 1.806vw; /* 26px */
  min-height: 1.667vw; /* 24px */
  border-radius: 1000px;
  background-color: #8e00ff;

  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw; /* 14px */
  line-height: 140%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #fff;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-out;
}
.count_filter.active {
  opacity: 1;
  pointer-events: all;
}
.body_filt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.278vw; /* 4px */
  width: 100%;
}
[data-filter-type="list-row"] .filt_but {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1000px;
  padding: 0.694vw 0.833vw; /* 10px 12px */
  background-color: #fff;
  transition: background-color 0.2s ease-out, color 0.2s ease-out,
    opacity 0.2s ease-out;
  min-width: 3.889vw; /* 56px */
  cursor: pointer;
}
[data-filter-type="list-row"] .filt_but.active {
  background-color: #171717;
  color: #fff;
}

.filt_but {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw; /* 14px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
  width: fit-content;
}

.wrap_buts {
  display: flex;
  flex-direction: column;
  gap: 0.278vw; /* 4px */
  max-height: 18.889vw; /* 272px */
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}
.wrap_buts.open {
  overflow: auto;
  max-height: 20.833vw; /* 300px */
}

.open .wrap_buts {
  /* max-height: unset; */
}

.wrap_but {
  order: 2;
  display: flex;
  flex-direction: row;
  gap: 0.556vw; /* 8px */
  align-items: center;
  cursor: pointer;
  width: fit-content;
  transition: opacity 0.2s ease-out;
}
.wrap_but.active {
  order: 1;
}
[data-name-filter="frame-shape"] .but_img,
[data-name-filter="brand"] .but_img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 1000px;
  width: 2.917vw; /* 42px */
  height: 2.917vw; /* 42px */
  padding: 0.208vw; /* 3px */
  position: relative;
  transition: opacity 0.2s ease-out;
}
[data-name-filter="frame-shape"] .but_img {
  transition: background-color 0.2s ease-out;
}
[data-name-filter="frame-shape"] .but_img path {
  transition: fill 0.2s ease-out;
  fill: #171717;
}
[data-name-filter="frame-shape"] .wrap_but.active .but_img {
  background-color: #171717;
}
[data-name-filter="frame-shape"] .wrap_but.active .but_img path {
  fill: #fff;
}

[data-name-filter="brand"] .but_img {
  box-shadow: inset 0 0 0 0 #171717;
  transition: box-shadow 0.1s ease-out;
}
[data-name-filter="brand"] .wrap_but.active .but_img {
  box-shadow: inset 0 0 0 0.139vw #171717; /* 2px */
}
[data-name-filter="brand"] .but_img img {
  border-radius: inherit;
  width: calc(100% - 2px);
}

[data-filt-slug="belyj"] .but_img .color {
  border: 1px solid #d1d1d1;
}

[data-filter-type="list-column"] .body_filt {
  flex-direction: column;
  gap: 1.111vw; /* 16px */
}

.open_all_f {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw; /* 14px */
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #8e00ff;
  cursor: pointer;
  transition: opacity 0.2s ease-out, color 0.2s ease-out;
  width: fit-content;
}
.open_all_f.no_vid {
  display: none;
}
.open .open_all_f {
  color: #171717;
  opacity: 0.4;
}

.giud_size_frame {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #171717;
  margin-top: -0.139vw;
  opacity: 0.4;
  transition: opacity 0.2s ease-out;
  cursor: pointer;
}

[data-name-filter="discount"] {
  order: 1;
}
[data-name-filter="price"] {
  order: 2;
}
[data-name-filter="size_frame"] {
  order: 3;
}
[data-name-filter="pol"] {
  order: 4;
}
[data-name-filter="brand"] {
  order: 5;
}
[data-name-filter="frame-shape"] {
  order: 6;
}
[data-name-filter="frame-color"] {
  order: 7;
}
[data-name-filter="frame-material"] {
  order: 8;
}
[data-name-filter="glasses-construction"] {
  order: 9;
}
[data-name-filter="nalichie-fleksov"] {
  order: 10;
}

.search_brand {
  display: flex;
  position: relative;
}
.search_brand input {
  border-radius: 69.444vw !important; /* 1000px */
  outline: none;
  border: none !important;
  background-color: #fff;
  height: 2.778vw; /* 40px */
  padding: 0.903vw 1.111vw !important; /* 13px 16px */

  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw; /* 14px */
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #a2a2a2;
}

.search_brand input:not(:placeholder-shown) {
  color: #171717;
}

.search_brand svg {
  position: absolute;
  margin: auto 0;
  top: 0;
  bottom: 0;
  right: 0.556vw; /* 8px */
  pointer-events: none;
  width: 1.667vw; /* 24px */
  height: 1.667vw; /* 24px */
}

.not_found {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.111vw; /* 16px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  text-transform: lowercase;
}

.color {
  display: flex;
  border-radius: 69.444vw; /* 1000px */
  width: 1.389vw; /* 20px */
  height: 1.389vw; /* 20px */
}

.color_buttons .wrap_but {
  min-height: 2.778vw; /* 40px */
  border-radius: 69.444vw; /* 1000px */
  padding: 0.694vw; /* 10px */
  background-color: #fff;
  width: fit-content;
  transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
}
.color_buttons .wrap_but.active {
  background-color: #171717;
}
.color_buttons .wrap_but.active .filt_but {
  transition: color 0.2s ease-out;
  color: #fff;
}
.color_buttons .but_img:has(.no-color) {
  display: none;
}

[data-name-filter="frame-material"] .body_filt {
  flex-direction: column;
}

.wrap_but .no_img {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw; /* 14px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
  transition: color 0.2s ease-out;
}
.wrap_but.active .no_img {
  color: #fff;
}

.hide_start_cat {
  height: 0;
  opacity: 0;
  pointer-events: none;
  margin: 0;
}

.no_elem {
  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw; /* 14px */
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #171717;
  display: none;
}

.fast_cat .wrap {
  align-items: center;
  justify-content: center;
}
.fast_cat[data-fastcat-slug="optik-u"] img {
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  object-fit: contain;
}

.sort_modal_mob,
.sort_mob {
  display: none;
}

.fast_cat {
  order: 3;
}
.fast_cat.active {
  order: 2 !important;
}
.fast_cat.clear_cat {
  order: 1 !important;
}

.giud_fise_frame_modal {
  position: fixed;
  z-index: 999999999;
  left: 0;
  top: 0;
  bottom: 0;
  width: 36.111vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f7f7f7;
  transform: translateX(-105%);
  transition: transform 0.3s ease-out;
}
.giud_fise_frame_modal.active {
  transform: translateX(0);
}
.giud_fise_frame_modal .wrap_size {
  width: 100%;
  padding: 0 2.778vw;
  margin-top: 1.111vw;
  display: flex;
  flex-direction: column;
  gap: 1.389vw;
}
.giud_fise_frame_modal .wrap_size .size_modal {
  display: flex;
  flex-direction: row;
  gap: 0.278vw;
}
.giud_fise_frame_modal .wrap_size .size_modal span {
  border-radius: 1000px;
  width: 3.889vw;
  height: 2.778vw;
  background-color: #fff;
  transition: background-color 0.2s ease-out, color 0.2s ease-out,
    opacity 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  font-family: var(--manrope);
  font-weight: 600;
  font-size: 0.972vw;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
}
.giud_fise_frame_modal .wrap_size .size_modal span.active {
  background-color: #171717;
  color: #fff;
  cursor: default;
}

.giud_fise_frame_modal .about_size_frame {
  display: flex;
  flex-direction: column;
  gap: 0.556vw;
}
.giud_fise_frame_modal .about_size_frame > p {
  font-family: var(--manrope);
  font-weight: 700;
  font-size: 1.389vw;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #171717;
}
.giud_fise_frame_modal .about_size_frame > span {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #9d9d9d;
}

.select_size_prev {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-top: 2.5vw;
}
.s_size_prev {
  transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
  cursor: pointer;
  background-color: #fff;
  height: 5.417vw;
  padding: 1.111vw;
  border: 1px solid #ebebeb;
  display: flex;
  flex-direction: column;
  gap: 0.278vw;
}
.zaushnik {
  border-radius: 1.111vw 0 0 0;
}
.obshhaya-shirina {
  border-radius: 0 1.111vw 0 0;
}
.shirina-linzy {
  border-radius: 0 0 0 1.111vw;
}
.shirina-perenosiczy {
  border-radius: 0 0 1.111vw 0;
}
.s_size_prev > p {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #9d9d9d;
  transition: color 0.2s ease-out;
}
.s_size_prev > span {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 1.111vw;
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
  transition: color 0.2s ease-out;
}
.s_size_prev.active {
  background-color: #171717;
  cursor: default;
}
.s_size_prev.active > p {
  color: #747474;
}
.s_size_prev.active > span {
  color: #fff;
}

.wrap_appr_size {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.833vw;
  padding: 1.389vw 2.778vw;
  background-color: #f7f7f7;
}
.wrap_appr_size .appr_size {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.056vw;
  border-radius: 0.556vw;
  background-color: #171717;
  cursor: pointer;
  transition: opacity 0.2s ease-out;

  font-family: var(--manrope);
  font-weight: 600;
  font-size: 1.111vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
}

.wrap_size_prev {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  padding: 0 2.778vw;
}

.frame_size_prev {
  height: 12.986vw;
  margin-top: 2.5vw;
  position: relative;
}
.frame_size_prev .prof,
.frame_size_prev .fas {
  width: 30.556vw;
  height: 10.208vw;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  transition: opacity 0.2s ease-out;
}
.frame_size_prev .prof {
  opacity: 0;
}

.frame_size_prev:has(.zaushnik) .prof {
  opacity: 1;
}
.frame_size_prev:has(.zaushnik) .fas {
  opacity: 0;
}

.frame_size_prev .prof.active,
.frame_size_prev .fas.active {
  opacity: 1;
}

.frame_size_prev .wrap_line_size {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  transition: padding 0.2s ease-out;
}
.frame_size_prev .wrap_line_size > p {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 1.111vw;
  line-height: 140%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #171717;
}

.dynamic_size_frame {
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.347vw;
  margin-bottom: 0.208vw;
  transition: padding 0.2s ease-out;
  padding-left: 0;
  padding-right: 0;
}
.dynamic_size_frame svg {
  width: 10px;
  height: 10px;
}
.dynamic_size_frame .right_size_arrow {
  rotate: 180deg;
}

.dynamic_size_frame .center_size_arrow {
  width: calc(100% - 4px);
  margin: 0 auto;
  z-index: 1;
  position: absolute;
}

.wrap_line_arrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  position: relative;
  justify-content: space-between;
}

.wrap_line_arrow::before {
  content: "";
  border-left: 1px solid #8e00ff;
  top: 0.694vw;
  left: 0;
  height: 0;
  transition: height 0.2s ease-out;
  position: absolute;
}
.wrap_line_arrow::after {
  content: "";
  border-right: 1px solid #8e00ff;
  top: 0.694vw;
  right: 0;
  height: 0;
  transition: height 0.2s ease-out;
  position: absolute;
}

.dynamic_size_frame.zaushnik {
  padding-left: 2.325vw;
  padding-right: 0;
}
.zaushnik .wrap_line_arrow::before {
  height: 4.306vw;
}
.zaushnik .wrap_line_arrow::after {
  height: 9.167vw;
}

.dynamic_size_frame.obshhaya-shirina {
  padding-left: 0;
  padding-right: 0;
}
.obshhaya-shirina .wrap_line_arrow::before {
  height: 3.472vw;
}
.obshhaya-shirina .wrap_line_arrow::after {
  height: 3.472vw;
}

.wrap_line_size:has(.shirina-linzy) {
  padding-left: 2.431vw;
  padding-right: 18.056vw;
}
.dynamic_size_frame.shirina-linzy {
  padding-left: 0;
  padding-right: 0;
}
.shirina-linzy .wrap_line_arrow::before {
  height: 3.472vw;
}
.shirina-linzy .wrap_line_arrow::after {
  height: 3.472vw;
}

.dynamic_size_frame.shirina-perenosiczy {
  padding-left: 13.125vw;
  padding-right: 12.917vw;
}
.shirina-perenosiczy .wrap_line_arrow::before {
  height: 4.167vw;
}
.shirina-perenosiczy .wrap_line_arrow::after {
  height: 4.167vw;
}
.wrap_body_guid {
  display: flex;
  flex-shrink: 1;
  overflow: auto;
  width: 100%;
  flex-direction: column;
  height: -webkit-fill-available;
}

.giud_text {
  display: flex;
  flex-direction: column;
  gap: 1.667vw; /* 24px */
  margin-top: 4.444vw; /* 64px */
  margin-bottom: 1.389vw; /* 20px */
}
.giud_text > * {
  padding: 0 2.778vw; /* 40px */
}

.giud_text .wrap_head_guid_text {
  display: flex;
  flex-direction: column;
  gap: 1.111vw; /* 16px */
}

.giud_text .wrap_head_guid_text .head_h_guid_text {
  font-family: var(--manrope);
  font-weight: 700;
  font-size: 2.917vw; /* 42px */
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #171717;
}

.giud_text .wrap_head_guid_text .head_p_guid_text {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw; /* 14px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
}

.guid_step {
  display: flex;
  flex-direction: column;
  gap: 0.556vw; /* 8px */
}
.guid_step.giud_t {
  padding: 0;
}
.guid_step.giud_t > * {
  padding: 0 2.778vw; /* 40px */
}

.guid_step h3 {
  font-family: var(--manrope);
  font-weight: 700;
  font-size: 1.389vw; /* 20px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
}
.guid_step ul {
  padding: 0;
}
.guid_step p,
.guid_step li {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw; /* 14px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
}
.guid_step li {
  display: flex;
  flex-direction: column;
  gap: 0.278vw;
  margin-left: 1.458vw; /* 21px */
  position: relative;
}
.guid_step li::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  top: 0.625vw;
  left: -0.625vw;
  background-color: #171717;
  border: 1px solid #171717;
}
.guid_step svg {
  width: 30.556vw; /* 440px */
  height: 11.944vw; /* 172px */
  border-radius: 1.111vw; /* 16px */
  margin: 0 auto;
}
.guid_step svg.mobile {
  display: none;
}

.guid_step svg[data-guid-step="1"] {
  height: 9.722vw; /* 140px */
}

.guid_step p {
  display: inline;
}

.guid_step p span {
  font-weight: 700;
}

.giud_text h2,
.giud_text h3 {
  margin: 0;
  padding: 0;
}

.wrap_guid_table {
  width: 100%;
  overflow: visible;
  padding-left: 2.778vw; /* 40px */
}

.guid_table {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  border-radius: 1.111vw; /* 16px */
  border: 0.069vw solid #ebebeb; /* 1px */
  width: 100%;
  min-width: 30.556vw; /* 440px */
  margin-top: 0.556vw; /* 8px */
}

.guid_table .wrap_line_table {
  background-color: #ebebeb;
}

.guid_table .column_guid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;
  border-radius: 1.111vw 0 0 1.111vw;
}

.guid_table .column_guid:first-child {
  background-color: #f0f0f0;
}

.guid_table .cell_guid {
  padding: 1.111vw; /* 16px */
}

.guid_table .column_guid:first-child .cell_guid {
  padding: 0.556vw 1.111vw; /* 8px 16px */
}

.column_guid .wrap_line_table {
  width: calc(100% - 2.222vw); /* 32px */
  margin-left: 1.111vw; /* 16px */
}

.guid_table .cell_guid {
  min-height: 2.778vw; /* 40px */
  display: flex;
  align-items: center;

  font-family: var(--manrope);
  font-weight: 500;
  font-size: 1.111vw; /* 16px */
  line-height: 140%;
  letter-spacing: -0.01em;
  color: #171717;
}

.guid_table .column_guid:first-child .cell_guid {
  font-size: 0.972vw; /* 14px */
}

.wrap_guid_table::-webkit-scrollbar {
  height: 6px;
}
.wrap_guid_table::-webkit-scrollbar-track {
  background-color: #fff;
}
.wrap_guid_table::-webkit-scrollbar-thumb {
  background-color: #ab4cf7;
  border-radius: 16px; /* 1000px */
}

.sale_precent {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  left: 0.694vw; /* 10px */
  bottom: 1.667vw; /* 24px */
  z-index: 2;
  pointer-events: none;
}

.sale_precent img {
  width: 3.611vw; /* 52px */
  height: 2.083vw; /* 30px */
}

.sale_precent p {
  font-family: var(--manrope);
  font-weight: 500;
  font-size: 0.972vw; /* 14px */
  line-height: 100%;
  text-align: center;
  color: #fff;
  position: absolute;
  margin: auto;
}

@media (hover: hover) {
  .feature[data-type-feature="popular"]:hover {
    color: #ffcebf;
    background-color: #c73d12;
  }
  .feature[data-type-feature="popular"]:hover svg path {
    fill: #ffcebf;
  }
  .feature[data-type-feature="new"]:hover {
    color: #f0ff9c;
    background-color: #1fa730;
  }
  .feature[data-type-feature="new"]:hover svg path {
    fill: #f0ff9c;
  }

  .giud_fise_frame_modal .wrap_size .size_modal span:not(.active):hover {
    background-color: #f0f0f0;
  }

  .s_size_prev:not(.active):hover {
    background-color: #f0f0f0;
  }
  .s_size_prev:not(.active):hover > p {
    color: #171717;
  }

  .wrap_appr_size .appr_size:hover {
    opacity: 0.8;
  }

  .giud_size_frame:hover {
    opacity: 1;
  }
  .sort .wrap_info:hover {
    opacity: 0.4;
  }
  .write_sort:hover {
    background-color: rgba(142, 0, 255, 0.6);
  }
  .filter_but:hover p {
    color: #b9b9b9;
  }
  .filter_but:hover svg path {
    stroke: #b9b9b9;
  }
  .color_buttons .wrap_but:hover {
    background-color: #f0f0f0;
  }
  .color_buttons .wrap_but.active:hover {
    background-color: #171717;
    opacity: 0.8;
  }
  .color_buttons .wrap_but:hover .filt_but {
    background-color: transparent;
  }

  .main_filters::-webkit-scrollbar,
  .wrap_body_guid::-webkit-scrollbar {
    width: 0.278vw; /* 4px */
  }
  .main_filters::-webkit-scrollbar-track,
  .wrap_body_guid::-webkit-scrollbar-track {
    background-color: #b9b9b9;
  }
  .main_filters::-webkit-scrollbar-thumb,
  .wrap_body_guid::-webkit-scrollbar-thumb {
    background-color: #868686;
    border-radius: 69.444vw; /* 1000px */
  }

  .close_f_menu:hover {
    scale: 1.1;
  }
  .wrap_filt_h .clear_f:hover,
  .price_clear:hover {
    opacity: 0.8;
  }
  .app_f_but:hover {
    background-color: #8e00ff;
  }
  .filt_but:hover {
    background-color: #f0f0f0;
  }
  .active.filt_but:hover {
    opacity: 0.8;
    background-color: #171717;
  }

  [data-name-filter="frame-shape"] .wrap_but:hover .but_img {
    background-color: #f0f0f0;
  }
  [data-name-filter="frame-shape"] .wrap_but.active:hover .but_img {
    background-color: #171717;
  }
  [data-name-filter="frame-shape"] .wrap_but.active:hover {
    opacity: 0.8;
  }

  [data-name-filter="brand"] .wrap_but:hover .but_img {
    box-shadow: inset 0 0 0 0.069vw #171717; /* 1px */
  }
  [data-name-filter="brand"] .wrap_but.active:hover .but_img {
    box-shadow: inset 0 0 0 0.139vw #171717; /* 2px */
  }
  [data-name-filter="brand"] .wrap_but.active:hover {
    opacity: 0.8;
  }

  .wrap_buts::-webkit-scrollbar-thumb {
    background-color: #868686;
    border-radius: 1000px;
  }
  .wrap_buts::-webkit-scrollbar-track {
    background-color: #b9b9b9;
  }
  .wrap_buts::-webkit-scrollbar {
    width: 4px;
  }

  .open_all_f:hover {
    color: #171717;
    opacity: 0.5;
  }

  .tovar_pags_hover {
    display: flex;
  }

  .to_back:hover,
  .to_next:hover,
  .pag_el:hover {
    background-color: #f0f0f0;
  }
  .pag_el.active:hover {
    background-color: #171717;
    opacity: 0.8;
  }
}

@media (max-width: 1024px) {
  .sale_precent {
    left: 1.374vw; /* 10px */
    bottom: 3.297vw; /* 24px */
  }

  .sale_precent img {
    width: 7.143vw; /* 52px */
    height: 4.121vw; /* 30px */
  }

  .sale_precent p {
    font-size: 1.923vw; /* 14px */
  }

  .wrap_guid_table {
    padding-left: 5.495vw;
    overflow: visible;
  }

  .guid_table {
    border-radius: 2.198vw; /* 16px */
    min-width: 60.44vw; /* 440px */
    margin-top: 1.099vw; /* 8px */
  }

  .guid_table .cell_guid {
    padding: 2.198vw; /* 16px */
  }

  .guid_table .column_guid {
    border-radius: 2.198vw 0 0 2.198vw;
  }

  .guid_table .column_guid:first-child .cell_guid {
    padding: 1.099vw 2.198vw; /* 8px 16px */
  }

  .column_guid .wrap_line_table {
    width: calc(100% - 4.396vw); /* 32px */
    margin-left: 2.198vw; /* 16px */
  }

  .guid_table .cell_guid {
    min-height: 5.495vw; /* 40px */
    font-size: 2.198vw; /* 16px */
  }

  .guid_table .column_guid:first-child .cell_guid {
    font-size: 1.923vw; /* 14px */
  }

  .giud_text {
    display: flex;
    flex-direction: column;
    gap: 3.297vw; /* 24px */
    margin-top: 8.791vw; /* 64px */
    margin-bottom: 2.747vw; /* 20px */
  }
  .giud_text > * {
    padding: 0 5.495vw; /* 40px */
  }
  .giud_text .wrap_head_guid_text {
    display: flex;
    flex-direction: column;
    gap: 2.198vw; /* 16px */
  }

  .giud_text .wrap_head_guid_text .head_h_guid_text {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 5.769vw; /* 42px */
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #171717;
  }

  .giud_text .wrap_head_guid_text .head_p_guid_text {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 1.923vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }

  .guid_step {
    display: flex;
    flex-direction: column;
    gap: 1.099vw; /* 8px */
  }
  .guid_step.giud_t > * {
    padding: 0 5.495vw; /* 40px */
  }

  .guid_step h3 {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 2.747vw; /* 20px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }

  .guid_step p,
  .guid_step li {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 1.923vw; /* 14px */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
  }
  .guid_step li {
    gap: 0.549vw;
    margin-left: 2.885vw; /* 21px */
  }
  .guid_step li::before {
    top: 1.236vw;
    left: -1.236vw;
  }
  .guid_step svg {
    width: 60.44vw; /* 440px */
    height: 23.626vw; /* 172px */
    border-radius: 2.198vw; /* 16px */
  }

  .guid_step svg[data-guid-step="1"] {
    height: 19.231vw; /* 140px */
  }

  .guid_step p {
    display: inline;
  }

  .guid_step p span {
    font-weight: 700;
  }

  .giud_size_frame {
    font-size: 1.923vw;
    margin: 0;
  }
  .giud_fise_frame_modal {
    width: 71.429vw; /* 520px */
  }
  .giud_fise_frame_modal .wrap_size {
    padding: 0 5.495vw;
    margin-top: 2.198vw;
    gap: 2.747vw;
  }
  .giud_fise_frame_modal .wrap_size .size_modal {
    gap: 0.549vw;
  }
  .giud_fise_frame_modal .wrap_size .size_modal span {
    width: 7.692vw;
    height: 5.495vw;
    font-size: 1.923vw;
  }

  .giud_fise_frame_modal .about_size_frame {
    gap: 1.1vw;
  }
  .giud_fise_frame_modal .about_size_frame > p {
    font-size: 2.747vw;
  }
  .giud_fise_frame_modal .about_size_frame > span {
    font-size: 1.923vw;
  }

  .select_size_prev {
    margin-top: 4.945vw;
  }
  .s_size_prev {
    height: 10.719vw;
    padding: 2.198vw;
    gap: 0.55vw;
  }
  .zaushnik {
    border-radius: 2.198vw 0 0 0;
  }
  .obshhaya-shirina {
    border-radius: 0 2.198vw 0 0;
  }
  .shirina-linzy {
    border-radius: 0 0 0 2.198vw;
  }
  .shirina-perenosiczy {
    border-radius: 0 0 2.198vw 0;
  }
  .s_size_prev > p {
    font-size: 1.923vw;
  }
  .s_size_prev > span {
    font-size: 2.198vw;
  }

  .wrap_appr_size {
    height: 11.538vw;
    padding: 2.747vw 5.495vw;
  }
  .wrap_appr_size .appr_size {
    border-radius: 1.099vw;
    font-size: 2.198vw;
    height: 6.044vw;
  }

  .wrap_size_prev {
    padding: 0 5.495vw;
  }

  .frame_size_prev {
    height: 25.745vw;
    margin-top: 4.945vw;
  }
  .frame_size_prev .prof,
  .frame_size_prev .fas {
    width: 60.44vw;
    height: 20.192vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .frame_size_prev .wrap_line_size > p {
    font-size: 2.198vw;
  }

  .dynamic_size_frame {
    margin-top: 0.688vw;
    margin-bottom: 0.412vw;
  }

  .wrap_line_arrow::before {
    top: 1.374vw;
  }
  .wrap_line_arrow::after {
    top: 1.374vw;
  }

  .dynamic_size_frame.zaushnik {
    padding-left: 18.544vw;
    padding-right: 14.286vw;
  }
  .zaushnik .wrap_line_arrow::before {
    height: 8.517vw;
  }
  .zaushnik .wrap_line_arrow::after {
    height: 18.132vw;
  }

  .dynamic_size_frame.obshhaya-shirina {
    padding-left: 14.286vw;
    padding-right: 14.286vw;
  }
  .obshhaya-shirina .wrap_line_arrow::before {
    height: 6.868vw;
  }
  .obshhaya-shirina .wrap_line_arrow::after {
    height: 6.868vw;
  }

  .wrap_line_size:has(.shirina-linzy) {
    padding-left: 18.681vw;
    padding-right: 50vw;
  }
  .dynamic_size_frame.shirina-linzy {
    padding-left: 0;
    padding-right: 0;
  }
  .shirina-linzy .wrap_line_arrow::before {
    height: 6.868vw;
  }
  .shirina-linzy .wrap_line_arrow::after {
    height: 6.868vw;
  }

  .dynamic_size_frame.shirina-perenosiczy {
    padding-left: 40.11vw;
    padding-right: 39.835vw;
  }
  .shirina-perenosiczy .wrap_line_arrow::before {
    height: 8.242vw;
  }
  .shirina-perenosiczy .wrap_line_arrow::after {
    height: 8.242vw;
  }

  .app_f_but {
    min-height: 5.769vw;
    gap: 0.549vw;
  }

  .but_img svg {
    width: 4.121vw;
    height: 2.06vw;
  }

  .fast_categotyes {
    padding: 0 1.953vw;
    margin-top: 4.167vw;
  }

  .fast_cat.swiper-slide {
    gap: 1.042vw;
    width: 12.5vw;
  }

  .fast_cat .wrap {
    height: 13.187vw; /* 96px */
  }

  .fast_cat p {
    font-size: 1.563vw;
    line-height: 140%;
    letter-spacing: -0.02em;
  }

  .header_category {
    padding-left: 1.953vw;
    gap: 3.125vw;
    margin-top: 4.167vw;
    width: 61.042vw;
  }

  .header_category h1 {
    font-size: 8.333vw;
    line-height: 96%;
    letter-spacing: -0.02em;
  }

  .header_category p {
    width: 51.563vw;
    font-size: 2.083vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .main_catalog {
    gap: 2.604vw;
    margin-top: 4.167vw;
    margin-bottom: 6.25vw;
    padding: 0 2.083vw;
  }

  .managment {
    gap: 1.042vw;
  }

  .wrap_filter {
    gap: 1.042vw;
  }

  .filter_but {
    gap: 1.042vw;
  }

  .filter_but svg {
    width: 3.125vw;
    height: 3.125vw;
  }

  .filter_but p {
    font-size: 2.083vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .count_active_filter {
    font-size: 1.823vw;
    line-height: 140%;
    letter-spacing: -0.01em;
    min-width: 3.125vw;
    min-height: 3.125vw;
  }

  .count_tovars span {
    font-size: 2.083vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .sort .wrap_info {
    gap: 1.042vw;
  }

  .sort .sort_arrow {
    width: 3.125vw;
    height: 3.125vw;
  }

  .sort .sort_activing {
    font-size: 2.083vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .all_sort {
    gap: 0.521vw;
    top: 4.167vw;
  }

  .write_sort {
    padding: 1.302vw 2.083vw;
    backdrop-filter: blur(3.125vw);
    font-size: 1.823vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .tovars {
    grid-template-columns: 1fr 1fr;
    gap: 4.167vw 1.042vw;
  }

  .tovar {
    gap: 1.302vw;
  }

  .first_part {
    height: 54.688vw;
    border-radius: 0.521vw;
  }

  .features {
    gap: 0.391vw;
    left: 1.302vw;
    top: 1.302vw;
    width: calc(100% - 7.813vw);
  }

  .feature {
    gap: 0.26vw;
    padding: 1.042vw;
  }

  .feature svg {
    width: 2.604vw;
    height: 2.604vw;
  }

  .feature p {
    font-size: 1.823vw;
    line-height: 100%;
  }

  .tovar .wishlist_button {
    top: 1.302vw;
    right: 1.302vw;
  }

  .tovar .wishlist_button svg {
    width: 4.688vw;
    height: 4.688vw;
  }

  .tovar_sider {
    border-radius: 0.521vw;
  }

  .tovar_pags {
    gap: 0.521vw;
    flex-wrap: nowrap;
    position: absolute;
    left: 1.302vw !important;
    right: 1.302vw;
    bottom: 1.302vw !important;
    width: calc(100% - 2.604vw) !important;
    z-index: 1;
  }

  .tovar_pag {
    height: 0.521vw;
  }

  .t_name {
    font-size: 2.083vw;
    line-height: 130%;
    letter-spacing: -0.01em;
  }

  .t_type {
    font-size: 1.823vw;
    line-height: 130%;
    letter-spacing: -0.01em;
  }

  .t_price {
    gap: 1.042vw;
    margin-top: 1.302vw;
  }

  .t_act_p {
    font-size: 2.344vw;
    line-height: 130%;
    letter-spacing: -0.01em;
  }

  .page_pag {
    display: flex;
    flex-direction: row;
    gap: 0.521vw;
    margin-top: 8.333vw;
    justify-content: center;
  }

  .to_back,
  .to_next {
    width: 6.25vw;
    height: 5.208vw;
    cursor: pointer;
    background-color: #fff;
    border-radius: 1000px;
    transition: background-color 0.2s ease-out;
  }

  .to_back.disable,
  .to_next.disable {
    display: none;
  }

  .pag_list {
    gap: 0.521vw;
  }

  .pag_el {
    min-width: 6.25vw;
    padding: 0 0.521vw;
    height: 5.208vw;
    font-size: 2.083vw;
    line-height: 100%;
    letter-spacing: -0.02em;
  }

  .filter_menu {
    width: 71.429vw; /* 520px */
  }

  .head_f_menu {
    padding: 5.208vw 5.208vw 1.042vw 5.208vw;
  }

  .wrap_filt_h {
    gap: 1.042vw;
  }

  .wrap_filt_h .filt_h {
    font-size: 5.469vw;
    line-height: 100%;
    letter-spacing: -0.02em;
  }

  .wrap_filt_h .clear_f {
    font-size: 2.344vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .close_f_menu {
    width: 6.25vw;
    height: 6.25vw;
  }

  .main_filters {
    gap: 4.688vw;
    padding: 2.083vw 5.208vw;
  }

  .wrap_input {
    height: 2.083vw;
  }

  .range_input_visible,
  .range_input_fon {
    height: 0.26vw;
  }

  input[type="range"] {
    height: 0.26vw;
    border-radius: 0.651vw;
  }

  input[type="range"]::-webkit-slider-thumb {
    width: 2.083vw;
    height: 2.083vw;
    border-radius: 0.781vw;
  }

  input[type="range"]::-moz-range-thumb {
    width: 2.083vw;
    height: 2.083vw;
    border-radius: 0.781vw;
  }

  .head_filter {
    font-size: 2.604vw;
    line-height: 120%;
    letter-spacing: -0.02em;
  }

  .radio_but {
    width: 5.208vw;
    height: 3.125vw;
    padding: 0.26vw;
  }

  .rad_but_bullet {
    width: 2.604vw;
    height: 2.604vw;
  }

  .radio_but.active .rad_but_bullet {
    transform: translateX(calc(100% - 0.521vw));
  }

  .apply_filter {
    padding: 2.747vw 5.495vw;
  }

  .app_f_but {
    border-radius: 1.042vw;
    font-size: 2.198vw;
    line-height: 100%;
    letter-spacing: -0.02em;
    padding: 1.923vw;
  }

  .filter[data-name-filter="price"] {
    gap: 1.302vw;
  }

  .price_wrap {
    gap: 1.302vw;
  }

  .price_clear {
    font-size: 1.823vw;
    line-height: 100%;
    letter-spacing: -0.01em;
  }

  .wrap_price_range .max_val,
  .wrap_price_range .min_val {
    padding: 1.302vw;
    font-size: 1.823vw;
  }

  .filter {
    gap: 1.302vw;
  }

  .wrap_head {
    gap: 0.521vw;
  }

  .count_filter {
    padding: 0.26vw 1.042vw;
    min-width: 3.385vw;
    min-height: 3.125vw;
    font-size: 1.823vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .body_filt {
    gap: 0.521vw;
  }

  [data-filter-type="list-row"] .filt_but {
    padding: 1.302vw 1.563vw;
    min-width: 7.292vw;
  }

  .filt_but {
    font-size: 1.823vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .wrap_buts {
    gap: 0.521vw;
    max-height: 35.417vw;
  }

  .wrap_but {
    gap: 1.042vw;
  }

  [data-name-filter="frame-shape"] .but_img,
  [data-name-filter="brand"] .but_img {
    width: 5.469vw;
    height: 5.469vw;
    padding: 0.391vw;
  }

  [data-name-filter="brand"] .but_img {
    box-shadow: inset 0 0 0 0 #171717;
    transition: box-shadow 0.2s ease-out;
  }

  [data-name-filter="brand"] .wrap_but.active .but_img {
    box-shadow: inset 0 0 0 0.26vw #171717;
  }

  [data-filter-type="list-column"] .body_filt {
    gap: 2.083vw;
  }

  .open_all_f {
    font-size: 1.823vw;
    line-height: 100%;
    letter-spacing: -0.01em;
  }

  .search_brand input {
    height: 5.208vw;
    padding: 1.953vw 2.083vw !important;
    font-size: 1.823vw;
    line-height: 100%;
    letter-spacing: -0.01em;
  }

  .search_brand svg {
    right: 1.042vw;
    width: 3.125vw;
    height: 3.125vw;
  }

  .not_found {
    font-size: 2.083vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .color {
    width: 2.604vw;
    height: 2.604vw;
  }

  .color_buttons .wrap_but {
    border-radius: 1000px;
    padding: 1.302vw;
    min-height: 5.208vw;
  }

  .wrap_but .no_img {
    font-size: 1.823vw;
    line-height: 140%;
    letter-spacing: -0.01em;
  }
}

@media (max-width: 727px) {
  .sale_precent {
    left: 1.25vw; /* 4px */
    bottom: 3.125vw; /* 10px */
  }

  .sale_precent img {
    width: 9.375vw; /* 30px */
    height: 5vw; /* 16px */
  }

  .sale_precent p {
    font-size: 2.5vw; /* 8px */
  }

  .wrap_guid_table {
    padding-left: 5vw;
    overflow: auto;
  }

  .guid_table {
    border-radius: 5vw; /* 16px */
    min-width: 137.5vw; /* 440px */
    margin-top: 2.5vw; /* 8px */
  }

  .guid_table .cell_guid {
    padding: 5vw; /* 16px */
  }

  .guid_table .column_guid {
    border-radius: 5vw 0 0 5vw;
  }

  .guid_table .column_guid:first-child .cell_guid {
    padding: 2.5vw 5vw; /* 8px 16px */
  }

  .column_guid .wrap_line_table {
    width: calc(100% - 10vw); /* 32px */
    margin-left: 5vw; /* 16px */
  }

  .guid_table .cell_guid {
    min-height: 12.5vw; /* 40px */
    font-size: 5vw; /* 16px */
  }

  .guid_table .column_guid:first-child .cell_guid {
    font-size: 4.375vw; /* 14px */
  }

  .giud_text {
    gap: 5vw; /* 16px */
    margin-top: 12.5vw; /* 40px */
    margin-bottom: 5vw; /* 16px */
  }
  .giud_text > * {
    padding: 0 5vw; /* 16px */
  }

  .giud_text .wrap_head_guid_text {
    gap: 5vw; /* 16px */
  }

  .giud_text .wrap_head_guid_text .head_h_guid_text {
    font-size: 10vw; /* 32px */
  }

  .giud_text .wrap_head_guid_text .head_p_guid_text {
    font-size: 4.375vw; /* 14px */
  }

  .guid_step {
    gap: 2.5vw; /* 8px */
  }
  .guid_step.giud_t > * {
    padding: 0 5vw !important; /* 16px */
  }

  .guid_step h3 {
    font-size: 6.25vw; /* 20px */
  }

  .guid_step p,
  .guid_step li {
    font-size: 4.375vw; /* 14px */
  }

  .guid_step li {
    gap: 1.25vw; /* 4px */
    margin-left: 6.563vw; /* 21px */
  }
  .guid_step li::before {
    top: 2.813vw;
    left: -2.813vw;
  }

  .guid_step svg {
    width: 90vw; /* 288px */
    height: 53.75vw; /* 172px */
    border-radius: 5vw; /* 16px */
    display: none;
  }
  .guid_step svg.mobile {
    display: flex;
  }

  .guid_step svg[data-guid-step="1"] {
    height: 43.75vw; /* 140px */
  }

  .giud_size_frame {
    font-size: 4.375vw;
  }
  .giud_fise_frame_modal {
    width: 100%;
  }
  .giud_fise_frame_modal .wrap_size {
    padding: 0 5vw;
    margin-top: 5vw;
    gap: 10vw;
  }
  .giud_fise_frame_modal .wrap_size .size_modal {
    gap: 1.25vw;
  }
  .giud_fise_frame_modal .wrap_size .size_modal span {
    width: 17.5vw;
    height: 12.5vw;
    font-size: 4.375vw;
  }

  .giud_fise_frame_modal .about_size_frame {
    gap: 2.5vw;
  }
  .giud_fise_frame_modal .about_size_frame > p {
    font-size: 5.625vw;
  }
  .giud_fise_frame_modal .about_size_frame > span {
    font-size: 4.375vw;
  }

  .select_size_prev {
    margin-top: 10vw;
  }
  .s_size_prev {
    height: 23.125vw;
    padding: 5vw;
    gap: 0;
  }
  .zaushnik {
    border-radius: 5vw 0 0 0;
  }
  .obshhaya-shirina {
    border-radius: 0 5vw 0 0;
  }
  .shirina-linzy {
    border-radius: 0 0 0 5vw;
  }
  .shirina-perenosiczy {
    border-radius: 0 0 5vw 0;
  }
  .s_size_prev > p {
    font-size: 4.375vw;
  }
  .s_size_prev > span {
    font-size: 5vw;
  }

  .wrap_appr_size {
    height: 20.625vw;
    padding: 2.5vw 5vw 5vw 5vw;
  }
  .wrap_appr_size .appr_size {
    border-radius: 2.5vw;
    font-size: 4.375vw;
    height: 13.125vw;
  }

  .wrap_size_prev {
    padding: 0 5vw;
  }

  .frame_size_prev {
    height: 36.875vw;
    margin-top: 10vw;
  }
  .frame_size_prev .prof,
  .frame_size_prev .fas {
    width: 90vw;
    height: 30vw;
  }
  .frame_size_prev .wrap_line_size > p {
    font-size: 4.375vw;
  }

  .dynamic_size_frame {
    margin-top: 0;
    margin-bottom: 0.938vw;
  }

  .wrap_line_arrow::before {
    top: 2.5vw;
  }
  .wrap_line_arrow::after {
    top: 2.5vw;
  }

  .dynamic_size_frame.zaushnik {
    padding-left: 7.5vw;
    padding-right: 0;
  }
  .zaushnik .wrap_line_arrow::before {
    height: 12vw;
  }
  .zaushnik .wrap_line_arrow::after {
    height: 27.132vw;
  }

  .dynamic_size_frame.obshhaya-shirina {
    padding-left: 1px;
    padding-right: 1px;
  }
  .obshhaya-shirina .wrap_line_arrow::before {
    height: 8vw;
  }
  .obshhaya-shirina .wrap_line_arrow::after {
    height: 8vw;
  }

  .wrap_line_size:has(.shirina-linzy) {
    padding-left: 6.875vw;
    padding-right: 53.5vw;
  }
  .dynamic_size_frame.shirina-linzy {
    padding-left: 0;
    padding-right: 0;
  }
  .shirina-linzy .wrap_line_arrow::before {
    height: 9vw;
  }
  .shirina-linzy .wrap_line_arrow::after {
    height: 9vw;
  }

  .dynamic_size_frame.shirina-perenosiczy {
    padding-left: 38.41vw;
    padding-right: 37.9vw;
  }
  .shirina-perenosiczy .wrap_line_arrow::before {
    height: 8.242vw;
  }
  .shirina-perenosiczy .wrap_line_arrow::after {
    height: 8.242vw;
  }

  .app_f_but {
    min-height: 13.125vw;
    gap: 1.25vw;
  }

  .fast_categotyes {
    padding: 0 5vw; /* 16px -> 5vw */
    margin-top: 10vw;
  }

  .sort {
    display: none;
  }

  .fast_cat.swiper-slide {
    gap: 1.25vw; /* 4px -> 1.25vw */
    width: 22.5vw; /* 72px -> 22.5vw */
  }

  .but_img svg {
    width: 7.813vw;
    height: 4.063vw;
  }

  .fast_cat .wrap {
    height: 22.5vw; /* 72px */
  }

  .fast_cat p {
    font-size: 2.5vw; /* 8px -> 2.5vw */
  }

  .header_category {
    padding: 5vw; /* 16px -> 5vw */
    gap: 2.5vw; /* 8px -> 2.5vw */
    margin-top: 6.25vw; /* 20px -> 6.25vw */
    width: 100%;
  }

  .header_category h1 {
    font-size: 10vw; /* 32px -> 10vw */
  }

  .header_category p {
    width: 100%;
    font-size: 3.75vw; /* 12px -> 3.75vw */
  }

  .main_catalog {
    gap: 0vw; /* 0px -> 0vw */
    margin-top: 6.25vw; /* 20px -> 6.25vw */
    margin-bottom: 0vw; /* 0px -> 0vw */
    padding: 0 5vw; /* 16px -> 5vw */
  }

  .managment {
    top: 0;
    gap: 2.5vw; /* 8px -> 2.5vw */
  }

  .wrap_filter {
    gap: 0;
    padding: 0;
  }

  .filter_but {
    gap: 0.625vw; /* 2px -> 0.625vw */
    padding: 3.125vw 0; /* 10px */
    padding-right: 1.25vw; /* 4px */
  }

  .filter_but svg {
    width: 6.25vw; /* 20px -> 6.25vw */
    height: 6.25vw; /* 20px -> 6.25vw */
  }

  .filter_but p {
    display: none;
  }

  .count_active_filter {
    font-size: 3.125vw; /* 10px -> 3.125vw */
    min-width: 5.625vw; /* 18px -> 5.625vw */
    min-height: 5.625vw; /* 18px -> 5.625vw */
  }

  .count_tovars span {
    font-size: 3.75vw; /* 12px -> 3.75vw */
    line-height: 140%;
    letter-spacing: -0.01em;
    text-align: right;
    color: #171717;
    text-transform: lowercase;
  }

  .sort .wrap_info {
    display: none;
  }

  .tovars {
    gap: 7.5vw 2.5vw; /* 24px 8px -> 7.5vw 2.5vw */
  }

  .tovar {
    gap: 1.25vw; /* 4px -> 1.25vw */
  }

  .first_part {
    height: 52.5vw; /* 168px -> 52.5vw */
    border-radius: 1.25vw; /* 4px -> 1.25vw */
  }

  .features {
    gap: 1.25vw; /* 4px -> 1.25vw */
    left: 1.25vw; /* 4px -> 1.25vw */
    top: 1.25vw; /* 4px -> 1.25vw */
    width: calc(100% - 9.375vw); /* 30px -> 9.375vw */
  }

  .feature {
    gap: 0.625vw; /* 2px -> 0.625vw */
    padding: 1.875vw; /* 6px -> 1.875vw */
  }

  .feature svg {
    width: 2.5vw; /* 8px -> 2.5vw */
    height: 2.5vw; /* 8px -> 2.5vw */
  }

  .feature p {
    font-size: 2.5vw; /* 8px -> 2.5vw */
  }

  .tovar .wishlist_button {
    top: 1.25vw; /* 4px -> 1.25vw */
    right: 1.25vw; /* 4px -> 1.25vw */
  }

  .tovar .wishlist_button svg {
    width: 7.5vw; /* 24px -> 7.5vw */
    height: 7.5vw; /* 24px -> 7.5vw */
  }

  .tovar_sider {
    border-radius: 1.25vw; /* 4px -> 1.25vw */
  }

  .tovar_pags {
    gap: 0.625vw; /* 2px -> 0.625vw */
    left: 1.25vw !important; /* 4px -> 1.25vw */
    right: 1.25vw; /* 4px -> 1.25vw */
    bottom: 1.25vw !important; /* 4px -> 1.25vw */
    width: calc(100% - 2.5vw) !important; /* 8px -> 2.5vw */
  }

  .tovar_pag {
    height: 0.625vw; /* 2px -> 0.625vw */
  }

  .t_name {
    font-size: 4.375vw; /* 14px -> 4.375vw */
    letter-spacing: -0.02em;
  }

  .t_type {
    font-size: 3.75vw; /* 12px -> 3.75vw */
    line-height: 130%;
    letter-spacing: 1;
  }

  .t_price {
    gap: 1.25vw; /* 4px -> 1.25vw */
    margin-top: 2.5vw; /* 8px -> 2.5vw */
  }

  .t_act_p {
    font-size: 4.375vw; /* 14px -> 4.375vw */
    letter-spacing: -0.02em;
  }

  .page_pag {
    gap: 0.625vw; /* 2px -> 0.625vw */
    margin-top: 12.5vw; /* 40px -> 12.5vw */
  }

  .to_back,
  .to_next {
    width: 12.5vw; /* 40px -> 12.5vw */
    height: 10vw; /* 32px -> 10vw */
  }

  .pag_list {
    gap: 0.625vw; /* 2px -> 0.625vw */
  }

  .pag_el {
    min-width: 12.5vw; /* 40px -> 12.5vw */
    padding: 0 1.25vw; /* 4px -> 1.25vw */
    height: 10vw; /* 32px -> 10vw */
    font-size: 3.75vw; /* 12px -> 3.75vw */
  }

  .filter_menu {
    width: 100vw;
  }

  .head_f_menu {
    padding: 5vw; /* 16px -> 5vw */
    padding-bottom: 2.5vw; /* 8px -> 2.5vw */
  }

  .wrap_filt_h {
    gap: 2.5vw; /* 8px -> 2.5vw */
  }

  .wrap_filt_h .filt_h {
    font-size: 10vw; /* 32px -> 10vw */
    line-height: 96%;
  }

  .wrap_filt_h .clear_f {
    font-size: 4.375vw; /* 14px -> 4.375vw */
  }

  .close_f_menu {
    width: 10vw; /* 32px -> 10vw */
    height: 10vw; /* 32px -> 10vw */
  }

  .main_filters {
    gap: 10vw; /* 32px -> 10vw */
    padding: 5vw; /* 16px -> 5vw */
    padding-bottom: 7.5vw; /* 24px -> 7.5vw */
  }

  .wrap_input {
    height: 5vw; /* 16px -> 5vw */
  }

  .range_input_visible,
  .range_input_fon {
    height: 0.625vw; /* 2px -> 0.625vw */
  }

  input[type="range"] {
    height: 0.625vw; /* 2px -> 0.625vw */
    border-radius: 1.563vw; /* 5px -> 1.563vw */
  }

  input[type="range"]::-webkit-slider-thumb {
    width: 5vw; /* 16px -> 5vw */
    height: 5vw; /* 16px -> 5vw */
    border-radius: 1.875vw; /* 6px -> 1.875vw */
  }

  input[type="range"]::-moz-range-thumb {
    width: 5vw; /* 16px -> 5vw */
    height: 5vw; /* 16px -> 5vw */
    border-radius: 1.875vw; /* 6px -> 1.875vw */
  }

  .head_filter {
    font-size: 5.625vw; /* 18px -> 5.625vw */
  }

  .radio_but {
    width: 12.5vw; /* 40px -> 12.5vw */
    height: 7.5vw; /* 24px -> 7.5vw */
    padding: 0.625vw; /* 2px -> 0.625vw */
  }

  .rad_but_bullet {
    width: 6.25vw; /* 20px -> 6.25vw */
    height: 6.25vw; /* 20px -> 6.25vw */
  }

  .radio_but.active .rad_but_bullet {
    transform: translateX(calc(100% - 1.25vw)); /* 4px -> 1.25vw */
  }

  .apply_filter {
    padding: 2.5vw 5vw 5vw; /* 8px 16px 16px -> 2.5vw 5vw 5vw */
  }

  .app_f_but {
    border-radius: 2.5vw; /* 8px -> 2.5vw */
    font-size: 4.375vw; /* 14px -> 4.375vw */
    padding: 4.375vw; /* 14px -> 4.375vw */
  }

  .filter[data-name-filter="price"] {
    gap: 3.125vw; /* 10px -> 3.125vw */
  }

  .price_wrap {
    gap: 3.125vw; /* 10px -> 3.125vw */
  }

  .price_clear {
    font-size: 4.375vw; /* 14px -> 4.375vw */
  }

  .wrap_price_range .max_val,
  .wrap_price_range .min_val {
    padding: 3.75vw; /* 12px */
    font-size: 3.75vw; /* 12px */
  }

  .filter {
    gap: 3.125vw; /* 10px -> 3.125vw */
  }

  .wrap_head {
    gap: 1.25vw; /* 4px -> 1.25vw */
  }

  .count_filter {
    padding: 0.625vw 2.5vw; /* 2px 8px -> 0.625vw 2.5vw */
    min-height: unset;
    font-size: 3.75vw; /* 12px -> 3.75vw */
  }

  .body_filt {
    gap: 1.25vw; /* 4px -> 1.25vw */
  }

  [data-filter-type="list-row"] .filt_but {
    padding: 5vw 3.75vw; /* 16px 12px -> 5vw 3.75vw */
    min-width: 15vw; /* 48px -> 15vw */
  }

  .filt_but {
    font-size: 3.75vw; /* 12px -> 3.75vw */
    line-height: 100%;
  }

  .wrap_buts {
    gap: 1.25vw; /* 4px -> 1.25vw */
    max-height: 73.75vw; /* 236px -> 73.75vw */
  }

  .wrap_but {
    gap: 2.5vw; /* 8px -> 2.5vw */
  }

  [data-name-filter="frame-shape"] .but_img,
  [data-name-filter="brand"] .but_img {
    width: 11.25vw; /* 36px -> 11.25vw */
    height: 11.25vw; /* 36px -> 11.25vw */
    padding: 0vw; /* 0px -> 0vw */
  }

  [data-name-filter="brand"] .but_img {
    box-shadow: unset;
  }

  [data-filter-type="list-column"] .body_filt {
    gap: 3.125vw; /* 10px -> 3.125vw */
  }

  .fast_cat_border {
    clip-path: url(#svgCatBorder_mob);
  }

  .open_all_f {
    font-size: 3.75vw; /* 12px -> 3.75vw */
  }

  .search_brand input {
    height: 11.25vw; /* 36px -> 11.25vw */
    padding: 3.75vw 5vw !important; /* 12px 16px -> 3.75vw 5vw */
    font-size: 3.75vw; /* 12px -> 3.75vw */
  }

  .search_brand svg {
    right: 2.5vw; /* 8px -> 2.5vw */
    width: 6.25vw; /* 20px -> 6.25vw */
    height: 6.25vw; /* 20px -> 6.25vw */
  }

  .not_found {
    font-size: 3.75vw; /* 12px -> 3.75vw */
    line-height: 100%;
  }

  .color {
    width: 5vw; /* 16px -> 5vw */
    height: 5vw; /* 16px -> 5vw */
  }

  .color_buttons .wrap_but {
    padding: 3.125vw 3.75vw; /* 10px 12px -> 3.125vw 3.75vw */
    min-height: 11.25vw; /* 36px -> 11.25vw */
  }

  [data-filter-type="list-column"] .color_buttons .wrap_but {
    padding: 3.75vw; /* 12px -> 3.75vw */
  }

  .wrap_but .no_img {
    font-size: 4.375vw; /* 14px -> 4.375vw */
    line-height: 140%;
    letter-spacing: -0.01em;
  }

  .sort_mob {
    display: flex;
    flex-direction: row;
    gap: 2.5vw; /* 8px -> 2.5vw */
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    order: 1;
  }

  .wrap_sort_info {
    display: flex;
    flex-direction: row;
    gap: 2.5vw; /* 8px -> 2.5vw */
    align-items: center;
  }

  .name_sort_mob {
    font-family: var(--manrope);
    font-weight: 500;
    font-size: 4.375vw; /* 14px -> 4.375vw */
    line-height: 100%;
    letter-spacing: -0.01em;
    color: #a2a2a2;
  }

  .sort_mob > svg {
    width: 6.875vw; /* 22px -> 6.875vw */
    height: 6.875vw; /* 22px -> 6.875vw */
  }

  .sort_modal_mob {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 9999999;
    background-color: #fff;
    inset: 0;
    transform: translateX(105%);
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 0 6.25vw rgba(0, 0, 0, 0.2); /* 20px -> 6.25vw */
    transition: transform 0.3s ease-out, opacity 0s 0.3s ease-out;
  }

  .sort_modal_mob.active {
    transform: translate(0);
    opacity: 1;
    pointer-events: all;
    transition: transform 0.3s ease-out;
  }

  .head_mob_sort {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5vw; /* 16px -> 5vw */
  }

  .head_mob_sort svg {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 5vw; /* 16px -> 5vw */
  }

  .head_mob_sort .h_s_m {
    font-family: var(--manrope);
    font-weight: 700;
    font-size: 5.625vw; /* 18px -> 5.625vw */
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #171717;
  }

  .maen_sort_info_mob {
    display: flex;
    flex-direction: column;
    gap: 5vw; /* 16px -> 5vw */
    padding: 0 5vw; /* 16px -> 5vw */
    padding-left: 12.5vw; /* 40px -> 12.5vw */
    flex-grow: 1;
    margin-top: 5vw; /* 16px -> 5vw */
  }

  .write_sort {
    display: flex;
    width: fit-content;
    font-family: var(--manrope);
    font-weight: 600;
    font-size: 4.375vw; /* 14px -> 4.375vw */
    line-height: 140%;
    letter-spacing: -0.01em;
    color: #171717;
    position: relative;
    background-color: #fff !important;
    padding: 0;
  }

  .write_sort::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -7.5vw; /* 24px -> 7.5vw */
    width: 5vw; /* 16px -> 5vw */
    height: 5vw; /* 16px -> 5vw */
    border-radius: 1000px;
    border: 0.313vw solid #171717; /* 1px -> 0.313vw */
    transition: background-color 0.2s ease-out;
    margin: auto;
  }

  .active.write_sort::before {
    background-color: #171717;
  }

  .appl_sort_mob {
    width: 100%;
    padding: 5vw 2.5vw 5vw; /* 16px 8px -> 5vw 2.5vw */
    display: flex;
  }

  .appl_sort_mob p {
    display: flex;
    width: 100%;
    text-align: center;
    padding: 4.375vw; /* 14px -> 4.375vw */
    background-color: #171717;
    transition: background-color 0.2s ease-out;

    font-family: var(--manrope);
    font-weight: 600;
    font-size: 4.375vw; /* 14px -> 4.375vw */
    line-height: 100%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 2.5vw; /* 8px -> 2.5vw */
  }

  .appl_sort_mob p:active {
    background-color: #8e00ff;
  }

  .wrap_buts.open {
    max-height: 93.75vw;
  }
}