.sort {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #fff;
  border: 1.5px solid #000;
  border-radius: 20px
}
.sort__all {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #e81b23;
  background-color: #fff;
  border-radius: 10px;
  padding: 8px 12px 10px
}
.sort__all:hover:not(:active) {
  box-shadow: rgba(255,255,255,.1) 0 1px 1px 0 inset,rgba(50,50,93,.25) 0 50px 100px -20px,rgba(0,0,0,.3) 0 30px 60px -30px
}
.sort__block {
  display: flex;
  align-items: center
}
.sort__block.sort__block_alph {
  margin-right: auto;
  margin-left: 6px
}
.sort__block.sort__block_alph a.sort__link:not(:last-child) {
  margin-right: 6px
}
.sort__link {
  white-space: nowrap;
  display: flex;
  align-items: center;
  padding: 2px 8px 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #090000;
  border-radius: 10px;
  margin-right: 14px
}
.sort__link:last-child {
  margin-right: 0
}
.sort__link svg,
.sort__link-mob {
  display: none
}
.sort__link:first-child {
  margin-right: 14px
}
.sort__link.active,
.sort__link:hover {
  background: rgba(255,255,255,.5);
  color: #fbd8d6
}
.sort__link.active svg {
  display: block
}
.sort__link.desc .sort__arrow {
  transform: rotate(180deg)
}
.sort__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background-color: transparent;
  border-radius: 10px;
  transition: .35s
}
.sort__btn svg {
  color: #090000;
  transition: .35s
}
.sort__btn.active {
  background-color: #fff
}
.sort__btn.active svg {
  color: #fbd8d6
}
.sort__btn:hover {
  background-color: #fff
}
.sort__btn:hover svg {
  color: #fbd8d6
}
.sort__search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 62px
}
.sort__more {
  display: inline-flex;
  align-items: center;
  cursor: pointer
}
.sort__more-btn {
  width: 38px;
  position: relative;
  flex-shrink: 0;
  margin-right: 10px;
  margin-left: 20px
}
.sort__more-btn label {
  width: 38px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1.5px solid #b6b3b3;
  border-radius: 50px;
  cursor: pointer;
  transition: .25s
}
.sort__more-btn label::after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 1px;
  transition: .25s;
  transform: translateY(-50%);
  border: 1.5px solid #b6b3b3;
  background-color: #b6b3b3
}
.sort__more-btn input[type=checkbox] {
  visibility: hidden
}
.sort__more-btn input[type=checkbox]:checked + label {
  border-color: #6ba442
}
.sort__more-btn input[type=checkbox]:checked + label::after {
  left: auto;
  right: 1px;
  border-color: #6ba442;
  background-color: #6ba442;
  transition: .25s
}
.sort__more-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: #090000
}
.sort__price {
  display: none
}
.sort__price-wrap {
  position: relative;
  padding: 24px 12px;
  z-index: 500
}
.sort__price-wrap.disactive {
  z-index: 0
}
@media (max-width:1023px) {
  .sort__block .sort:not(.brands__sort) {
    width: 100%;
    justify-content: space-around
  }
  .sort__block_hidden-mob {
    display: none
  }
  .sort__block.sort__block_alph {
    margin-right: 0;
    margin-left: auto
  }
  .sort__block.sort__block_alph a.sort__link {
    padding: 2px 10px 4px
  }
  .sort__link {
    padding: 2px 20px 4px
  }
  .sort__link.active {
    background: #fff;
    color: #fbd8d6
  }
  .sort__link-mob {
    display: flex
  }
  .sort__search {
    height: 42px
  }
  .sort__price-wrap {
    padding: 11px 9px 11px 16px;
    width: 100%
  }
}
@media (max-width:600px) {
  .sort__all {
    width: 100%;
    text-align: center
  }
  .sort__block.sort__block_alph {
    margin-left: 0;
    margin-top: 14px;
    justify-content: center
  }
  .sort__block.sort__block_alph a.sort__link {
    font-size: 14px;
    padding: 2px 8px 4px
  }
}
@media (max-width:360px) {
  .sort__block.sort__block_alph a.sort__link:not(:last-child) {
    margin-right: 4px
  }
}