@charset "UTF-8";
.crop.crop-count-6 [data-show-all-item]:nth-child(n+7) {
  display: none;
}
.crop.crop-count-10 [data-show-all-item]:nth-child(n+11) {
  display: none;
}

.PageHeader__title {
  margin-bottom: 35px;
}

body.overflowed {
  overflow: hidden;
}
@keyframes opacityHint {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.Overlay {
  position: fixed;
  z-index: 19;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: opacityHint 0.5s forwards;
}

.header {
  z-index: 10 !important;
}

.Catalog__listing {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 1050px) {
  .Catalog__listing {
    margin: 0 -5px;
  }
}
@media screen and (max-width: 350px) {
  .Catalog__listing {
    margin: 0;
  }
}
.Catalog__listingList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Catalog__listingItem {
  width: calc(25% - 20px);
  margin: 0 10px 20px;
}

@media screen and (max-width: 1250px) {
  .Catalog__listingItem {
    width: calc(33.3333333333% - 20px);
  }
}
@media screen and (max-width: 1050px) {
  .Catalog__listingItem {
    width: calc(33.3333333333% - 10px);
    margin: 0 5px 10px;
  }
}
@media screen and (max-width: 600px) {
  .Catalog__listingItem {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 350px) {
  .Catalog__listingItem {
    width: 100%;
    margin: 0 0 10px;
  }
}
.Catalog__listingListItem {
  margin-bottom: 20px;
}

.Catalog__moreButton {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 38px;
}

@media screen and (max-width: 800px) {
  .Catalog__moreButton {
    margin-bottom: 24px;
  }
}
.Catalog__brandsTitle {
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 11px;
}

@media screen and (max-width: 1050px) {
  .Catalog__brandsTitle {
    font-size: 26px;
    line-height: 29px;
  }
}
.Catalog__brandsList {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 800px) {
  .Catalog__brandsList {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    margin: 0 -24px;
  }
  .Catalog__brandsList::before, .Catalog__brandsList::after {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    content: "";
  }
}
.Catalog__brandsList::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.Catalog__brandsItem {
  width: 20%;
  margin-top: 20px;
  margin-right: 20px;
}

@media screen and (max-width: 1050px) {
  .Catalog__brandsItem {
    margin-right: 10px;
  }
}
@media screen and (max-width: 900px) {
  .Catalog__brandsItem {
    margin-top: 10px;
  }
}
@media screen and (max-width: 800px) {
  .Catalog__brandsItem {
    flex-shrink: 0;
    width: calc(45vw - 29px);
  }
  .Catalog__brandsItem:only-child {
    width: calc(100vw - 48px);
  }
}
@media screen and (max-width: 600px) {
  .Catalog__brandsItem {
    width: calc(65vw - 29px);
  }
}
@media screen and (max-width: 350px) {
  .Catalog__brandsItem {
    width: calc(80vw - 29px);
  }
}
.Catalog__brandsItem:last-child {
  margin-right: 0;
}

.CardSnippet {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px 16px;
  text-decoration: none;
  color: currentColor;
  border: 1px solid #efeff3;
  border-radius: 3px;
  transition: border-color 0.1s;
  position: relative;
}

.CardSnippet:hover {
  border-color: #d7d7df;
}

.CardSnippet__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
  margin-bottom: 7px;
}

@media screen and (max-width: 1050px) {
  .CardSnippet__image {
    height: 155px;
  }
}
@media screen and (max-width: 600px) {
  .CardSnippet__image {
    height: 120px;
  }
}
.CardSnippet__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.CardSnippet__rating {
  margin-bottom: 12px;
}

@media screen and (max-width: 900px) {
  .CardSnippet__rating {
    margin-bottom: 5px;
  }
}
.CardSnippet__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: auto;
  text-decoration: none;
  text-overflow: ellipsis;
  color: currentColor;
}

@media screen and (max-width: 1050px) {
  .CardSnippet__title {
    font-size: 14px;
    line-height: 18px;
    word-break: break-word;
  }
}
.CardSnippet__availability {
  margin-top: 7px;
  margin-bottom: 8px;
  text-transform: lowercase;
  color: #0a9c68;
}

.CardSnippet__availability_sold {
  color: #a9a9b3;
}

@media screen and (max-width: 1050px) {
  .CardSnippet__availability {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 900px) {
  .CardSnippet__availability {
    font-size: 12px;
    text-align: right;
  }
}
@media screen and (max-width: 800px) {
  .CardSnippet__availability {
    font-size: 14px;
    text-align: left;
  }
}
.CardSnippet__priceWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 900px) {
  .CardSnippet__priceWrap {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
@media screen and (max-width: 800px) {
  .CardSnippet__priceWrap {
    flex-direction: row;
    align-items: center;
  }
}
.CardSnippet__title + .CardSnippet__priceWrap {
  margin-top: 20px;
}

.CardSnippet__price {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #31313a;
}

@media screen and (max-width: 800px) {
  .CardSnippet__price {
    font-size: 16px;
    line-height: 21px;
  }
}
.CardSnippet__priceOld {
  font-size: 14px;
  margin-left: 14px;
  text-decoration: line-through;
  color: #a9a9b3;
}

@media screen and (max-width: 800px) {
  .CardSnippet__priceOld {
    font-size: 12px;
  }
}
.CardSnippet__button {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .CardSnippet__button {
    min-width: 0;
  }
}
.CardSnippet__actions {
  position: absolute;
  top: 9px;
  right: 9px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.8);
}

.CardSnippet__action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 7px;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}

.CardSnippet__action:hover {
  color: #31313a;
}

.CardSnippet__action_type_compare {
  padding: 5px;
}

.CardSnippet__action_type_favorite {
  padding: 4px;
}

.CardSnippet[data-in-compare] .CardSnippet__action_type_compare, .CardSnippet[data-in-compare] .CardSnippet__action_type_remove, .CardSnippet[data-in-favorite] .CardSnippet__action_type_favorite {
  color: #ff8c21;
}

.CardSnippet__actionIcon {
  width: 100%;
  height: 100%;
}

.CardSnippet__labels {
  position: absolute;
  top: 9px;
  left: 9px;
}

.CardListSnippet {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 30px 30px 23px 23px;
  border: 1px solid #efeff3;
  border-radius: 3px;
  transition: border-color 0.1s;
}

@media screen and (max-width: 1050px) {
  .CardListSnippet {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet {
    flex-direction: column;
  }
}
.CardListSnippet:hover {
  border-color: #d7d7df;
}

.CardListSnippet__imageWrap {
  flex-shrink: 0;
  width: 220px;
  margin-right: 10px;
}

@media screen and (max-width: 1250px) {
  .CardListSnippet__imageWrap {
    width: 160px;
  }
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__imageWrap {
    width: 140px;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet__imageWrap {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__imageWrap {
    width: 100%;
    margin: 0;
  }
}
.CardListSnippet__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.CardListSnippet__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.CardListSnippet__labels {
  position: absolute;
  top: -13px;
  left: -2px;
}

@media screen and (max-width: 1050px) {
  .CardListSnippet__labels {
    top: -5px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__labels {
    top: 0;
    left: 0;
  }
}
.CardListSnippet__actions {
  position: absolute;
  top: -8px;
  right: 8px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 1050px) {
  .CardListSnippet__actions {
    top: -5px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__actions {
    top: 0;
    right: 0;
  }
}
.CardListSnippet__action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 7px;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}

.CardListSnippet__action:hover {
  color: #31313a;
}

.CardListSnippet__action_type_compare {
  padding: 5px;
}

.CardListSnippet__action_type_favorite {
  padding: 4px;
}

.CardListSnippet[data-in-compare] .CardListSnippet__action_type_compare, .CardListSnippet[data-in-favorite] .CardListSnippet__action_type_favorite {
  color: #ff8c21;
}

.CardListSnippet__actionIcon {
  width: 100%;
  height: 100%;
}

.CardListSnippet__info {
  flex-grow: 1;
  max-width: 465px;
  margin-right: 32px;
}

@media screen and (max-width: 900px) {
  .CardListSnippet__info {
    order: 1;
    max-width: none;
    margin-top: 20px;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__info {
    margin-top: 10px;
  }
}
.CardListSnippet__rating {
  margin-bottom: 12px;
}

.CardListSnippet__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  display: block;
  margin-bottom: 6px;
  text-decoration: none;
  color: currentColor;
}

@media screen and (max-width: 1050px) {
  .CardListSnippet__title {
    font-size: 16px;
    line-height: 19px;
  }
}
.CardListSnippet__specifications {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 1050px) {
  .CardListSnippet__specifications {
    font-size: 12px;
    line-height: 16px;
  }
}
.CardListSnippet__specification {
  display: flex;
  align-items: flex-start;
  padding: 6px 0;
  border-bottom: 1px solid #efeff3;
}

@media screen and (max-width: 350px) {
  .CardListSnippet__specification {
    flex-direction: column;
  }
}
.CardListSnippet__specification:last-child {
  border-bottom: none;
}

.CardListSnippet__specificationTitle {
  width: 62%;
  padding-right: 10px;
}

@media screen and (max-width: 350px) {
  .CardListSnippet__specificationTitle {
    width: 100%;
    padding: 0;
    color: #a9a9b3;
  }
}
.CardListSnippet__specificationText {
  width: 38%;
}

@media screen and (max-width: 350px) {
  .CardListSnippet__specificationText {
    width: 100%;
  }
}
.CardListSnippet__priceInfo {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 200px;
}

@media screen and (max-width: 1250px) {
  .CardListSnippet__priceInfo {
    width: 150px;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet__priceInfo {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__priceInfo {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    order: 2;
    width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .CardListSnippet__priceInfo {
    flex-direction: column;
    align-items: flex-end;
  }
}
.CardListSnippet__availability {
  margin-bottom: auto;
  text-transform: lowercase;
  color: #0a9c68;
}

.CardListSnippet__availability_sold {
  color: #a9a9b3;
}

@media screen and (max-width: 1050px) {
  .CardListSnippet__availability {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__availability {
    margin-bottom: 0;
  }
}
.CardListSnippet__price {
  margin-top: 10px;
}

@media screen and (max-width: 600px) {
  .CardListSnippet__price {
    margin-top: 0;
  }
}
.CardListSnippet__priceText {
  margin-bottom: 5px;
  color: #a9a9b3;
}

@media screen and (max-width: 1050px) {
  .CardListSnippet__priceText {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__priceText {
    display: none;
  }
}
.CardListSnippet__priceWrap {
  display: flex;
  align-items: flex-end;
  margin-bottom: 3px;
}

@media screen and (max-width: 1250px) {
  .CardListSnippet__priceWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet__priceWrap {
    flex-direction: row;
    align-items: flex-end;
  }
}
.CardListSnippet__priceActual {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  color: #1a1a1c;
}

@media screen and (max-width: 1050px) {
  .CardListSnippet__priceActual {
    font-size: 18px;
    line-height: 22px;
  }
}
.CardListSnippet__priceOld {
  font-size: 14px;
  margin-left: 6px;
  text-decoration: line-through;
  color: #a9a9b3;
}

@media screen and (max-width: 1250px) {
  .CardListSnippet__priceOld {
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet__priceOld {
    margin-left: 6px;
  }
}
.CardListSnippet__benefit {
  font-size: 14px;
  line-height: 18px;
}

@media screen and (max-width: 1050px) {
  .CardListSnippet__benefit {
    font-size: 12px;
    line-height: 16px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__benefit {
    text-align: right;
  }
}
.CardListSnippet__button {
  width: 100%;
  margin-top: 18px;
}

.SidebarPage__content {
  flex-grow: 1;
}

.Catalog__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 16px;
  border-bottom: 1px solid #efeff3;
}

@media screen and (max-width: 1050px) {
  .Catalog__header {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .Catalog__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.Catalog__view {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .Catalog__view {
    width: 100%;
    margin-top: 10px;
  }
}
.SelectLinks {
  display: flex;
  align-items: center;
}

.SelectLinks__title {
  margin-right: 4px;
  color: #a9a9b3;
}

.SelectLinks__select {
  padding: 0 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

.Catalog__snippetTypeWrap {
  display: flex;
  align-items: center;
  margin-left: 32px;
}

.Catalog__snippetTypeWrap {
  display: flex;
  align-items: center;
  margin-left: 32px;
}

@media screen and (max-width: 1050px) {
  .Catalog__snippetTypeWrap {
    margin-left: 16px;
  }
}
@media screen and (max-width: 600px) {
  .Catalog__snippetTypeWrap {
    margin-left: 0;
    position: absolute;
    right: 0;
    top: -34px;
    flex-direction: column;
  }
}
.Catalog__snippetType {
  width: 24px;
  height: 24px;
  margin-left: 12px;
  color: #d7d7df;
}

.Catalog__snippetType:first-child {
  margin-left: 0;
}

@media screen and (max-width: 600px) {
  .Catalog__snippetType {
    margin-left: 0;
    margin-top: 6px;
  }
  .Catalog__snippetType:first-child {
    margin-top: 0;
  }
}
.Catalog__snippetType::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  border: 2px solid currentColor;
  border-radius: 1px;
  transition: color 0.3s, filter 0.3s;
}

.Catalog__snippetType:hover::before, .Catalog__snippetType.active::before {
  color: #0a9c68;
}

.Catalog__snippetType.active {
  pointer-events: none;
}

.Catalog__snippetType_type_blocks::before {
  width: 10px;
  height: 10px;
  filter: drop-shadow(14px 0 0 currentColor) drop-shadow(0 14px 0 currentColor);
}

.Catalog__snippetType_type_list::before {
  width: 24px;
  height: 6px;
  filter: drop-shadow(0 9px 0 currentColor) drop-shadow(0 9px 0 currentColor);
}

.SidebarPage {
  display: flex;
  margin-bottom: 30px;
}

@media screen and (max-width: 800px) {
  .SidebarPage {
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.SidebarPage__sidebar {
  flex-shrink: 0;
  width: 280px;
  margin-right: 60px;
}

@media screen and (max-width: 1384px) {
  .SidebarPage__sidebar {
    width: 240px;
  }
}
@media screen and (max-width: 1050px) {
  .SidebarPage__sidebar {
    width: 220px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarPage__sidebar {
    width: 100%;
  }
  .SidebarPage__sidebar .Filter {
    position: fixed;
    z-index: 10;
    top: 57px;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    padding: 24px 24px 90px;
    background-color: #ffffff;
  }
}
@media screen and (max-width: 800px) {
  .SidebarPage__sidebar .Filter.show {
    display: block;
  }
  .SidebarPage__sidebar .Filter.show .Filter__mobileHeader {
    display: flex;
  }
}
.SidebarPage__sidebar_border {
  border-right: 1px solid #efeff3;
}

@media screen and (max-width: 800px) {
  .SidebarPage__sidebar_border {
    border-right: none;
  }
}
.SidebarPage__filterMobileButton {
  display: none;
  width: 100%;
  margin-bottom: 26px;
  border-radius: 3px;
}

@media screen and (max-width: 800px) {
  .SidebarPage__filterMobileButton {
    display: block;
  }
}
.SidebarPage__content {
  flex-grow: 1;
}

.RightSidebarPage {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 800px) {
  .RightSidebarPage {
    flex-direction: column;
    align-items: stretch;
  }
}
.RightSidebarPage__sidebar {
  position: sticky;
  top: 140px;
  flex-shrink: 0;
  width: 320px;
  margin-left: 24px;
}

@media screen and (max-width: 1250px) {
  .RightSidebarPage__sidebar {
    width: 250px;
  }
}
@media screen and (max-width: 800px) {
  .RightSidebarPage__sidebar {
    position: relative;
    top: 0;
    width: 100%;
    margin-left: 0;
  }
}
.RightSidebarPage__content {
  width: calc(100% - 320px - 24px);
  margin-bottom: 20px;
}

@media screen and (max-width: 1250px) {
  .RightSidebarPage__content {
    width: calc(100% - 250px - 24px);
  }
}
@media screen and (max-width: 800px) {
  .RightSidebarPage__content {
    width: 100%;
  }
}
.SidebarSection {
  margin-bottom: 48px;
}

@media screen and (max-width: 800px) {
  .SidebarSection {
    margin-bottom: 20px;
  }
}
.SidebarSection__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__title {
    font-size: 16px;
    line-height: 19px;
  }
}
.SidebarSection__wrap {
  padding: 30px;
  border-radius: 3px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
}

@media screen and (max-width: 800px) {
  .SidebarSection__wrap {
    padding: 0;
    box-shadow: none;
  }
}
.SidebarSection__price {
  margin-bottom: 24px;
  padding-bottom: 4px;
  border-bottom: 1px solid #efeff3;
}

.SidebarSection__priceTitle {
  color: #a9a9b3;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__priceTitle {
    font-size: 14px;
    line-height: 18px;
  }
}
.SidebarSection__priceWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.SidebarSection__priceNew {
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  margin-right: 9px;
  color: #1a1a1c;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__priceNew {
    font-size: 26px;
    line-height: 29px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceNew {
    font-size: 30px;
    line-height: 33px;
  }
}
.SidebarSection__priceOld {
  font-size: 14px;
  line-height: 18px;
  text-decoration: line-through;
  color: #a9a9b3;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__priceOld {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceOld {
    font-size: 14px;
  }
}
.SidebarSection__priceBenefit {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  margin-bottom: 11px;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__priceBenefit {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceBenefit {
    font-size: 14px;
  }
}
.SidebarSection__priceButton {
  width: 100%;
  margin-top: 8px;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__priceButton {
    font-size: 14px;
    line-height: 18px;
    height: 40px;
  }
}
.SidebarSection__priceCredit {
  font-size: 14px;
  line-height: 18px;
  margin-top: 14px;
  margin-bottom: 19px;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__priceCredit {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceCredit {
    font-size: 14px;
  }
}
.SidebarSection__priceCredit::before {
  top: -2px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 8px;
  content: "";
  border-radius: 50%;
  background-color: #0a9c68;
}

.SidebarSection__priceText {
  font-size: 14px;
  line-height: 18px;
  margin: 11px auto;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__priceText {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceText {
    font-size: 14px;
  }
}
.SidebarSection__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__actions {
    flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__actions {
    flex-direction: row;
  }
}
.SidebarSection__action {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}

@media screen and (max-width: 1250px) {
  .SidebarSection__action {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
  }
  .SidebarSection__action:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__action {
    margin-bottom: 0;
  }
}
.SidebarSection__action:hover {
  color: #0a9c68;
}

.Card[data-in-compare] .SidebarSection__action_type_compare, .Card[data-in-favorite] .SidebarSection__action_type_favorite {
  color: #ff8c21;
}

.SidebarSection__actionIcon {
  width: 21px;
  height: 19px;
  margin-right: 7px;
}

@media screen and (max-width: 800px) {
  .SidebarSection__docs {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
  }
}
.SidebarSection__docItem {
  margin-bottom: 24px;
}

@media screen and (max-width: 800px) {
  .SidebarSection__docItem {
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    width: calc(50% - 20px);
    margin: 10px;
    color: #a9a9b3;
  }
}
.SidebarSection__docItem:last-child {
  margin-bottom: 0;
}

.SidebarSection__docImage {
  margin-bottom: 9px;
}

@media screen and (max-width: 800px) {
  .SidebarSection__docImage {
    margin-top: 9px;
    margin-bottom: 0;
  }
}
.Filter__button {
  width: 100%;
  height: 49px;
  margin-top: 12px;
}

@media screen and (max-width: 1050px) {
  .Filter__button {
    height: 42px;
  }
}
.Filter__button_type_submit {
  margin-top: 0;
}

@media screen and (max-width: 800px) {
  .Filter__button_type_submit {
    position: fixed;
    z-index: 2;
    right: 24px;
    bottom: 24px;
    left: 24px;
    width: auto;
  }
}
@media screen and (max-width: 800px) {
  .Filter__button_type_reset {
    display: none;
  }
}
.Filter__submitTooltip {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: calc(100% + 18px);
  display: none;
  pointer-events: all;
  transform: translateY(-50%);
}

.Filter__submitTooltip.show {
  display: block;
}

@media screen and (max-width: 800px) {
  .Filter__submitTooltip.show {
    display: none;
  }
}
.Filter__submitTooltip::before {
  position: absolute;
  top: 50%;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  pointer-events: none;
  background-color: #0a9c68;
  transition: background-color 0.1s;
  transform: translateY(-50%) rotate(45deg);
}

.Filter__submitTooltip:hover::before {
  background-color: #088458;
}

.Filter__submitTooltipButton {
  width: 115px;
  height: 53px;
  border-radius: 4px;
}

.Filter__mobileHeader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  height: 56px;
  background-color: #ffffff;
}

.Filter__mobileHeader::before {
  position: fixed;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 90px;
  content: "";
  background-color: #ffffff;
}

.Filter__mobileHeaderReset {
  position: absolute;
  top: 19px;
  left: 24px;
  text-decoration: none;
  pointer-events: none;
  opacity: 0;
  color: #0a9c68;
}

.Filter__mobileHeaderReset.show {
  pointer-events: all;
  opacity: 1;
}

.Filter__mobileHeaderTitle {
  font-weight: 500;
}

.Filter__mobileHeaderCross {
  position: absolute;
  top: 19px;
  right: 24px;
}

.FilterSection {
  padding: 28px 0;
  border-top: 1px solid #efeff3;
}

@media screen and (max-width: 1050px) {
  .FilterSection {
    padding: 14px 0;
  }
}
.FilterSection:first-child {
  padding-top: 0;
  border-top: none;
}

.FilterSection__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 20px;
  padding-right: 12px;
  cursor: pointer;
}

@media screen and (max-width: 1050px) {
  .FilterSection__title {
    font-size: 14px;
    line-height: 18px;
  }
}
.FilterSection__title::after {
  position: absolute;
  top: 7px;
  right: 2px;
  display: block;
  width: 9px;
  height: 9px;
  content: "";
  border-top: 1px solid #d7d7df;
  border-left: 1px solid #d7d7df;
  transition: border-color 0.3s, transform 0.3s, top 0.3s;
  transform: rotate(45deg);
}

.FilterSection__title:hover::after {
  border-color: #a9a9b3;
}

.FilterSection__title.crop {
  margin-bottom: 0;
}

.FilterSection__title.crop::after {
  top: 3px;
  transform: rotate(225deg);
}

.FilterSection__title.crop ~ .ShowAllButton {
  display: none;
}

.FilterSection__wrap.closed {
  display: none;
}

.FilterSection__checkbox {
  margin-top: 13px;
}

@media screen and (max-width: 1050px) {
  .FilterSection__checkbox {
    margin-top: 8px;
  }
}
.FilterSection__checkbox:first-child {
  margin-top: 0;
}

.FilterSection__input {
  padding: 9px 12px;
  border-color: #efeff3;
}

.FilterSection__input:focus {
  border-color: #d7d7df;
  outline: none;
}

@media screen and (max-width: 1050px) {
  .FilterSection__range {
    margin-bottom: 12px;
  }
}
.FilterSection__textRangeWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 23px;
}

.FilterSection__textRange {
  width: calc(50% - 10px);
}

.FilterSection__search {
  margin-bottom: 22px;
}

.FilterSection__list {
  margin-bottom: 11px;
}

.FilterSection__sectionTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 20px;
  text-decoration: underline;
}

.FilterSection__sectionMenu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.FilterSection__sectionMenuItem {
  padding: 6px 0;
}

.FilterSection__sectionMenuLink {
  text-decoration: none;
  color: currentColor;
}

.FilterSection__sectionMenuLink:hover {
  text-decoration: underline;
}

.Slider {
  overflow: hidden;
  margin: 0 -1px;
  padding: 0 1px;
  list-style: none;
}

@media screen and (max-width: 800px) {
  .Slider {
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 800px) {
  .Slider_fullscreen .Slider__item {
    width: calc(100vw - 80px);
  }
}
.Slider__wrap {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  transition-property: transform;
}

@media screen and (max-width: 800px) {
  .Slider__wrap {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
  }
  .Slider__wrap::before, .Slider__wrap::after {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    content: "";
  }
}
.Slider__wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.Slider__item {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  max-width: 20%;
  margin-right: 20px;
  transition-property: transform;
}

@media screen and (max-width: 1250px) {
  .Slider__item {
    max-width: 25%;
  }
}
@media screen and (max-width: 900px) {
  .Slider__item {
    margin-right: 10px;
  }
}
@media screen and (max-width: 800px) {
  .Slider__item {
    flex-shrink: 0;
    width: calc(45vw - 29px);
    max-width: none;
  }
  .Slider__item:only-child {
    width: calc(100vw - 48px);
  }
}
@media screen and (max-width: 600px) {
  .Slider__item {
    width: calc(65vw - 29px);
  }
}
@media screen and (max-width: 350px) {
  .Slider__item {
    width: calc(80vw - 29px);
  }
}
.swiper-initialized .Slider__item {
  flex-grow: 0;
  flex-shrink: 0;
}

.Slider__item:last-child {
  margin-right: 0;
}

.Slider__bulletsPagination {
  position: absolute;
  right: 0;
  bottom: 27px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

@media screen and (max-width: 800px) {
  .Slider__bulletsPagination {
    display: none;
  }
}
.Slider__bulletsPaginationItem {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  cursor: pointer;
  pointer-events: auto;
  border: 2px solid transparent;
  border-radius: 50%;
  background-color: #ffffff;
  transition: border-color 0.1s;
}

.Slider__bulletsPaginationItem:hover, .Slider__bulletsPaginationItem.current {
  border-color: #5d5d5d;
}

.Slider__fractionPagination {
  color: #d7d7df;
}

.Slider__fractionPagination span.current {
  color: #a9a9b3;
}

.CardSnippet__rating {
  margin-bottom: 12px;
}

@media screen and (max-width: 900px) {
  .CardSnippet__rating {
    margin-bottom: 5px;
  }
}
.Rating {
  display: flex;
  align-items: center;
}

.Rating__wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.Rating__input {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

.Rating__star {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  padding: 0 2px;
  color: #d7d7df;
  transition: color 0.1s;
}

@media screen and (max-width: 900px) {
  .Rating__star {
    width: 15px;
    height: 15px;
  }
}
div.Rating__star:first-child {
  padding-right: 0;
}

label.Rating__star {
  cursor: pointer;
}

label.Rating__star:nth-child(2) {
  padding-right: 0;
}

label.Rating__star:hover, label.Rating__star:hover ~ label.Rating__star {
  color: #ff8c21;
}

.Rating__star:last-child {
  padding-left: 0;
}

.Rating__star.current, .Rating__star.current ~ .Rating__star, .Rating__input:checked ~ .Rating__star {
  color: #ff8c21;
}

.Rating__icon {
  width: 100%;
  height: 100%;
}

.Rating__count {
  font-size: 14px;
  line-height: 18px;
  margin-left: 9px;
  color: #a9a9b3;
}

.SectionHeader__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  margin: 0;
  margin-right: 20px;
}

@media screen and (max-width: 1050px) {
  .SectionHeader__title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media screen and (max-width: 800px) {
  .SectionHeader__title {
    font-size: 26px;
    line-height: 29px;
  }
}
.SectionHeader__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 109px;
}

@media screen and (max-width: 800px) {
  .SectionHeader__controls {
    display: none;
  }
}
.SectionHeader__link {
  display: block;
  margin: 5px 0;
  text-decoration: underline;
  color: #0a9c68;
}

@media screen and (max-width: 1050px) {
  .SectionHeader__link {
    font-size: 14px;
    line-height: 18px;
  }
}
.SectionHeader__link:hover {
  text-decoration: none;
}

.Card__info {
  display: flex;
}

@media screen and (max-width: 1050px) {
  .Card__info {
    flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  .Card__info {
    margin: 0 -24px 20px;
  }
}
.Card__imageWrap {
  width: 545px;
  margin-right: 20px;
}

@media screen and (max-width: 1384px) {
  .Card__imageWrap {
    width: 400px;
  }
}
@media screen and (max-width: 1050px) {
  .Card__imageWrap {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .Card__imageWrap {
    margin-bottom: 20px;
  }
}
.Card__labels {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
}

@media screen and (max-width: 800px) {
  .Card__labels {
    left: 24px;
  }
}
.Card__label {
  font-size: 18px;
  line-height: 22px;
  width: 57px;
  height: 57px;
  margin-bottom: 8px;
}

@media screen and (max-width: 1250px) {
  .Card__label {
    font-size: 16px;
    line-height: 19px;
    width: 48px;
    height: 48px;
  }
}
.Card__label_type_gift {
  padding: 15px;
}

@media screen and (max-width: 1250px) {
  .Card__label_type_gift {
    padding: 10px;
  }
}
.Card__image {
  max-width: none;
  max-height: 440px;
  padding: 20px;
}

@media screen and (max-width: 800px) {
  .Card__image {
    padding: 0;
  }
}
.Card__imageGalleryControlsWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
}

@media screen and (max-width: 800px) {
  .Card__imageGalleryControlsWrap {
    display: none;
  }
}
.Card__imageGalleryControls {
  display: flex;
}

.Card__imageGalleryControl {
  margin-left: 12px;
}

.Card__descriptionWrap {
  flex-grow: 1;
}

@media screen and (max-width: 800px) {
  .Card__descriptionWrap {
    padding: 0 24px;
  }
}
.Card__descriptionArticle {
  margin-bottom: 12px;
  color: var(--colorGreyNormal);
}

@media screen and (max-width: 1250px) {
  .Card__descriptionArticle {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
  }
}
.Card__descriptionBadges {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
}

.Card__descriptionBadge {
  margin: 6px;
  padding: 7px 14px;
  color: var(--colorWhite);
  border-radius: 5px;
  background-color: var(--colorBrand);
}

@media screen and (max-width: 1250px) {
  .Card__descriptionBadge {
    font-size: 14px;
    line-height: 18px;
    padding: 6px 8px;
  }
}
.Card__descriptionBadge:last-child {
  margin-right: 0;
}

.Card__descriptionBadge_color_orange {
  background-color: var(--colorBrandAdditional);
}

.Card__descriptionBadge_color_black {
  background-color: var(--colorBlack);
}

.Card__descriptionTitle {
  font-size: 18px;
  font-weight: var(--fontWeightBold);
  line-height: 22px;
  margin-top: 38px;
}

@media screen and (max-width: 1250px) {
  .Card__descriptionTitle {
    font-size: 16px;
    line-height: 19px;
    margin-top: 20px;
  }
}
.Card__descriptionList {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.Card__descriptionListItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 12px 0;
}

.Reviews__addReview {
  width: 250px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1050px) {
  .Reviews__addReview {
    width: 200px;
  }
}
@media screen and (max-width: 800px) {
  .Reviews__addReview {
    width: 100%;
    border-radius: 10px;
  }
}
.Reviews__info {
  margin-bottom: 30px;
}

.Reviews__list {
  margin: 0;
  margin-bottom: 28px;
  padding: 0;
  list-style: none;
}

.Reviews__item {
  border-top: 1px solid #efeff3;
}

.Reviews__item:last-child {
  border-bottom: 1px solid #efeff3;
}

.Reviews__form {
  display: none;
}

.Reviews__form.show {
  display: block;
}

.Reviews__formTitle {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 6px;
}

@media screen and (max-width: 1050px) {
  .Reviews__formTitle {
    font-size: 18px;
    line-height: 22px;
  }
}
.Reviews__formText {
  margin-bottom: 30px;
}

@media screen and (max-width: 1050px) {
  .Reviews__formText {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px;
  }
}
.Reviews__formSubtitle {
  margin-bottom: 5px;
}

@media screen and (max-width: 1050px) {
  .Reviews__formSubtitle {
    font-size: 14px;
    line-height: 18px;
  }
}
.Reviews__formSubmit {
  display: flex;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 30px;
}

@media screen and (max-width: 800px) {
  .Reviews__formSubmit {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 16px;
  }
}
.Reviews__formSubmitButton {
  width: 250px;
  margin-right: 23px;
}

@media screen and (max-width: 1050px) {
  .Reviews__formSubmitButton {
    width: 200px;
  }
}
@media screen and (max-width: 800px) {
  .Reviews__formSubmitButton {
    width: 100%;
    margin-top: 16px;
    margin-right: 0;
    border-radius: 10px;
  }
}
.Reviews__thanks {
  margin-bottom: 30px;
}

.SectionHeader__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 109px;
}

@media screen and (max-width: 800px) {
  .SectionHeader__controls {
    display: none;
  }
}
.SectionHeader__link {
  display: block;
  margin: 5px 0;
  text-decoration: underline;
  color: #0a9c68;
}

@media screen and (max-width: 1050px) {
  .SectionHeader__link {
    font-size: 14px;
    line-height: 18px;
  }
}
.SectionHeader__link:hover {
  text-decoration: none;
}

.SliderControl {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  padding: 0;
  cursor: pointer;
  pointer-events: auto;
  border: 1px solid;
  border-radius: 50%;
  background-color: transparent;
  transition: border-color 0.1s, background-color 0.1s;
}

.SliderControl::before {
  position: absolute;
  top: 50%;
  display: block;
  width: 9px;
  height: 9px;
  content: "";
  border-top: 2px solid;
  border-left: 2px solid;
}

.SliderControl_type_prev::before {
  left: calc(50% + 1px);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.SliderControl_type_next::before {
  left: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(135deg);
}

.SliderControl_color_light {
  border-color: rgba(169, 169, 179, 0.3);
}

.SliderControl_color_light:hover {
  border-color: transparent;
  background-color: rgba(169, 169, 179, 0.3);
}

.SliderControl_color_light::before {
  border-top-color: #ffffff;
  border-left-color: #ffffff;
}

.SliderControl_color_dark {
  border-color: #d7d7df;
}

.SliderControl_color_dark:hover {
  border-color: #a9a9b3;
}

.SliderControl_color_dark::before {
  border-top-color: #31313a;
  border-left-color: #31313a;
}

.SliderControl.swiper-button-disabled {
  pointer-events: none;
  border-color: #efeff3;
}

.SliderControl.swiper-button-disabled::before {
  border-top-color: #efeff3;
  border-left-color: #efeff3;
}

.SliderControl_bg_white {
  background-color: #ffffff;
}

.SectionHeader {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 1050px) {
  .SectionHeader {
    margin-bottom: 20px;
  }
}
.SectionHeader__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  margin: 0;
  margin-right: 20px;
}

@media screen and (max-width: 1050px) {
  .SectionHeader__title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media screen and (max-width: 800px) {
  .SectionHeader__title {
    font-size: 26px;
    line-height: 29px;
  }
}
.PageHeader__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  margin: 6px 0;
}

.HeaderMiddle {
  padding: 16px 0;
  border-bottom: 1px solid #efeff3;
}
@media screen and (max-width: 900px) {
  .HeaderMiddle {
    padding: 10px 0;
  }
}
.HeaderMiddle::after {
  position: absolute;
  bottom: 58px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #efeff3;
}
.HeaderMiddle__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.HeaderMiddle__logo {
  display: block;
  flex-shrink: 0;
  width: 181px;
  height: 41px;
  color: #31313a;
  transition: color 0.1s;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__logo {
    width: 172px;
    height: 36px;
  }
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__logo {
    width: 150px;
  }
}
a.HeaderMiddle__logo:hover {
  color: #FF822B;
}

.HeaderMiddle__logoIcon {
  display: block;
  width: 100%;
  height: 100%;
}
.HeaderMiddle__catalogButton {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 15px 30px 15px 20px;
  cursor: pointer;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  background-color: #FF822B;
  transition: background-color 0.1s;
  position: relative;
}
@media screen and (max-width: 1384px) {
  .HeaderMiddle__catalogButton {
    margin: 0 15px;
  }
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__catalogButton {
    font-size: 14px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__catalogButton {
    padding: 10px;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__catalogButton {
    order: -1;
    margin-left: 0;
    padding: 7px;
  }
}
.HeaderMiddle__catalogButton:hover {
  background-color: #f76500;
}
.HeaderMiddle__catalogButtonIcon {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__catalogButtonIcon {
    width: 15px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__catalogButtonIcon {
    width: 18px;
    margin-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__catalogButtonIcon {
    opacity: 0;
  }
}
.HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon {
  opacity: 1;
}
.HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon span {
  display: none;
}
.HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::before, .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::after {
  width: 21px;
  border-radius: 2px;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::before, .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::after {
    width: 18px;
  }
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::before, .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::after {
    width: 21px;
  }
}
.HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::before {
  top: 1px;
  left: 2px;
  transform: rotate(45deg);
  transform-origin: left top;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::before {
    top: 2px;
  }
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::before {
    top: 1px;
  }
}
.HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::after {
  top: 1px;
  right: 2px;
  left: auto;
  transform: rotate(-45deg);
  transform-origin: right top;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::after {
    top: 2px;
  }
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__catalogButton.active .HeaderMiddle__catalogButtonIcon::after {
    top: 1px;
  }
}
.HeaderMiddle__catalogButtonIcon span, .HeaderMiddle__catalogButtonIcon::before, .HeaderMiddle__catalogButtonIcon::after {
  position: absolute;
  left: 0;
  display: block;
  width: 18px;
  height: 2px;
  content: "";
  background-color: #ffffff;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__catalogButtonIcon span, .HeaderMiddle__catalogButtonIcon::before, .HeaderMiddle__catalogButtonIcon::after {
    width: 15px;
  }
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__catalogButtonIcon span, .HeaderMiddle__catalogButtonIcon::before, .HeaderMiddle__catalogButtonIcon::after {
    width: 18px;
  }
}
.HeaderMiddle__catalogButtonIcon::before {
  top: 2px;
}
.HeaderMiddle__catalogButtonIcon span {
  top: 8px;
}
.HeaderMiddle__catalogButtonIcon::after {
  top: 14px;
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__catalogButtonText {
    display: none;
  }
}
.HeaderMiddle__contactsButtonMobileIcon {
  position: absolute;
  top: 7px;
  left: 7px;
  display: none;
  width: 25px;
  height: 25px;
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__contactsButtonMobileIcon {
    display: block;
  }
}
.HeaderMiddle__catalogButton.active .HeaderMiddle__contactsButtonMobileIcon {
  opacity: 0;
}
.HeaderMiddle__search {
  width: 350px;
}
@media screen and (max-width: 1250px) {
  .HeaderMiddle__search {
    flex-grow: 1;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__search {
    display: none;
  }
}
.HeaderMiddle__contacts {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
@media screen and (max-width: 1384px) {
  .HeaderMiddle__contacts {
    margin: 0 15px;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__contacts {
    margin-right: 0;
  }
}
.HeaderMiddle__contactsInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 21px;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__contactsInfo {
    margin-right: 10px;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__contactsInfo {
    display: none;
  }
}
.HeaderMiddle__contactsPhone {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  color: #1a1a1c;
  transition: color 0.1s;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__contactsPhone {
    font-size: 18px;
    line-height: 22px;
  }
}
.HeaderMiddle__contactsPhone:hover {
  color: #FF822B;
}
.HeaderMiddle__contactsWorktime {
  font-size: 14px;
  line-height: 18px;
  color: #a9a9b3;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__contactsWorktime {
    font-size: 12px;
    line-height: 16px;
  }
}
.HeaderMiddle__contactsWhatsApp {
  display: block;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  padding: 5px;
  border-radius: 3px;
  background-color: #efeff3;
  transition: background-color 0.1s;
}
@media screen and (max-width: 1050px) {
  .HeaderMiddle__contactsWhatsApp {
    width: 38px;
    height: 38px;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__contactsWhatsApp {
    display: none;
  }
}
.HeaderMiddle__contactsWhatsApp:hover {
  background-color: #d7d7df;
}
.HeaderMiddle__contactsWhatsAppIcon {
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1));
}
.HeaderMiddle__contactsButton {
  display: none;
  width: 32px;
  height: 32px;
  padding: 7px 6px 5px;
  cursor: pointer;
  color: #31313a;
  border: none;
  border-radius: 3px;
  background-color: #dbeeea;
  transition: color 0.1s;
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__contactsButton {
    display: block;
  }
}
.HeaderMiddle__contactsButton:hover {
  color: #FF822B;
}
.HeaderMiddle__contactsButtonIcon {
  width: 100%;
  height: 100%;
}
.HeaderMiddle__actions {
  display: flex;
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__actions {
    position: fixed;
    z-index: 11;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: space-around;
    border-top: 1px solid #d7d7df;
    background-color: #ffffff;
  }
}
.HeaderMiddle__action {
  z-index: 3;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  margin-left: 37px;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
@media screen and (max-width: 1384px) {
  .HeaderMiddle__action {
    margin-left: 20px;
  }
}
@media screen and (max-width: 900px) {
  .HeaderMiddle__action {
    margin-left: 15px;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__action {
    margin-left: 0;
    padding: 18px 0;
  }
}
.HeaderMiddle__action_mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__action_mobile {
    display: flex;
  }
}
.HeaderMiddle__action:first-child {
  margin-left: 0;
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__action:first-child {
    color: #FF822B;
  }
}
.HeaderMiddle__action:nth-child(2) {
  margin-left: 0;
}
.HeaderMiddle__action:hover {
  color: #31313a;
}
.HeaderMiddle__action.active {
  color: #31313a;
}
.HeaderMiddle__action.active:hover {
  color: #FF822B;
}
.HeaderMiddle__action.active:hover + .TooltipList {
  pointer-events: auto;
  opacity: 1;
}
.HeaderMiddle__actionIcon {
  display: block;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-bottom: 6px;
}
@media screen and (max-width: 1250px) {
  .HeaderMiddle__actionIcon {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__actionIcon {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 350px) {
  .HeaderMiddle__actionIcon {
    width: 16px;
    height: 16px;
  }
}
.HeaderMiddle__actionCounter {
  font-size: 11px;
  line-height: 1;
  position: absolute;
  top: -5px;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 18px;
  height: 18px;
  padding: 2px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #FF822B;
  transform: translateX(calc(-50% + 15px));
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__actionCounter {
    font-size: 9px;
    top: 9px;
    min-width: 14px;
    height: 14px;
    transform: translateX(calc(-50% + 9px));
  }
}
.HeaderMiddle__actionCounter:empty {
  display: none;
}
.HeaderMiddle__actionText {
  font-size: 14px;
  line-height: 1;
  display: block;
  color: #a9a9b3;
}
@media screen and (max-width: 1250px) {
  .HeaderMiddle__actionText {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .HeaderMiddle__actionText {
    font-size: 13px;
    display: block;
    color: currentColor;
  }
}
@media screen and (max-width: 350px) {
  .HeaderMiddle__actionText {
    font-size: 11px;
  }
}

.TooltipList {
  position: absolute;
  z-index: 20;
  top: 62px;
  right: -1px;
  width: 387px;
  pointer-events: none;
  opacity: 0;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  transition: opacity 0.1s;
}
@media screen and (max-width: 1050px) {
  .TooltipList {
    top: 49px;
  }
}
@media screen and (max-width: 900px) {
  .TooltipList {
    top: 43px;
  }
}
@media screen and (max-width: 800px) {
  .TooltipList {
    display: none;
  }
}
.TooltipList_type_cartAdd {
  width: 327px;
}
.TooltipList_type_cartAdd .TooltipList__wrap {
  padding: 30px 30px 0;
}
.TooltipList_type_cartAdd .TooltipList__footer {
  margin-top: 0;
  padding: 0 30px 30px;
  border-top: none;
}
.TooltipList_type_compare .TooltipList__wrap, .TooltipList_type_cart .TooltipList__wrap {
  padding: 30px 20px 0 15px;
}
.TooltipList_type_compare .TooltipList__list, .TooltipList_type_cart .TooltipList__list {
  max-height: 254px;
  margin: 0;
}
.TooltipList_type_favorite .TooltipList__wrap {
  padding: 30px 20px 30px 30px;
}
.TooltipList_type_favorite .TooltipList__list {
  max-height: 350px;
  margin: 0 0 16px;
}
.TooltipList:hover {
  pointer-events: auto;
  opacity: 1;
}
.TooltipList.hidden {
  pointer-events: none;
  opacity: 0;
}
.TooltipList::before {
  position: absolute;
  top: -40px;
  left: 0;
  display: block;
  width: 100%;
  height: 40px;
  content: "";
}
.TooltipList__title {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 10px;
}
.TooltipList__list {
  overflow-y: auto;
  padding: 0 16px 0 0;
  list-style: none;
}
.TooltipList__item {
  min-height: 81px;
  padding-right: 30px;
  border-bottom: 1px solid #efeff3;
  transition: color 0.1s;
  position: relative;
}
.TooltipList__item:last-child {
  border: none;
}
.TooltipList__item.disabled .TooltipList__itemLink {
  color: #a9a9b3;
}
.TooltipList__item.disabled .TooltipList__itemLink:hover {
  color: #FF822B;
}
.TooltipList__item.disabled .TooltipList__itemImage {
  opacity: 0.5;
}
.TooltipList__item.disabled .TooltipList__itemPrice {
  color: #d7d7df;
}
.TooltipList__item.disabled .TooltipList__itemPriceOld {
  color: #d7d7df;
}
.TooltipList__itemLink {
  display: flex;
  align-items: center;
  padding: 9px 0;
  text-decoration: none;
  color: #31313a;
  transition: color 0.1s;
}
.TooltipList__item:first-child .TooltipList__itemLink {
  padding-top: 0;
}
.TooltipList__item:last-child .TooltipList__itemLink {
  padding-bottom: 0;
}
.TooltipList__itemLink:hover {
  color: #FF822B;
}
.TooltipList__itemImage {
  flex-shrink: 0;
  width: 80px;
  margin-right: 12px;
}
.TooltipList__itemImage img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.TooltipList__itemTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  flex-grow: 1;
}
.TooltipList__itemPriceWrap {
  display: flex;
  align-items: center;
  padding-top: 8px;
}
.TooltipList__itemPrice {
  font-weight: 500;
  color: #31313a;
}
.TooltipList__itemPriceOld {
  font-size: 14px;
  margin-left: 6px;
  text-decoration: line-through;
  color: #a9a9b3;
}
.TooltipList__itemDelete {
  position: absolute;
  top: 15px;
  right: 4px;
  display: none;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  color: #d7d7df;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
.TooltipList__item:first-child .TooltipList__itemDelete {
  top: 6px;
}
.TooltipList__item:hover .TooltipList__itemDelete {
  display: block;
}
.TooltipList__itemDelete:hover {
  color: #a9a9b3;
}
.TooltipList__itemDelete svg {
  width: 100%;
  height: 100%;
}
.TooltipList__itemSoldInfo {
  position: absolute;
  right: 1px;
  bottom: 15px;
  display: none;
  width: 25px;
  height: 25px;
  cursor: pointer;
  color: #d7d7df;
  transition: color 0.1s;
}
.TooltipList__itemSoldInfo svg {
  width: 100%;
  height: 100%;
}
.TooltipList__itemSoldInfo:hover {
  color: #FF822B;
}
.TooltipList__itemSoldInfo:hover .Tooltip {
  display: block;
  pointer-events: auto;
  opacity: 1;
}
.TooltipList__item:last-child .TooltipList__itemSoldInfo {
  bottom: 6px;
}
.TooltipList__item:last-child .TooltipList__itemSoldInfo .Tooltip {
  top: auto;
  bottom: 30px;
}
.TooltipList__item.disabled .TooltipList__itemSoldInfo {
  display: block;
}
.TooltipList__resetAll {
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  color: #FF822B;
  border: 0;
  background-color: transparent;
}
.TooltipList__resetAll:hover {
  text-decoration: none;
}
.TooltipList__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 20px 20px 20px 15px;
  border-top: 1px solid #efeff3;
}
.TooltipList__footerPriceWrap {
  margin-right: 20px;
}
.TooltipList__footerPriceText {
  margin-bottom: 5px;
  color: #a9a9b3;
}
.TooltipList__footerPrice {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  color: #1a1a1c;
}
.TooltipList__footerLink:only-child {
  flex-grow: 1;
}

.Button {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 42px;
  padding: 0 12px;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #FF822B;
  border: 1px solid transparent;
  border-radius: 15px;
  background-color: #F1F1F1;
}
.Button_radius_10 {
  border-radius: 10px;
}

.CardSnippet {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px 16px;
  text-decoration: none;
  color: currentColor;
  border: 1px solid #efeff3;
  border-radius: 3px;
  transition: border-color 0.1s;
}
.CardSnippet:hover {
  border-color: #d7d7df;
}
.CardSnippet__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
  margin-bottom: 7px;
}
@media screen and (max-width: 1050px) {
  .CardSnippet__image {
    height: 155px;
  }
}
@media screen and (max-width: 600px) {
  .CardSnippet__image {
    height: 120px;
  }
}
.CardSnippet__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.CardSnippet__rating {
  margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
  .CardSnippet__rating {
    margin-bottom: 5px;
  }
}
.CardSnippet__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: auto;
  text-decoration: none;
  text-overflow: ellipsis;
  color: currentColor;
}
@media screen and (max-width: 1050px) {
  .CardSnippet__title {
    font-size: 14px;
    line-height: 18px;
    word-break: break-word;
  }
}
.CardSnippet__availability {
  margin-top: 7px;
  margin-bottom: 8px;
  text-transform: lowercase;
  color: #a9a9b3;
}
@media screen and (max-width: 1050px) {
  .CardSnippet__availability {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 900px) {
  .CardSnippet__availability {
    font-size: 12px;
    text-align: right;
  }
}
@media screen and (max-width: 800px) {
  .CardSnippet__availability {
    font-size: 14px;
    text-align: left;
  }
}
.CardSnippet__priceWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
  .CardSnippet__priceWrap {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
@media screen and (max-width: 800px) {
  .CardSnippet__priceWrap {
    flex-direction: row;
    align-items: center;
  }
}
.CardSnippet__title + .CardSnippet__priceWrap {
  margin-top: 20px;
}
.CardSnippet__price {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #31313a;
}
@media screen and (max-width: 800px) {
  .CardSnippet__price {
    font-size: 16px;
    line-height: 21px;
  }
}
.CardSnippet__priceOld {
  font-size: 14px;
  margin-left: 14px;
  text-decoration: line-through;
  color: #a9a9b3;
}
@media screen and (max-width: 800px) {
  .CardSnippet__priceOld {
    font-size: 12px;
  }
}
.CardSnippet__button {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  padding: 4px;
  border-radius: 18px;
}
.CardSnippet__button::before {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36.000000' height='36.000000' viewBox='0 0 36 36' fill='none'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs%3E%3ClinearGradient id='paint_linear_3_14_0' x1='1150.350708' y1='26025.087891' x2='1186.439453' y2='26025.087891' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFAF38'/%3E%3Cstop offset='0.180590' stop-color='%23FFAF38'/%3E%3Cstop offset='1.000000' stop-color='%23FF822B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='path167' d='M-0.51 17.21C-0.51 27.17 7.57 35.25 17.54 35.25C27.5 35.25 35.58 27.17 35.58 17.21C35.58 7.24 27.5 -0.84 17.54 -0.84C7.57 -0.84 -0.51 7.24 -0.51 17.21Z' fill='url(%23paint_linear_3_14_0)' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path178' d='M9.84 6.43C9.29 6.43 8.85 6.87 8.85 7.41L8.85 27C8.85 27.54 9.29 27.99 9.84 27.99L25.24 27.99C25.78 27.99 26.22 27.54 26.22 27L26.22 12.11L20.4 6.43L9.84 6.43Z' stroke='%23FFFFFF' stroke-opacity='1.000000' stroke-width='1.733333'/%3E%3Cpath id='path176' d='M23.01 15.73L11.39 15.73C11.28 15.73 11.19 15.64 11.19 15.53C11.19 15.42 11.28 15.32 11.39 15.32L23.01 15.32C23.12 15.32 23.21 15.42 23.21 15.53C23.21 15.64 23.12 15.73 23.01 15.73Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path174' d='M23.01 18.35L11.39 18.35C11.28 18.35 11.19 18.26 11.19 18.15C11.19 18.04 11.28 17.95 11.39 17.95L23.01 17.95C23.12 17.95 23.21 18.04 23.21 18.15C23.21 18.26 23.12 18.35 23.01 18.35Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path172' d='M23.01 20.87L11.39 20.87C11.28 20.87 11.19 20.78 11.19 20.67C11.19 20.56 11.28 20.47 11.39 20.47L23.01 20.47C23.12 20.47 23.21 20.56 23.21 20.67C23.21 20.78 23.12 20.87 23.01 20.87Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path170' d='M19.35 12.67L11.39 12.67C11.28 12.67 11.19 12.58 11.19 12.47C11.19 12.35 11.28 12.26 11.39 12.26L19.35 12.26C19.46 12.26 19.55 12.35 19.55 12.47C19.55 12.58 19.46 12.67 19.35 12.67Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path180' d='M25.72 12.21C25.91 12.21 26 11.99 25.87 11.86L20.79 6.78C20.66 6.65 20.44 6.74 20.44 6.93L20.44 12.01C20.44 12.12 20.53 12.21 20.65 12.21L25.72 12.21Z' stroke='%23FFFFFF' stroke-opacity='1.000000' stroke-width='1.733333'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 800px) {
  .CardSnippet__button {
    min-width: 0;
  }
}
.CardSnippet__actions {
  position: absolute;
  top: 9px;
  right: 9px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.8);
}
.CardSnippet__action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 7px;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
.CardSnippet__action:hover {
  color: #31313a;
}
.CardSnippet__action_type_compare {
  padding: 5px;
}
.CardSnippet__action_type_favorite {
  padding: 4px;
}
.CardSnippet[data-in-compare] .CardSnippet__action_type_compare, .CardSnippet[data-in-compare] .CardSnippet__action_type_remove, .CardSnippet[data-in-favorite] .CardSnippet__action_type_favorite {
  color: #FF822B;
}
.CardSnippet__actionIcon {
  width: 100%;
  height: 100%;
}
.CardSnippet__labels {
  position: absolute;
  top: 9px;
  left: 9px;
}

.Label {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 4px;
}
.Label_type_new {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='77.000000' height='74.000000' viewBox='0 0 77 74' fill='none'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs%3E%3CclipPath id='clip7_1'%3E%3Crect id='path13021' width='76.574646' height='73.361938' fill='white' fill-opacity='0'/%3E%3C/clipPath%3E%3ClinearGradient id='paint_linear_7_25395_0' x1='-155172.687500' y1='-67839.523438' x2='-155265.906250' y2='-67624.632812' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2369B21B'/%3E%3Cstop offset='1.000000' stop-color='%231D664A'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg clip-path='url(%23clip7_1)'%3E%3Cpath id='path13021' d='M38.28 2.17C34.36 2.17 29.99 -0.9 26.45 0.25C22.78 1.45 21.06 6.54 18 8.76C14.92 11.01 9.55 11.08 7.3 14.17C5.08 17.22 6.65 22.34 5.46 26.01C4.31 29.55 0 32.75 0 36.68C0 40.6 4.31 43.8 5.46 47.34C6.65 51.01 5.08 56.13 7.3 59.18C9.55 62.27 14.92 62.34 18 64.59C21.06 66.82 22.78 71.91 26.45 73.1C29.99 74.25 34.36 71.18 38.28 71.18C42.21 71.18 46.58 74.25 50.12 73.1C53.79 71.91 55.51 66.82 58.56 64.59C61.65 62.34 67.01 62.27 69.26 59.18C71.48 56.13 69.91 51.01 71.1 47.34C72.26 43.8 76.57 40.6 76.57 36.68C76.57 32.75 72.25 29.55 71.1 26.01C69.91 22.34 71.48 17.22 69.26 14.17C67.01 11.08 61.65 11.01 58.56 8.76C55.51 6.54 53.79 1.45 50.12 0.25C49.56 0.07 48.98 7.62e-6 48.38 7.62e-6C45.21 7.62e-6 41.59 2.17 38.28 2.17Z' fill='url(%23paint_linear_7_25395_0)' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path13022' d='M6.94 31.37L8.85 31.37L8.85 34.84L12.43 34.84L12.43 31.37L14.32 31.37L14.32 40.48L12.43 40.48L12.43 36.42L8.85 36.42L8.85 40.48L6.94 40.48L6.94 31.37ZM15.77 35.93C15.77 35.24 15.86 34.61 16.04 34.02C16.22 33.44 16.49 32.94 16.85 32.51C17.21 32.08 17.67 31.75 18.22 31.51C18.77 31.26 19.41 31.13 20.14 31.13C20.82 31.13 21.43 31.26 21.97 31.51C22.51 31.75 22.97 32.08 23.35 32.51C23.72 32.94 24.01 33.44 24.21 34.02C24.41 34.61 24.52 35.24 24.52 35.93C24.52 36.61 24.41 37.24 24.21 37.82C24.01 38.41 23.72 38.91 23.35 39.34C22.97 39.77 22.51 40.1 21.97 40.35C21.43 40.59 20.82 40.71 20.14 40.71C19.41 40.71 18.77 40.59 18.22 40.35C17.67 40.1 17.21 39.77 16.85 39.34C16.49 38.91 16.22 38.41 16.04 37.82C15.86 37.24 15.77 36.61 15.77 35.93ZM20.14 39.06C20.53 39.06 20.87 38.98 21.18 38.82C21.49 38.67 21.75 38.45 21.96 38.18C22.18 37.9 22.34 37.57 22.44 37.18C22.55 36.8 22.61 36.38 22.61 35.93C22.61 35.47 22.55 35.06 22.44 34.68C22.34 34.3 22.18 33.96 21.96 33.68C21.75 33.4 21.49 33.18 21.18 33.02C20.87 32.87 20.53 32.79 20.14 32.79C19.76 32.79 19.41 32.87 19.1 33.02C18.79 33.18 18.54 33.4 18.32 33.68C18.11 33.96 17.95 34.3 17.83 34.68C17.72 35.06 17.66 35.47 17.66 35.93C17.66 36.38 17.72 36.8 17.83 37.18C17.95 37.57 18.11 37.9 18.32 38.18C18.54 38.45 18.79 38.67 19.1 38.82C19.41 38.98 19.76 39.06 20.14 39.06ZM26.12 31.37L30.57 31.37C30.95 31.37 31.27 31.41 31.55 31.48C31.84 31.55 32.08 31.65 32.29 31.77C32.5 31.89 32.67 32.02 32.8 32.18C32.95 32.34 33.06 32.51 33.15 32.68C33.23 32.85 33.29 33.02 33.32 33.2C33.36 33.38 33.38 33.54 33.38 33.7C33.38 33.93 33.36 34.13 33.32 34.32C33.28 34.51 33.21 34.68 33.12 34.84C33.03 34.99 32.92 35.12 32.77 35.24C32.63 35.36 32.45 35.47 32.26 35.57C32.57 35.69 32.81 35.83 32.99 35.99C33.18 36.16 33.32 36.35 33.41 36.54C33.52 36.74 33.59 36.94 33.62 37.15C33.66 37.36 33.68 37.56 33.68 37.76C33.68 38.2 33.59 38.59 33.43 38.93C33.27 39.27 33.04 39.55 32.74 39.77C32.45 40.01 32.09 40.18 31.68 40.31C31.26 40.42 30.8 40.48 30.29 40.48L26.12 40.48L26.12 31.37ZM27.95 38.9L30.3 38.9C30.52 38.9 30.72 38.88 30.9 38.84C31.07 38.79 31.23 38.71 31.35 38.6C31.48 38.5 31.59 38.38 31.66 38.23C31.73 38.07 31.77 37.88 31.77 37.67C31.77 37.41 31.73 37.2 31.63 37.04C31.55 36.88 31.43 36.75 31.29 36.67C31.15 36.58 30.99 36.53 30.8 36.51C30.63 36.48 30.45 36.46 30.26 36.46L27.95 36.46L27.95 38.9ZM27.95 34.96L30.29 34.96C30.45 34.96 30.61 34.95 30.76 34.92C30.91 34.88 31.05 34.81 31.16 34.73C31.29 34.63 31.38 34.52 31.45 34.4C31.52 34.27 31.55 34.1 31.55 33.92C31.55 33.72 31.52 33.56 31.46 33.43C31.4 33.31 31.31 33.21 31.2 33.13C31.08 33.06 30.95 33.01 30.8 32.98C30.66 32.95 30.5 32.93 30.34 32.93L27.95 32.93L27.95 34.96ZM35.12 31.37L36.95 31.37L36.95 37.57L40.57 31.37L42.49 31.37L42.49 40.48L40.66 40.48L40.66 34.31L37.04 40.48L35.12 40.48L35.12 31.37ZM44.27 31.37L46.18 31.37L46.18 34.84L49.76 34.84L49.76 31.37L51.65 31.37L51.65 40.48L49.76 40.48L49.76 36.42L46.18 36.42L46.18 40.48L44.27 40.48L44.27 31.37ZM53.65 31.37L55.54 31.37L55.54 35.07L59.02 31.37L61.49 31.37L57.77 35.1L61.7 40.48L59.29 40.48L56.48 36.45L55.54 37.4L55.54 40.48L53.65 40.48L53.65 31.37ZM65.21 31.37L67.38 31.37L70.6 40.48L68.54 40.48L67.95 38.6L64.59 38.6L63.96 40.48L61.95 40.48L65.21 31.37ZM65.1 37.02L67.41 37.02L66.29 33.42L65.1 37.02Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 0;
}
.Label_type_sale {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='88.000000' height='88.000000' viewBox='0 0 88 88' fill='none'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs%3E%3CclipPath id='clip7_25397'%3E%3Crect id='g24298' width='87.187439' height='87.188019' fill='white' fill-opacity='0'/%3E%3C/clipPath%3E%3ClinearGradient id='paint_linear_7_47963_0' x1='787.195312' y1='62585.746094' x2='700.195984' y2='62585.746094' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF7A8A'/%3E%3Cstop offset='0.375474' stop-color='%23FF0047'/%3E%3Cstop offset='0.413814' stop-color='%23FF0047'/%3E%3Cstop offset='1.000000' stop-color='%23C9192B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg clip-path='url(%23clip7_25397)'%3E%3Cpath id='path24301' d='M0 0L0 82.39C7.32 85.35 15.31 87 23.7 87C58.66 87 87 58.66 87 23.7C87 15.31 85.35 7.32 82.39 0L0 0Z' fill='url(%23paint_linear_7_47963_0)' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path24302' d='M13.47 60.52L16.01 57.98L29.47 63.92L27.07 66.33L24.39 65.01L20.46 68.94L21.73 71.66L19.37 74.02L13.47 60.52ZM19.39 66.66L22.08 63.97L16.94 61.44L19.39 66.66ZM21.35 52.64L23.58 50.41L27.53 54.36L27.62 46.37L30.49 43.5L30.13 51.8L40.45 52.94L37.63 55.76L30.06 54.75L29.99 56.82L33.28 60.11L31.05 62.34L21.35 52.64ZM31.77 42.22L34 39.99L42.02 48.02L46.18 43.87L38.15 35.84L40.38 33.61L48.41 41.64L49.5 40.54L53.25 44.3L51.35 46.2L49.27 44.12L41.47 51.93L31.77 42.22ZM42.66 31.33L44.81 29.18L51.42 35.79L49.05 24.94L51.28 22.71L60.98 32.42L58.86 34.54L52.29 27.97L54.64 38.76L52.37 41.03L42.66 31.33ZM71.7 21.7L69.53 23.86L65.7 20.03L63.73 22C63.39 22.34 63.1 22.65 62.83 22.96C62.57 23.26 62.39 23.57 62.29 23.88C62.18 24.18 62.17 24.5 62.27 24.86C62.35 25.21 62.57 25.59 62.95 26.02L63.8 27C63.98 27.25 64.13 27.45 64.25 27.61C64.37 27.77 64.47 27.91 64.55 28.03C64.62 28.16 64.68 28.26 64.72 28.34C64.76 28.42 64.8 28.5 64.83 28.56L62.52 30.88C62.47 30.69 62.42 30.52 62.37 30.39C62.32 30.25 62.26 30.13 62.18 30.02C62.11 29.9 62.04 29.76 61.93 29.61C61.82 29.47 61.68 29.29 61.49 29.07L60.68 28.04C60.42 27.72 60.21 27.43 60.04 27.15C59.86 26.87 59.73 26.58 59.66 26.29C59.58 25.99 59.56 25.68 59.62 25.36C59.67 25.03 59.82 24.67 60.06 24.27C59.88 24.35 59.67 24.45 59.44 24.55C59.2 24.64 58.91 24.69 58.56 24.69C58.14 24.71 57.72 24.64 57.28 24.48C56.82 24.31 56.41 24.03 56.04 23.66C55.82 23.44 55.62 23.19 55.47 22.93C55.3 22.67 55.18 22.39 55.11 22.12C55.03 21.83 54.97 21.55 54.94 21.27C54.9 20.98 54.9 20.7 54.96 20.43C55.01 20.01 55.12 19.63 55.3 19.29C55.47 18.94 55.67 18.6 55.91 18.28C56.13 17.95 56.39 17.63 56.68 17.33C56.98 17.02 57.27 16.73 57.56 16.43L62 11.99L71.7 21.7ZM61.55 15.88L59.06 18.37C59.03 18.4 58.97 18.46 58.88 18.54C58.79 18.63 58.71 18.73 58.62 18.85C58.52 18.95 58.41 19.07 58.31 19.2C58.21 19.33 58.13 19.44 58.08 19.54C58.03 19.68 57.98 19.83 57.94 19.98C57.89 20.13 57.87 20.3 57.87 20.49C57.88 20.69 57.93 20.88 58.02 21.07C58.09 21.25 58.23 21.43 58.43 21.63C58.64 21.85 58.86 21.99 59.08 22.06C59.28 22.13 59.48 22.15 59.68 22.14C59.88 22.13 60.07 22.09 60.27 22.01C60.46 21.92 60.63 21.81 60.8 21.69C60.97 21.56 61.11 21.43 61.24 21.3C61.37 21.16 61.5 21.04 61.61 20.92L64.1 18.43L61.55 15.88Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: -9px;
  top: -8px;
}
.Label_type_discount {
  background: #ff822b;
  border-radius: 50%;
  color: #fff;
}

.Filter__button {
  width: 100%;
  height: 49px;
  margin-top: 12px;
}
@media screen and (max-width: 1050px) {
  .Filter__button {
    height: 42px;
  }
}
.Filter__button_type_submit {
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .Filter__button_type_submit {
    position: fixed;
    z-index: 2;
    right: 24px;
    bottom: 24px;
    left: 24px;
    width: auto;
  }
}
@media screen and (max-width: 800px) {
  .Filter__button_type_reset {
    display: none;
  }
}
.Filter__submitTooltip {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: calc(100% + 18px);
  display: none;
  pointer-events: all;
  transform: translateY(-50%);
}
.Filter__submitTooltip.show {
  display: block;
}
@media screen and (max-width: 800px) {
  .Filter__submitTooltip.show {
    display: none;
  }
}
.Filter__submitTooltip::before {
  position: absolute;
  top: 50%;
  left: -6px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  pointer-events: none;
  background-color: #FF822B;
  transition: background-color 0.1s;
  transform: translateY(-50%) rotate(45deg);
}
.Filter__submitTooltip:hover::before {
  background-color: #ff7312;
}
.Filter__submitTooltipButton {
  width: 115px;
  height: 53px;
  border-radius: 4px;
}
.Filter__mobileHeader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  height: 56px;
  background-color: #ffffff;
}
.Filter__mobileHeader::before {
  position: fixed;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 90px;
  content: "";
  background-color: #ffffff;
}
.Filter__mobileHeaderReset {
  position: absolute;
  top: 19px;
  left: 24px;
  text-decoration: none;
  pointer-events: none;
  opacity: 0;
  color: #FF822B;
}
.Filter__mobileHeaderReset.show {
  pointer-events: all;
  opacity: 1;
}
.Filter__mobileHeaderTitle {
  font-weight: 500;
}
.Filter__mobileHeaderCross {
  position: absolute;
  top: 19px;
  right: 24px;
}

.FilterSearch {
  width: 100%;
}
.FilterSearch__input {
  padding: 9px 50px 9px 12px;
  border-color: #efeff3;
}
.FilterSearch__input::-moz-placeholder {
  color: #a9a9b3;
}
.FilterSearch__input::placeholder {
  color: #a9a9b3;
}
.FilterSearch__input:focus {
  border-color: #d7d7df;
}
.FilterSearch__submitIcon {
  position: absolute;
  top: 10px;
  right: 17px;
  width: 19px;
  height: 19px;
  pointer-events: none;
}

.FilterSection {
  padding: 28px 0;
  border-top: 1px solid #efeff3;
}
@media screen and (max-width: 1050px) {
  .FilterSection {
    padding: 14px 0;
  }
}
.FilterSection:first-child {
  padding-top: 0;
  border-top: none;
}
.FilterSection__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 20px;
  padding-right: 12px;
  cursor: pointer;
}
@media screen and (max-width: 1050px) {
  .FilterSection__title {
    font-size: 14px;
    line-height: 18px;
  }
}
.FilterSection__title::after {
  position: absolute;
  top: 7px;
  right: 2px;
  display: block;
  width: 9px;
  height: 9px;
  content: "";
  border-top: 1px solid #d7d7df;
  border-left: 1px solid #d7d7df;
  transition: border-color 0.3s, transform 0.3s, top 0.3s;
  transform: rotate(45deg);
}
.FilterSection__title:hover::after {
  border-color: #a9a9b3;
}
.FilterSection__title.crop {
  margin-bottom: 0;
}
.FilterSection__title.crop::after {
  top: 3px;
  transform: rotate(225deg);
}
.FilterSection__wrap.closed {
  display: none;
}
.FilterSection__checkbox {
  margin-top: 13px;
}
@media screen and (max-width: 1050px) {
  .FilterSection__checkbox {
    margin-top: 8px;
  }
}
.FilterSection__checkbox:first-child {
  margin-top: 0;
}
.FilterSection__input {
  padding: 9px 12px;
  border-color: #efeff3;
}
.FilterSection__input:focus {
  border-color: #d7d7df;
  outline: none;
}
@media screen and (max-width: 1050px) {
  .FilterSection__range {
    margin-bottom: 12px;
  }
}
.FilterSection__textRangeWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 23px;
}
.FilterSection__textRange {
  width: calc(50% - 10px);
}
.FilterSection__search {
  margin-bottom: 22px;
}
.FilterSection__list {
  margin-bottom: 11px;
}
.FilterSection__sectionTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 20px;
  text-decoration: underline;
}
.FilterSection__sectionMenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.FilterSection__sectionMenuItem {
  padding: 6px 0;
}
.FilterSection__sectionMenuLink {
  text-decoration: none;
  color: currentColor;
}
.FilterSection__sectionMenuLink:hover {
  text-decoration: underline;
}

.TextArea {
  font-size: 16px;
  line-height: 21px;
  width: 100%;
}
@media screen and (max-width: 1050px) {
  .TextArea {
    font-size: 14px;
    line-height: 18px;
  }
}
.TextArea__title {
  margin-bottom: 5px;
}
.TextArea__input {
  display: block;
  width: 100%;
  height: 90px;
  padding: 14px 19px;
  resize: none;
  border: 1px solid #d7d7df;
  border-radius: 3px;
}
@media screen and (max-width: 1050px) {
  .TextArea__input {
    padding: 9px 14px;
  }
}
@media screen and (max-width: 350px) {
  .TextArea__input {
    font-size: 12px;
    line-height: 14px;
  }
}
.error .TextArea__input {
  border-color: #de0000;
}
.TextArea__input:focus {
  border-color: #a9a9b3;
  outline: none;
}
.TextArea__input::-moz-placeholder {
  color: #a9a9b3;
}
.TextArea__input::placeholder {
  color: #a9a9b3;
}
.TextArea__signature {
  margin-top: 5px;
  text-align: right;
  color: #a9a9b3;
}
.error .TextArea__signature {
  color: #de0000;
}

.TextInput {
  font-size: 16px;
  line-height: 21px;
}
@media screen and (max-width: 1050px) {
  .TextInput {
    font-size: 14px;
    line-height: 18px;
  }
}
.TextInput__title {
  margin-bottom: 5px;
}
.TextInput__input {
  width: 100%;
  padding: 14px 19px;
  border: 1px solid #d7d7df;
  border-radius: 3px;
}
@media screen and (max-width: 1050px) {
  .TextInput__input {
    padding: 9px 14px;
  }
}
.error .TextInput__input {
  border-color: #de0000;
}
.TextInput__input:focus {
  border-color: #a9a9b3;
  outline: none;
}
.TextInput__input::-moz-placeholder {
  color: #a9a9b3;
}
.TextInput__input::placeholder {
  color: #a9a9b3;
}
.TextInput__input::-webkit-outer-spin-button, .TextInput__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.TextInput__signature {
  margin-top: 5px;
  text-align: right;
  color: #a9a9b3;
}
.error .TextInput__signature {
  color: #de0000;
}
.TextInput_innerPlaceholder::before {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 13px;
}
.TextInput_price_from .TextInput__input {
  padding-left: 32px;
}
.TextInput_price_from::before {
  content: "от";
}
.TextInput_price_to .TextInput__input {
  padding-left: 35px;
}
.TextInput_price_to::before {
  content: "до";
}

.Checkbox {
  display: flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
}
.Checkbox::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  display: block;
  content: "";
  opacity: 0;
  border-radius: 3px;
  background-color: #efeff3;
  transition: opacity 0.3s;
}
.Checkbox:hover::before {
  opacity: 1;
}
.Checkbox_noHover::before {
  content: none;
}
.Checkbox__input {
  position: absolute;
  opacity: 0;
}
.Checkbox__input[disabled] ~ .Checkbox__text, .Checkbox__input[disabled] ~ .Checkbox__indicator {
  opacity: 0.4;
}
.Checkbox__indicator {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  border: 1px solid #a9a9b3;
  border-radius: 3px;
  transition: border 0.3s, background-color 0.3s;
}
.Checkbox__indicator::before {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 8px;
  height: 5px;
  content: "";
  opacity: 0;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transition: opacity 0.3s;
  transform: rotate(-50deg);
}
.Checkbox__input:checked + .Checkbox__indicator {
  border-color: transparent;
  background-color: #FF822B;
}
.Checkbox__input:checked + .Checkbox__indicator::before {
  opacity: 1;
}
.Checkbox__text {
  font-size: 16px;
  line-height: 20px;
}
@media screen and (max-width: 1050px) {
  .Checkbox__text {
    font-size: 14px;
    line-height: 18px;
  }
}
.Checkbox_bold .Checkbox__text {
  font-weight: 500;
}

.Catalog__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 16px;
  border-bottom: 1px solid #efeff3;
}
@media screen and (max-width: 1250px) {
  .Catalog__header {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media screen and (max-width: 1050px) {
  .Catalog__header {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .Catalog__header {
    align-items: stretch;
  }
}
.Catalog__sorting {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .Catalog__sorting {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .Catalog__sorting {
    flex-wrap: wrap;
  }
}
.Catalog__sortingText {
  margin-right: 11px;
  color: #a9a9b3;
}
.Catalog__sortingLink {
  display: inline-block;
  margin-right: 22px;
  text-decoration: none;
  color: #31313a;
  transition: color 0.3s;
}
@media screen and (max-width: 1250px) {
  .Catalog__sortingLink:last-child {
    margin-right: 0;
  }
}
.Catalog__sortingLink:hover, .Catalog__sortingLink.active {
  color: #FF822B;
}
.Catalog__sortingLink.asc::before, .Catalog__sortingLink.asc::after, .Catalog__sortingLink.desc::before, .Catalog__sortingLink.desc::after {
  position: absolute;
  top: 7px;
  display: block;
  content: "";
  pointer-events: none;
}
@media screen and (max-width: 1050px) {
  .Catalog__sortingLink.asc::before, .Catalog__sortingLink.asc::after, .Catalog__sortingLink.desc::before, .Catalog__sortingLink.desc::after {
    top: 4px;
  }
}
.Catalog__sortingLink.asc::before, .Catalog__sortingLink.desc::before {
  right: -9px;
  width: 1px;
  height: 9px;
  background-color: currentColor;
}
.Catalog__sortingLink.asc::after, .Catalog__sortingLink.desc::after {
  right: -11px;
  width: 5px;
  height: 5px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
}
.Catalog__sortingLink.desc::after {
  top: 7px;
  transform: rotate(-45deg);
}
@media screen and (max-width: 1050px) {
  .Catalog__sortingLink.desc::after {
    top: 4px;
  }
}
.Catalog__sortingLink.asc::after {
  top: 11px;
  transform: rotate(135deg);
}
@media screen and (max-width: 1050px) {
  .Catalog__sortingLink.asc::after {
    top: 8px;
  }
}
.Catalog__pageSize {
  display: flex;
  align-items: center;
}
.Catalog__pageSizeText {
  margin-right: 4px;
  color: #a9a9b3;
}
.Catalog__pageSizeSelect::after {
  top: -3px;
  left: -2px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 1px solid #d7d7df;
  border-left: 1px solid #d7d7df;
  transition: border-color 0.3s, transform 0.3s, top 0.3s;
  transform: rotate(225deg);
}
.Catalog__pageSizeSelectInput {
  padding: 0 6px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}
.Catalog__pageSizeSelectInput:focus {
  outline: 1px solid #FF822B;
}
.Catalog__view {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .Catalog__view {
    width: 100%;
  }
}
.Catalog__snippetTypeWrap {
  display: flex;
  align-items: center;
  margin-left: 32px;
}
@media screen and (max-width: 1050px) {
  .Catalog__snippetTypeWrap {
    margin-left: 16px;
  }
}
@media screen and (max-width: 600px) {
  .Catalog__snippetTypeWrap {
    margin-left: auto;
  }
}
.Catalog__snippetType {
  width: 24px;
  height: 24px;
  margin-left: 12px;
  position: relative;
  color: #d7d7df;
}
.Catalog__snippetType:first-child {
  margin-left: 0;
}
.Catalog__snippetType::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  border: 2px solid currentColor;
  border-radius: 1px;
  transition: color 0.3s, filter 0.3s;
}
.Catalog__snippetType:hover::before, .Catalog__snippetType.active::before {
  color: #FF822B;
}
.Catalog__snippetType.active {
  pointer-events: none;
}
.Catalog__snippetType_type_blocks::before {
  width: 10px;
  height: 10px;
  filter: drop-shadow(14px 0 0 currentColor) drop-shadow(0 14px 0 currentColor);
}
.Catalog__snippetType_type_list::before {
  width: 24px;
  height: 6px;
  filter: drop-shadow(0 9px 0 currentColor) drop-shadow(0 9px 0 currentColor);
}
.Catalog__listing {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1050px) {
  .Catalog__listing {
    margin: 0 -5px;
  }
}
@media screen and (max-width: 350px) {
  .Catalog__listing {
    margin: 0;
  }
}
.Catalog__listingList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.Catalog__listingItem {
  width: calc(25% - 20px);
  margin: 0 10px 20px;
}
@media screen and (max-width: 1250px) {
  .Catalog__listingItem {
    width: calc(33.3333333333% - 20px);
  }
}
@media screen and (max-width: 1050px) {
  .Catalog__listingItem {
    width: calc(33.3333333333% - 10px);
    margin: 0 5px 10px;
  }
}
@media screen and (max-width: 600px) {
  .Catalog__listingItem {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 350px) {
  .Catalog__listingItem {
    width: 100%;
    margin: 0 0 10px;
  }
}
.Catalog__listingListItem {
  margin-bottom: 20px;
}
.Catalog__moreButton {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 38px;
}
@media screen and (max-width: 800px) {
  .Catalog__moreButton {
    margin-bottom: 24px;
  }
}
.Catalog__brandsTitle {
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 11px;
}
@media screen and (max-width: 1050px) {
  .Catalog__brandsTitle {
    font-size: 26px;
    line-height: 29px;
  }
}
.Catalog__brandsList {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 800px) {
  .Catalog__brandsList {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    margin: 0 -24px;
  }
  .Catalog__brandsList::before, .Catalog__brandsList::after {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    content: "";
  }
}
.Catalog__brandsList::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Catalog__brandsItem {
  width: 20%;
  margin-top: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 1050px) {
  .Catalog__brandsItem {
    margin-right: 10px;
  }
}
@media screen and (max-width: 900px) {
  .Catalog__brandsItem {
    margin-top: 10px;
  }
}
@media screen and (max-width: 800px) {
  .Catalog__brandsItem {
    flex-shrink: 0;
    width: calc(45vw - 29px);
  }
  .Catalog__brandsItem:only-child {
    width: calc(100vw - 48px);
  }
}
@media screen and (max-width: 600px) {
  .Catalog__brandsItem {
    width: calc(65vw - 29px);
  }
}
@media screen and (max-width: 350px) {
  .Catalog__brandsItem {
    width: calc(80vw - 29px);
  }
}
.Catalog__brandsItem:last-child {
  margin-right: 0;
}

.HeaderTop {
  z-index: 11;
  padding: 8px 0;
  color: #ffffff;
  background-color: #31313a;
}
@media screen and (max-width: 800px) {
  .HeaderTop {
    display: none;
  }
}
.HeaderTop__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.HeaderTop__button {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  color: currentColor;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
@media screen and (max-width: 1050px) {
  .HeaderTop__button {
    font-size: 14px;
    line-height: 18px;
  }
}
.HeaderTop__button_bold {
  font-weight: 500;
}
.HeaderTop__button_type_user:hover .TooltipUser {
  pointer-events: auto;
  opacity: 1;
}
.HeaderTop__button:hover {
  color: #FF822B;
}
.HeaderTop__buttonIcon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.HeaderTop__buttonText {
  overflow: hidden;
  margin-left: 4px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: currentColor;
}
.HeaderTop__menu {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1050px) {
  .HeaderTop__menu {
    font-size: 14px;
    line-height: 18px;
  }
}
.HeaderTop__menuItem_submenu::after {
  position: absolute;
  top: 9px;
  right: 14px;
  display: block;
  width: 0;
  height: 0;
  content: "";
  pointer-events: none;
  border-top: 6px solid #a9a9b3;
  border-right: 3px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 3px solid transparent;
}
@media screen and (max-width: 1050px) {
  .HeaderTop__menuItem_submenu::after {
    top: 8px;
    right: 6px;
    border-top: 4px solid #a9a9b3;
    border-right: 2px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 2px solid transparent;
  }
}
.HeaderTop__menuItem_submenu:hover::after {
  top: 15px;
  transform: scaleY(-1);
  transform-origin: top;
}
@media screen and (max-width: 1050px) {
  .HeaderTop__menuItem_submenu:hover::after {
    top: 12px;
  }
}
.HeaderTop__menuLink {
  padding: 0 30px;
  text-decoration: none;
  color: currentColor;
  transition: color 0.1s;
}
@media screen and (max-width: 1050px) {
  .HeaderTop__menuLink {
    padding: 0 15px;
  }
}
.HeaderTop__menuLink:hover, .HeaderTop__menuLink.current {
  color: #FF822B;
}
.HeaderTop__subMenu {
  position: absolute;
  top: 30px;
  left: -18px;
  margin: 0;
  padding: 24px 48px;
  list-style: none;
  pointer-events: none;
  opacity: 0;
  color: #1a1a1c;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  transition: opacity 0.1s;
}
.HeaderTop__subMenu::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  content: "";
}
.HeaderTop__menuItem:hover .HeaderTop__subMenu {
  pointer-events: auto;
  opacity: 1;
}
.HeaderTop__subMenuLink {
  display: block;
  padding: 6px 0;
  white-space: nowrap;
  text-decoration: none;
  color: currentColor;
  transition: color 0.1s;
}
.HeaderTop__subMenuLink::before {
  position: absolute;
  top: 50%;
  left: -24px;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  pointer-events: none;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.1s;
  transform: translateY(-50%);
}
.HeaderTop__subMenuLink:hover, .HeaderTop__subMenuLink.current {
  color: #FF822B;
}
.HeaderTop__subMenuLink:hover::before, .HeaderTop__subMenuLink.current::before {
  background-color: #FF822B;
}

.TooltipUser {
  position: absolute;
  top: 32px;
  right: 0;
  width: 255px;
  pointer-events: none;
  opacity: 0;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  transition: opacity 0.1s;
  z-index: 99;
}
@media screen and (max-width: 800px) {
  .TooltipUser {
    display: none;
  }
}
.TooltipUser::before {
  position: absolute;
  top: -20px;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
  content: "";
}
.TooltipUser__list {
  margin: 0;
  padding: 15px 0;
  list-style: none;
}
.TooltipUser__item {
  border-bottom: 1px solid #efeff3;
}
.TooltipUser__item:last-child {
  border-bottom: none;
}
.TooltipUser__link {
  display: block;
  width: 100%;
  padding: 15px 30px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  color: #31313a;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
.TooltipUser__link:hover {
  color: #FF822B;
}
.TooltipUser__link_logout {
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #a9a9b3;
}
.TooltipUser__linkIcon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  color: currentColor;
}
.TooltipUser__linkIcon svg {
  width: 100%;
  height: 100%;
}

.Search {
  display: flex;
  width: 300px;
  position: relative;
}
.Search__inputWrap {
  flex-grow: 1;
  width: 100%;
}
.Search__input {
  height: 100%;
  padding: 10px 36px 10px 22px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-color: #efeff3;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
@media screen and (max-width: 1050px) {
  .Search__input {
    padding: 9px 30px 9px 15px;
  }
}
@media screen and (max-width: 350px) {
  .Search__input {
    padding: 5px 25px 5px 15px;
  }
}
.Search__input:focus {
  border-color: #d7d7df;
}
.Search__reset {
  position: absolute;
  top: 50%;
  right: 62px;
  display: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
  color: #d7d7df;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
  transform: translateY(-50%);
}
@media screen and (max-width: 1050px) {
  .Search__reset {
    right: 50px;
  }
}
@media screen and (max-width: 350px) {
  .Search__reset {
    right: 40px;
  }
}
.Search__reset.show {
  display: block;
}
.Search__reset:hover {
  display: block;
  color: #a9a9b3;
}
.Search__reset::before, .Search__reset::after {
  position: absolute;
  top: 0;
  width: 16px;
  height: 2px;
  content: "";
  pointer-events: none;
  border-radius: 3px;
  background-color: currentColor;
}
.Search__reset::before {
  left: 1px;
  transform: rotate(45deg);
  transform-origin: left top;
}
.Search__reset::after {
  right: 1px;
  transform: rotate(-45deg);
  transform-origin: right top;
}
.Search__resetInput {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.Search__submit {
  left: -2px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  padding: 14px;
  cursor: pointer;
  color: #31313a;
  border: none;
  border-radius: 3px;
  background-color: #efeff3;
  transition: background-color 0.1s;
}
@media screen and (max-width: 1050px) {
  .Search__submit {
    width: 38px;
    height: 38px;
    padding: 11px;
  }
}
@media screen and (max-width: 350px) {
  .Search__submit {
    width: 30px;
    height: 30px;
    padding: 8px;
  }
}
.Search__submitIcon {
  display: block;
  width: 100%;
  height: 100%;
}
.Search__suggest {
  position: absolute;
  z-index: 23;
  top: 48px;
  left: 0;
  width: calc(100% - 2px);
  margin: 0;
  padding: 14px 24px;
  list-style: none;
  pointer-events: none;
  opacity: 0;
  color: #31313a;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  transition: opacity 0.1s;
}
@media screen and (max-width: 1050px) {
  .Search__suggest {
    font-size: 14px;
    line-height: 18px;
    top: 38px;
  }
}
@media screen and (max-width: 350px) {
  .Search__suggest {
    font-size: 12px;
    line-height: 14px;
    top: 30px;
  }
}
.Search__suggest.visible {
  pointer-events: auto;
  opacity: 1;
}
.Search__suggestLink {
  display: block;
  overflow: hidden;
  padding: 6px 0;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: currentColor;
  transition: color 0.1s;
}
.Search__suggestLink:hover {
  color: #FF822B;
}

.Categories_brand_stihl .ShowAllButton {
  color: #FF822B;
}
.Categories__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.Categories__item {
  width: calc(33.33% - 80px);
  margin-right: 120px;
}
@media screen and (max-width: 1250px) {
  .Categories__item {
    width: calc(33.33% - 40px);
    margin-right: 60px;
  }
}
@media screen and (max-width: 800px) {
  .Categories__item {
    width: 100%;
    margin-right: 0;
  }
  .Categories__item:not(:first-child) {
    margin-top: 20px;
  }
}
.Categories__item:nth-child(3n) {
  margin-right: 0;
}
.Categories__item:nth-child(n+4) {
  margin-top: 33px;
}
@media screen and (max-width: 800px) {
  .Categories__item:nth-child(n+4) {
    margin-top: 20px;
  }
}
.Categories__link {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  text-decoration: none;
  color: currentColor;
  border-bottom: 1px solid #efeff3;
  transition: color 0.1s;
}
@media screen and (max-width: 1050px) {
  .Categories__link {
    padding-bottom: 10px;
  }
}
.Categories__link:hover {
  color: #FF822B;
}
.Categories_brand_stihl .Categories__link:hover {
  color: #FF822B;
}
.Categories__linkImage {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-right: 16px;
  padding: 10px;
  border-radius: 50%;
  background-color: #efeff3;
}
.Categories__linkText {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
}
@media screen and (max-width: 1050px) {
  .Categories__linkText {
    font-size: 18px;
    line-height: 22px;
  }
}
.Categories__subList {
  margin: 0;
  padding: 0;
  padding-top: 15px;
  list-style: none;
  color: #31313a;
}
@media screen and (max-width: 1050px) {
  .Categories__subList {
    padding-top: 5px;
  }
}
.Categories__subItem {
  padding: 3px 0;
}
.Categories__subLink {
  text-decoration: none;
  color: currentColor;
  transition: color 0.1s;
}
@media screen and (max-width: 1050px) {
  .Categories__subLink {
    font-size: 14px;
    line-height: 18px;
  }
}
.Categories__subLink:hover {
  text-decoration: underline;
  color: #FF822B;
}
.Categories_brand_stihl .Categories__subLink:hover {
  color: #FF822B;
}

.ShowAllButton {
  margin-top: 10px;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  color: #FF822B;
  border: none;
  background-color: transparent;
}
@media screen and (max-width: 1050px) {
  .ShowAllButton {
    font-size: 14px;
    line-height: 18px;
  }
}
.ShowAllButton:hover {
  text-decoration: none;
}

.Pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
@media screen and (max-width: 600px) {
  .Pagination {
    flex-direction: column-reverse;
  }
}
.Pagination__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 1050px) {
  .Pagination__wrap {
    font-size: 14px;
    line-height: 18px;
  }
}
.Pagination__arrow {
  display: block;
  width: 48px;
  height: 48px;
  color: #31313a;
  border: 1px solid #d7d7df;
  border-radius: 15px;
  position: relative;
  transition: color 0.3s, border-color 0.3s;
}
@media screen and (max-width: 1050px) {
  .Pagination__arrow {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }
}
.Pagination__arrow:hover {
  color: #FF822B;
  border-color: #FF822B;
}
.Pagination__arrow::before, .Pagination__arrow::after {
  position: absolute;
  display: block;
  content: "";
}
.Pagination__arrow::before {
  top: 23px;
  left: 16px;
  width: 15px;
  height: 1px;
  background-color: currentColor;
}
@media screen and (max-width: 1050px) {
  .Pagination__arrow::before {
    top: 17px;
    left: 12px;
    width: 10px;
  }
}
.Pagination__arrow::after {
  top: 21px;
  width: 5px;
  height: 5px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
}
@media screen and (max-width: 1050px) {
  .Pagination__arrow::after {
    top: 15px;
  }
}
.Pagination__arrow_left {
  margin-right: 16px;
}
@media screen and (max-width: 600px) {
  .Pagination__arrow_left {
    margin-right: 6px;
  }
}
.Pagination__arrow_left::after {
  left: 16px;
  transform: rotate(225deg);
}
@media screen and (max-width: 1050px) {
  .Pagination__arrow_left::after {
    left: 12px;
  }
}
.Pagination__arrow_right {
  margin-left: 16px;
}
@media screen and (max-width: 600px) {
  .Pagination__arrow_right {
    margin-left: 6px;
  }
}
.Pagination__arrow_right::after {
  left: 26px;
  transform: rotate(45deg);
}
@media screen and (max-width: 1050px) {
  .Pagination__arrow_right::after {
    left: 17px;
  }
}
.Pagination__link {
  padding: 4px 10px;
  text-decoration: none;
  color: #31313a;
  border-radius: 3px;
}
@media screen and (max-width: 600px) {
  .Pagination__link {
    padding: 4px 6px;
  }
}
.Pagination__link.active {
  pointer-events: none;
  background-color: #efeff3;
}
.Pagination__link:hover {
  color: #FF822B;
}
.Pagination__ellipsis {
  padding: 4px 10px;
}
@media screen and (max-width: 600px) {
  .Pagination__ellipsis {
    padding: 4px 6px;
  }
}
.Pagination__showMore {
  width: 205px;
}
@media screen and (max-width: 1050px) {
  .Pagination__showMore {
    width: 160px;
  }
}
@media screen and (max-width: 600px) {
  .Pagination__showMore {
    width: 100%;
    margin-bottom: 20px;
  }
}

.RightSidebarPage {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 800px) {
  .RightSidebarPage {
    flex-direction: column;
    align-items: stretch;
  }
}
.RightSidebarPage__sidebar {
  position: sticky;
  top: 140px;
  flex-shrink: 0;
  width: 320px;
  margin-left: 24px;
}
@media screen and (max-width: 1250px) {
  .RightSidebarPage__sidebar {
    width: 250px;
  }
}
@media screen and (max-width: 800px) {
  .RightSidebarPage__sidebar {
    position: relative;
    top: 0;
    width: 100%;
    margin-left: 0;
  }
}
.RightSidebarPage__content {
  width: calc(100% - 320px - 24px);
  margin-bottom: 20px;
}
@media screen and (max-width: 1250px) {
  .RightSidebarPage__content {
    width: calc(100% - 250px - 24px);
  }
}
@media screen and (max-width: 800px) {
  .RightSidebarPage__content {
    width: 100%;
  }
}

.CartListing {
  padding-right: 32px;
  padding-bottom: 48px;
}
@media screen and (max-width: 900px) {
  .CartListing {
    padding-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .CartListing {
    padding-bottom: 20px;
  }
}
.CartListing__item {
  padding: 30px 0;
  border-bottom: 1px solid #efeff3;
}
.CartListing__item:first-child {
  padding-top: 0;
}
.CartListing__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 432px;
  margin: 0 auto;
}
.CartListing__infoIcon {
  width: 131px;
  height: 107px;
  margin-bottom: 20px;
}
.CartListing__infoText {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .CartListing__infoText {
    font-size: 16px;
    line-height: 19px;
  }
}
.CartListing__infoButton {
  width: 100%;
  max-width: 259px;
  margin-top: 38px;
}
@media screen and (max-width: 800px) {
  .CartListing__infoButton {
    margin-top: 20px;
  }
}
.CartListing__infoDetails {
  width: 100%;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #efeff3;
}
@media screen and (max-width: 800px) {
  .CartListing__infoDetails {
    font-size: 14px;
    line-height: 18px;
  }
}
.CartListing__infoSection {
  margin-bottom: 19px;
}
@media screen and (max-width: 800px) {
  .CartListing__infoSection {
    margin-bottom: 10px;
  }
}
.CartListing__infoSection:last-child {
  margin-bottom: 0;
}
.CartListing__infoSectionRow {
  margin-bottom: 5px;
}
.CartListing__infoSectionRow:last-child {
  margin-bottom: 0;
}

.CartItem {
  display: flex;
}
@media screen and (max-width: 1250px) {
  .CartItem {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 600px) {
  .CartItem {
    flex-direction: column;
  }
}
.CartItem__imageWrap {
  flex-shrink: 0;
  width: 150px;
  margin-right: 30px;
  text-decoration: none;
  color: currentColor;
}
@media screen and (max-width: 600px) {
  .CartItem__imageWrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.CartItem__image {
  width: 100%;
}
.CartItem__info {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
}
.CartItem__labels {
  position: absolute;
  top: 3px;
  left: 3px;
}
.CartItem__infoWrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1050px) {
  .CartItem__infoWrap {
    flex-wrap: wrap;
  }
}
.CartItem__description {
  flex-grow: 1;
  max-width: 400px;
  margin-right: 20px;
}
@media screen and (max-width: 1250px) {
  .CartItem__description {
    max-width: none;
  }
}
@media screen and (max-width: 1050px) {
  .CartItem__description {
    flex-grow: 0;
    width: calc(100% - 20px - 100px);
  }
}
@media screen and (max-width: 600px) {
  .CartItem__description {
    width: 100%;
    margin-bottom: 20px;
  }
}
.CartItem__article {
  margin-bottom: 5px;
  color: #a9a9b3;
}
.CartItem__name {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  color: currentColor;
  transition: color 0.1s;
}
@media screen and (max-width: 1250px) {
  .CartItem__name {
    font-size: 16px;
    line-height: 19px;
  }
}
.CartItem__name:hover {
  color: #FF822B;
}
@media screen and (max-width: 1250px) {
  .CartItem__input {
    width: 100px;
    height: 48px;
  }
}
.CartItem__price {
  flex-shrink: 0;
  width: 170px;
  margin-left: 20px;
}
@media screen and (max-width: 1250px) {
  .CartItem__price {
    width: 150px;
  }
}
@media screen and (max-width: 1050px) {
  .CartItem__price {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .CartItem__price {
    width: calc(100% - 120px);
    margin-top: 0;
    margin-left: 20px;
  }
}
.CartItem__priceCost {
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 5px;
  text-align: right;
}
@media screen and (max-width: 1250px) {
  .CartItem__priceCost {
    font-size: 26px;
    line-height: 29px;
  }
}
.CartItem__priceDiscount {
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  text-decoration: line-through;
  color: #a9a9b3;
}
.CartItem__footer {
  display: flex;
  align-items: flex-start;
  margin-top: 37px;
}
@media screen and (max-width: 1250px) {
  .CartItem__footer {
    margin-top: 20px;
  }
}
.CartItem__action {
  display: flex;
  align-items: flex-end;
  margin-right: 12px;
  padding: 0;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.3s;
}
.CartItem__action:hover {
  color: #FF822B;
}
.CartItem[data-in-compare] .CartItem__action_type_compare, .CartItem[data-in-favorite] .CartItem__action_type_favorite {
  color: #FF822B;
}
.CartItem__actionIcon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.CartItem__actionIcon:last-child {
  margin-right: 0;
}
.CartItem__delete {
  margin-left: auto;
  padding: 0;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.3s;
}
.CartItem__delete:hover {
  color: #FF822B;
}

.NubmerInput {
  display: flex;
  width: 100%;
  max-width: 150px;
  height: 54px;
  max-height: 54px;
}
.NubmerInput__button {
  flex-shrink: 0;
  width: 26%;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: #efeff3;
}
.NubmerInput__button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.NubmerInput__button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.NubmerInput__button:hover {
  background-color: #d7d7df;
}
.NubmerInput__input {
  min-width: 0;
  margin: 0 1px;
  padding: 0;
  cursor: default;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: #efeff3;
}

.PageHeader {
  padding: 32px 0;
}
@media screen and (max-width: 1050px) {
  .PageHeader {
    padding: 20px 0;
  }
}
.PageHeader__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .PageHeader__wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.PageHeader__main {
  width: 100%;
  margin-right: 15px;
}
.PageHeader__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  margin: 6px 0;
}
@media screen and (max-width: 1050px) {
  .PageHeader__title {
    font-size: 30px;
    line-height: 33px;
  }
}
@media screen and (max-width: 800px) {
  .PageHeader__title {
    font-size: 26px;
    line-height: 29px;
  }
}
.PageHeader__logo {
  max-width: 180px;
}
.PageHeader__additional {
  flex-shrink: 0;
}
.PageHeader .ShowAllButton {
  margin-top: 0;
}

@media screen and (max-width: 1250px) {
  .SidebarSectionCart {
    font-size: 14px;
    line-height: 18px;
  }
}
.SidebarSectionCart__section {
  padding: 30px 0;
  border-top: 1px solid #efeff3;
}
@media screen and (max-width: 1250px) {
  .SidebarSectionCart__section {
    padding: 15px 0;
  }
}
.SidebarSectionCart__section:first-child {
  padding-top: 0;
  border-top: none;
}
.SidebarSectionCart__title {
  font-size: 26px;
  font-weight: 500;
  line-height: 29px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1250px) {
  .SidebarSectionCart__title {
    font-size: 22px;
    line-height: 26px;
  }
}
.SidebarSectionCart__counts {
  font-size: 14px;
  line-height: 18px;
  color: #a9a9b3;
}
.SidebarSectionCart__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 9px;
}
.SidebarSectionCart__info:last-child {
  margin-bottom: 0;
}
.SidebarSectionCart__infoText {
  padding-right: 10px;
}
.SidebarSectionCart__infoCost {
  font-weight: 500;
  flex-shrink: 0;
}
.SidebarSectionCart__infoDiscount {
  color: #a9a9b3;
}
.SidebarSectionCart__finalTitle {
  font-weight: 500;
  text-transform: uppercase;
}
.SidebarSectionCart__finalCost {
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
}
@media screen and (max-width: 1250px) {
  .SidebarSectionCart__finalCost {
    font-size: 26px;
    line-height: 29px;
  }
}
.SidebarSectionCart__button {
  width: 100%;
}

.SidebarSection {
  margin-bottom: 48px;
}
@media screen and (max-width: 800px) {
  .SidebarSection {
    margin-bottom: 20px;
  }
}
.SidebarSection__crosslinkLink {
  display: block;
  color: #FF822B;
  margin-bottom: 12px;
}
.SidebarSection__crosslinkImageWrap {
  display: block;
  margin-bottom: 24px;
}
.SidebarSection__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__title {
    font-size: 16px;
    line-height: 19px;
  }
}
.SidebarSection__wrap {
  padding: 30px;
  border-radius: 3px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 800px) {
  .SidebarSection__wrap {
    padding: 0;
    box-shadow: none;
  }
}
.SidebarSection__price {
  margin-bottom: 24px;
  padding-bottom: 4px;
  border-bottom: 1px solid #efeff3;
}
.SidebarSection__priceTitle {
  color: #a9a9b3;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__priceTitle {
    font-size: 14px;
    line-height: 18px;
  }
}
.SidebarSection__priceWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.SidebarSection__priceNew {
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  margin-right: 9px;
  color: #1a1a1c;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__priceNew {
    font-size: 26px;
    line-height: 29px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceNew {
    font-size: 30px;
    line-height: 33px;
  }
}
.SidebarSection__priceOld {
  font-size: 14px;
  line-height: 18px;
  text-decoration: line-through;
  color: #a9a9b3;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__priceOld {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceOld {
    font-size: 14px;
  }
}
.SidebarSection__priceBenefit {
  font-size: 14px;
  line-height: 18px;
  margin-top: 5px;
  margin-bottom: 11px;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__priceBenefit {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceBenefit {
    font-size: 14px;
  }
}
.SidebarSection__priceButton {
  width: 100%;
  margin-top: 8px;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__priceButton {
    font-size: 14px;
    line-height: 18px;
    height: 40px;
  }
}
.SidebarSection__priceCredit {
  font-size: 14px;
  line-height: 18px;
  margin-top: 14px;
  margin-bottom: 19px;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__priceCredit {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceCredit {
    font-size: 14px;
  }
}
.SidebarSection__priceCredit::before {
  top: -2px;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 8px;
  content: "";
  border-radius: 50%;
  background-color: #FF822B;
}
.SidebarSection__priceText {
  font-size: 14px;
  line-height: 18px;
  margin: 11px auto;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__priceText {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__priceText {
    font-size: 14px;
  }
}
.SidebarSection__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__actions {
    flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__actions {
    flex-direction: row;
  }
}
.SidebarSection__action {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
@media screen and (max-width: 1250px) {
  .SidebarSection__action {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
  }
  .SidebarSection__action:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 800px) {
  .SidebarSection__action {
    margin-bottom: 0;
  }
}
.SidebarSection__action:hover {
  color: #FF822B;
}
.Card[data-in-compare] .SidebarSection__action_type_compare, .Card[data-in-favorite] .SidebarSection__action_type_favorite {
  color: #FF822B;
}
.SidebarSection__actionIcon {
  width: 21px;
  height: 19px;
  margin-right: 7px;
}
@media screen and (max-width: 800px) {
  .SidebarSection__docs {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
  }
}
.SidebarSection__docItem {
  margin-bottom: 24px;
}
@media screen and (max-width: 800px) {
  .SidebarSection__docItem {
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    width: calc(50% - 20px);
    margin: 10px;
    color: #a9a9b3;
  }
}
.SidebarSection__docItem:last-child {
  margin-bottom: 0;
}
.SidebarSection__docImage {
  margin-bottom: 9px;
}
@media screen and (max-width: 800px) {
  .SidebarSection__docImage {
    margin-top: 9px;
    margin-bottom: 0;
  }
}

.Slider {
  overflow: hidden;
  margin: 0 -1px;
  padding: 0 1px;
  list-style: none;
}
@media screen and (max-width: 800px) {
  .Slider {
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 800px) {
  .Slider_fullscreen .Slider__item {
    width: calc(100vw - 80px);
  }
}
.Slider__wrap {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  transition-property: transform;
}
@media screen and (max-width: 800px) {
  .Slider__wrap {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
  }
  .Slider__wrap::before, .Slider__wrap::after {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    content: "";
  }
}
.Slider__wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.Slider__item {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  max-width: 20%;
  margin-right: 20px;
  transition-property: transform;
}
@media screen and (max-width: 1250px) {
  .Slider__item {
    max-width: 25%;
  }
}
@media screen and (max-width: 900px) {
  .Slider__item {
    margin-right: 10px;
  }
}
@media screen and (max-width: 800px) {
  .Slider__item {
    flex-shrink: 0;
    width: calc(45vw - 29px);
    max-width: none;
  }
  .Slider__item:only-child {
    width: calc(100vw - 48px);
  }
}
@media screen and (max-width: 600px) {
  .Slider__item {
    width: calc(65vw - 29px);
  }
}
@media screen and (max-width: 350px) {
  .Slider__item {
    width: calc(80vw - 29px);
  }
}
.swiper-initialized .Slider__item {
  flex-grow: 0;
  flex-shrink: 0;
}
.Slider__item:last-child {
  margin-right: 0;
}
.Slider__bulletsPagination {
  position: absolute;
  right: 0;
  bottom: 27px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
@media screen and (max-width: 800px) {
  .Slider__bulletsPagination {
    display: none;
  }
}
.Slider__bulletsPaginationItem {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  cursor: pointer;
  pointer-events: auto;
  border: 2px solid transparent;
  border-radius: 50%;
  background-color: #ffffff;
  transition: border-color 0.1s;
}
.Slider__bulletsPaginationItem:hover, .Slider__bulletsPaginationItem.current {
  border-color: #5d5d5d;
}
.Slider__fractionPagination {
  color: #d7d7df;
}
.Slider__fractionPagination span.current {
  color: #a9a9b3;
}

.CompareSlider {
  overflow: hidden;
  margin: 0 -1px;
  padding: 0 1px;
  list-style: none;
}
.CompareSlider__wrap {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  transition-property: transform;
}
.CompareSlider__item {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  max-width: 253px;
  margin-right: 20px;
  transition-property: transform;
}
@media screen and (max-width: 1250px) {
  .CompareSlider__item {
    max-width: none;
  }
}
@media screen and (max-width: 900px) {
  .CompareSlider__item {
    margin-right: 10px;
  }
}
.swiper-initialized .CompareSlider__item {
  flex-grow: 0;
  flex-shrink: 0;
}
.CompareSlider__item:only-child {
  max-width: 253px;
}
@media screen and (max-width: 600px) {
  .CompareSlider__item:only-child {
    max-width: none;
  }
}
.CompareSlider__item:last-child {
  margin-right: 0;
}

.SliderControl {
  display: block;
  width: 48px;
  height: 48px;
  padding: 0;
  cursor: pointer;
  pointer-events: auto;
  border: 1px solid;
  border-radius: 50%;
  background-color: transparent;
  transition: border-color 0.1s, background-color 0.1s;
}
.SliderControl::before {
  position: absolute;
  top: 50%;
  display: block;
  width: 9px;
  height: 9px;
  content: "";
  border-top: 2px solid;
  border-left: 2px solid;
}
.SliderControl_type_prev::before {
  left: calc(50% + 1px);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.SliderControl_type_next::before {
  left: calc(50% - 1px);
  transform: translate(-50%, -50%) rotate(135deg);
}
.SliderControl_color_light {
  border-color: rgba(169, 169, 179, 0.3);
}
.SliderControl_color_light:hover {
  border-color: transparent;
  background-color: rgba(169, 169, 179, 0.3);
}
.SliderControl_color_light::before {
  border-top-color: #ffffff;
  border-left-color: #ffffff;
}
.SliderControl_color_dark {
  border-color: #d7d7df;
}
.SliderControl_color_dark:hover {
  border-color: #a9a9b3;
}
.SliderControl_color_dark::before {
  border-top-color: #31313a;
  border-left-color: #31313a;
}
.SliderControl.swiper-button-disabled {
  pointer-events: none;
  border-color: #efeff3;
}
.SliderControl.swiper-button-disabled::before {
  border-top-color: #efeff3;
  border-left-color: #efeff3;
}
.SliderControl_bg_white {
  background-color: #ffffff;
}

.Card__rating {
  margin-bottom: 24px;
}
.Card__info {
  display: flex;
}
@media screen and (max-width: 1050px) {
  .Card__info {
    flex-direction: column;
  }
}
@media screen and (max-width: 800px) {
  .Card__info {
    margin: 0 -24px 20px;
  }
}
.Card__imageWrap {
  width: 545px;
  margin-right: 20px;
  position: relative;
}
@media screen and (max-width: 1384px) {
  .Card__imageWrap {
    width: 400px;
  }
}
@media screen and (max-width: 1050px) {
  .Card__imageWrap {
    width: 100%;
    margin-right: 0;
  }
}
.Card__labels {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
}
@media screen and (max-width: 800px) {
  .Card__labels {
    left: 24px;
  }
}
.Card__label {
  font-size: 18px;
  line-height: 22px;
  width: 57px;
  height: 57px;
  margin-bottom: 8px;
}
@media screen and (max-width: 1250px) {
  .Card__label {
    font-size: 16px;
    line-height: 19px;
    width: 48px;
    height: 48px;
  }
}
.Card__label_type_gift {
  padding: 15px;
}
@media screen and (max-width: 1250px) {
  .Card__label_type_gift {
    padding: 10px;
  }
}
.Card__image {
  max-width: none;
  max-height: 440px;
  padding: 20px;
}
.Card__imageGalleryControlsWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
}
@media screen and (max-width: 800px) {
  .Card__imageGalleryControlsWrap {
    display: none;
  }
}
.Card__imageGalleryControls {
  display: flex;
}
.Card__imageGalleryControl {
  margin-left: 12px;
}
.Card__descriptionWrap {
  flex-grow: 1;
}
@media screen and (max-width: 800px) {
  .Card__descriptionWrap {
    padding: 0 24px;
  }
}
.Card__descriptionArticle {
  margin-bottom: 12px;
  color: #a9a9b3;
}
@media screen and (max-width: 1250px) {
  .Card__descriptionArticle {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
  }
}
.Card__descriptionBadges {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
}
.Card__descriptionBadge {
  margin: 6px;
  padding: 7px 14px;
  color: #ffffff;
  border-radius: 5px;
  background-color: #FF822B;
}
@media screen and (max-width: 1250px) {
  .Card__descriptionBadge {
    font-size: 14px;
    line-height: 18px;
    padding: 6px 8px;
  }
}
.Card__descriptionBadge:last-child {
  margin-right: 0;
}
.Card__descriptionBadge_color_orange {
  background-color: #FF822B;
}
.Card__descriptionBadge_color_black {
  background-color: #1a1a1c;
}
.Card__descriptionTitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 38px;
}
@media screen and (max-width: 1250px) {
  .Card__descriptionTitle {
    font-size: 16px;
    line-height: 19px;
    margin-top: 20px;
  }
}
.Card__descriptionList {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.Card__descriptionListItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 12px 0;
}
.Card__descriptionListText {
  background-color: #ffffff;
}
@media screen and (max-width: 1250px) {
  .Card__descriptionListText {
    font-size: 14px;
    line-height: 18px;
  }
}
.Card__descriptionListText::before {
  position: absolute;
  z-index: -1;
  top: 14px;
  display: block;
  /* это ёбанное говно чтобы точки переносились на вторую строку
  я в рот ебал такой дизайн */
  width: 600px;
  height: 0;
  content: "";
  border-bottom: 2px dotted #a9a9b3;
  background-color: #ffffff;
}
@media screen and (max-width: 1250px) {
  .Card__descriptionListText::before {
    top: 11px;
  }
}
.Card__descriptionListText:first-child {
  margin-right: 10px;
}
.Card__descriptionListText:first-child::before {
  left: 0;
}
.Card__descriptionListText:last-child {
  margin-left: auto;
}
.Card__descriptionListText:last-child::before {
  right: 0;
}
@media screen and (max-width: 1250px) {
  .Card__descriptionShowAll {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 1050px) {
  .Card__tabs {
    padding-top: 20px;
  }
}
@media screen and (max-width: 800px) {
  .Card__tabs {
    padding-top: 0;
  }
}
.Card__tabsContentWrap {
  margin-bottom: 20px;
  padding-top: 30px;
}
@media screen and (max-width: 800px) {
  .Card__tabsContentWrap {
    padding-top: 15px;
  }
}
@media screen and (max-width: 800px) {
  .Card__tabListing {
    margin: 0 -24px;
  }
}
.Card__tabListingList {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin: -10px;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 800px) {
  .Card__tabListingList {
    flex-wrap: nowrap;
  }
}
.Card__tabListingItem {
  max-width: calc(33.3333333333% - 20px);
  margin: 10px;
}
@media screen and (max-width: 1050px) {
  .Card__tabListingItem {
    max-width: calc(50% - 20px);
  }
}
@media screen and (max-width: 800px) {
  .Card__tabListingItem {
    max-width: none;
  }
}
.Card__tabListingItem:last-child {
  margin-right: 10px;
}

.CardSnippet {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px 16px;
  text-decoration: none;
  color: currentColor;
  border: 1px solid #efeff3;
  border-radius: 3px;
  transition: border-color 0.1s;
}
.CardSnippet:hover {
  border-color: #d7d7df;
}
.CardSnippet__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
  margin-bottom: 7px;
}
@media screen and (max-width: 1050px) {
  .CardSnippet__image {
    height: 155px;
  }
}
@media screen and (max-width: 600px) {
  .CardSnippet__image {
    height: 120px;
  }
}
.CardSnippet__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.CardSnippet__rating {
  margin-bottom: 12px;
}
@media screen and (max-width: 900px) {
  .CardSnippet__rating {
    margin-bottom: 5px;
  }
}
.CardSnippet__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: auto;
  text-decoration: none;
  text-overflow: ellipsis;
  color: currentColor;
}
@media screen and (max-width: 1050px) {
  .CardSnippet__title {
    font-size: 14px;
    line-height: 18px;
    word-break: break-word;
  }
}
.CardSnippet__availability {
  margin-top: 7px;
  margin-bottom: 8px;
  text-transform: lowercase;
  color: #a9a9b3;
}
@media screen and (max-width: 1050px) {
  .CardSnippet__availability {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 900px) {
  .CardSnippet__availability {
    font-size: 12px;
    text-align: right;
  }
}
@media screen and (max-width: 800px) {
  .CardSnippet__availability {
    font-size: 14px;
    text-align: left;
  }
}
.CardSnippet__priceWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
  .CardSnippet__priceWrap {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
@media screen and (max-width: 800px) {
  .CardSnippet__priceWrap {
    flex-direction: row;
    align-items: center;
  }
}
.CardSnippet__title + .CardSnippet__priceWrap {
  margin-top: 20px;
}
.CardSnippet__price {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #31313a;
}
@media screen and (max-width: 800px) {
  .CardSnippet__price {
    font-size: 16px;
    line-height: 21px;
  }
}
.CardSnippet__priceOld {
  font-size: 14px;
  margin-left: 14px;
  text-decoration: line-through;
  color: #a9a9b3;
}
@media screen and (max-width: 800px) {
  .CardSnippet__priceOld {
    font-size: 12px;
  }
}
.CardSnippet__button {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  padding: 4px;
  border-radius: 18px;
}
.CardSnippet__button::before {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36.000000' height='36.000000' viewBox='0 0 36 36' fill='none'%3E%3Cdesc%3E Created with Pixso. %3C/desc%3E%3Cdefs%3E%3ClinearGradient id='paint_linear_3_14_0' x1='1150.350708' y1='26025.087891' x2='1186.439453' y2='26025.087891' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFAF38'/%3E%3Cstop offset='0.180590' stop-color='%23FFAF38'/%3E%3Cstop offset='1.000000' stop-color='%23FF822B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='path167' d='M-0.51 17.21C-0.51 27.17 7.57 35.25 17.54 35.25C27.5 35.25 35.58 27.17 35.58 17.21C35.58 7.24 27.5 -0.84 17.54 -0.84C7.57 -0.84 -0.51 7.24 -0.51 17.21Z' fill='url(%23paint_linear_3_14_0)' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path178' d='M9.84 6.43C9.29 6.43 8.85 6.87 8.85 7.41L8.85 27C8.85 27.54 9.29 27.99 9.84 27.99L25.24 27.99C25.78 27.99 26.22 27.54 26.22 27L26.22 12.11L20.4 6.43L9.84 6.43Z' stroke='%23FFFFFF' stroke-opacity='1.000000' stroke-width='1.733333'/%3E%3Cpath id='path176' d='M23.01 15.73L11.39 15.73C11.28 15.73 11.19 15.64 11.19 15.53C11.19 15.42 11.28 15.32 11.39 15.32L23.01 15.32C23.12 15.32 23.21 15.42 23.21 15.53C23.21 15.64 23.12 15.73 23.01 15.73Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path174' d='M23.01 18.35L11.39 18.35C11.28 18.35 11.19 18.26 11.19 18.15C11.19 18.04 11.28 17.95 11.39 17.95L23.01 17.95C23.12 17.95 23.21 18.04 23.21 18.15C23.21 18.26 23.12 18.35 23.01 18.35Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path172' d='M23.01 20.87L11.39 20.87C11.28 20.87 11.19 20.78 11.19 20.67C11.19 20.56 11.28 20.47 11.39 20.47L23.01 20.47C23.12 20.47 23.21 20.56 23.21 20.67C23.21 20.78 23.12 20.87 23.01 20.87Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path170' d='M19.35 12.67L11.39 12.67C11.28 12.67 11.19 12.58 11.19 12.47C11.19 12.35 11.28 12.26 11.39 12.26L19.35 12.26C19.46 12.26 19.55 12.35 19.55 12.47C19.55 12.58 19.46 12.67 19.35 12.67Z' fill='%23FFFFFF' fill-opacity='1.000000' fill-rule='nonzero'/%3E%3Cpath id='path180' d='M25.72 12.21C25.91 12.21 26 11.99 25.87 11.86L20.79 6.78C20.66 6.65 20.44 6.74 20.44 6.93L20.44 12.01C20.44 12.12 20.53 12.21 20.65 12.21L25.72 12.21Z' stroke='%23FFFFFF' stroke-opacity='1.000000' stroke-width='1.733333'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 800px) {
  .CardSnippet__button {
    min-width: 0;
  }
}
.CardSnippet__actions {
  position: absolute;
  top: 9px;
  right: 9px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.8);
}
.CardSnippet__action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 7px;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
.CardSnippet__action:hover {
  color: #31313a;
}
.CardSnippet__action_type_compare {
  padding: 5px;
}
.CardSnippet__action_type_favorite {
  padding: 4px;
}
.CardSnippet[data-in-compare] .CardSnippet__action_type_compare, .CardSnippet[data-in-compare] .CardSnippet__action_type_remove, .CardSnippet[data-in-favorite] .CardSnippet__action_type_favorite {
  color: #FF822B;
}
.CardSnippet__actionIcon {
  width: 100%;
  height: 100%;
}
.CardSnippet__labels {
  position: absolute;
  top: 9px;
  left: 9px;
}

.CardListSnippet {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 30px 30px 23px 23px;
  border: 1px solid #efeff3;
  border-radius: 3px;
  transition: border-color 0.1s;
}
@media screen and (max-width: 1050px) {
  .CardListSnippet {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet {
    flex-direction: column;
  }
}
.CardListSnippet:hover {
  border-color: #d7d7df;
}
.CardListSnippet__imageWrap {
  flex-shrink: 0;
  width: 220px;
  margin-right: 10px;
}
@media screen and (max-width: 1250px) {
  .CardListSnippet__imageWrap {
    width: 160px;
  }
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__imageWrap {
    width: 140px;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet__imageWrap {
    width: calc(100% - 300px);
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__imageWrap {
    width: 100%;
    margin: 0;
  }
}
.CardListSnippet__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.CardListSnippet__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.CardListSnippet__labels {
  position: absolute;
  top: -13px;
  left: -2px;
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__labels {
    top: -5px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__labels {
    top: 0;
    left: 0;
  }
}
.CardListSnippet__actions {
  position: absolute;
  top: -8px;
  right: 8px;
  display: flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__actions {
    top: -5px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__actions {
    top: 0;
    right: 0;
  }
}
.CardListSnippet__action {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 7px;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
.CardListSnippet__action:hover {
  color: #31313a;
}
.CardListSnippet__action_type_compare {
  padding: 5px;
}
.CardListSnippet__action_type_favorite {
  padding: 4px;
}
.CardListSnippet[data-in-compare] .CardListSnippet__action_type_compare, .CardListSnippet[data-in-favorite] .CardListSnippet__action_type_favorite {
  color: #FF822B;
}
.CardListSnippet__actionIcon {
  width: 100%;
  height: 100%;
}
.CardListSnippet__info {
  flex-grow: 1;
  max-width: 465px;
  margin-right: 32px;
}
@media screen and (max-width: 900px) {
  .CardListSnippet__info {
    order: 1;
    max-width: none;
    margin-top: 20px;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__info {
    margin-top: 10px;
  }
}
.CardListSnippet__rating {
  margin-bottom: 12px;
}
.CardListSnippet__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  display: block;
  margin-bottom: 6px;
  text-decoration: none;
  color: currentColor;
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__title {
    font-size: 16px;
    line-height: 19px;
  }
}
.CardListSnippet__specifications {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__specifications {
    font-size: 12px;
    line-height: 16px;
  }
}
.CardListSnippet__specification {
  display: flex;
  align-items: flex-start;
  padding: 6px 0;
  border-bottom: 1px solid #efeff3;
}
@media screen and (max-width: 350px) {
  .CardListSnippet__specification {
    flex-direction: column;
  }
}
.CardListSnippet__specification:last-child {
  border-bottom: none;
}
.CardListSnippet__specificationTitle {
  width: 62%;
  padding-right: 10px;
}
@media screen and (max-width: 350px) {
  .CardListSnippet__specificationTitle {
    width: 100%;
    padding: 0;
    color: #a9a9b3;
  }
}
.CardListSnippet__specificationText {
  width: 38%;
}
@media screen and (max-width: 350px) {
  .CardListSnippet__specificationText {
    width: 100%;
  }
}
.CardListSnippet__priceInfo {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 200px;
}
@media screen and (max-width: 1250px) {
  .CardListSnippet__priceInfo {
    width: 150px;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet__priceInfo {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__priceInfo {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    order: 2;
    width: 100%;
  }
}
@media screen and (max-width: 350px) {
  .CardListSnippet__priceInfo {
    flex-direction: column;
    align-items: flex-end;
  }
}
.CardListSnippet__availability {
  margin-bottom: auto;
  text-transform: lowercase;
  color: #a9a9b3;
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__availability {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__availability {
    margin-bottom: 0;
  }
}
.CardListSnippet__price {
  margin-top: 10px;
}
@media screen and (max-width: 600px) {
  .CardListSnippet__price {
    margin-top: 0;
  }
}
.CardListSnippet__priceText {
  margin-bottom: 5px;
  color: #a9a9b3;
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__priceText {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__priceText {
    display: none;
  }
}
.CardListSnippet__priceWrap {
  display: flex;
  align-items: flex-end;
  margin-bottom: 3px;
}
@media screen and (max-width: 1250px) {
  .CardListSnippet__priceWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet__priceWrap {
    flex-direction: row;
    align-items: flex-end;
  }
}
.CardListSnippet__priceActual {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  color: #1a1a1c;
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__priceActual {
    font-size: 18px;
    line-height: 22px;
  }
}
.CardListSnippet__priceOld {
  font-size: 14px;
  margin-left: 6px;
  text-decoration: line-through;
  color: #a9a9b3;
}
@media screen and (max-width: 1250px) {
  .CardListSnippet__priceOld {
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .CardListSnippet__priceOld {
    margin-left: 6px;
  }
}
.CardListSnippet__benefit {
  font-size: 14px;
  line-height: 18px;
}
@media screen and (max-width: 1050px) {
  .CardListSnippet__benefit {
    font-size: 12px;
    line-height: 16px;
  }
}
@media screen and (max-width: 600px) {
  .CardListSnippet__benefit {
    text-align: right;
  }
}
.CardListSnippet__button {
  width: 100%;
  margin-top: 18px;
}

.Review {
  padding: 30px 0;
}
.Review__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .Review__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.Review__user {
  display: flex;
}
@media screen and (max-width: 1050px) {
  .Review__user {
    font-size: 14px;
    line-height: 18px;
  }
}
.Review__userImage {
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #dbeeea;
}
@media screen and (max-width: 1050px) {
  .Review__userImage {
    width: 36px;
    height: 36px;
  }
}
.Review__userImageLetter {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #FF822B;
}
@media screen and (max-width: 1050px) {
  .Review__userImageLetter {
    font-size: 14px;
    line-height: 18px;
  }
}
.Review__userImagePhoto {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.Review__userDate {
  color: #a9a9b3;
}
.Review__market {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .Review__market {
    margin-top: 15px;
  }
}
.Review__marketImage {
  width: 105px;
}
@media screen and (max-width: 1050px) {
  .Review__marketImage {
    width: 90px;
  }
}
.Review__marketText {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin-left: 7px;
  color: #a9a9b3;
}
@media screen and (max-width: 1050px) {
  .Review__marketText {
    font-size: 14px;
    line-height: 18px;
  }
}
.Review__productBreadcrumbs {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 0 14px;
  color: #a9a9b3;
}
@media screen and (max-width: 1050px) {
  .Review__productBreadcrumbs {
    font-size: 12px;
    line-height: 14px;
  }
}
.Review__productBreadcrumbsItem::after {
  display: inline-block;
  margin: 0 7px;
  content: "|";
  color: #d7d7df;
}
.Review__productBreadcrumbsItem:last-child::after {
  content: none;
}
.Review__section {
  margin-bottom: 20px;
}
@media screen and (max-width: 1050px) {
  .Review__section {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }
}
.Review__section_inline {
  display: flex;
  align-items: center;
}
.Review__rating {
  margin-left: 10px;
}
.Review__title {
  font-weight: 700;
}
.Review__sectionText {
  margin-top: 4px;
}
.Review__text {
  margin-top: 16px;
}
@media screen and (max-width: 1050px) {
  .Review__text {
    font-size: 14px;
    line-height: 18px;
  }
}
.Review__text.crop {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Review__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 1050px) {
  .Review__footer {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 600px) {
  .Review__footer {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.Review__footer .ShowAllButton {
  margin-top: 0;
}
.Review__footerVote {
  display: flex;
  align-items: center;
  color: #a9a9b3;
}
@media screen and (max-width: 600px) {
  .Review__footerVote {
    flex-wrap: wrap;
  }
}
.Review__footerText {
  margin-right: 18px;
}
@media screen and (max-width: 1050px) {
  .Review__footerText {
    margin-right: 10px;
  }
}
@media screen and (max-width: 600px) {
  .Review__footerText {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.Review__vote {
  display: flex;
  align-items: center;
  margin-right: 18px;
  padding: 0;
  cursor: pointer;
  color: currentColor;
  border: none;
  background-color: transparent;
}
@media screen and (max-width: 1050px) {
  .Review__vote {
    margin-right: 10px;
  }
}
.Review__vote:hover {
  color: #1a1a1c;
}
.Review__vote.active {
  color: #FF822B;
}
.Review__voteIcon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
@media screen and (max-width: 1050px) {
  .Review__voteIcon {
    width: 14px;
    height: 14px;
  }
}
.Review__showAll {
  display: none;
}
@media screen and (max-width: 600px) {
  .Review__showAll {
    margin-bottom: 20px;
  }
}
.Review__showAll.show {
  display: block;
}

.ReviewsInfo__wrap {
  display: flex;
}
@media screen and (max-width: 600px) {
  .ReviewsInfo__wrap {
    flex-direction: column;
  }
}
.ReviewsInfo__info {
  width: 170px;
  margin-right: 56px;
}
@media screen and (max-width: 600px) {
  .ReviewsInfo__info {
    width: 100%;
    margin-bottom: 20px;
  }
}
.ReviewsInfo__rating {
  margin: 15px 0;
}
.ReviewsInfo__summary {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
}
.ReviewsInfo__summaryAssessment {
  font-size: 48px;
  line-height: 52px;
}
.ReviewsInfo__counts {
  margin-top: 3px;
  text-transform: lowercase;
  color: #a9a9b3;
}
.ReviewsInfo__detail {
  flex-grow: 1;
}
.ReviewsInfo__detailItem {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.ReviewsInfo__detailItem:last-child {
  margin-bottom: 0;
}
.ReviewsInfo__detailBar {
  width: 100%;
  max-width: 271px;
  height: 23px;
  margin-right: 13px;
  margin-left: 20px;
  border-radius: 3px;
  background-color: #d7d7df;
}
@media screen and (max-width: 1050px) {
  .ReviewsInfo__detailBar {
    max-width: none;
    margin-right: 0;
  }
}
.ReviewsInfo__detailBarFiller {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 3px;
  background-color: #FF822B;
}
.ReviewsInfo__detailCount {
  color: #31313a;
}
@media screen and (max-width: 1050px) {
  .ReviewsInfo__detailCount {
    display: none;
  }
}

.Reviews__addReview {
  width: 250px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1050px) {
  .Reviews__addReview {
    width: 200px;
  }
}
@media screen and (max-width: 800px) {
  .Reviews__addReview {
    width: 100%;
    border-radius: 10px;
  }
}
.Reviews__info {
  margin-bottom: 30px;
}
.Reviews__list {
  margin: 0;
  margin-bottom: 28px;
  padding: 0;
  list-style: none;
}
.Reviews__item {
  border-top: 1px solid #efeff3;
}
.Reviews__item:last-child {
  border-bottom: 1px solid #efeff3;
}
.Reviews__form {
  display: none;
}
.Reviews__form.show {
  display: block;
}
.Reviews__formTitle {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 6px;
}
@media screen and (max-width: 1050px) {
  .Reviews__formTitle {
    font-size: 18px;
    line-height: 22px;
  }
}
.Reviews__formText {
  margin-bottom: 30px;
}
@media screen and (max-width: 1050px) {
  .Reviews__formText {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px;
  }
}
.Reviews__formSubtitle {
  margin-bottom: 5px;
}
@media screen and (max-width: 1050px) {
  .Reviews__formSubtitle {
    font-size: 14px;
    line-height: 18px;
  }
}
.Reviews__formSubmit {
  display: flex;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 30px;
}
@media screen and (max-width: 800px) {
  .Reviews__formSubmit {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 16px;
  }
}
.Reviews__formSubmitButton {
  width: 250px;
  margin-right: 23px;
}
@media screen and (max-width: 1050px) {
  .Reviews__formSubmitButton {
    width: 200px;
  }
}
@media screen and (max-width: 800px) {
  .Reviews__formSubmitButton {
    width: 100%;
    margin-top: 16px;
    margin-right: 0;
    border-radius: 10px;
  }
}
.Reviews__thanks {
  margin-bottom: 30px;
}

.Rating {
  display: flex;
  align-items: center;
}
.Rating__wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.Rating__input {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.Rating__star {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  padding: 0 2px;
  color: #d7d7df;
  transition: color 0.1s;
}
@media screen and (max-width: 900px) {
  .Rating__star {
    width: 15px;
    height: 15px;
  }
}
div.Rating__star:first-child {
  padding-right: 0;
}

label.Rating__star {
  cursor: pointer;
}
label.Rating__star:nth-child(2) {
  padding-right: 0;
}
label.Rating__star:hover, label.Rating__star:hover ~ label.Rating__star {
  color: #FF822B;
}

.Rating__star:last-child {
  padding-left: 0;
}
.Rating__star.current, .Rating__star.current ~ .Rating__star, .Rating__input:checked ~ .Rating__star {
  color: #FF822B;
}
.Rating__icon {
  width: 100%;
  height: 100%;
}
.Rating__count {
  font-size: 14px;
  line-height: 18px;
  margin-left: 9px;
  color: #a9a9b3;
}

.Tabs {
  display: flex;
  padding-bottom: 13px;
  border-bottom: 1px solid #efeff3;
}
@media screen and (max-width: 1050px) {
  .Tabs {
    overflow: auto;
  }
}
.Tabs__item {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin: 0 13px;
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .Tabs__item {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 1050px) {
  .Tabs__item {
    flex-shrink: 0;
    margin: 0 7px;
  }
}
.Tabs__item:hover {
  color: #FF822B;
}
.Tabs__item.active {
  color: #FF822B;
}
.Tabs__item.active::before {
  position: absolute;
  bottom: -15px;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  border-radius: 3px;
  background-color: #FF822B;
}
@media screen and (max-width: 1050px) {
  .Tabs__item.active::before {
    content: none;
  }
}
.Tabs__item:first-child {
  margin-left: 0;
}
.Tabs__item:last-child {
  margin-right: 0;
}

.TabContent {
  display: none;
}
.TabContent.show {
  display: block;
}

.Table {
  display: flex;
  flex-wrap: wrap;
  margin: -4px;
  padding: 10px 0;
}
.Table__row {
  display: flex;
  align-items: center;
  width: calc(50% - 8px);
  margin: 4px;
  padding: 22px 26px;
  border-radius: 3px;
  background-color: #efeff3;
}
@media screen and (max-width: 1050px) {
  .Table__row {
    font-size: 14px;
    line-height: 18px;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .Table__row {
    padding: 12px 10px;
  }
}
.Table__row:nth-child(4n), .Table__row:nth-child(4n-1) {
  background-color: rgba(239, 239, 243, 0.5);
}
@media screen and (max-width: 1050px) {
  .Table__row:nth-child(4n), .Table__row:nth-child(4n-1) {
    background-color: #efeff3;
  }
}
.Table__text {
  width: 50%;
}
.Table__text:first-child {
  margin-right: 10px;
}

.Breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 800px) {
  .Breadcrumbs {
    overflow: auto;
    flex-wrap: nowrap;
  }
  .Breadcrumbs::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.Breadcrumbs__item {
  font-size: 14px;
  line-height: 18px;
  padding-right: 18px;
  color: #acacac;
  position: relative;
}
@media screen and (max-width: 900px) {
  .Breadcrumbs__item {
    font-size: 12px;
    line-height: 14px;
  }
}
@media screen and (max-width: 800px) {
  .Breadcrumbs__item {
    flex-shrink: 0;
  }
}
.Breadcrumbs__item::after {
  position: absolute;
  top: -1px;
  right: 7px;
  content: "-";
}
.Breadcrumbs__item:last-child {
  padding-right: 0;
}
.Breadcrumbs__item:last-child::after {
  content: none;
}
.Breadcrumbs__link {
  text-decoration: none;
  color: currentColor;
}
a.Breadcrumbs__link:hover {
  text-decoration: underline;
}

.Form__section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 1050px) {
  .Form__section {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 600px) {
  .Form__section {
    flex-direction: column;
  }
}
@media screen and (max-width: 1384px) {
  .Form__section_radio {
    flex-direction: column;
  }
}
.Form__section .TextInput, .Form__section .RadioInput {
  flex-grow: 1;
  width: 100%;
  margin: 0 10px;
}
.Form__section .TextInput:first-child, .Form__section .RadioInput:first-child {
  margin-left: 0;
}
.Form__section .TextInput:last-child, .Form__section .RadioInput:last-child {
  margin-right: 0;
}
@media screen and (max-width: 600px) {
  .Form__section .TextInput {
    margin: 0 0 16px;
  }
}
@media screen and (max-width: 600px) {
  .Form__section .TextInput:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1384px) {
  .Form__section .RadioInput {
    margin: 0 0 16px;
  }
}
@media screen and (max-width: 1384px) {
  .Form__section .RadioInput:last-child {
    margin-bottom: 0;
  }
}

.Modal {
  position: fixed;
  z-index: 20;
  top: 50%;
  left: 50%;
  overflow: auto;
  width: 472px;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 20px);
  pointer-events: none;
  opacity: 0;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1050px) {
  .Modal {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 800px) {
  .Modal {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    min-width: 100%;
    max-width: none;
    max-height: calc(100vh - 100px);
    border-radius: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transform: none;
  }
}
.Modal.shown {
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0.5s;
}
.Modal__wrap {
  padding: 48px 56px;
}
@media screen and (max-width: 800px) {
  .Modal__wrap {
    padding: 48px 30px;
  }
}
.Modal__title {
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1050px) {
  .Modal__title {
    font-size: 22px;
    line-height: 26px;
  }
}
.Modal__text {
  margin-bottom: 20px;
}
.Modal__button {
  width: 100%;
}
.Modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.CityModal {
  width: 472px;
  height: 525px;
}
@media screen and (max-width: 800px) {
  .CityModal {
    width: auto;
    height: auto;
  }
}
.CityModal__wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.CityModal__search {
  margin-bottom: 24px;
}
@media screen and (max-width: 800px) {
  .CityModal__search {
    margin-bottom: 15px;
  }
}
.CityModal__suggest {
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1050px) {
  .CityModal__suggest {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 350px) {
  .CityModal__suggest {
    font-size: 12px;
    line-height: 14px;
  }
}
.CityModal__suggestItem {
  padding: 6px 0;
}
.CityModal__suggestLink {
  text-decoration: none;
  color: currentColor;
  transition: color 0.1s;
}
.CityModal__suggestLink:hover {
  color: #FF822B;
}
.CityModal__suggestNoResult {
  color: #a9a9b3;
}

.PhoneModal {
  width: 425px;
}
@media screen and (max-width: 800px) {
  .PhoneModal {
    width: auto;
    height: auto;
  }
}
.PhoneModal__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}
.PhoneModal__phone {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  color: #1a1a1c;
  transition: color 0.1s;
}
.PhoneModal__phone:hover {
  color: #FF822B;
}
.PhoneModal__worktime {
  font-size: 12px;
  line-height: 18px;
  color: #a9a9b3;
}
.PhoneModal__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .PhoneModal__buttons {
    flex-direction: column;
  }
}
.PhoneModal__button {
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #1a1a1c;
}
.PhoneModal__button:first-child {
  margin-right: 40px;
}
@media screen and (max-width: 600px) {
  .PhoneModal__button:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.PhoneModal__button:hover {
  color: #FF822B;
}
.PhoneModal__buttonIcon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.LoginModal__submitWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .LoginModal__submitWrap {
    flex-direction: column;
  }
}
.LoginModal__submitButton {
  width: 190px;
}
@media screen and (max-width: 600px) {
  .LoginModal__submitButton {
    margin-bottom: 15px;
  }
}
.LoginModal__submitResetPassword {
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
}
.LoginModal__submitResetPassword:hover {
  text-decoration: underline;
}
.LoginModal__signup {
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  .LoginModal__signup {
    margin-top: 15px;
  }
}

.SignupModal__login {
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  .SignupModal__login {
    margin-top: 15px;
  }
}

.SuccessFormModal__wrap {
  padding-top: 140px;
  background-image: url("../images/icons.svg#successFormView");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 38%;
  background-size: 82px 67px;
}
.SuccessFormModal__text {
  text-align: center;
  color: #31313a;
}

.OrderModal {
  width: 1130px;
}
@media screen and (max-width: 800px) {
  .OrderModal {
    width: auto;
  }
}
.OrderModal__item {
  padding-bottom: 18px;
  border-bottom: 1px solid #efeff3;
}
.OrderModal__text {
  font-size: 14px;
  line-height: 18px;
  margin: 24px 0 16px;
  color: #a9a9b3;
}
.OrderModal__section {
  padding: 10px 0 24px;
  border-bottom: 1px solid #efeff3;
}
.OrderModal__section_table {
  padding-bottom: 0;
}
.OrderModal__subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 24px;
}
.OrderModal__radioSectionTitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  margin-bottom: 20px;
}
.OrderModal__radioSectionWrap {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .OrderModal__radioSectionWrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.OrderModal__radioInput {
  margin-right: 40px;
}
@media screen and (max-width: 800px) {
  .OrderModal__radioInput {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.OrderModal__radioInput:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.OrderModal__detailInfo {
  padding: 32px 0;
}
@media screen and (max-width: 800px) {
  .OrderModal__detailInfo {
    padding: 20px 0;
  }
}
.OrderModal__detailInfoRow {
  display: flex;
  margin-bottom: 5px;
}
@media screen and (max-width: 800px) {
  .OrderModal__detailInfoRow {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
.OrderModal__detailInfoRow:last-child {
  margin-bottom: 0;
}
.OrderModal__detailInfoSubTitle {
  width: 350px;
  padding-right: 10px;
  color: #a9a9b3;
}
@media screen and (max-width: 800px) {
  .OrderModal__detailInfoSubTitle {
    width: 100%;
    margin-bottom: 3px;
    padding-right: 0;
  }
}
.OrderModal__detailInfoText {
  flex-grow: 1;
}
.OrderModal__submit {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .OrderModal__submit {
    flex-direction: column-reverse;
  }
}
.OrderModal__submitButton {
  flex-shrink: 0;
  width: 264px;
  margin-right: 15px;
}
@media screen and (max-width: 900px) {
  .OrderModal__submitButton {
    width: 100%;
    margin-top: 20px;
    margin-right: 0;
  }
}
.OrderModal__submitText {
  font-size: 14px;
  line-height: 18px;
  color: #a9a9b3;
}
@media screen and (max-width: 900px) {
  .OrderModal__submitText {
    width: 100%;
  }
}
.OrderModal__submitLink {
  color: currentColor;
}
@media screen and (max-width: 600px) {
  .OrderModal__submitLink {
    display: block;
  }
}
.OrderModal__submitLink:hover {
  text-decoration: none;
}

.OrderOneClickModal__policy {
  margin-top: 30px;
  padding: 30px 0;
  border-top: 1px solid #efeff3;
}
@media screen and (max-width: 800px) {
  .OrderOneClickModal__policy {
    margin-top: 15px;
    padding: 15px 0;
  }
}

.CloseCross {
  display: block;
  width: 18px;
  height: 18px;
  padding: 0;
  cursor: pointer;
  color: #d7d7df;
  border: none;
  background-color: transparent;
  transition: color 0.1s;
}
.CloseCross:hover {
  color: #a9a9b3;
}
.CloseCross::before, .CloseCross::after {
  position: absolute;
  top: 0;
  width: 24px;
  height: 2px;
  content: "";
  pointer-events: none;
  border-radius: 3px;
  background-color: currentColor;
}
.CloseCross::before {
  left: 1px;
  transform: rotate(45deg);
  transform-origin: left top;
}
.CloseCross::after {
  right: 1px;
  transform: rotate(-45deg);
  transform-origin: right top;
}

@keyframes heightHint {
  from {
    height: 0;
  }
  to {
    height: 608px;
  }
}
.SuperMenu {
  position: absolute;
  z-index: 1;
  top: 81px;
  left: 0;
  display: none;
  align-items: flex-start;
  width: 100%;
  /* если будешь менять высоту, не забудь поменять её и в анимации */
  height: 608px;
  max-height: calc(100vh - 121px);
  background-color: #ffffff;
}
@media screen and (max-width: 1050px) {
  .SuperMenu {
    top: 71px;
    max-height: calc(100vh - 111px);
  }
}
@media screen and (max-width: 900px) {
  .SuperMenu {
    top: 59px;
    max-height: calc(100vh - 99px);
  }
}
@media screen and (max-width: 800px) {
  .SuperMenu {
    position: fixed;
    top: 53px;
    bottom: 76px;
    overflow: auto;
    flex-direction: column;
    height: auto;
    max-height: none;
    padding-top: 16px;
  }
}
@media screen and (max-width: 350px) {
  .SuperMenu {
    bottom: 68px;
  }
}
.SuperMenu.shown {
  display: flex;
  animation: heightHint 0.5s forwards;
}
@media screen and (max-width: 800px) {
  .SuperMenu.shown {
    animation: none;
  }
}
.SuperMenu__search {
  display: none;
  width: calc(100% - 48px);
  margin: 0 24px;
}
@media screen and (max-width: 800px) {
  .SuperMenu__search {
    display: flex;
  }
}
.SuperMenu__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  display: none;
  padding: 22px 24px 8px;
}
@media screen and (max-width: 800px) {
  .SuperMenu__title {
    display: block;
  }
}
.SuperMenu__wrap {
  position: static;
  overflow: auto;
  width: 37.5%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #efeff3;
}
@media screen and (max-width: 800px) {
  .SuperMenu__wrap {
    overflow: visible;
    width: 100%;
    height: auto;
    background-color: transparent;
  }
}
.SuperMenu__section {
  position: static;
  color: #1a1a1c;
  border-right: 4px solid transparent;
  transition: background-color 0.1s, color 0.1s, border-color 0.1s;
}
@media screen and (max-width: 800px) {
  .SuperMenu__section {
    border-right: none;
  }
}
.SuperMenu__section:not(.SuperMenu__section_brand):hover, .SuperMenu__section.current {
  color: #FF822B;
  border-right-color: #FF822B;
  background-color: #ffffff;
}
@media screen and (max-width: 800px) {
  .SuperMenu__section:not(.SuperMenu__section_brand):hover, .SuperMenu__section.current {
    color: #1a1a1c;
    background-color: transparent;
  }
}
.SuperMenu__section:not(.SuperMenu__section_brand):hover .SuperMenu__sectionImageWrap, .SuperMenu__section.current .SuperMenu__sectionImageWrap {
  background-color: #efeff3;
}
@media screen and (max-width: 800px) {
  .SuperMenu__section:not(.SuperMenu__section_brand):hover .SuperMenu__sectionImageWrap, .SuperMenu__section.current .SuperMenu__sectionImageWrap {
    background-color: transparent;
  }
}
.SuperMenu__section_brand {
  color: #ffffff;
}
.SuperMenu__section_brand .SuperMenu__sectionImageWrap {
  background-color: transparent;
}
.SuperMenu__section_brand_stihl {
  background-color: #f46717;
}
.SuperMenu__section_brand_stihl:hover {
  background-color: #e75a0b;
}
.SuperMenu__section_brand_viking {
  background-color: #18a539;
}
.SuperMenu__section_brand_viking:hover {
  background-color: #158f31;
}
.SuperMenu__sectionLink {
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 6px 20px 6px calc((100vw - 1356px) / 2);
  text-decoration: none;
  color: currentColor;
}
@media screen and (max-width: 1384px) {
  .SuperMenu__sectionLink {
    padding-left: 20px;
  }
}
@media screen and (max-width: 800px) {
  .SuperMenu__sectionLink {
    font-size: 14px;
    line-height: 18px;
    margin: 0 24px;
    padding: 9px 0;
    padding-right: 15px;
    pointer-events: none;
    border-top: 1px solid #efeff3;
  }
  .SuperMenu__section.current + .SuperMenu__section .SuperMenu__sectionLink {
    border: none;
  }
  .SuperMenu__section:first-child .SuperMenu__sectionLink {
    border: none;
  }
  .SuperMenu__section_brand .SuperMenu__sectionLink {
    pointer-events: all;
    border: none;
  }
  .SuperMenu__section_brand .SuperMenu__sectionLink::before {
    content: none;
  }
  .SuperMenu__sectionLink::before {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 1px solid #d7d7df;
    border-left: 1px solid #d7d7df;
    transform: translateY(calc(-50% - 2px)) rotate(-135deg);
  }
}
.SuperMenu__sectionImageWrap {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-right: 16px;
  padding: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  transition: background-color 0.1s;
}
@media screen and (max-width: 800px) {
  .SuperMenu__sectionImageWrap {
    width: 31px;
    height: 31px;
    padding: 0;
    background-color: transparent;
  }
}
.SuperMenu__sectionListWrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  overflow: auto;
  width: 62.5%;
  max-height: 100%;
  padding: 30px calc((100vw - 1356px) / 2) 30px 80px;
}
@media screen and (max-width: 800px) {
  .SuperMenu__sectionListWrap {
    position: relative;
    width: 100%;
    max-height: none;
    padding: 0;
  }
}
.SuperMenu__section.current .SuperMenu__sectionListWrap {
  display: block;
}
.SuperMenu__sectionList {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #31313a;
}
@media screen and (max-width: 1384px) {
  .SuperMenu__sectionList {
    padding-right: 20px;
  }
}
@media screen and (max-width: 800px) {
  .SuperMenu__sectionList {
    font-size: 14px;
    line-height: 18px;
    flex-direction: column;
    padding: 0 24px;
    background-color: #f8f8fb;
  }
}
.SuperMenu__sectionItem {
  width: 50%;
  margin: 10px 0;
  padding-right: 20px;
}
@media screen and (max-width: 800px) {
  .SuperMenu__sectionItem {
    width: 100%;
    margin: 0;
    padding: 15px 21px 15px 33px;
    border-top: 1px solid #efeff3;
  }
  .SuperMenu__sectionItem:first-child {
    border-top: none;
  }
  .SuperMenu__sectionItem::before {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 1px solid #d7d7df;
    border-left: 1px solid #d7d7df;
    transform: translateY(calc(-50% - 2px)) rotate(135deg);
  }
}
.SuperMenu__sectionItemLink {
  text-decoration: none;
  color: currentColor;
  transition: color 0.1s;
}
.SuperMenu__sectionItemLink::before {
  position: absolute;
  top: 50%;
  left: -24px;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  pointer-events: none;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.1s;
  transform: translateY(-50%);
}
.SuperMenu__sectionItemLink:hover, .SuperMenu__sectionItemLink.current {
  color: #FF822B;
}
.SuperMenu__sectionItemLink:hover::before, .SuperMenu__sectionItemLink.current::before {
  background-color: #FF822B;
}
.SuperMenu__subMenu {
  display: none;
  width: 100%;
  margin: 0;
  padding: 16px 24px;
  list-style: none;
  background-color: #efeff3;
}
@media screen and (max-width: 800px) {
  .SuperMenu__subMenu {
    display: block;
  }
}
.SuperMenu__subMenuLink {
  font-size: 14px;
  line-height: 18px;
  display: block;
  padding: 8px 0;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  color: #31313a;
  border: none;
  background-color: transparent;
}
.SuperMenu__geo {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: none;
  align-items: center;
  width: 100%;
  padding: 0 24px 16px;
  cursor: pointer;
  color: currentColor;
  border: none;
  background-color: #efeff3;
  transition: color 0.1s;
}
@media screen and (max-width: 800px) {
  .SuperMenu__geo {
    display: flex;
  }
}
.SuperMenu__geo:hover {
  color: #FF822B;
}
.SuperMenu__geoIcon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.SuperMenu__geoText {
  overflow: hidden;
  margin-left: 4px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: currentColor;
}

.Cabinet__text {
  margin-bottom: 30px;
}
.Cabinet__wrap {
  display: flex;
  flex-wrap: wrap;
  margin: -13px;
}
@media screen and (max-width: 600px) {
  .Cabinet__wrap {
    flex-direction: column;
    margin: 0;
  }
}
.Cabinet__item {
  display: flex;
  flex-direction: column;
  width: calc(50% - 26px);
  margin: 13px;
  padding: 38px 40px;
  text-decoration: none;
  color: currentColor;
  position: relative;
  text-decoration: none;
  color: #231f20;
}
@media screen and (max-width: 600px) {
  .Cabinet__item {
    width: 100%;
    margin: 13px 0;
    padding: 0;
  }
}
.Cabinet__item:hover {
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  text-decoration: none;
  color: #231f20;
}
.Cabinet__item:hover::before {
  filter: grayscale(0);
  opacity: 1;
}
.Cabinet__item::before {
  content: "";
  display: block;
  width: 226px;
  height: 220px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  filter: grayscale(1);
  opacity: 0.3;
  transition: opacity 0.3s, filter 0.3s;
}
.Cabinet__item_type_user::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 198 192'%3E%3Cpath d='M225.427 194.155C224.434 189.382 219.76 186.318 214.985 187.312C210.211 188.305 207.148 192.981 208.142 197.754C208.714 200.503 208.032 203.321 206.272 205.487C205.252 206.741 202.979 208.844 199.21 208.844H26.7901C23.0214 208.844 20.7477 206.74 19.7281 205.487C17.9673 203.322 17.2858 200.503 17.8583 197.754C27.0201 153.748 65.8352 121.602 110.66 120.518C111.436 120.548 112.216 120.563 113 120.563C113.787 120.563 114.57 120.547 115.349 120.517C146.924 121.275 176.108 137.267 193.781 163.625C196.496 167.675 201.98 168.756 206.03 166.041C210.08 163.326 211.162 157.842 208.446 153.793C193.961 132.188 172.926 116.479 148.943 108.585C163.558 97.6254 173.031 80.1638 173.031 60.5313C173.031 27.4302 146.102 0.5 113 0.5C79.8984 0.5 52.9687 27.4302 52.9687 60.5313C52.9687 80.1757 62.4536 97.6466 77.084 108.605C63.6794 113.019 51.1015 119.886 40.0928 128.941C19.9064 145.545 5.87098 168.705 0.572776 194.155C-1.0878 202.13 0.901624 210.321 6.02989 216.626C11.133 222.902 18.7 226.5 26.7901 226.5H199.209C207.3 226.5 214.867 222.902 219.97 216.626C225.099 210.321 227.088 202.13 225.427 194.155ZM70.6249 60.5313C70.6249 37.1655 89.6341 18.1563 113 18.1563C136.366 18.1563 155.375 37.1655 155.375 60.5313C155.375 83.1777 137.518 101.732 115.145 102.853C114.431 102.839 113.716 102.833 113 102.833C112.288 102.833 111.575 102.84 110.864 102.853C88.4865 101.737 70.6249 83.1808 70.6249 60.5313Z' fill='%23FF822B'/%3E%3C/svg%3E");
}
.Cabinet__item_type_orders::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 226 192'%3E%3Cpath d='M312.863 61.8963C312.852 61.8612 312.841 61.8274 312.829 61.7935C311.531 57.7096 309.665 53.8029 307.25 50.181L282.015 12.3281C276.868 4.60872 268.257 0 258.979 0H56.0208C46.743 0 38.1316 4.60872 32.9852 12.3287L7.75011 50.1804C5.33531 53.8022 3.46931 57.7096 2.17055 61.7935C2.15947 61.8274 2.1484 61.8612 2.13794 61.895C0.730283 66.3555 0 71.0257 0 75.7766V287.314C0 302.58 12.4197 315 27.6855 315H287.314C302.58 315 315 302.58 315 287.314V75.7766C315 71.0263 314.27 66.3555 312.863 61.8963ZM166.729 18.457H258.979C262.072 18.457 264.943 19.9933 266.659 22.5662L288.528 55.3711H166.729V18.457ZM48.3414 22.5668C50.0573 19.9933 52.928 18.457 56.0208 18.457H148.271V55.3711H26.4723L48.3414 22.5668ZM296.543 287.314C296.543 292.403 292.403 296.543 287.314 296.543H27.6855C22.5969 296.543 18.457 292.403 18.457 287.314C18.457 62.4365 18.4213 75.3293 18.5266 73.8281H296.473C296.578 75.317 296.543 62.21 296.543 287.314Z' fill='%23FF822B'/%3E%3C/svg%3E");
}
.Cabinet__itemTitle {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 20px;
}
.Cabinet__itemTextWrap {
  margin-bottom: auto;
}
.Cabinet__itemText {
  margin-bottom: 8px;
}
.Cabinet__itemText:last-child {
  margin-bottom: 0;
}
.Cabinet__button {
  width: 219px;
  margin-top: 38px;
}
@media screen and (max-width: 350px) {
  .Cabinet__button {
    width: 100%;
  }
}
.Cabinet__itemIcon {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  color: #efeff3;
  transition: color 0.3s;
}
.Cabinet__itemIcon_type_user {
  width: 226px;
  height: 240px;
}
@media screen and (max-width: 600px) {
  .Cabinet__itemIcon_type_user {
    width: 120px;
    height: 120px;
  }
}
.Cabinet__itemIcon_type_orders {
  width: 267px;
  height: 240px;
}
@media screen and (max-width: 600px) {
  .Cabinet__itemIcon_type_orders {
    width: 120px;
    height: 120px;
  }
}
.Cabinet__item:hover .Cabinet__itemIcon {
  color: #FF822B;
}
.Cabinet__menu {
  width: 226px;
}
@media screen and (max-width: 1050px) {
  .Cabinet__menu {
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 800px) {
  .Cabinet__menu {
    width: 100%;
    margin-bottom: 30px;
  }
}
.Cabinet__menuItem {
  border-top: 1px solid #efeff3;
  position: relative;
}
.Cabinet__menuItem:hover, .Cabinet__menuItem.active {
  color: #FF822B;
}
.Cabinet__menuItem:last-child {
  border-bottom: 1px solid #efeff3;
}
.Cabinet__menuIcon {
  position: absolute;
  top: 15px;
  left: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.Cabinet__menuLink {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  display: block;
  padding: 16px 0;
  padding-left: 34px;
  text-decoration: none;
  color: currentColor;
}
@media screen and (max-width: 1050px) {
  .Cabinet__menuLink {
    font-size: 18px;
    line-height: 22px;
  }
}
.Cabinet__submenu {
  display: none;
}
.Cabinet__menuItem.active .Cabinet__submenu {
  display: block;
}
.Cabinet__submenuLink {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  display: block;
  margin-bottom: 14px;
  text-decoration: none;
  color: #31313a;
}
.Cabinet__submenuLink:hover, .Cabinet__submenuLink.active {
  color: #FF822B;
}

.CabinetUser__sectionTitle {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1050px) {
  .CabinetUser__sectionTitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
.CabinetUser__section {
  margin-top: 38px;
  padding-top: 38px;
  border-top: 1px solid #efeff3;
}
@media screen and (max-width: 800px) {
  .CabinetUser__section {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.CabinetUser__section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CabinetUser__checkboxText {
  margin: 9px 0 18px;
  padding-left: 31px;
}
@media screen and (max-width: 1050px) {
  .CabinetUser__checkboxText {
    font-size: 14px;
    line-height: 18px;
  }
}
.CabinetUser__submit {
  width: 259px;
  margin-top: 37px;
}
@media screen and (max-width: 600px) {
  .CabinetUser__submit {
    width: 100%;
  }
}

@media screen and (max-width: 1050px) {
  .OrderRegistration {
    font-size: 14px;
    line-height: 18px;
  }
}
.OrderRegistration__secton {
  padding: 38px 0;
  border-top: 1px solid #efeff3;
}
@media screen and (max-width: 1050px) {
  .OrderRegistration__secton {
    padding: 20px 0;
  }
}
.OrderRegistration__secton:first-child {
  padding-top: 0;
  border-top: none;
}
.OrderRegistration__secton:last-child {
  padding-bottom: 0;
}
.OrderRegistration__title {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1050px) {
  .OrderRegistration__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
.OrderRegistration__checkbox {
  display: inline-flex;
}
.OrderRegistration__textArea {
  height: 141px;
}
.OrderRegistration__subsection {
  margin-bottom: 30px;
}
@media screen and (max-width: 1050px) {
  .OrderRegistration__subsection {
    margin-bottom: 20px;
  }
}
.OrderRegistration__subsection:last-child {
  margin-bottom: 0;
}
.OrderRegistration__subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
}
@media screen and (max-width: 1050px) {
  .OrderRegistration__subtitle {
    font-size: 16px;
    line-height: 19px;
  }
}

.OrderStatus {
  display: block;
  padding-left: 16px;
}
.OrderStatus::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background-color: currentColor;
  transform: translateY(-50%);
}
.OrderStatus_status_pending {
  color: #FF822B;
}
.OrderStatus_status_inStock {
  color: #ffc121;
}
.OrderStatus_status_waiting {
  color: #2521ff;
}
.OrderStatus_status_complete {
  color: #FF822B;
}

.OrderSuccessTable__row {
  display: flex;
  margin: -3px;
}
@media screen and (max-width: 800px) {
  .OrderSuccessTable__row {
    flex-direction: column;
    margin: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efeff3;
  }
}
.OrderSuccessTable__cell {
  margin: 3px;
  padding: 22px 26px;
  background-color: rgba(239, 239, 243, 0.5);
}
@media screen and (max-width: 800px) {
  .OrderSuccessTable__cell {
    margin: 0 0 10px;
    padding: 0;
    background-color: transparent;
  }
}
@media screen and (max-width: 800px) {
  .OrderSuccessTable__header {
    display: none;
  }
}
.OrderSuccessTable__header .OrderSuccessTable__cell {
  background-color: #efeff3;
}
.OrderSuccessTable__footer {
  font-weight: 500;
  margin-bottom: 0;
  border-bottom: none;
}
.OrderSuccessTable__footer .OrderSuccessTable__cell {
  text-transform: uppercase;
  background-color: transparent;
}
.OrderSuccessTable__cellTitle {
  flex-grow: 1;
}
.OrderSuccessTable__cellCount {
  flex-shrink: 0;
  width: 154px;
}
.OrderSuccessTable__cellCost {
  flex-shrink: 0;
  width: 212px;
}
.OrderSuccessTable__mobileTitle {
  display: none;
}
@media screen and (max-width: 800px) {
  .OrderSuccessTable__mobileTitle {
    display: inherit;
    color: #a9a9b3;
  }
}

@media screen and (max-width: 1250px) {
  .OrderTable {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable {
    font-size: 12px;
  }
}
@media screen and (max-width: 800px) {
  .OrderTable {
    font-size: 14px;
  }
}
.OrderTable__header {
  padding: 22px 20px;
  padding-right: 0;
  color: #a9a9b3;
  background-color: #efeff3;
}
@media screen and (max-width: 900px) {
  .OrderTable__header {
    padding: 16px 12px;
    padding-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .OrderTable__header {
    display: none;
  }
}
.OrderTable__row {
  padding: 20px;
  padding-right: 0;
  border-bottom: 1px solid #d7d7df;
}
@media screen and (max-width: 900px) {
  .OrderTable__row {
    padding: 16px 12px;
    padding-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .OrderTable__row {
    padding: 20px 0 0;
  }
  .OrderTable__row:nth-child(2) {
    padding-top: 0;
  }
}
.OrderTable__rowWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 800px) {
  .OrderTable__rowWrap {
    flex-wrap: wrap;
  }
}
.OrderTable__rowWrap_header {
  align-items: center;
}
.OrderTable__cellNumber {
  width: 14%;
}
@media screen and (max-width: 1050px) {
  .OrderTable__cellNumber {
    width: 60px;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable__cellNumber {
    width: 50px;
  }
}
.OrderTable__cellDate {
  width: 19%;
}
@media screen and (max-width: 1050px) {
  .OrderTable__cellDate {
    width: 85px;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable__cellDate {
    width: 80px;
  }
}
.OrderTable__cellStatus {
  width: 17%;
  position: relative;
}
@media screen and (max-width: 1050px) {
  .OrderTable__cellStatus {
    width: 100px;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable__cellStatus {
    width: 90px;
  }
}
@media screen and (max-width: 800px) {
  .OrderTable__cellStatus {
    order: 1;
  }
}
.OrderTable__cellCost {
  width: 12%;
}
@media screen and (max-width: 1050px) {
  .OrderTable__cellCost {
    width: 90px;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable__cellCost {
    width: 75px;
  }
}
.OrderTable__cellPay {
  width: 17%;
}
@media screen and (max-width: 1050px) {
  .OrderTable__cellPay {
    width: 75px;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable__cellPay {
    width: 65px;
  }
}
.OrderTable__cellDelivery {
  flex-grow: 1;
}
@media screen and (max-width: 1050px) {
  .OrderTable__cellDelivery {
    flex-grow: 0;
    width: 125px;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable__cellDelivery {
    width: 75px;
  }
}
.OrderTable__cellActions {
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  width: 45px;
  margin-left: 10px;
}
@media screen and (max-width: 800px) {
  .OrderTable__cellActions {
    display: none;
  }
}
.OrderTable__cell {
  flex-shrink: 0;
  padding-right: 5px;
}
@media screen and (max-width: 800px) {
  .OrderTable__cell {
    width: 50%;
    margin-bottom: 10px;
  }
}
.OrderTable__action {
  width: 15px;
  height: 15px;
  margin-left: auto;
  padding: 0;
  cursor: pointer;
  color: #a9a9b3;
  border: none;
  background-color: transparent;
}
.OrderTable__action:hover {
  color: #1a1a1c;
}
.OrderTable__action:hover .Tooltip {
  display: block;
  pointer-events: auto;
  opacity: 1;
}
.OrderTable__action:first-child {
  margin-left: 0;
}
.OrderTable__actionIcon {
  width: 100%;
  height: 100%;
}
.OrderTable__mobileTitle {
  display: none;
}
@media screen and (max-width: 800px) {
  .OrderTable__mobileTitle {
    display: inherit;
    color: #a9a9b3;
  }
}
.OrderTable__mobileButton {
  display: none;
  width: 100%;
  margin: 20px 0;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .OrderTable__mobileButton {
    display: block;
  }
}
.OrderTable__orderDetail {
  display: none;
}
.OrderTable__orderDetail.show {
  display: block;
}
.OrderTable__orderDetailItem {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #f4f4f4;
}
@media screen and (max-width: 1250px) {
  .OrderTable__orderDetailItem {
    padding: 10px 0;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable__orderDetailItem {
    padding: 5px 0;
  }
}
@media screen and (max-width: 600px) {
  .OrderTable__orderDetailItem {
    flex-direction: column;
    align-items: flex-start;
  }
}
.OrderTable__orderDetailItem:first-child {
  border-top: none;
}
.OrderTable__orderDetailImage {
  display: flex;
  align-items: center;
  width: 105px;
  margin-right: 30px;
}
@media screen and (max-width: 600px) {
  .OrderTable__orderDetailImage {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .OrderTable__orderDetailImage img {
    width: 100%;
  }
}
.OrderTable__orderDetailInfo {
  width: 320px;
  margin-right: 33px;
}
@media screen and (max-width: 1250px) {
  .OrderTable__orderDetailInfo {
    width: 280px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 900px) {
  .OrderTable__orderDetailInfo {
    width: 240px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 600px) {
  .OrderTable__orderDetailInfo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.OrderTable__orderDetailArticle {
  margin-bottom: 8px;
  color: #a9a9b3;
}
@media screen and (max-width: 600px) {
  .OrderTable__orderDetailArticle {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .OrderTable__orderDetailPrice {
    font-size: 26px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 10px;
  }
}

.Tooltip {
  font-size: 13px;
  line-height: 18px;
  position: absolute;
  z-index: 1;
  top: 30px;
  right: 0;
  padding: 10px 12px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  color: #a9a9b3;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
  transition: opacity 0.1s;
}
.Tooltip:hover {
  display: block;
}
.Tooltip::before, .Tooltip::after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
  content: "";
}
.Tooltip::before {
  top: -20px;
}
.Tooltip::after {
  bottom: -20px;
}
.Tooltip__link {
  color: #FF822B;
}
.Tooltip__link:hover {
  text-decoration: none;
}

.TooltipGeo {
  position: absolute;
  top: 32px;
  left: 0;
  display: none;
  width: 416px;
  padding: 38px 48px;
  color: #1a1a1c;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.07);
}
.TooltipGeo.shown {
  display: block;
}
@media screen and (max-width: 800px) {
  .TooltipGeo.shown {
    display: none;
  }
}
.TooltipGeo__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 20px;
}
.TooltipGeo__buttons {
  display: flex;
  justify-content: space-between;
}
.TooltipGeo__button {
  width: 150px;
  margin-right: 10px;
}
.TooltipGeo__button:last-child {
  margin-right: 0;
}
.TooltipGeo__close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.RadioInput {
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1050px) {
  .RadioInput {
    font-size: 14px;
    line-height: 18px;
  }
}
.RadioInput__input {
  position: absolute;
  opacity: 0;
}
.RadioInput__input:checked + .RadioInput__indicator {
  border-color: #FF822B;
}
.RadioInput__input:checked + .RadioInput__indicator::before {
  opacity: 1;
}
.RadioInput__indicator {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #a9a9b3;
  border-radius: 50%;
  transition: border-color 0.1s;
  position: relative;
}
.RadioInput__indicator::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  content: "";
  opacity: 0;
  border-radius: 50%;
  background-color: #FF822B;
  transition: opacity 0.1s;
  transform: translate(-50%, -50%);
}
.RadioInput__contentBordered {
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
  margin-left: 20px;
  padding: 17px 20px;
  border: 1px solid #d7d7df;
  border-radius: 3px;
  transition: border-color 0.1s, color 0.1s;
}
@media screen and (max-width: 1050px) {
  .RadioInput__contentBordered {
    padding: 12px;
  }
}
.RadioInput__input:checked ~ .RadioInput__contentBordered {
  color: #FF822B;
  border-color: #FF822B;
}
.RadioInput__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  color: #FF822B;
}
@media screen and (max-width: 1050px) {
  .RadioInput__icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
}
.RadioInput__contentImaged {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.RadioInput__image {
  flex-shrink: 0;
  max-width: 60px;
  max-height: 60px;
  margin-right: 8px;
}
/*# sourceMappingURL=main.css.map */