@charset "UTF-8";

.bx-pagination-catalog {
  margin: 10px 0;
}
.bx-pagination-catalog .bx-pagination-container {
  text-align: center;
  position: relative;
}
.bx-pagination-catalog .bx-pagination-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}
.bx-pagination-catalog .bx-pagination-container ul li {
  display: inline-block;
  margin: 0 2px 15px 2px;
}
.bx-pagination-catalog .bx-pagination-container ul li span {
  -webkit-transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease;
  -moz-transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease;
  -ms-transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease;
  -o-transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease;
  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease;
  background: #eff0f1;
  padding: 0 8px;
  display: block;
  height: 32px;
  min-width: 32px;
  line-height: 32px;
  color: #444;
  font-size: 14px;
  border-radius: 1rem;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bx-pagination-catalog .bx-pagination-container ul li a {
  text-decoration: none;
  display: block;
  border-radius: 16px;
  height: 32px;
  min-width: 32px;
  line-height: 32px;
  color: #444;
  vertical-align: middle;
}
.bx-pagination-catalog .bx-pagination-container ul li a:hover span {
  background: #dadada;
}
.bx-pagination-catalog .bx-pagination-container ul li.bx-active span {
  background: #a05d31;
  color: #fff;
}
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-next a span {
  background: #fff;
  border: 2px solid #eff0f1;
  line-height: 28px;
  padding: 0 18px;
  color: #444;
}
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-next span {
  color: #aab1b4;
  background: #fff;
  border: 2px solid #eff0f1;
  line-height: 28px;
  padding: 0 18px;
}
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination-catalog .bx-pagination-container ul li.bx-pag-next a:hover span {
  background: #fff;
  border-color: #dadada;
  color: #000;
}

.bx-pagination-catalog.bx-green .bx-pagination-container ul li.bx-active span {
  background: #3bc915;
  color: #fff;
}
.bx-pagination-catalog.bx-yellow .bx-pagination-container ul li.bx-active span {
  background: #f9a91d;
  color: #fff;
}
.bx-pagination-catalog.bx-red .bx-pagination-container ul li.bx-active span {
  background: #e22b2b;
  color: #fff;
}
.bx-pagination-catalog.bx-blue .bx-pagination-container ul li.bx-active span {
  background: #0083d1;
  color: #fff;
}

.title {
  color: #3b3c40;
  font-family: "Euclid Circular A";
  font-size: 5rem;
  font-weight: 500;
  line-height: normal;
}

.title-h2 {
  color: #3b3c40;
  font-family: "Euclid Circular A";
  font-size: 5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.title-h2 span {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #9293b0;
  margin-left: 1.5rem;
}

.title-h3 {
  color: #3b3c40;
  font-family: "Euclid Circular A";
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.title-h3 span {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #9293b0;
  margin-left: 1.5rem;
}

.title-h4 {
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@-webkit-keyframes appearence_1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50rem);
    transform: translateY(50rem);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes appearence_1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50rem);
    transform: translateY(50rem);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes appearence_2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes appearence_2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes appearence_3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50rem);
    transform: translateY(-50rem);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes appearence_3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50rem);
    transform: translateY(-50rem);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes disappearence_1 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(50rem);
    transform: translateY(50rem);
  }
}

@keyframes disappearence_1 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(50rem);
    transform: translateY(50rem);
  }
}

@-webkit-keyframes disappearence_2 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes disappearence_2 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes disappearence_3 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-50rem);
    transform: translateY(-50rem);
  }
}

@keyframes disappearence_3 {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-50rem);
    transform: translateY(-50rem);
  }
}

#map {
  width: 90.2rem;
  height: 62.9rem;
  border-radius: 4rem;
  overflow: hidden;
}

.ymaps-2-1-79-copyrights-pane {
  display: none;
}

.ymaps-2-1-79-controls-pane {
  display: none;
}

.ymaps-2-1-79-map-copyrights-promo {
  display: none;
}

.ymaps-2-1-79-ground-pane {
  -webkit-filter: grayscale(0.5);
  filter: grayscale(0.5);
}

.btn-cart {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: #a05d31;
}

.btn-cart img {
  width: 2.8rem;
  height: 2.8rem;
}

.btn {
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  height: 6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
  color: #fff;
  font-size: 1.8rem;
}

.btn.disable {
  background: #dfdff0;
  cursor: default;
}

.btn.disable .btn--icon path {
  stroke: #dfdff0;
}

.btn--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background: #fff;
}

.btn--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.btn--icon img {
  width: 2.4rem;
  height: 2.4rem;
}

.btn-categories-link {
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  height: 6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
  color: #fff;
  font-size: 1.8rem;
}

.btn-categories-link--mob {
  display: none;
}

.btn-categories-link--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background: #fff;
}

.btn-categories-link--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.btn-categories-link--icon img {
  width: 2.4rem;
  height: 2.4rem;
}

.btn-reverse {
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  font-weight: 500;
  height: 6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  background: #fff;
  font-size: 1.8rem;
  -webkit-box-shadow: 1rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.2);
  box-shadow: 1rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.2);
  border: 0.2rem solid #dd3197;
  border-radius: 1.5rem;
  position: relative;
}

.btn-reverse--text {
  background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-reverse--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
}

.btn-reverse--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.btn-reverse--icon img {
  width: 2.4rem;
  height: 2.4rem;
}

.btn-color {
  padding: 1.9rem 3rem;
  height: 6rem;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(96deg, #dd3197 0%, #822faf 101.4%);
  font-size: 1.8rem;
  font-weight: 500;
  -webkit-box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
  box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
  color: #fff;
  border-radius: 1.5rem;
}

.btn-empty {
  padding: 1.9rem 3rem;
  height: 6rem;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  -webkit-box-shadow: 1rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.2);
  box-shadow: 1rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.2);
  background-clip: padding-box;
  border: 0.2rem solid #dd3197;
  border-radius: 1.5rem;
  position: relative;
}

.btn-empty--text {
  background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.scrollable-list {
  width: 100%;
  overflow: hidden;
}

.popular__categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition:
    transform 0.3s ease-out,
    -webkit-transform 0.3s ease-out;
}

.swiper-slide {
  cursor: pointer;
}

.swiper-button-disabled {
  opacity: 0;
}

.repair__nav-prev.swiper-button-disabled,
.repair__nav-next.swiper-button-disabled {
  opacity: 1;
}

.categories {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.categories-icon {
  width: 2.4rem;
  height: 2.4rem;
}

.categories-text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.categories-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.3rem 2.4rem;
  font-size: 1.6rem;
  border-radius: 1.5rem;
  background: #f4f6f8;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.categories-link.active {
  color: #fff;
  background-color: #a05d31;
}

.categories-link--icon {
  width: 2.4rem;
  height: 2.4rem;
}

.categories-link--icon img {
  width: 100%;
  height: 100%;
}

.categories-link--text {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.1;
}

.card {
  position: relative;
  width: 37.5rem;
  height: 42.2rem;
  padding: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

.card-back--mob {
  display: none;
  z-index: -1;
}

.card-back img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.card-discont,
.card-title,
.card-info,
.card-price {
  z-index: 1;
}

.card-title {
  margin-top: 2rem;
  overflow: hidden;
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-price {
  width: 100%;
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 1rem;
}

.card-price--current {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

.card-price--current span {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  position: relative;
  margin-left: 1rem;
}

.card-price--old {
  color: #9293b0;

  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: line-through;
}

.card-discont {
  position: absolute;
  top: 4rem;
  left: 4rem;
  padding: 0.6rem 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1.5rem;
  background: #a05d31;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.card-info {
  margin-top: 1rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  overflow: hidden;
  color: var(--dark-grey, #9293b0);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.card-btn {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
}

.card-img {
  position: relative;
  width: 32.5rem;
  height: 21.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3rem;
  border: 0.2rem solid #f4f6f8;
  background: #fff;
  z-index: 1;
}

.card-img img {
  width: 10.5rem;
  height: 12.4rem;
}

.cards__slider {
  overflow: hidden;
  -webkit-filter: drop-shadow(0.5rem 1rem 2rem rgba(173, 178, 201, 0.35));
  filter: drop-shadow(0.5rem 1rem 2rem rgba(173, 178, 201, 0.35));
  padding-right: 1rem;
  margin-right: -1rem;
}

.advertisement__card {
  position: relative;
  padding: 6.3rem 13rem;
  height: 47.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.advertisement__content {
  position: relative;
  width: 63.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3rem;
}

.advertisement__content-title {
  color: #3b3c40;
  font-size: 6rem;
  font-weight: 500;
  line-height: 1.06;
}

.advertisement__content-text {
  color: #9293b0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.advertisement__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 58.5rem;
  height: 35.3rem;
  overflow: hidden;
}

.advertisement__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nav-prev,
.nav-next {
  position: absolute;
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  z-index: 2;
  -webkit-filter: drop-shadow(0.3rem 0.6rem 1.4rem rgba(115, 103, 151, 0.15));
  filter: drop-shadow(0.3rem 0.6rem 1.4rem rgba(115, 103, 151, 0.15));
  cursor: pointer;
}
.nav-prev {
  top: -15%;
  left: 0;
}

.nav-next {
  top: -15%;
  right: 0;
}
.catalog-small-next-btn.nav-next {
  top: 30%;
}

.section__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6rem;
}

.bc {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 4.2rem;
  margin-top: 4.2rem;
}

.bc li {
  display: inline-block;
  white-space: nowrap;
}

.bc li span {
  color: #3b3c40;
}

.bc__link {
  cursor: pointer;
  position: relative;
  padding-right: 2.4rem;
}

.bc__link::after {
  content: "";
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 0.1rem;
  border-radius: 0.1rem;
  opacity: 0.7;
  background: #9293b0;
  right: 0.5rem;
  top: 50%;
}

.bc__link:hover .bc-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 48em) {
  .bc__link:hover .bc-modal {
    display: none;
  }
}



.bc__link a span {
  color: #9293b0;
}

.bc-modal {
  display: none;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 25;
  width: 32rem;
  height: 37.5rem;
}

.bc-modal__inner {
  background-color: #fff;
  width: 100%;
  height: 34.4rem;
  border-radius: 3rem;
  padding: 1rem;
}

.bc-modal__item {
  padding: 1.5rem;
  width: 100%;
  border-radius: 1rem;
}

.bc-modal__item:hover {
  background: #ffefd8;
}

.bc-modal__input {
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bc-modal__input p {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.switcher .switcher__container .switcher__content {
  display: none;
}

.switcher .switcher__container .switcher__content.active {
  display: block;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3.2rem;
  text-align: center;
  color: #3b3c40;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.pagination-left {
  width: 2rem;
  height: 2rem;
}

.pagination-left svg {
  width: 2rem;
  height: 2rem;
}

.pagination-right {
  width: 2rem;
  height: 2rem;
}

.pagination-right svg {
  width: 2rem;
  height: 2rem;
}

.pagination-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination-numbers a.active {
  width: 4rem;
  height: 4rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  background: #f4f6f8;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.label-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.label-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.label-checkbox .custom-checkbox {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.5rem;
  background: #fff;
  border: 0.1rem solid #9293b0;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.label-checkbox .custom-checkbox::after {
  content: "";
  display: none;
  position: absolute;
  background: url(../assets/images/icon/checkbox-checked.svg) no-repeat;
  width: 1.1rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: contain;
}

.label-checkbox input:checked ~ .custom-checkbox {
  background-color: #a05d31;
}

.label-checkbox input:checked ~ .custom-checkbox::after {
  display: block;
}

.label-checkbox input:disabled ~ .custom-checkbox {
  background: #f4f6f8;
  border: 0.1rem solid #dfdff0;
}

.label-checkbox p {
  color: #3b3c40;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.label-checkbox input[disabled] ~ p {
  opacity: 0.5;
}

.label-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.label-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.label-radio svg {
  width: 2.4rem;
  height: 2.4rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.label-radio svg circle:nth-child(2) {
  display: none;
}

.label-radio .custom-radio {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #fff;
  border: 0.1rem solid #9293b0;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.label-radio .custom-radio::after {
  content: "";
  display: none;
  position: absolute;
  background: #a05d31;
  border-radius: 50%;
  width: 1.4rem;
  height: 1.4rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.label-radio input:checked ~ .custom-radio {
  border: 0.1rem solid #a05d31;
}

.label-radio input:checked ~ .custom-radio::after {
  display: block;
}

.label-radio input:disabled ~ .custom-radio {
  background: #f4f6f8;
  border: 0.1rem solid #dfdff0;
}

.label-radio input:checked ~ svg circle:nth-child(2) {
  display: block;
}

.label-radio p {
  color: #3b3c40;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.search-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 6rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #a05d31;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
}

.search-box input {
  height: 100%;
  width: 94%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.search-box-icon {
  width: 5rem;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1rem;
  background: #a05d31;
  cursor: pointer;
}

.search-box-icon img {
  width: 2.4rem;
  height: 2.4rem;
}

.search-box-icon.--hidden {
  display: none;
}

.all-card-back {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 5rem 0 0 0;
  width: 10rem;
  height: 10rem;
  background: #edeef3;
}

.all-card-back::before {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 0rem;
  width: 6rem;
  height: 6rem;
  border-radius: 0 0 5rem 0;
  -webkit-box-shadow: 2rem 2rem 0 1rem #edeef3;
  box-shadow: 2rem 2rem 0 1rem #edeef3;
}

.all-card-back::after {
  content: "";
  position: absolute;
  right: 0;
  top: -5rem;
  width: 5rem;
  height: 5rem;
  border-radius: 0 0 5rem 0;
  -webkit-box-shadow: 2rem 2rem 0 1rem #edeef3;
  box-shadow: 2rem 2rem 0 1rem #edeef3;
}

@media (max-width: 48em) {
  .all-card-back {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 5rem 0 0 0;
    width: 10rem;
    height: 10rem;
    background: #edeef3;
  }

  .all-card-back::before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0rem;
    width: 6rem;
    height: 6rem;
    border-radius: 0 0 5rem 0;
    -webkit-box-shadow: 2rem 2rem 0 1rem #edeef3;
    box-shadow: 2rem 2rem 0 1rem #edeef3;
  }

  .all-card-back::after {
    content: "";
    position: absolute;
    right: 0;
    top: -5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 0 0 5rem 0;
    -webkit-box-shadow: 2rem 2rem 0 1rem #edeef3;
    box-shadow: 2rem 2rem 0 1rem #edeef3;
  }

  .no-scroll {
    overflow: hidden;
  }

  .title {
    color: #3b3c40;

    font-size: 6.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
  }

  .title-h2 {
    font-size: 6.4rem;
    line-height: 110%;
  }

  .title-h2 span {
    font-size: 2.4rem;
    line-height: 140%;
    margin-left: 2rem;
  }

  .title-h3 {
    font-size: 4rem;
  }

  .title-h3 span {
    font-size: 2.4rem;
    line-height: 140%;
    margin-left: 2rem;
  }

  .title-h4 {
    font-size: 3.6rem;
  }

  .btn {
    font-size: 2.8rem;
    height: 12rem;
  }

  .nav-next,
  .nav-prev {
    display: none;
  }

  .bc {
    font-size: 2.8rem;
    line-height: 130%;
    margin-bottom: 6rem;
  }

  .bc .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    padding-bottom: 3rem;
    margin-bottom: -3rem;
  }

  .bc__link {
    padding-right: 4.8rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .bc__link::after {
    content: "";
    display: block;
    position: absolute;
    width: 2.8rem;
    height: 0.2rem;
    right: 1rem;
    top: 50%;
  }

  .bc li span {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
  }

  .pagination {
    gap: 4rem;
    font-size: 2.4rem;
  }

  .pagination-left {
    width: 3rem;
    height: 3rem;
  }

  .pagination-left svg {
    width: 3rem;
    height: 3rem;
  }

  .pagination-right {
    width: 3rem;
    height: 3rem;
  }

  .pagination-right svg {
    width: 3rem;
    height: 3rem;
  }

  .pagination-numbers {
    gap: 6rem;
  }

  .pagination-numbers a.active {
    width: 6rem;
    height: 6rem;
    margin-right: -2.4rem;
    border-radius: 0.7rem;
  }

  .label-checkbox .custom-checkbox {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1rem;
  }

  .label-checkbox .custom-checkbox::after {
    width: 2.2rem;
    height: 1.6rem;
  }

  .label-checkbox p {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .label-radio svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .label-radio .custom-radio {
    width: 4.8rem;
    height: 4.8rem;
  }

  .label-radio .custom-radio::after {
    width: 2.8rem;
    height: 2.8rem;
  }

  .label-radio p {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .search-box {
    height: 8.4rem;
    border-radius: 2rem;
  }

  .search-box input {
    font-size: 2.8rem;
    width: 89%;
  }

  .search-box-icon {
    position: relative;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 1.6rem;
  }

  .search-box-icon img {
    width: 4rem;
    height: 4rem;
  }
}

@media (max-width: 48em) {
  .card {
    padding: 2rem;
    width: 34.6rem;
    height: 52.4rem;
  }

  .card-back {
    display: none;
  }

  .card-back--mob {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  .card-back--mob svg {
    width: 100%;
    height: 100%;
  }

  .card-discont {
    padding: 0.2rem 1.6rem;
    font-size: 2.4rem;
  }

  .card-img {
    width: 30.6rem;
    height: 26rem;
  }

  .card-img img {
    width: 14.8rem;
    height: 17.2rem;
  }

  .card-title {
    width: 100%;
    height: 7.2rem;
    font-size: 2.8rem;
  }

  .card-info {
    font-size: 2.4rem;
    overflow: initial;
  }

  .card-btn {
    width: 8rem;
    height: 8rem;
  }

  .card-btn img {
    width: 4rem;
    height: 4rem;
  }

  .card-price {
    margin-top: 0;
    padding-top: 1.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }

  .card-price--current {
    font-size: 3.6rem;
  }

  .card-price--old {
    font-size: 2.8rem;
  }

  .categories {
    width: 100%;
  }

  .categories-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.6rem 2.4rem;
    line-height: 1;
    height: 7.4rem;
  }

  .categories-text {
    font-size: 3rem;
  }

  .categories-icon {
    width: 4rem;
    height: 4rem;
  }

  .btn-categories-link {
    display: none;
  }

  .btn-categories-link--mob {
    margin: 0 auto;
    margin-top: 6rem;
    padding: 0.5rem 0.5rem 0.5rem 3rem;
    border-radius: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 8.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
    color: #fff;
    font-size: 3rem;
  }

  .btn-categories-link--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 1rem;
    background: #fff;
    z-index: 1;
  }

  .btn-categories-link--icon svg {
    width: 4rem;
    height: 4rem;
  }

  .btn-categories-link--icon img {
    width: 4rem;
    height: 4rem;
  }

  .btn {
    padding: 0.5rem 0.5rem 0.5rem 3rem;
    border-radius: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 8.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
    color: #fff;
    font-size: 3rem;
  }

  .btn.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .btn--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 2rem;
    background: #fff;
    z-index: 1;
  }

  .btn--icon svg {
    width: 4rem;
    height: 4rem;
  }

  .btn--icon img {
    width: 4rem;
    height: 4rem;
  }

  .btn-reverse {
    padding: 0.5rem 0.5rem 0.5rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 8.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background: #fff;
    font-size: 3rem;
    -webkit-box-shadow: 1rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.2);
    box-shadow: 1rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.2);
    border: 0.15rem solid #dd3197;

    border-radius: 2.5rem;
    position: relative;
  }

  .btn-reverse--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 2rem;
    z-index: 1;
    background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
  }

  .btn-reverse--icon svg {
    width: 4rem;
    height: 4rem;
  }

  .btn-reverse--icon img {
    width: 4rem;
    height: 4rem;
  }

  .btn-color {
    padding: 2.2rem 4rem;
    height: 8.4rem;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: linear-gradient(96deg, #dd3197 0%, #822faf 101.4%);
    font-size: 3rem;
    border-radius: 1rem;
  }

  .btn-empty {
    padding: 2.2rem 4rem;
    height: 8.4rem;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    font-size: 3rem;
    -webkit-box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
    box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
    border-radius: 1rem;
  }

  .btn-empty--text {
    background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: "Euclid Circular A";
  font-weight: 300;
  src:
    url("../fonts/Euclid Circular A/EuclidCircularA-Light.eot") format("eot"),
    url("../fonts/Euclid Circular A/EuclidCircularA-Light.woff") format("woff"),
    url("../fonts/Euclid Circular A/EuclidCircularA-Light.ttf")
      format("truetype");
}

@font-face {
  font-family: "Euclid Circular A";
  font-weight: 400;
  src:
    url("../fonts/Euclid Circular A/EuclidCircularA-Regular.eot") format("eot"),
    url("../fonts/Euclid Circular A/EuclidCircularA-Regular.woff")
      format("woff"),
    url("../fonts/Euclid Circular A/EuclidCircularA-Regular.ttf")
      format("truetype");
}

@font-face {
  font-family: "Euclid Circular A";
  font-weight: 500;
  src:
    url("../fonts/Euclid Circular A/EuclidCircularA-Medium.eot") format("eot"),
    url("../fonts/Euclid Circular A/EuclidCircularA-Medium.woff") format("woff"),
    url("../fonts/Euclid Circular A/EuclidCircularA-Medium.ttf")
      format("truetype");
}

@font-face {
  font-family: "Euclid Circular A";
  font-weight: 600;
  src:
    url("../fonts/Euclid Circular A/EuclidCircularA-SemiBold.eot") format("eot"),
    url("../fonts/Euclid Circular A/EuclidCircularA-SemiBold.woff")
      format("woff"),
    url("../fonts/Euclid Circular A/EuclidCircularA-SemiBold.ttf")
      format("truetype");
}

@font-face {
  font-family: "Euclid Circular A";
  font-weight: 700;
  src:
    url("../fonts/Euclid Circular A/EuclidCircularA-Bold.eot") format("eot"),
    url("../fonts/Euclid Circular A/EuclidCircularA-Bold.woff") format("woff"),
    url("../fonts/Euclid Circular A/EuclidCircularA-Bold.ttf")
      format("truetype");
}

html {
  font-family: "Euclid Circular A";
  font-size: 0.5208335vw;
  font-style: normal;
  font-weight: normal;
  -webkit-animation: bugfix infinite 1s;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body {
  font-style: normal;
  font-weight: normal;
  -webkit-animation: bugfix infinite 1s;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  color: #262525;
  background: #fff;
}

body.modalac {
  overflow: hidden;
}

input,
textarea {
  -webkit-animation: bugfix infinite 1s;
  line-height: inherit;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  color: inherit;
}

a {
  color: unset;
}

a,
a:hover {
  text-decoration: none;
}

button,
input,
a,
textarea {
  outline: none;
  cursor: pointer;
  font: inherit;
}

button:focus,
input:focus,
a:focus,
textarea:focus {
  outline: none;
}

button:active,
input:active,
a:active,
textarea:active {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font: inherit;
  margin: 0;
  padding: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

button {
  border: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  padding: 0;
  background-color: transparent;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.container {
  width: 156rem;
  margin: 0 auto;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

section {
  margin-bottom: 15rem;
}

@media (max-width: 48em) {
  html {
    font-size: 5px;
    font-size: 1.5625vw;
    font-size: 1.3333333333vw;
    -webkit-text-size-adjust: none;
  }

  body {
    -webkit-text-size-adjust: none;
  }

  .container {
    padding: 0 2rem;
    width: 100%;
  }

  section {
    margin-bottom: 24rem;
  }
}

@-webkit-keyframes overlayClosing {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes overlayClosing {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.header {
  background: #fff;
  position: relative;
  z-index: 20;
}

.header_catalog {
  display: none;
  position: absolute;
  width: 153rem;
  border-radius: 3rem;
  /* background: #fff; */
  /* -webkit-box-shadow: 2.7rem 5.5rem 13rem 0rem rgba(173, 178, 201, 0.25); */
  /* box-shadow: 2.7rem 5.5rem 13rem 0rem rgba(173, 178, 201, 0.25); */
  padding: 4rem;
  left: 53%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 13rem;
}

.header_catalog.active {
  display: block;
}

.header_catalog-container {
  border-radius: 3rem;
  background: #f4f6f8;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: auto;
  max-height: 60rem;
}

.header_catalog-container::-webkit-scrollbar {
  width: 0;
}

.header_catalog-container::-webkit-scrollbar-track {
  background: #f4f6f8;
}

.header_catalog-container::-webkit-scrollbar-thumb {
  background: #9293b0;
}

.header_catalog-container::-webkit-scrollbar-thumb:hover {
  background: #9293b0;
}

.header_catalog-item:hover .header_catalog-item-top {
  background: #fff;
}

.header_catalog-item:hover .header_catalog-item-top--text {
  color: #a05d31;
}

.header_catalog-item:hover .header_catalog-item--list {
  display: block;
}

.header_catalog-item:hover .header_catalog-item-top--arrow {
  opacity: 1;
}

.header_catalog-item-top {
  width: 50.7rem;
  padding: 1rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}

.header_catalog-item-top--icon {
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background: #ffefd8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}

.header_catalog-item-top--icon img {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

.header_catalog-item-top--img {
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.header_catalog-item-top--img img {
  border-radius: 1rem;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.header_catalog-item-top--text {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b3c40;
}

.header_catalog-item-top--arrow {
  opacity: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: auto;
}

.header_catalog-item-top--arrow svg {
  width: 2.4rem;
  height: 2.4rem;
}

.header_catalog-item--list {
  position: absolute;
  left: 54.7rem;
  top: 4rem;
  width: 92.4rem;
  padding-left: 5rem;
  display: none;
}

.header_catalog-item--list .title-h3 {
  margin-bottom: 4.2rem;
}

.header_catalog-links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.2rem 1fr 2.2rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.2rem;
}

.header_catalog-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_catalog-link--img {
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.header_catalog-link--img img {
  width: 100%;
  height: 100%;
  border-radius: 1rem;
}

.header_catalog-link--text {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.header_container,
.header__top_container {
  width: 100%;
  padding: 0rem 18rem;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}

.header__menu-link {
  padding: 1rem;
  cursor: pointer;
}

.header__top {
  padding: 1rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__top--mob {
  display: none;
}

.header__top_container {
  background-color: #f4f6f8;
}

.header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
}

.header__info-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.header__info-contacts img {
  width: 2.4rem;
  height: 2.4rem;
}

.header__info svg {
  width: 2.4rem;
  height: 2.4rem;
}

.header__logo {
  width: 180px;
  height: auto;
}

.header__logo--mob {
  display: none;
}

.header__main {
  padding: 2rem 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 91.5rem;
  height: 6rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #a05d31;
}

.header__search input {
  padding: 0.5rem 2.5rem;
  height: 100%;
  width: 94%;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.header__search input::-webkit-input-placeholder {
  color: #9293b0;
}

.header__search input::-moz-placeholder {
  color: #9293b0;
}

.header__search input:-ms-input-placeholder {
  color: #9293b0;
}

.header__search input::-ms-input-placeholder {
  color: #9293b0;
}

.header__search input::placeholder {
  color: #9293b0;
}

.header__search-icon {
  top: 0.5rem;
  right: 0.5rem;
  width: 5rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0 1.5rem 1.5rem 0;
  background: #a05d31;
}

.header__search-icon img {
  width: 2.4rem;
  height: 2.4rem;
}

.header__categories {
  overflow: auto;
  padding-bottom: 3rem;
  margin-bottom: -3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

.header__catalog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 1.3rem;
  padding: 0.6rem 0.5rem 0.6rem 0.5rem;
  width: 15.9rem;
  height: 6rem;
  border-radius: 1.5rem;
  background: #a05d31;
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  -webkit-filter: drop-shadow(1rem 1.5rem 5rem rgba(173, 178, 201, 0.2));
  filter: drop-shadow(1rem 1.5rem 5rem rgba(173, 178, 201, 0.2));
  cursor: pointer;
}

.header__catalog.active .header__catalog-img img {
  display: none;
}

.header__catalog.active .header__catalog-img svg {
  display: block;
}

.header__catalog-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5rem;
  height: 100%;
  background-color: #fff;
  border-radius: 1rem;
  position: relative;
}

.header__catalog-img img {
  width: 2.4rem;
  height: 2.4rem;
}

.header__catalog-img svg {
  display: none;
  width: 2.4rem;
  height: 2.4rem;
}

.header__personal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}

.header__personal-link {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
}

.header__personal-link img {
  width: 2.4rem;
  height: 2.4rem;
}

.header__personal-toast {
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #a05d31;
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}

.header__personal-toast--favourites {
  top: -1.4rem;
  right: 2.4rem;
}

.header__personal-toast--cart {
  top: -1.4rem;
  right: 1rem;
}

.header__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header__phone {
  padding: 1.3rem 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1.5rem;
  gap: 1rem;
  background: #a05d31;
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  -webkit-box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
  box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
}

.header__phone-icon {
  width: 2.4rem;
  height: 2.4rem;
}

.header__overlay {
  display: none;
}

.header + * {
  margin-top: 6rem;
}

.header-fixed {
  position: relative;
  z-index: 1;
}

.header-fixed.active {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  -webkit-box-shadow: 1rem 2rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 1rem 2rem 7rem 0 rgba(173, 178, 201, 0.35);
}

.header-fixed.active .header__top {
  padding: 1.5rem 0;
}

.btn-menu {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  width: 8.4rem;
  height: 8.4rem;
  border-radius: 2rem;
  background: #a05d31;

  -webkit-box-shadow: 1rem 3rem 15rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 1rem 3rem 15rem 0rem rgba(173, 178, 201, 0.35);
  border: none;
  cursor: pointer;
}

.line {
  fill: none;
  stroke: rgb(255, 255, 255);
  stroke-width: 6;
  -webkit-transition:
    stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  transition:
    stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 0.6rem;
}

.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 0.6rem;
}

.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 0.6rem;
}

.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 0.6rem;
}

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 0.6rem;
}

.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 0.6rem;
}

.header__menu-mob,
.btn-menu {
  display: none;
}

.header-fixed.searching .header_search {
  display: block;
}

.header_search {
  display: none;
  position: absolute;
  width: 91.5rem;
  left: 49.6rem;
  border-radius: 3rem;
  max-height: 75vh;
  background: #fff;
  padding: 4rem 4rem 1.5rem;
}

.header_search-box {
  max-height: 65vh;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}

.header_search-box::-webkit-scrollbar {
  width: 0;
}

.header_search-box-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.header_search-box-top--item {
  padding: 1.4rem 2.4rem;
  border-radius: 1.5rem;
  background: #f4f6f8;
  cursor: pointer;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.header_search-box-last-top {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_search-box-last-top--title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.header_search-box-last-top--clear {
  cursor: pointer;
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.header_search-box-last-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #f4f6f8;
}

.header_search-box-last-item:first-child {
  padding-top: 0;
}

.header_search-box-last-item:last-child {
  padding-bottom: 0;
  border-bottom: unset;
}

.header_search-box-last-item--icon {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
}

.header_search-box-last-item--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.header_search-box-last-item--text {
  cursor: pointer;
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-right: auto;
}

.header_search-box-last-item--clear {
  cursor: pointer;
  width: 2.4rem;
  height: 2.4rem;
}

.header_search-box-last-item--clear svg {
  width: 2.4rem;
  height: 2.4rem;
}

.header_search-box-category-top {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_search-box-category-top--title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.header_search-box-category-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #f4f6f8;
}

.header_search-box-category-item:first-child {
  padding-top: 0;
}

.header_search-box-category-item:last-child {
  padding-bottom: 0;
  border-bottom: unset;
}

.header_search-box-category-item--icon {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
}

.header_search-box-category-item--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.header_search-box-category-item--text {
  cursor: pointer;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-right: auto;
}

.header_search-box-products-top {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_search-box-products-top--title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.header_search-box-products-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.header_search-box-products-list:last-child {
  margin-bottom: 0;
}

.header_search-box-products-list--subtitle {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  margin-bottom: 0.5rem;
}

.header_search-box-products-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_search-box-products-item--img {
  width: 10rem;
  height: 10rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #f4f6f8;
  background: #fff;
  margin-right: 2rem;
}

.header_search-box-products-item--img img {
  -o-object-fit: scale-down;
  object-fit: scale-down;
  width: 10rem;
  height: 10rem;
}

.header_search-box-products-item-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  margin-right: auto;
}

.header_search-box-products-item-center--title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  width: 41.5rem;
  cursor: pointer;
}

.header_search-box-products-item-center--info {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.header_search-box-products-item-center--info span {
  margin-right: 4rem;
}

.header_search-box-products-item-center--info span:last-child {
  margin-right: 0;
}

.header_search-box-products-item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.header_search-box-products-item-price--now {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.header_search-box-products-item-price--discount {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  position: relative;
}

.header_search-box-products-item-price--discount::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background: #9293b0;
  -webkit-transform: rotate(-3.086deg);
  transform: rotate(-3.086deg);
  position: absolute;
  top: 50%;
}

.header_search-box-brands-top {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header_search-box-brands-top--title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.header_search-box-brands-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}

.header_search-box-brands--item {
  border-radius: 1.5rem;
  background: #f4f6f8;
  width: 9.7rem;
  height: 4.8rem;
  padding: 0.5rem;
}

.header_search-box-brands--item img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}

.btn-search-back {
  display: none;
}

.header__menu-phone {
  display: none;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  gap: 0.7rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__menu-phone--icon {
  width: 2.4rem;
  height: 2.4rem;
}

.header__menu-phone--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.header-fixed.active .header__menu {
  display: none;
}

.header-fixed.active .header__menu-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 48em) {
  @-webkit-keyframes headerAnim {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }

    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes headerAnim {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }

    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @-webkit-keyframes headerAnimClose {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      height: 100%;
      width: 59rem;
    }

    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      height: 0vh;
      width: 0rem;
    }
  }

  @keyframes headerAnimClose {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      height: 100%;
      width: 59rem;
    }

    100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      height: 0vh;
      width: 0rem;
    }
  }

  .menu-closing .header__menu-mob {
    display: block;
    -webkit-animation: headerAnimClose 0.5s ease-in-out;
    animation: headerAnimClose 0.5s ease-in-out;
  }

  .btn-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
top: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .btn-menu svg {
    width: 5.8rem;
    height: 5.8rem;
  }

  .btn-menu svg path {
    stroke-width: 1.6rem;
  }

  .active.btn-menu svg path {
    stroke: black;
  }

  .header__menu {
    display: none;
  }

  .header__menu-mob {
    display: block;
  }

  .header__catalog {
    display: none;
  }

  .header__main {
    gap: 1.6rem;
  }

  .header__search {
    width: 100%;
    height: 8.4rem;
    border-radius: 2rem;
  }

  .header__search input {
    font-size: 2.8rem;
  }

  .header__search-icon {
    position: relative;
    top: 0;
    right: 0.6rem;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 1.6rem;
  }

  .header__search-icon img {
    width: 4rem;
    height: 4rem;
  }

  .header__top {
    display: none;
  }

  .header__top_container {
    background-color: inherit;
  }

  .header__top--mob {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 1.6rem 2rem 1.6rem 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .header__top-logo {
    width:  150px;
    height: auto;
  }

  .header__top-logo img {
    width: 100%;
    height: 100%;
  }

  .header__top-phone,
  .header__top-location {
    width: 4.8rem;
    height: 4.8rem;
  }

  .header__top-phone svg,
  .header__top-location svg {
    width: 100%;
    height: 100%;
  }

  .header__top-mob .header__info {
    display: none;
  }

  .header__info-mob {
    padding: 5rem 0rem;
    border-top: 0.1rem solid #dfdff0;
    border-bottom: 0.1rem solid #dfdff0;
  }

  .header__logo {
    display: none;
  }

  .header__logo--mob {
    display: block;
  }

  .header__personal {
    display: none;
  }

  .header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    color: #3b3c40;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.3;
  }

  .header__link-icon {
    width: 4.8rem;
    height: 4.8rem;
  }

  .header__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    background-color: rgba(59, 60, 64, 0.4039215686);
  }

  .header__overlay.ovelay-closing {
    -webkit-animation: overlayClosing 0.5s ease-in-out;
    animation: overlayClosing 0.5s ease-in-out;
  }

  .header__overlay-close {
    position: absolute;
    top: 1.8rem;
    right: 2rem;
  }

  .header__overlay-close svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .header__overlay-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 5rem;
  }

  .header__overlay-item {
    padding: 1.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.8rem;
    gap: 2rem;
  }

  .header__overlay-item img {
    width: 4.8rem;
    height: 4.8rem;
  }

  .header__overlay-container {
    padding: 6rem 2rem;
  }

  .header__overlay.overlay-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 12;
  }

  .header__menu-container {
    padding: 3rem 1rem;
  }

  .header__menu-link {
    padding: 1.5rem 0rem;
    color: #3b3c40;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 1.3;
  }

  .header__menu-mob {
    display: block;
    width: 59rem;
    border-radius: 0 4rem 4rem 0;
    background: #fff;
    -webkit-animation: headerAnim 0.5s ease-in-out;
    animation: headerAnim 0.5s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition:
      transform 0.5s ease-in-out,
      -webkit-transform 0.5s ease-in-out;
  }

  .header__links-mob {
    padding-top: 5rem;
  }

  .header__phone {
    display: none;
  }

  .header_container,
  .header__top_container {
    padding: 0rem 2rem;
  }

  .header + * {
    margin-top: 6rem;
  }

  .header-bottom-fixed {
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    width: 71rem;
    border-radius: 1.5rem;
    background: #fff;
    -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
    box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 2.8rem 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .header-bottom-fixed-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.6rem;
  }

  .header-bottom-fixed-item:hover .header-bottom-fixed-item--icon svg path {
    fill: #a05d31;
    stroke-width: 0;
  }

  .header-bottom-fixed-item:hover .header-bottom-fixed-item--text {
    color: #a05d31;
  }

  .header-bottom-fixed-item.active .header-bottom-fixed-item--icon svg path {
    fill: #a05d31;
    stroke-width: 0;
  }

  .header-bottom-fixed-item.active .header-bottom-fixed-item--text {
    color: #a05d31;
  }

  .header-bottom-fixed-item--icon {
    width: 4rem;
    height: 4rem;
  }

  .header-bottom-fixed-item--icon svg {
    width: 4rem;
    height: 4rem;
  }

  .header-bottom-fixed-item--text {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .header-fixed.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .header-fixed.active .header__top--mob {
    overflow: hidden;
    height: 0;
    padding: 0;
  }

  .header-fixed.active .btn-menu {
    display: none;
  }

  .header_search {
    position: absolute;
    width: 75rem;
    left: 0;
    top: 0;
    border-radius: 0;
    height: 100vh;
    max-height: unset;
    background: #fff;
    padding: 2rem 2rem 6rem;
    z-index: -1;
  }

  .header_search-box {
    max-height: 80vh;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem;
  }

  .header_search-box-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
  }

  .header_search-box-top--item {
    padding: 1.6rem 2.4rem;
    border-radius: 1rem;
    font-size: 3rem;
  }

  .header_search-box-last-top {
    margin-bottom: 4rem;
  }

  .header_search-box-last-top--title {
    font-size: 3rem;
    line-height: 140%;
  }

  .header_search-box-last-top--clear {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .header_search-box-last-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #f4f6f8;
  }

  .header_search-box-last-item:first-child {
    padding-top: 0;
  }

  .header_search-box-last-item:last-child {
    padding-bottom: 0;
    border-bottom: unset;
  }

  .header_search-box-last-item--icon {
    width: 4rem;
    height: 4rem;
    margin-right: 2rem;
  }

  .header_search-box-last-item--icon svg {
    width: 4rem;
    height: 4rem;
  }

  .header_search-box-last-item--text {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .header_search-box-last-item--clear {
    width: 4rem;
    height: 4rem;
  }

  .header_search-box-last-item--clear svg {
    width: 4rem;
    height: 4rem;
  }

  .header_search-box-category-top {
    margin-bottom: 4rem;
  }

  .header_search-box-category-top--title {
    font-size: 3rem;
    line-height: 140%;
  }

  .header_search-box-category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #f4f6f8;
  }

  .header_search-box-category-item:first-child {
    padding-top: 0;
  }

  .header_search-box-category-item:last-child {
    padding-bottom: 0;
    border-bottom: unset;
  }

  .header_search-box-category-item--icon {
    width: 4rem;
    height: 4rem;
    margin-right: 2rem;
  }

  .header_search-box-category-item--icon svg {
    width: 4rem;
    height: 4rem;
  }

  .header_search-box-category-item--text {
    font-size: 2.8rem;
    line-height: 130%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .header_search-box-products-top {
    margin-bottom: 4rem;
  }

  .header_search-box-products-top--title {
    font-size: 3rem;
    line-height: 140%;
  }

  .header_search-box-products-list {
    gap: 3rem;
    margin-bottom: 4rem;
  }

  .header_search-box-products-list:last-child {
    margin-bottom: 0;
  }

  .header_search-box-products-list--subtitle {
    font-size: 3rem;
    line-height: 140%;
    margin-bottom: 0;
  }

  .header_search-box-products-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .header_search-box-products-item--img {
    width: 15.4rem;
    height: 15.4rem;
    border-radius: 1.3rem;
    margin-right: 2rem;
    padding: 2rem;
  }

  .header_search-box-products-item--img img {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .header_search-box-products-item-center {
    gap: 3rem;
    margin-right: 1.4rem;
    width: 38.4rem;
  }

  .header_search-box-products-item-center--title {
    font-size: 2.8rem;
    width: auto;
  }

  .header_search-box-products-item-center--info {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .header_search-box-products-item-center--info span {
    margin-right: 8rem;
  }

  .header_search-box-products-item-center--info span:last-child {
    margin-right: 0;
  }

  .header_search-box-products-item-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }

  .header_search-box-products-item-price--now {
    font-size: 3.6rem;
  }

  .header_search-box-products-item-price--discount {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .header_search-box-products-item-price--discount::after {
    top: 35%;
  }

  .header_search-box-brands-top {
    margin-bottom: 4rem;
  }

  .header_search-box-brands-top--title {
    font-size: 3rem;
    line-height: 140%;
  }

  .header_search-box-brands-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.4rem;
  }

  .header_search-box-brands--item {
    border-radius: 1.5rem;
    width: 19.4rem;
    height: 9.8rem;
    padding: 1.5rem;
  }

  .header_search-box-brands--item img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
  }

  .header-fixed.searching .btn-search-back {
    display: block;
  }

  .header-fixed.searching .btn-menu {
    display: none;
  }

  .header-fixed.searching .header__top_container {
    display: none;
  }

  .btn-search-back {
    width: 4.8rem;
    height: 4.8rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .header_catalog {
    width: 100%;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: 2rem;
    left: 0;
    -webkit-transform: unset;
    transform: unset;
    top: 0;
    z-index: 12;
  }

  .header_catalog.active {
    display: block;
  }

  .header_catalog-top {
    margin-bottom: 3rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header_catalog-top.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header_catalog-top svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .header_catalog-top--text {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #3b3c40;
  }

  .header_catalog-container {
    border-radius: 3rem;
    background: initial;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    overflow: auto;
    max-height: unset;
    height: 100vh;
    padding-bottom: 4rem;
  }

  .header_catalog-item {
    border-bottom: 0.1rem solid #f4f6f8;
    overflow: hidden;
  }

  .header_catalog-item:hover .header_catalog-item-top--text {
    color: #3b3c40;
  }

  .header_catalog-item:hover .header_catalog-item--list {
    display: none;
  }

  .header_catalog-item.active .header_catalog-item-top--text {
    color: #a05d31;
  }

  .header_catalog-item.active .header_catalog-item-top::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .header_catalog-item.active .header_catalog-item--list {
    display: block;
  }

  .header_catalog-item.active .header_catalog-item--list .title-h3 {
    display: none;
  }

  .header_catalog-item-top {
    padding: 3rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    width: 71rem;
    position: relative;
  }

  .header_catalog-item-top::after {
    content: "";
    display: block;
    position: absolute;
    /* background: url(../assets/images/icon/arrow-bottom.jpg) no-repeat; */
    background-size: contain;
    width: 3.2rem;
    height: 3.2rem;
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .header_catalog-item-top--icon {
    width: 7.4rem;
    height: 7.4rem;
    margin-right: 0;
  }

  .header_catalog-item-top--icon img {
    height: 5rem;
  }

  .header_catalog-item-top--img {
    width: 7.4rem;
    height: 7.4rem;
  }

  .header_catalog-item-top--img img {
    border-radius: 1rem;
  }

  .header_catalog-item-top--text {
    font-size: 3rem;
    line-height: 140%;
    width: 56.4rem;
  }

  .header_catalog-item-top--arrow {
    display: none;
  }

  .header_catalog-item--list {
    position: static;
    left: 0;
    top: 0;
    width: auto;
    padding-left: 0;
    display: none;
  }

  .header_catalog-item--list .title-h3 {
    margin-bottom: 4.2rem;
  }

  .header_catalog-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    margin-bottom: 3rem;
    padding-left: 5rem;
  }

  .header_catalog-link--img {
    width: 7.4rem;
    height: 7.4rem;
  }

  .header_catalog-link--text {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .header-fixed.active {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .scrollDown .header-fixed.active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.footer {
  padding-bottom: 5rem;
}

.footer_container {
  padding: 6rem 6rem 2rem 6rem;
  border-radius: 5rem;
  background: #f4f6f8;
}

.footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5rem;
  gap: 13.6rem;
}

.footer__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer__main--mob {
  display: none;
}

.footer__main-logo {
  position: relative;
  width: 13.1rem;
  height: 12.4rem;
}

.footer__main-logo svg {
  width: 100%;
  height: 100%;
}

.footer__main-btn {
  height: 5rem;
  padding: 1.4rem 2.6rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #9293b0;
  -webkit-box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
  box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}

.footer__main-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.footer__main-payment--system.maestrocard svg {
  width: 3.2rem;
  height: 2rem;
}

.footer__main-payment--system.visa svg {
  width: 5rem;
  height: 1.6rem;
}

.footer__main-payment--system.mir svg {
  width: 5.8rem;
  height: 1.7rem;
}

.footer__main-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13rem;
}

.footer__main-wrapper--mob {
  display: none;
}

.footer__main-bottom {
  margin-right: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 3rem;
}

.footer__main-bottom--mob {
  display: none;
}

.footer__main-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.footer__main-stars--icon {
  width: 2.4rem;
  height: 2.4rem;
}

.footer__main-stars--icon svg {
  width: 100%;
  height: 100%;
}

.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}

.footer__info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.footer__info-item {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.footer__info-name {
  color: var(--black, #3b3c40);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.footer__links {
  height: 38.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__links_catalog {
  height: 38.7rem;
  max-width: 30.9rem;
}

.footer__links_catalog-list {
  max-width: 30.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.footer__links_catalog-list_1 {
  width: 27.1rem;
}

.footer__links_catalog-list_2 {
  margin-top: 4rem;
}

.footer__links_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.2rem;
  -webkit-column-gap: 3rem;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
  height: 38.7rem;
}

.footer__links_list-about {
  margin-right: 12.2rem;
}

.footer__links_list-link {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;

  cursor: pointer;
}

.footer__links_list-link--contacts {
  display: none;
}

.footer__links_list-link--faq {
  display: none;
}

.footer__links_list-link--help {
  display: block;
}

.footer__links-title {
  margin-bottom: 0.3rem;
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer__social-link {
  width: 3rem;
  height: 3rem;
}

.footer__social-link svg {
  width: 100%;
  height: 100%;
}

.footer__copyright {
  padding-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 0.1rem solid #d9d9d9;
}

.footer__copyright-info {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.footer__copyright-company {
  position: relative;
  width: 14.4rem;
  height: 3.2rem;
}

.footer__copyright-company svg {
  width: 100%;
  height: 100%;
}

.write-director-modal-container {
  width: 95.6rem;
  height: 78.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ffefd8;
  border-radius: 3rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.write-director-modal-container--second {
  display: none;
}

.write-director-modal-container--second .modal-container--title {
  width: 52.3rem;
  margin-bottom: 3.2rem;
}

.write-director-modal-container--second .modal-container--subtitle {
  margin-bottom: 4rem;
}

.write-director-modal-container--second .btn {
  margin: 0 auto;
}

.write-director-modal-container .modal-container--title {
  margin-bottom: 2rem;
  text-align: center;
}

.write-director-modal-container .modal-container--subtitle {
  margin-bottom: 3rem;
}

.write-director-modal-container--back {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 116.6412rem;
  height: 48.5585rem;
  z-index: -1;
}

.write-director-modal-container--back svg {
  width: 116.6412rem;
  height: 48.5585rem;
}

.write-director-form {
  width: 57.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.write-director-form-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
}

.write-director-form-bottom--text {
  width: 25.4rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
}

.write-director-form-bottom--text a {
  text-decoration-line: underline;
}

@media (max-width: 48em) {
  .footer {
    padding-bottom: 0;
  }

  .footer_container {
    padding: 4rem 2rem 6rem 2rem;
  }

  .footer__links_list {
    height: auto;
    gap: 0;
  }

  .footer__links_list-about {
    margin-right: 0;
  }

  .footer__links_list-catalog {
    display: none;
  }

  .footer__links_list-link {
    padding: 1.2rem 0rem;
    font-size: 3rem;
  }

  .footer__links_list-link--contacts {
    display: block;
  }

  .footer__links_list-link--faq {
    display: block;
  }

  .footer__links_list-link--help {
    display: none;
  }

  .footer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.4rem;
  }

  .footer__links {
    height: auto;
    gap: 2.4rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer__links-title {
    margin-bottom: 1.8rem;
    font-size: 3.4rem;
  }

  .footer__info {
    gap: 4.8rem;
  }

  .footer__info-list {
    gap: 2.4rem;
  }

  .footer__info-name {
    font-size: 3.4rem;
  }

  .footer__info-item {
    font-size: 3rem;
  }

  .footer__main-bottom {
    display: none;
  }

  .footer__main-bottom--mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer__main-stars {
    margin-top: 2.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.2rem;
    width: 100%;
    color: #3b3c40;
    font-size: 4rem;
    font-weight: 500;
    line-height: 1.2;
  }

  .footer__main-stars--icon {
    width: 4.8rem;
    height: 4.8rem;
  }

  .footer__main-wrapper {
    display: none;
  }

  .footer__main-wrapper--mob {
    display: block;
    width: 12.4rem;
    height: 11.6rem;
  }

  .footer__main-payment {
    gap: 2.4rem;
  }

  .footer__main-payment--system.maestrocard svg {
    width: 5rem;
    height: 3.2rem;
  }

  .footer__main-payment--system.visa svg {
    width: 9rem;
    height: 2.8rem;
  }

  .footer__main-payment--system.mir svg {
    width: 9rem;
    height: 2.4rem;
  }

  .footer__main-btn {
    height: 8.4rem;
    padding: 2.2rem 3rem;
    font-size: 2.8rem;
    text-align: center;
  }

  .footer__social-link {
    width: 6rem;
    height: 6rem;
  }

  .footer__copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer__copyright-info {
    padding: 5.6rem 0rem;
    font-size: 2.4rem;
    text-align: center;
  }

  .footer__copyright-company {
    width: 23rem;
    height: 5.8rem;
  }

  .write-director-modal-container {
    width: 71rem;
    height: auto;
    padding: 12.8rem 2rem;
    border-radius: 2rem;
  }

  .write-director-modal-container--second {
    display: none;
  }

  .write-director-modal-container--second .modal-container--title {
    width: auto;
    margin-bottom: 3.2rem;
  }

  .write-director-modal-container--second .modal-container--subtitle {
    margin-bottom: 6rem;
    width: 39rem;
  }

  .write-director-modal-container--second .btn {
    margin: 0 auto;
  }

  .write-director-modal-container .modal-container--title {
    margin-bottom: 4.8rem;
    text-align: center;
  }

  .write-director-modal-container .modal-container--subtitle {
    width: 35rem;
    margin: 0 auto 6rem;
  }

  .write-director-modal-container--back {
    top: 35%;
    width: 148rem;
    height: 61.4rem;
  }

  .write-director-modal-container--back svg {
    width: 148rem;
    height: 61.4rem;
  }

  .write-director-form {
    width: 67rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }

  .write-director-form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 4rem;
    width: 47rem;
    gap: 4rem;
  }

  .write-director-form-bottom .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .write-director-form-bottom--text {
    width: auto;
    font-size: 2.4rem;
  }
}

.form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.form__item-title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-left: 2.5rem;
  color: #3b3c40;
}

.form__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  padding: 1.7rem 2.4rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #a05d31;
}

.form__item-inner input {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #3b3c40;
  width: 100%;
}

.form__item-inner input::-webkit-input-placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner input::-moz-placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner input:-ms-input-placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner input::-ms-input-placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner input::placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner input:-ms-input-placeholder {
  color: #9293b0;
}

.form__item-inner input::-ms-input-placeholder {
  color: #9293b0;
}

.form__item-inner textarea {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #3b3c40;
  width: 100%;
  resize: none;
  height: 8rem;
}

.form__item-inner textarea::-webkit-input-placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner textarea::-moz-placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner textarea:-ms-input-placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner textarea::-ms-input-placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner textarea::placeholder {
  color: #9293b0;
  opacity: 1;
}

.form__item-inner textarea:-ms-input-placeholder {
  color: #9293b0;
}

.form__item-inner textarea::-ms-input-placeholder {
  color: #9293b0;
}

.form__item-inner span {
  width: 2.4rem;
  height: 2.4rem;
}

.form__item-inner svg {
  width: 2.4rem;
  height: 2.4rem;
}

.form__download {
  gap: 0;
}

.form__download input[type="file"] {
  position: absolute;
  overflow: hidden;
  margin: -0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  clip: rect(0 0 0 0);
}

.form__download--title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 0.4rem;
}

.form__download--working {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.form__download--subtitle {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
  margin-bottom: 1rem;
}

.form__download-block {
  border-radius: 1.5rem;
  border: 0.1rem solid #a05d31;
  height: 12rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form__download-block--icon {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.6rem;
}

.form__download-block--icon img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.form__download-block--text {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.form__download-block--text span {
  color: #a05d31;
  cursor: pointer;
}

.form__download-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

.form__download-element {
  padding: 1.4rem 2.4rem;
  background: #a05d31;
  border-radius: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__download-element--name {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-right: 2.4rem;
  color: #fff;
}

.form__download-element--size {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #f4f6f8;
}

.form__download-element--icon {
  width: 2.8rem;
  height: 2.8rem;
  margin-left: auto;
  background: url(../assets/images/icon/file-ok.svg);
  background-size: cover;
}

@media (max-width: 48em) {
  .form__item {
    gap: 1.2rem;
  }

  .form__item-title {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding-left: 4rem;
  }

  .form__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem;
    padding: 2.2rem 4rem;
    border-radius: 1rem;
    border: 0.1rem solid #a05d31;
  }

  .form__item-inner input {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .form__item-inner textarea {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .form__item-inner span {
    width: 4rem;
    height: 4rem;
  }

  .form__item-inner svg {
    width: 4rem;
    height: 4rem;
  }

  .form__download {
    gap: 0;
  }

  .form__download input[type="file"] {
    position: absolute;
    overflow: hidden;
    margin: -0.1rem;
    width: 0.1rem;
    height: 0.1rem;
    clip: rect(0 0 0 0);
  }

  .form__download--title {
    font-size: 2.8rem;
    margin-bottom: 0.8rem;
  }

  .form__download--working {
    gap: 4rem;
  }

  .form__download--subtitle {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }

  .form__download-block {
    border-radius: 50%;
    border: unset;
    height: 12rem;
    width: 12rem;
    background: #ffefd8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form__download-block--icon {
    width: 5.6rem;
    height: 5.6rem;
    margin-right: 0;
  }

  .form__download-block--icon img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .form__download-block--text {
    display: none;
  }

  .form__download-elements {
    gap: 2rem;
  }

  .form__download-element {
    padding: 2rem 4.8rem;
    border-radius: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .form__download-element--name {
    font-size: 3.4rem;
    line-height: 140%;
    margin-right: 2.4rem;
    color: #fff;
    max-width: 42.4rem;
  }

  .form__download-element--size {
    font-size: 2.8rem;
  }

  .form__download-element--icon {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(59, 60, 64, 0.4509803922);
  z-index: 20;
  overflow-y: scroll;
}

.modal.active {
  display: block;
}

.modal-screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal-container--exit {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
}

.modal-container--exit svg {
  width: 4rem;
  height: 4rem;
}

.modal-container--title {
  font-size: 5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.modal-container--subtitle {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  text-align: center;
}

@media (max-width: 48em) {
  .modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .modal-container--exit {
    width: 4.8rem;
    height: 4.8rem;
    top: 4rem;
    right: 4rem;
  }

  .modal-container--exit svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .modal-container--title {
    font-size: 5.2rem;
  }

  .modal-container--subtitle {
    font-size: 3rem;
    line-height: 140%;
  }
}

.swiper-pagination-bullet-active {
  background: linear-gradient(96deg, #dd3197 0%, #822faf 101.4%) !important;
}

@-webkit-keyframes appear_1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50rem);
    transform: translateY(50rem);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes appear_1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50rem);
    transform: translateY(50rem);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes appear_2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes appear_2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes appear_3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50rem);
    transform: translateY(-50rem);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes appear_3 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50rem);
    transform: translateY(-50rem);
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  opacity: 0;
  -webkit-animation: fadeInDown 0.5s;
  animation: fadeInDown 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.banner {
  margin-top: 6rem;
  margin-bottom: 8rem;
}

.banner_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5rem;
  gap: 2rem;
  background: #ffefd8;
  padding: 4rem;
}

.banner__advertisement {
  position: relative;
  width: 69rem;
  height: 42.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3rem;
  overflow: hidden;
}

.banner__advertisement-circle {
  position: absolute;
  border-radius: 42.8rem;
  background: #f99cda;
  -webkit-filter: blur(72px);
  filter: blur(72px);
  width: 42.8rem;
  height: 40.4rem;
  z-index: 2;
  right: -5rem;
}

.banner__advertisement-ballet {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 3.5rem 0 0 0;
  background-color: #f3efff;
}

.banner__advertisement-ballet:before {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 4rem;
  height: 2.5rem;
  border: none;
  border-radius: 0 0 3.5rem 0;
  -webkit-box-shadow: 2rem 2rem 0 2rem #f3efff;
  box-shadow: 2rem 2rem 0 2rem #f3efff;
}

.banner__advertisement-ballet:after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 2.5rem;
  height: 4rem;
  border-radius: 0 0 3.5rem 0;
  border: none;
  -webkit-box-shadow: 2rem 2rem 0 2rem #f3efff;
  box-shadow: 2rem 2rem 0 2rem #f3efff;
}

.banner__advertisement-animation {
  position: absolute;
  z-index: 3;
  font-size: 8.5rem;
  font-weight: 900;
  text-shadow: none;
  color: transparent;
  text-transform: uppercase;
  -webkit-text-stroke: 0.1rem #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: 20.5rem;
  top: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0.3;
}

.banner__advertisement-animation--text {
  margin-top: -1rem;
}

.banner__advertisement-discont {
  position: relative;
  width: 30rem;
  height: 100%;
  margin-left: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
}

.banner__advertisement-discont--before {
  position: absolute;
  top: 14rem;
  font-size: 3rem;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.banner__advertisement-discont--number {
  position: relative;
  margin-left: 6rem;
  font-size: 10rem;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.banner__advertisement-discont--number::before {
  content: "%";
  position: absolute;
  top: 1rem;
  right: 5rem;
  font-size: 6.5rem;
}

.banner__advertisement-discont--number::after {
  content: "";
  position: absolute;
  top: 7rem;
  left: -6rem;
  width: 4.5rem;
  height: 1rem;
  background-color: #fff;
}

.banner__advertisement-discont--text {
  font-size: 2.4rem;
  font-weight: 600;
}

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

.banner__advertisement-img--mob {
  display: none;
}

.banner__advertisement-img img {
  height: 100%;
}

.banner__advertisement-img--back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 2;
}

.banner__advertisement-img--back img {
  height: 100%;
}

.banner__advertisement-product {
    width: 44rem;
    height: 12rem;
}

.banner__advertisement-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5.8rem;
  z-index: 3;
}

.banner__advertisement-link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #3b3c40;
  border-radius: 50%;
}

.banner__advertisement-link svg {
  width: 3.5rem;
  height: 3.5rem;
}

.banner__list {
  position: relative;
}

.banner__slider {
  width: 77rem;
  overflow: hidden;
}

.banner__slider-next {
  right: -2rem;
  top: 43%;
}

.banner__slider-prev {
  top: 43%;
  left: -2rem;
}

.banner__card-info--text {
  position: relative;
  padding-left: 1.5rem;
}

.banner__card-info--text::after {
  content: "";
  display: block;
  position: absolute;
  left: 0rem;
  background: #9293b0;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.8rem;
  border-radius: 50%;
}

.banner__card-info--text:first-child {
  padding: 0;
}

.banner__card-info--text:first-child::after {
  content: unset;
}

.advantages__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.advantages__list-item {
  position: relative;
  width: 50.7rem;
  padding: 4rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8rem;
  border-radius: 2rem;
  background: #fff;
}

.advantages__list-back {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  z-index: 1;
}

.advantages__list-back img {
  width: 100%;
  height: 100%;
}

.advantages__list-img {
  position: relative;
  z-index: 2;
}

.advantages__list-img img {
  width: 10rem;
  height: 10rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.advantages__text {
  width: 25.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.2rem;
  z-index: 1;
}

.advantages__text-title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

.advantages__text-description {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.brands_container {
  position: relative;
}

.brands__top {
  position: relative;
}

.brands__top-count {
  position: absolute;
  top: 0;
  left: 20rem;
  padding: 0.6rem 1.4rem;
  border-radius: 1rem;
  background: #a05d31;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
}

.brands__content {
  position: relative;
  overflow: hidden;
}

.brands__content-slide {
  width: 20.6rem;
  height: 20.6rem;
  border-radius: 50%;
  background-color: #f4f6f8;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.brands__content-slide img {
  width: 15.7rem;
  height: 9.7rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.brands__content-slide:hover {
  background: linear-gradient(328deg, #7d68fb 6.17%, #afa2fb 83.59%);
}

.brands__content-shadow-left {
  width: 8.3rem;
  height: 20.6rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.brands__content-shadow-right {
  width: 8.3rem;
  height: 20.6rem;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.brands__categories {
  margin-bottom: 3rem;
}

.brands__slider-pagination {
  display: none;
}

.popular__wrapper {
  position: relative;
}

.popular-swiper {
  overflow: hidden;
  position: relative;
}

.popular-swiper-left {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  left: 0;
  top: 0;
  width: 4.1rem;
  height: 5rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(36.76%, #fff),
    color-stop(99.93%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    90deg,
    #fff 36.76%,
    rgba(255, 255, 255, 0) 99.93%
  );
  z-index: 1;
}

.popular-swiper-left svg {
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 0;
}

.popular-swiper-left:hover svg {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 1;
}

.popular-swiper-left.swiper-button-disabled {
  z-index: -1;
}

.popular-swiper-right {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  right: 0;
  top: 0;
  width: 4.1rem;
  height: 5rem;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(36.76%, #fff),
    color-stop(99.93%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    -90deg,
    #fff 36.76%,
    rgba(255, 255, 255, 0) 99.93%
  );
  z-index: 1;
}

.popular-swiper-right svg {
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 0;
}

.popular-swiper-right:hover svg {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  opacity: 1;
}

.popular-swiper-right.swiper-button-disabled {
  z-index: -1;
}

.popular__categories {
  margin-bottom: 3rem;
}

.popular__list {
  position: relative;
  overflow: hidden;
}

.popular__card {
  position: relative;
  width: 37.5rem;
  height: 38.7rem;
  border-radius: 3rem;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  overflow: hidden;
}

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

.popular__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.popular__card-pagination--mob {
  display: none;
}

.popular__card-wrapper {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2rem;
  border: 0.1rem solid var(--white, #fff);
  background: rgba(244, 246, 248, 0.5);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  padding: 1.2rem 2.2rem;
}

.popular__card-title {
  color: #3b3c40;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

.popular__card-count {
  color: rgba(59, 60, 64, 0.6117647059);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
}

.popular__card-link {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
}

.popular__card-link svg {
  width: 100%;
  height: 100%;
}

.popular-pagination--mob {
  display: none;
}

.repair {
  position: relative;
}

.repair__list {
  position: relative;
}

.repair__list-pagination {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: 4.4rem !important;
}

.repair__list-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(96deg, #dd3197 0%, #822faf 101.4%);
}

.repair__list-pagination .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
}

.repair__list-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  gap: 0.6rem;
}

.repair__list-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
  .swiper-pagination-bullet {
  margin: 0;
}

.repair__nav-next {
  top: 21.8rem;
  right: 4.1rem;
}

.repair__nav-prev {
  top: 21.8rem;
  left: 4.1rem;
}

.repair_container {
  border-radius: 5rem;
  background-color: #f8f5ff;
  overflow: hidden;
  position: relative;
}

.repair_container::after {
  content: "";
  position: absolute;
  display: block;
  width: 98rem;
  height: 98rem;
  -webkit-box-shadow:
    1.8975px -2.21375px 3.47875px 0px #fff inset,
    -3.1625px 8.53875px 6.64125px 0px rgba(0, 0, 0, 0.49) inset;
  box-shadow:
    1.8975px -2.21375px 3.47875px 0px #fff inset,
    -3.1625px 8.53875px 6.64125px 0px rgba(0, 0, 0, 0.49) inset;
  background: linear-gradient(
    171deg,
    rgba(255, 255, 255, 0.58) 4.95%,
    rgba(255, 255, 255, 0) 95.57%
  );
  border-radius: 50%;
  top: -29rem;
  right: -22rem;
  -webkit-transform: rotate(32.582deg);
  transform: rotate(32.582deg);
}

.repair__img--one {
  border-radius: 1rem 1rem 18.15rem 18.15rem;
  -webkit-box-shadow: 1.2rem 2.5rem 5.4rem 0rem rgba(126, 117, 178, 0.25);
  box-shadow: 1.2rem 2.5rem 5.4rem 0rem rgba(126, 117, 178, 0.25);
}

.repair__img--two {
  width: 50rem;
  height: 33.4rem;
  border-radius: 10rem 0rem 10rem 0rem;
  -webkit-box-shadow: 1.2rem 2.5rem 5.4rem 0rem rgba(126, 117, 178, 0.25);
  box-shadow: 1.2rem 2.5rem 5.4rem 0rem rgba(126, 117, 178, 0.25);
  margin-right: 4rem;
  margin-top: 1rem;
}

.repair__img--three {
  width: 50rem;
  height: 33.4rem;
  border-radius: 15rem 0rem 15rem 15rem;
  -webkit-box-shadow: 1.2rem 2.5rem 5.4rem 0rem rgba(126, 117, 178, 0.25);
  box-shadow: 1.2rem 2.5rem 5.4rem 0rem rgba(126, 117, 178, 0.25);
  margin-right: 4rem;
  margin-top: 1rem;
}

.repair__img--four {
  width: 51.6rem;
  height: 36.6rem;
  border-radius: unset;
  margin-right: 4rem;
  margin-top: 1rem;
}

.repair__img--four svg {
  width: 51.6rem;
  height: 36.6rem;
}

.repair__img--five {
  width: 54.7rem;
  height: 34.1rem;
  border-radius: unset;
  margin-right: 4rem;
  margin-top: 1rem;
}

.repair__img--five svg {
  width: 54.7rem;
  height: 34.1rem;
}

.repair__content-text {
  width: 50rem;
}

.hits .banner__slider-next {
  right: 0;
}

.hits .banner__slider-prev {
  left: 0;
}

.hits__card-info--text {
  position: relative;
  padding-left: 1.5rem;
}

.hits__card-info--text::after {
  content: "";
  display: block;
  position: absolute;
  left: 0rem;
  background: #9293b0;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.8rem;
  border-radius: 50%;
}

.hits__card-info--text:first-child {
  padding: 0;
}

.hits__card-info--text:first-child::after {
  content: unset;
}

.discont__card-info--text {
  position: relative;
  padding-left: 1.5rem;
}

.discont__card-info--text::after {
  content: "";
  display: block;
  position: absolute;
  left: 0rem;
  background: #9293b0;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.8rem;
  border-radius: 50%;
}

.discont__card-info--text:first-child {
  padding: 0;
}

.discont__card-info--text:first-child::after {
  content: unset;
}

.novelties__card-info--text {
  position: relative;
  padding-left: 1.5rem;
}

.novelties__card-info--text::after {
  content: "";
  display: block;
  position: absolute;
  left: 0rem;
  background: #9293b0;
  width: 0.5rem;
  height: 0.5rem;
  top: 0.8rem;
  border-radius: 50%;
}

.novelties__card-info--text:first-child {
  padding: 0;
}

.novelties__card-info--text:first-child::after {
  content: unset;
}

.material_container {
  border-radius: 5rem;
  background-color: #f8f5ff;
  overflow: hidden;
}

.material__card {
  padding: 2rem 4.4rem 0rem 13rem;
}

.material__content {
  width: 71.1rem;
}

.material__content-title {
  position: relative;
}

.material__content-title::after {
  content: "за 3 шага";
  position: absolute;
  top: 6rem;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 6rem;
  -webkit-transform: rotate(-10.577deg);
  transform: rotate(-10.577deg);
  padding: 1.8rem 3.6rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.5rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  background: linear-gradient(21deg, #a05d31 0%, #c2a2ff 85.86%);
  z-index: -1;
}

.material__content-text {
  width: 40.7rem;
  margin-bottom: 3rem;
}

.material__img {
  width: 68.5rem;
  height: 100%;
  -webkit-clip-path: polygon(100% 0, 100% 80%, 25% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 80%, 25% 100%, 0 100%, 0 0);
}

.material__img--mob {
  display: none;
}

.material__gradient {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.world_brands {
  position: relative;
}

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

.world_brands__back img {
  width: 100%;
  height: 100%;
}

.world_brands__back video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.world_brands_container {
  position: relative;
  padding: 6rem 11.7rem;
  overflow: hidden;
  border-radius: 5rem;
}

.world_brands__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.4rem;
  color: #fff;
}

.world_brands__content-chapter {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
}

.world_brands__content-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9rem;
  font-size: 7rem;
  font-weight: 500;
  line-height: 1.06;

  text-align: center;
}

.world_brands__slider {
  padding-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5.5rem;
}

.world_brands__slider-brand {
  position: relative;
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
}

.world_brands__slider-brand--blur {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    171deg,
    rgba(255, 255, 255, 0.58) 4.95%,
    rgba(255, 255, 255, 0) 95.57%
  );
  -webkit-box-shadow:
    1.8975px -2.21375px 5px 0px rgba(255, 255, 255, 0.5) inset,
    -3.1625px 8.53875px 6.64125px 0px rgba(255, 255, 255, 0.49) inset;
  box-shadow:
    1.8975px -2.21375px 5px 0px rgba(255, 255, 255, 0.5) inset,
    -3.1625px 8.53875px 6.64125px 0px rgba(255, 255, 255, 0.49) inset;
  -webkit-backdrop-filter: blur(3.0043752193px);
  backdrop-filter: blur(3.0043752193px);
  border-radius: 50%;
}

.world_brands__slider-brand--img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 50%;
  width: 11.4rem;
  height: 11.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.world_brands__slider-brand--img img {
  width: 77.19%;
  height: 57.02%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) {
  .world_brands__slider-brand--img img {
    width: 77.27%;
    height: 50%;
  }
}

.promotion_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.promotion__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.promotion__content-card {
  position: relative;
  width: 63.4rem;
  height: 100%;
  padding: 3rem 10.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  border-radius: 3rem;
  background: url("../assets/images/home/promotion_card_back_3.png");
  background-color: #f4f6f8;
}

.webp .promotion__content-card {
  background: url("../assets/images/home/promotion_card_back_3.webp");
}

.promotion__content-img {
  width: 38.9rem;
  height: 22.2rem;
  margin-bottom: 2rem;
}

.promotion__content-title {
  color: #3b3c40;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

.promotion__content-chapter {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
}

.promotion__info {
  position: relative;
  width: 37.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3rem;
}

.promotion__info-description {
  margin-bottom: 3rem;
  color: #9293b0;

  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
}

.promotion__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.promotion__first-card {
  position: relative;
  width: 37.8rem;
  height: 21.5rem;
  padding: 2rem;
}

.promotion__first-wrapper {
  width: 24.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.promotion__first-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promotion__first-date svg {
  width: 2.4rem;
  height: 2.4rem;
}

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

.promotion__first-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 3rem;
}

.promotion__second-card {
  position: relative;
  width: 37.8rem;
  height: 21.5rem;
  padding: 3rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3rem;
  background: #ffefd8;
}

.promotion__second-wrapper {
  width: 18.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
}

.promotion__second-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.promotion__second-date {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
}

.promotion__second-img {
  position: relative;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.promotion__second-img--blur {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  fill: linear-gradient(
    171deg,
    rgba(255, 255, 255, 0.58) 4.95%,
    rgba(255, 255, 255, 0) 95.57%
  );
  -webkit-box-shadow:
    1.8975px -2.21375px 3.47875px 0px #fff inset,
    -3.1625px 8.53875px 6.64125px 0px rgba(255, 255, 255, 0.49) inset;
  box-shadow:
    1.8975px -2.21375px 3.47875px 0px #fff inset,
    -3.1625px 8.53875px 6.64125px 0px rgba(255, 255, 255, 0.49) inset;
  -webkit-backdrop-filter: blur(3.0043752193px);
  backdrop-filter: blur(3.0043752193px);
}

.promotion__second-img--img {
  width: 13rem;
  height: 13rem;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.promotion__second-img img {
  position: relative;
  width: 8rem;
  height: 8.15rem;
  z-index: 2;
}

.consultation_container {
  position: relative;
  padding: 6rem 12.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5rem;
  background: #ffefd8;
  overflow: hidden;
}

.consultation__img {
  position: relative;
  width: 65rem;
  height: 49.7rem;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-filter: drop-shadow(12px 25px 54px rgba(126, 117, 178, 0.25));
  filter: drop-shadow(12px 25px 54px rgba(126, 117, 178, 0.25));
}

.consultation__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5rem;
}

.consultation__wrapper {
  margin-left: auto;
}

.consultation__back {
  position: absolute;
  top: 0;
  left: -4.5rem;
  width: 79.7rem;
  height: 49.7rem;
  z-index: 1;
}

.consultation__back img {
  height: 100%;
}

.consultation__wrapper-title {
  margin-bottom: 2rem;
  color: #3b3c40;
  font-size: 5rem;
  font-weight: 500;
  line-height: normal;
}

.consultation__form {
  position: relative;
  width: 52.3rem;
}

.consultation__form-subscription {
  display: inline-block;
  margin-bottom: 4rem;
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.consultation__form-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.consultation__form-icon {
  position: absolute;
  left: 2.5rem;
  top: 1.8rem;
  width: 2.4rem;
  height: 2.4rem;
}

.consultation__form-icon svg {
  width: 100%;
  height: 100%;
}

.consultation__form-personal {
  width: 26.7rem;
  color: #9293b0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
}

.consultation__form-personal a {
  text-decoration: underline;
}

.consultation__form--bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.consultation__form-inp {
  width: 100%;
  height: 6rem;
  padding: 1.8rem 5.5rem;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 1.5rem;
  border: 0.1rem solid #a05d31;
}

.consultation__form-inp::-webkit-input-placeholder {
  color: #9293b0;
}

.consultation__form-inp::-moz-placeholder {
  color: #9293b0;
}

.consultation__form-inp:-ms-input-placeholder {
  color: #9293b0;
}

.consultation__form-inp::-ms-input-placeholder {
  color: #9293b0;
}

.consultation__form-inp::placeholder {
  color: #9293b0;
}

.shops_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.shops__info {
  width: 56.8rem;
}

.shops__info-title {
  margin-bottom: 2rem;
  color: #3b3c40;
  font-size: 5rem;
  font-weight: 500;
  line-height: normal;
}

.shops__info-subscription {
  margin-bottom: 5rem;
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.shops__card {
  position: relative;
  padding: 2.5rem;
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 3rem;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0px rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0px rgba(173, 178, 201, 0.35);
}

.shops__card-title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

.shops__card-img {
  width: 100%;
  height: 23.9rem;
  margin-bottom: 2rem;
  border-radius: 3rem;
  overflow: hidden;
}

.shops__card-img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.shops__main {
  margin-bottom: 3rem;
}

.shops__address {
  margin-bottom: 5rem;
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
}

.shops__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shops__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.2rem;
}

.shops__name-title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

.shops__name-chapter {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.shops__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 1.5rem;
}

.shops__phone-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 0.2rem;
}

.shops__phone-number {
  color: #a05d31;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}

.shops__phone-additional {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.shops__phone-icon {
  position: relative;
  width: 5rem;
  height: 5rem;
}

.shops__phone-icon svg {
  width: 100%;
  height: 100%;
}

.shops__time {
  padding: 0.8rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  border-radius: 1.5rem;
  color: #fff;
  background-color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
}

.shops__time-icon {
  width: 2.4rem;
  height: 2.4rem;
}

.shops__time-icon svg {
  width: 100%;
  height: 100%;
}

.shops__weekend {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.shops__categories {
  margin-bottom: 3rem;
}

.shops__our {
  position: relative;
  width: 90.2rem;
}

.shops__our-scrollable {
  overflow: hidden;
}

.shops__our-scrollable-prev {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.shops__our-scrollable-prev--shadow {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 4.1rem;
  height: 5rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(36.76%, #fff),
    color-stop(99.93%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    90deg,
    #fff 36.76%,
    rgba(255, 255, 255, 0) 99.93%
  );
  z-index: -1;
}

.shops__our-scrollable-next {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.shops__our-scrollable-next--shadow {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 4.1rem;
  height: 5rem;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(36.76%, #fff),
    color-stop(99.93%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    -90deg,
    #fff 36.76%,
    rgba(255, 255, 255, 0) 99.93%
  );
  z-index: -1;
}

.shops__our-scrollable-left {
  position: relative;
  width: 4rem;
  height: 4rem;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0.5rem;
  z-index: 1;
  -webkit-filter: drop-shadow(3px 6px 14px rgba(115, 103, 151, 0.15));
  filter: drop-shadow(3px 6px 14px rgba(115, 103, 151, 0.15));
  cursor: pointer;
}

.shops__our-scrollable-left.swiper-button-disabled {
  display: none;
}

.shops__our-scrollable-left.swiper-button-disabled + * {
  display: none;
}

.shops__our-scrollable-right {
  position: relative;
  width: 4rem;
  height: 4rem;
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0.5rem;
  z-index: 1;
  -webkit-filter: drop-shadow(3px 6px 14px rgba(115, 103, 151, 0.15));
  filter: drop-shadow(3px 6px 14px rgba(115, 103, 151, 0.15));
  cursor: pointer;
}

.shops__our-scrollable-right.swiper-button-disabled {
  display: none;
}

.shops__our-scrollable-right.swiper-button-disabled + * {
  display: none;
}

.shops-other.shops .shops_container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 48em) {
  .shops-other.shops .shops_container {
    gap: 0;
  }
}

.shops-other.shops .shops-swiper {
  overflow: hidden;
  padding: 8rem;
  margin: -8rem;
}

.shops-other.shops .shops-slider {
  padding: 2.5rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  border-radius: 3rem;
}

.shops-other.shops .shops-slider--img {
  width: auto;
  height: 23.9rem;
  margin-bottom: 2rem;
}

.shops-other.shops .shops-slider--img img {
  border-radius: 3rem;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.shops-other.shops .shops__name {
  margin-bottom: 2rem;
}

.shops-other.shops .shops__phone {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}

.shops-other.shops .shops__phone-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 1.2rem;
}

.shops-other.shops .shops__address {
  margin-bottom: 2rem;
}

.info_container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 9.2rem 8rem 8rem 9.2rem;
  border-radius: 5rem;
  border: 0.2rem solid #f3efff;
  background: #ffefd8;
}

.info__blur {
  top: 3.5rem;
  left: 38.3rem;
  position: absolute;
  width: 80.3rem;
  height: 33.4rem;
  z-index: 1;
}

.info__blur--mob {
  display: none;
}

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

.info__main {
  position: relative;
  width: 55.6rem;
  z-index: 2;
}

.info__main-title {
  margin-bottom: 2rem;
  color: #3b3c40;
  font-size: 5rem;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.info__main-shop {
  display: inline-block;
  margin-bottom: 4.5rem;
  color: #9293b0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;

  text-transform: uppercase;
}

.info__main-description {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.info__main-description--mob {
  display: none;
}

.info__about {
  position: relative;
  width: 70.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5rem;
  z-index: 2;
  top: 1rem;
}

.info__about-title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: normal;
}

.info__about-subscription {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3;
}

.info__about--mob {
  display: none;
}

.consultation-modal-container {
  width: 122.4rem;
  height: 38.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ffefd8;
  border-radius: 3rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.consultation-modal-container .modal-container--subtitle {
  width: 64.3rem;
}

.consultation-modal-container--back {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 57.1503rem;
  height: 23.7462rem;
  z-index: -1;
}

.consultation-modal-container--back svg {
  width: 57.1503rem;
  height: 23.7462rem;
}

@media (max-width: 48em) {
  .banner {
    overflow: hidden;
  }

  .banner__slider {
    width: auto;
  }

  .banner_container {
    padding: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .banner__advertisement {
    width: 100%;
    height: 59rem;
  }

  .banner__advertisement-circle {
    border-radius: 50%;
    -webkit-filter: blur(61px);
    filter: blur(61px);
    width: 73rem;
    height: 69rem;
    right: -32rem;
    bottom: 0;
  }

  .banner__advertisement-ballet {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 10rem;
    height: 10rem;
    border-radius: 5rem 0 0 0;
    background-color: #f3efff;
  }

  .banner__advertisement-ballet:before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 7rem;
    height: 5rem;
    border: none;
    border-radius: 0 0 6rem 0;
    -webkit-box-shadow: 4rem 4rem 0 4rem #f3efff;
    box-shadow: 4rem 4rem 0 4rem #f3efff;
  }

  .banner__advertisement-ballet:after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 5rem;
    height: 7rem;
    border-radius: 0 0 6rem 0;
    border: none;
    -webkit-box-shadow: 4rem 4rem 0 4rem #f3efff;
    box-shadow: 4rem 4rem 0 4rem #f3efff;
  }

  .banner__advertisement-animation {
    font-size: 10rem;
  }

  .banner__advertisement-container {
    gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
  }

  .banner__advertisement-product {
    width: 84.4rem;
    height: 33rem;
    margin-top: 8rem;
  }

  .banner__advertisement-link {
    width: 8rem;
    height: 8rem;
  }

  .banner__advertisement-link svg {
    width: 6rem;
    height: 6rem;
  }

  .banner__advertisement-img {
    display: none;
  }

  .banner__advertisement-img--mob {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .banner__advertisement-discont {
    width: 30rem;
    margin-left: 4rem;
    padding-bottom: 5rem;
  }

  .banner__advertisement-discont--before {
    top: 21.2rem;
    left: 0;
    font-size: 4.8rem;
    text-transform: lowercase;
  }

  .banner__advertisement-discont--number {
    font-size: 14rem;
  }

  .banner__advertisement-discont--number::before {
    top: 1rem;
    right: -1rem;
    font-size: 9rem;
  }

  .banner__advertisement-discont--number::after {
    top: 9rem;
    left: -6.7rem;
    width: 6rem;
    height: 1rem;
  }

  .banner__advertisement-discont--text {
    position: absolute;
    width: 48.8rem;
    bottom: 4rem;
    font-size: 3.6rem;
  }

  .banner__card-info--text {
    position: relative;
    padding-right: 1.5rem;
  }

  .banner__card-info--text::after {
    content: unset;
  }

  .banner__card-info--text:last-child::after {
    content: unset;
  }

  .advantages__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem;
  }

  .advantages__list-back {
    width: 106%;
  }

  .advantages__list-item {
    width: 100%;
    padding: 4.8rem 1rem 4.8rem 1.8rem;
    gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 4rem;
  }

  .advantages__list-img {
    width: 17.2rem;
    height: 17.2rem;
  }

  .advantages__list-img img {
    width: 100%;
    height: 100%;
  }

  .advantages__text {
    width: 45.4rem;
    gap: 1.6rem;
  }

  .advantages__text-title {
    font-size: 3.6rem;
    width: 40rem;
  }

  .advantages__text-description {
    font-size: 2.4rem;
    width: 42rem;
  }

  .brands__slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    margin: 6rem auto;
    gap: 0.6rem;
  }

  .brands__slider-pagination.swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0;
  }

  .brands__slider-pagination .swiper-pagination-bullet-active {
    background: linear-gradient(96deg, #dd3197 0%, #822faf 101.4%);
  }

  .brands__content-slide {
    height: 22.4rem;
  }

  .brands__top-count {
    left: 25rem;
    padding: 1.2rem 2.8rem;
    font-size: 2.8rem;
    border-radius: 4rem;
  }

  .brands__content-shadow-left {
    display: none;
  }

  .brands__content-shadow-right {
    display: none;
  }

  .popular__wrapper::after,
  .popular__wrapper::before {
    content: unset;
  }

  .popular__card {
    width: 34.6rem;
    height: 52rem;
  }

  .popular__card-title {
    font-size: 3rem;
  }

  .popular__card-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 0.4rem;
  }

  .popular__card-count {
    font-size: 2.8rem;
  }

  .popular-pagination--mob.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 6rem auto 0;
    gap: 0.6rem;
  }

  .popular-pagination--mob.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0;
  }

  .popular-swiper-right,
  .popular-swiper-left {
    display: none;
  }

  .repair {
    padding: 0 2rem;
  }

  .repair .btn-categories-link--mob {
    margin-top: 42.5rem;
  }

  .repair .container {
    padding: 0;
  }

  .repair_container {
    border-radius: 2rem;
  }

  .repair__list-pagination {
    bottom: -6rem !important;
  }

  .repair__list-pagination .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
  }

  .repair__card {
    height: 100%;
    padding: 4rem;
    gap: 5.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .repair__content {
    gap: 3.2rem;
  }

  .repair__content-title {
    font-size: 6.4rem;
  }

  .repair__content-text {
    width: auto;
    font-size: 3rem;
  }

  .repair__img {
    position: absolute;
    bottom: 18rem;
    width: 63rem;
    height: 31.2rem;
  }

  .repair__img--four {
    width: 63rem;
    height: 35.5rem;
  }

  .repair__img--four svg {
    width: 63rem;
    height: 35.5rem;
  }

  .repair__img--five {
    width: 63rem;
    height: 36.2rem;
  }

  .repair__img--five svg {
    width: 63rem;
    height: 36.2rem;
  }

  .repair_container::after {
    content: unset;
  }

  .world_brands {
    padding: 0 2rem;
  }

  .world_brands_container {
    padding: 8rem 4rem;
    border-radius: 2rem;
    overflow: hidden;
  }

  .world_brands__content {
    gap: 2.8rem;
  }

  .world_brands__content-chapter {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    width: 40rem;
    text-align: center;
  }

  .world_brands__content-title {
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 300;
    line-height: 106%;
  }

  .world_brands__back img {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .world_brands__slider {
    padding-top: 6.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .world_brands__slider-brand {
    width: 20rem;
    height: 20rem;
  }

  .world_brands__slider-brand--img {
    width: 17.6rem;
    height: 17.6rem;
  }

  .material__content-title::after {
    border-radius: 12.8rem;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    -webkit-transform: rotate(-10.577deg);
    transform: rotate(-10.577deg);
    padding: 2.4rem 4rem;
    height: auto;
    top: 1rem;
    right: -7rem;
  }

  .material_container {
    padding: 0;
    width: 71rem;
    margin: 0 auto;
  }

  .material__card {
    padding: 4rem;
    height: 62.8rem;
    overflow: hidden;
  }

  .material__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 3.2rem;
  }

  .material__content-title {
    width: 90%;
    font-size: 6.4rem;
  }

  .material__content-text {
    width: 100%;
    font-size: 3rem;
  }

  .material__gradient {
    display: none;
  }

  .material__img {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 46.8rem;
    height: 31.2rem;
    z-index: -1;
  }

  .material__img--mob {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36.2rem;
    z-index: -1;
  }

  .material__img--mob img {
    height: 100%;
  }

  .material__blocks {
    width: 78.2rem;
    height: 36rem;
    -webkit-transform: rotate(-16.266deg) skew(-10deg);
    transform: rotate(-16.266deg) skew(-10deg);
    border-radius: 10rem;
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(32.45%, rgba(255, 255, 255, 0.27)),
      color-stop(99.9%, #fdfcff)
    );
    background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.27) 32.45%,
      #fdfcff 99.9%
    );
    position: absolute;
    top: 42rem;
    right: -1rem;
    z-index: -1;
  }

  .material__blocks-small {
    position: absolute;
    content: "";
    display: block;
    width: 51rem;
    height: 13.2rem;
    -webkit-transform: rotate(-10.005deg);
    transform: rotate(-10.005deg);
    border-radius: 10rem;
    background: linear-gradient(
      73deg,
      rgba(125, 104, 251, 0.3) -0.43%,
      rgba(175, 162, 251, 0.3) 81.39%
    );
    bottom: 1.7rem;
    right: 0rem;
    z-index: -1;
  }

  .promotion_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .promotion__column {
    gap: 2.4rem;
  }

  .promotion__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem;
  }

  .promotion__content-card {
    width: 100%;
    gap: 1rem;
  }

  .promotion__content-img {
    width: 33rem;
    height: 18.6rem;
  }

  .promotion__content-title {
    margin-top: 1.4rem;
    font-size: 3.4rem;
  }

  .promotion__content-chapter {
    font-size: 2.4rem;
  }

  .promotion__first-img img {
    border-radius: 2rem;
  }

  .promotion__first-card {
    padding: 4rem;
    width: 100%;
    height: 26.2rem;
  }

  .promotion__first-wrapper {
    width: 42rem;
    gap: 3rem;
  }

  .promotion__first-text {
    font-size: 2.8rem;
  }

  .promotion__first-date {
    font-size: 2.8rem;
  }

  .promotion__first-date svg {
    width: 4rem;
    height: 4rem;
  }

  .promotion__second-card {
    padding: 4rem;
    width: 100%;
    height: auto;
  }

  .promotion__second-wrapper {
    width: 42rem;
    gap: 1.6rem;
  }

  .promotion__second-text {
    font-size: 2.8rem;
  }

  .promotion__second-date {
    font-size: 2.8rem;
  }

  .promotion__second-date svg {
    width: 4rem;
    height: 4rem;
  }

  .promotion__second-img {
    width: 18.2rem;
    height: 18.2rem;
  }

  .promotion__second-img--img {
    width: 16rem;
    height: 16rem;
  }

  .promotion__second-img img {
    width: 10rem;
    height: 10rem;
  }

  .promotion__info {
    width: 100%;
    gap: 6rem;
    margin-bottom: 4rem;
  }

  .promotion__info-description {
    font-size: 3rem;
    margin-bottom: 0;
  }

  .consultation {
    padding: 0rem 2rem;
  }

  .consultation_container {
    padding: 9.8rem 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4rem;
  }

  .consultation__img {
    display: none;
  }

  .consultation__back {
    display: none;
  }

  .consultation__wrapper-title {
    margin-bottom: 4rem;
    font-size: 6.4rem;
  }

  .consultation__form {
    width: 100%;
  }

  .consultation__form-subscription {
    margin-bottom: 6rem;
    font-size: 3rem;
  }

  .consultation__form-container:nth-of-type(2) .consultation__form-inp {
    margin-bottom: 0;
  }

  .consultation__form-icon {
    left: 4rem;
    width: 4rem;
    height: 4rem;
  }

  .consultation__form-inp {
    padding-left: 9.2rem;
    width: 100%;
    height: 8.4rem;
    margin-bottom: 2rem;
    font-size: 2.8rem;
  }

  .consultation__form-personal {
    width: 100%;
    font-size: 2.4rem;
  }

  .consultation__form--bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 4rem;
  }

  .consultation__form-btn_submit {
    margin-left: 0;
  }

  .shops_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.4rem;
  }

  .shops__info {
    width: auto;
  }

  .shops__info-title {
    font-size: 6.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    margin-bottom: 4rem;
  }

  .shops__info-subscription {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 6.4rem;
  }

  .shops__card {
    width: 100%;
  }

  .shops__our {
    width: auto;
  }

  .shops__our #map {
    width: 100%;
    height: 130rem;
  }

  .shops__our::before,
  .shops__our::after {
    content: unset;
  }

  .shops__our-scrollable-prev,
  .shops__our-scrollable-next {
    display: none;
  }

  .shops-other.shops .shops__info-title,
  .shops-other.shops .shops__info-subscription {
    padding: 0 2rem;
  }

  .shops-other.shops .shops_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
  }

  .shops-other.shops .shops-swiper {
    overflow: hidden;
    padding: 20rem 10rem 20rem 2rem;
    margin: -20rem 0 -20rem 0;
  }

  .shops-other.shops .shops-slider {
    padding: 2rem 2rem 6rem;
    border-radius: 2rem;
  }

  .shops-other.shops .shops-slider--img {
    width: auto;
    height: 44.6rem;
    margin-bottom: 2.4rem;
  }

  .shops-other.shops .shops-slider--img img {
    border-radius: 1rem;
  }

  .shops-other.shops .shops__name {
    margin-bottom: 4rem;
  }

  .shops-other.shops .shops__name-title {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .shops-other.shops .shops__name-chapter {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .shops-other.shops .shops__phone {
    margin-bottom: 4rem;
  }

  .shops-other.shops .shops__phone-icon {
    width: 8rem;
    height: 8rem;
  }

  .shops-other.shops .shops__phone-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.4rem;
  }

  .shops-other.shops .shops__phone-number {
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .shops-other.shops .shops__phone-additional {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .shops-other.shops .shops__address {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 4rem;
  }

  .shops-other.shops .shops__time {
    padding: 0.8rem 2rem;
    border-radius: 1.5rem;
    gap: 2rem;
  }

  .shops-other.shops .shops__time-icon {
    width: 4rem;
    height: 4rem;
  }

  .shops-other.shops .shops__time-work {
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .shops-other.shops .shops__weekend {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .info {
    padding: 0 2rem;
  }

  .info_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10rem 4rem;
    gap: 4rem;
    overflow: hidden;
  }

  .info__main {
    width: 100%;
  }

  .info__main-title {
    font-size: 5.2rem;
  }

  .info__main-shop {
    display: block;
    font-size: 3.4rem;
    margin-bottom: 6rem;
  }

  .info__main-description {
    display: none;
  }

  .info__main-description--mob {
    width: 95%;
    display: block;
    color: #3b3c40;
    font-size: 3.4rem;
    font-weight: 500;
    line-height: 1.4;
  }

  .info__blur {
    display: none;
  }

  .info__blur--mob {
    position: absolute;
    top: 21.8rem;
    left: 0;
    display: block;
    width: 100%;
    height: 84.6rem;
  }

  .info__about {
    display: none;
  }

  .info__about--mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    width: auto;
  }

  .info__about-subscription {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.4;
  }

  .consultation-modal-container {
    width: 71rem;
    height: 49.6rem;
    gap: 4.8rem;
    border-radius: 1.5rem;
    padding: 0 2rem;
  }

  .consultation-modal-container .modal-container--subtitle {
    width: auto;
  }

  .consultation-modal-container--back {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 61.2rem;
    height: 25.6rem;
    z-index: -1;
  }

  .consultation-modal-container--back svg {
    width: 61.2rem;
    height: 25.6rem;
  }
}

.shops__card-modal {
  display: none;
}

@media (max-width: 48em) {
  .shops__card-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(59, 60, 64, 0.4509803922);
    z-index: 20;
  }

  .shops__card-modal.active {
    display: block;
  }
}

@media (max-width: 48em) {
  .shops__card-modal-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.shops__card-modal > .shops__card {
  height: auto;
  background: #fff;
}

@media (max-width: 48em) {
  .shops__card-modal > .shops__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 71rem;
    padding: 13.2rem 4rem 6rem;
  }
}

.shops__card-modal > .shops__card > .shop__card--exit {
  display: block;
  position: absolute;
  width: 4.8rem;
  height: 4.8rem;
  top: 4rem;
  right: 4rem;
}

@media (max-width: 48em) {
  .shops__card-modal > .shops__card > .shops__card-img {
    width: 100%;
    height: 48rem;
    margin-bottom: 2.4rem;
    border-radius: 4rem;
  }
}

@media (max-width: 48em) {
  .shops__card-modal > .shops__card > .shops__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    margin-bottom: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
  }
}

@media (max-width: 48em) {
  .shops__card-modal > .shops__card > .shops__address {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 4rem;
  }
}

@media (max-width: 48em) {
  .shops__card-modal > .shops__card .shops__time {
    padding: 1.3rem 2rem;
    gap: 2rem;
  }
}

@media (max-width: 48em) {
  .shops__card-modal > .shops__card .shops__time-icon {
    width: 4rem;
    height: 4rem;
  }
}

@media (max-width: 48em) {
  .shops__card-modal > .shops__card .shops__time-work {
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }
}

@media (max-width: 48em) {
  .shops__card-modal > .shops__card .shops__weekend {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .shops__card-modal > .shops__card .shops__name {
    margin-right: auto;
  }

  .shops__card-modal > .shops__card .shops__name-title {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .shops__card-modal > .shops__card .shops__name-chapter {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .shops__card-modal > .shops__card .shops__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 3.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .shops__card-modal > .shops__card .shops__phone-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.4rem;
  }

  .shops__card-modal > .shops__card .shops__phone-number {
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .shops__card-modal > .shops__card .shops__phone-additional {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .shops__card-modal > .shops__card .shops__phone-icon {
    width: 8rem;
    height: 8rem;
  }

  .shops__card-modal > .shops__card .shops__phone-icon svg {
    width: 100%;
    height: 100%;
  }
}

.registration_container .title-h3 {
  margin-bottom: 5rem;
}

.registration-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.registration__filling {
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.25);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.25);
  padding: 4rem;
  width: 90.2rem;
  z-index: 0;
}

.registration__box {
  border-radius: 3rem;
  background: #ffefd8;
  width: 63.8rem;
  z-index: 0;
  padding-left: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.registration__box .title-h3 {
  margin-bottom: 3rem;
}

.registration__box .btn-reverse {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.registration__box::after {
  content: "";
  border-radius: 50%;
  display: block;
  position: absolute;
  width: 67.5rem;
  height: 67.5rem;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(32.45%, rgba(255, 255, 255, 0.27)),
    color-stop(99.9%, #fdfcff)
  );
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.27) 32.45%,
    #fdfcff 99.9%
  );
  top: 2.1rem;
  right: 14.8rem;
  z-index: -2;
}

.registration-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  gap: 3rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: 1fr 1fr;
}

.registration-form .btn {
  gap: 7rem;
  margin-top: 3.9rem;
}

.registration.login .registration__filling {
  height: auto;
}

.login-form-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  margin-bottom: 4rem;
}

.login-form-top > * {
  width: 100%;
}

.login-form-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.login-form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.login-form-btns .btn {
  width: 39.6rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.login-form-link {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #a05d31;
}

.login-form-info {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
  margin-bottom: 0.8rem;
}

@media (max-width: 48em) {
  .registration_container .title-h3 {
    margin-bottom: 6rem;
  }

  .registration-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8rem;
  }

  .registration__filling {
    border-radius: 4rem;
    padding: 3rem;
    width: auto;
    height: auto;
  }

  .registration__box {
    border-radius: 4rem;
    width: auto;
    padding: 11.4rem 4rem;
  }

  .registration__box .title-h3 {
    margin-bottom: 6rem;
  }

  .registration__box::after {
    width: 86rem;
    height: 86rem;
    top: -18rem;
    right: 12.2rem;
  }

  .registration-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    gap: 4rem;
  }

  .registration-form .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0;
    margin-top: 1rem;
    width: 100%;
  }

  .login-form-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    margin-bottom: 3rem;
  }

  .login-form-top > label {
    width: 100%;
  }

  .login-form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    gap: 6rem;
  }

  .login-form-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
  }

  .login-form-btns .btn {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .login-form-btns .btn-empty {
    width: 100%;
  }

  .login-form-link {
    font-size: 2.8rem;
  }

  .login-form-info {
    font-size: 2.8rem;
    line-height: 130%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 0;
    margin-bottom: 3rem;
  }
}

.promotion-page .title-h3 {
  margin-bottom: 4rem;
}

.promotion-page_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.promotion-page__consultation {
  width: 50.7rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 6rem 4rem;
  border-radius: 3rem;
  background: #ffefd8;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  overflow: hidden;
  position: relative;
}

.promotion-page__consultation .form-consultation {
  position: relative;
  z-index: 1;
}

.promotion-page__consultation::after {
  content: "";
  display: block;
  width: 44.6rem;
  height: 44.6rem;
  background: linear-gradient(
    30deg,
    rgba(255, 255, 255, 0.14) 38.93%,
    rgba(253, 252, 255, 0.5) 91.92%
  );
  border-radius: 50%;
  left: -9rem;
  bottom: -19rem;
  position: absolute;
  z-index: 0;
}

.promotion-page__consultation::before {
  content: "";
  display: block;
  width: 44.6rem;
  height: 44.6rem;
  background: linear-gradient(
    30deg,
    rgba(255, 255, 255, 0.27) 38.93%,
    #fdfcff 91.92%
  );
  border-radius: 50%;
  top: -10rem;
  right: -12rem;
  position: absolute;
  z-index: 0;
}

.promotion-page__consultation--title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.4rem;
  position: relative;
  z-index: 1;
}

.promotion-page__consultation--text {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  width: 29.5rem;
  margin-bottom: 4rem;
  position: relative;
  z-index: 1;
}

.promotion-page__consultation--info {
  color: #9293b0;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  position: relative;
  z-index: 1;
}

.promotion-page__consultation--info a {
  text-decoration-line: underline;
  cursor: pointer;
}

.promotion-page__list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.promotion-page__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 5rem;
}

.promotion-page__item {
  position: relative;
  padding: 6rem;
  height: 25.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: linear-gradient(345deg, #7d68fb 21.47%, #afa2fb 102.96%);
  border-radius: 4rem 4rem 0 4rem;
  overflow: hidden;
}

.promotion-page__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  color: #fff;
  width: 55.8rem;
}

.promotion-page__item-info--title {
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.promotion-page__item-info--text {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.promotion-page__item--img {
  position: absolute;
  right: 0;
  top: 0;
  width: 41.5rem;
  height: 25.4rem;
  -webkit-clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
}

.promotion-page__item--img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-right-radius: 4rem;
}

.promotion-page__item--back {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -5;
  width: 103.3rem;
  height: 25.3rem;
}

.promotion-page__item--back svg {
  width: 100%;
  height: 25.4rem;
}

.promotion-page__item--back--mob {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -5;
  width: 71rem;
  height: 35rem;
}

.promotion-page__item--button {
  position: absolute;
  width: 6rem;
  height: 6rem;
  background: #3b3c40;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.promotion-page__item--button svg {
  width: 2.8rem;
  height: 2.8rem;
}

.promotion-page__item-date {
  position: absolute;
  top: 3rem;
  right: 3rem;
}

.promotion-page__item-date--text {
  color: #fff;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 0.6rem;
}

.promotion-page__item-date--bar {
  width: 100%;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0.2470588235);
  border-radius: 7.2rem;
  position: relative;
}

.promotion-page__item-date--bar-progress {
  position: absolute;
  border-radius: 7.2rem;
  left: 0;
  height: 0.4rem;
  background: #fff;
}

.promotion-page__item--border {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 3.5rem 0 0 0;
  width: 7.2rem;
  height: 7.2rem;
  background: #fff;
}

.promotion-page__item--border::before {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 0rem;
  width: 4rem;
  height: 4rem;
  border-radius: 0 0 5rem 0;
  -webkit-box-shadow: 1rem 1rem 0 0.5rem #fff;
  box-shadow: 1rem 1rem 0 0.5rem #fff;
}

.promotion-page__item--border::after {
  content: "";
  position: absolute;
  right: 0;
  top: -4rem;
  width: 4rem;
  height: 4rem;
  border-radius: 0 0 5rem 0;
  -webkit-box-shadow: 1rem 1rem 0 0.5rem #fff;
  box-shadow: 1rem 1rem 0 0.5rem #fff;
}

.promotion-page .btn-empty {
  margin: 0 auto;
  width: 30.5rem;
  text-align: center;
  margin-bottom: 6rem;
}

.form-consultation {
  margin-bottom: 1.6rem;
}

.form-consultation .form__item {
  margin-bottom: 2rem;
}

.form-consultation .btn {
  margin-top: 4rem;
}

@media (max-width: 48em) {
  .promotion-page .title-h3 {
    margin-bottom: 4rem;
  }

  .promotion-page_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 16rem;
  }

  .promotion-page__consultation {
    width: 100%;
    padding: 10rem 2rem;
    border-radius: 4rem;
  }

  .promotion-page__consultation::after {
    content: unset;
  }

  .promotion-page__consultation::before {
    content: unset;
  }

  .promotion-page__consultation--title {
    font-size: 6.4rem;
    line-height: 110%;
    margin-bottom: 4rem;
  }

  .promotion-page__consultation--text {
    font-size: 3rem;
    width: auto;
    margin-bottom: 6rem;
  }

  .promotion-page__consultation--info {
    font-size: 2.4rem;
  }

  .promotion-page__list {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .promotion-page__items {
    gap: 3.2rem;
    margin-bottom: 6rem;
  }

  .promotion-page__item {
    position: relative;
    padding: 4rem;
    height: 35rem;
  }

  .promotion-page__item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    color: #fff;
    width: auto;
  }

  .promotion-page__item-info--title {
    width: 36rem;
    font-size: 3.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .promotion-page__item-info--text {
    width: 34.6rem;
    font-size: 3rem;
  }

  .promotion-page__item--img {
    position: absolute;
    right: 0;
    top: 0;
    width: 32.2rem;
    height: 35rem;
    -webkit-clip-path: polygon(23% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(23% 0, 100% 0, 100% 100%, 0 100%);
  }

  .promotion-page__item--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-right-radius: 4rem;
  }

  .promotion-page__item--back {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -5;
    width: 103.3rem;
    height: 25.3rem;
  }

  .promotion-page__item--back svg {
    width: 100%;
    height: 35rem;
  }

  .promotion-page__item--back--mob {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -5;
    width: 71rem;
    height: 35rem;
  }

  .promotion-page__item--button {
    position: absolute;
    width: 6.8rem;
    height: 6.8rem;
    background: #3b3c40;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 0;
    bottom: 0;
  }

  .promotion-page__item--button svg {
    width: 3.2rem;
    height: 3.2rem;
  }

  .promotion-page__item--border {
    width: 8rem;
    height: 8rem;
  }

  .promotion-page__item-date {
    display: none;
  }

  .promotion-page .btn-empty {
    margin: 0 auto;
    width: 30.5rem;
    text-align: center;
    margin-bottom: 3rem;
  }

  .form-consultation {
    margin-bottom: 4rem;
  }

  .form-consultation .form__item {
    margin-bottom: 2rem;
  }

  .form-consultation .btn {
    margin-top: 6rem;
  }
}

.brands-page .title-h3 {
  margin-bottom: 2rem;
}

.brands-page--text {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 4rem;
  color: #9293b0;
}

.brands-page__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 5rem;
}

.brands-page-item {
  width: 24.3rem;
  height: 24.3rem;
  background: #f4f6f8;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.brands-page-item img {
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.brands-page .btn-empty {
  margin: 0 auto;
  width: 30.5rem;
  text-align: center;
  margin-bottom: 6rem;
}

@media (max-width: 48em) {
  .brands-page .title-h3 {
    margin-bottom: 2rem;
  }

  .brands-page--text {
    font-size: 2.4rem;
    line-height: 140%;
    margin-bottom: 6rem;
  }

  .brands-page__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 5rem;
  }

  .brands-page-item {
    width: 22.3rem;
    height: 22.3rem;
  }

  .brands-page-item img {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }

  .brands-page .btn-empty {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 6rem;
  }
}

.selection-bp .title-h2 {
  margin-bottom: 8rem;
}

.selection-bp .title-h3 {
  margin-bottom: 5rem;
}

.selection-bp__progress {
  margin-bottom: 4rem;
  position: relative;
}

.selection-bp__progress-line {
  background: #dfdff0;
  width: 100%;
  height: 0.1rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.selection-bp__progress-line-pink {
  background: #a05d31;
  width: 16.5%;
  height: 0.1rem;
  position: absolute;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.selection-bp__progress-line-pink.second {
  width: 50%;
}

.selection-bp__progress-line-pink.second.third {
  width: 83.5%;
}

.selection-bp__progress-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.selection-bp__progress-step {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 0.1rem solid #9293b0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  cursor: pointer;
}

.selection-bp__progress-step:first-child {
  margin-left: 24.8rem;
}

.selection-bp__progress-step:last-child {
  margin-right: 24.8rem;
}

.selection-bp__progress-step--number {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
}

.selection-bp__progress-step--text {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
  position: absolute;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding: 0.9rem 2.4rem;
  border-radius: 1.5rem;
  background: #f4f6f8;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: -6rem;
}

.selection-bp__progress-step--ok {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
  position: absolute;
}

.selection-bp__progress-step.active {
  border: unset;
}

.selection-bp__progress-step.active .selection-bp__progress-step--number {
  opacity: 0;
}

.selection-bp__progress-step.active .selection-bp__progress-step--ok {
  opacity: 1;
  width: 2.4rem;
  height: 2.4rem;
}

.selection-bp__progress-step.active .selection-bp__progress-step--ok svg {
  width: 2.4rem;
  height: 2.4rem;
}

.selection-bp__progress-step:hover .selection-bp__progress-step--text {
  opacity: 1;
}

.selection-bp-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.selection-bp-form--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.selection-bp-form--left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.selection-bp-form--first .selection-bp-form-items {
  height: 25rem;
}

.selection-bp-form--first p {
  width: 31rem;
}

.selection-bp-form--second {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  display: none;
  opacity: 0;
}

.selection-bp-form--second .selection-bp-form-items {
  height: 23rem;
}

.selection-bp-form--second p {
  width: 23.8rem;
}

.selection-bp-form--third {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  display: none;
  opacity: 0;
}

.selection-bp-form--third .selection-bp-form-items {
  height: 30rem;
}

.selection-bp-form--third p {
  width: 20.9rem;
}

.selection-bp-form-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}

.selection-bp-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  cursor: pointer;
}

.selection-bp-form-item .custom-checkbox {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.5rem;
  background: #fff;
  border: 0.1rem solid #9293b0;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.selection-bp-form-item .custom-checkbox::after {
  content: "";
  display: none;
  position: absolute;
  background: url(../assets/images/icon/checkbox-checked.svg) no-repeat;
  width: 1.1rem;
  height: 0.8rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: contain;
}

.selection-bp-form-item input:checked ~ .custom-checkbox {
  background-color: #a05d31;
}

.selection-bp-form-item input:checked ~ .custom-checkbox::after {
  display: block;
}

.selection-bp-form-item input:disabled ~ .custom-checkbox {
  background: #f4f6f8;
  border: 0.1rem solid #dfdff0;
}

.selection-bp-form-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.selection-bp-form-item p {
  color: #3b3c40;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.selection-bp-form-item.deactive {
  cursor: default;
}

.selection-bp-form-item.deactive p {
  color: #9293b0;
}

.selection-bp .btn-color {
  width: 30.5rem;
  text-align: center;
}

@media (max-width: 48em) {
  .selection-bp .title-h2 {
    margin-bottom: 6rem;
  }

  .selection-bp .title-h3 {
    margin-bottom: 4rem;
  }

  .selection-bp__progress {
    margin-bottom: 4rem;
  }

  .selection-bp__progress-line-pink {
    width: 12.5%;
  }

  .selection-bp__progress-line-pink.second {
    width: 50%;
  }

  .selection-bp__progress-line-pink.second.third {
    width: 88.5%;
  }

  .selection-bp__progress-step {
    width: 4.8rem;
    height: 4.8rem;
  }

  .selection-bp__progress-step:first-child {
    margin-left: 5.8rem;
  }

  .selection-bp__progress-step:last-child {
    margin-right: 5.8rem;
  }

  .selection-bp__progress-step--number {
    font-size: 2.8rem;
  }

  .selection-bp__progress-step--text {
    display: none;
    font-size: 2.8rem;
    line-height: 130%;
    padding: 1.6rem 2.4rem;
    border-radius: 1rem;
    top: -9.4rem;
  }

  .selection-bp__progress-step--ok {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0;
    position: absolute;
  }

  .selection-bp__progress-step.active {
    border: unset;
  }

  .selection-bp__progress-step.active .selection-bp__progress-step--number {
    opacity: 0;
  }

  .selection-bp__progress-step.active .selection-bp__progress-step--ok {
    opacity: 1;
    width: 4.8rem;
    height: 4.8rem;
  }

  .selection-bp__progress-step.active .selection-bp__progress-step--ok svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .selection-bp__progress-step:hover .selection-bp__progress-step--text {
    opacity: 1;
  }

  .selection-bp-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .selection-bp-form--flex {
    display: block;
  }

  .selection-bp-form--first .selection-bp-form-items {
    height: auto;
  }

  .selection-bp-form--first p {
    width: auto;
  }

  .selection-bp-form--second {
    display: none;
  }

  .selection-bp-form--second .selection-bp-form-items {
    height: auto;
  }

  .selection-bp-form--second p {
    width: auto;
  }

  .selection-bp-form--third {
    display: none;
  }

  .selection-bp-form--third .selection-bp-form-items {
    height: auto;
  }

  .selection-bp-form--third p {
    width: auto;
  }

  .selection-bp-form-items {
    gap: 3rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 6rem;
  }

  .selection-bp-form-item {
    gap: 2rem;
  }

  .selection-bp-form-item .custom-checkbox {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1rem;
  }

  .selection-bp-form-item .custom-checkbox::after {
    width: 2.2rem;
    height: 1.6rem;
  }

  .selection-bp-form-item p {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .selection-bp-form-container {
    height: 8.4rem;
  }

  .selection-bp-form-container-box {
    position: fixed;
    padding: 3.2rem 3rem 17rem;
    -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
    box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
    border-radius: 2rem 2rem 0rem 0rem;
    bottom: 0;
    background: #fff;
    width: 71rem;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .selection-bp-form-container-box.disable {
    padding: 0 3rem;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    position: static;
  }

  .selection-bp .btn-color {
    width: 100%;
    text-align: center;
  }
}

@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.catalog .title-h2 {
  margin-bottom: 3rem;
}

.catalog-small-swiper {
  overflow: hidden;
  position: relative;
}

.catalog-small-swiper-box {
  position: relative;
  margin: 5rem 0;
}

.catalog-small-swiper-box .swiper-button-disabled + * {
  opacity: 0;
  z-index: -1 !important;
}

.catalog-small-swiper-box .catalog-small-next-shadow {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 12.7rem;
  height: 14rem;
  display: block;
  position: absolute;
  top: 0;
  right: -0.1rem;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.catalog-small-swiper-box .catalog-small-prev-shadow {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 12.7rem;
  height: 14rem;
  display: block;
  position: absolute;
  top: 0;
  left: -0.1rem;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.catalog-small-item {
  width: 25.8rem;
  height: 14rem;
  border-radius: 2rem;
  position: relative;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog-small-item--img {
  border-radius: 2rem;
  width: 25.8rem;
  height: 14rem;
  position: absolute;
  top: 0;
  left: 0;
}

.catalog-small-item--img img {
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.catalog-small-item--text {
  position: relative;
  z-index: 0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  width: 23.8rem;
  border: 0.1rem solid #fff;
  border-radius: 1.5rem;
  background: rgba(244, 246, 248, 0.5);
  padding: 0.9rem 2rem;
  margin: auto auto 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.catalog-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9rem;
}

.catalog__sidebar {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 30.5rem;
}

.catalog__sidebar-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}

.catalog__sidebar-form-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}

.catalog__sidebar-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.catalog__sidebar-form-item .dropdown-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.catalog__sidebar-form-item--title {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.catalog__sidebar-form-item-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.catalog__sidebar-form-item-inputs input {
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  width: 14.3rem;
  padding: 0.9rem 1.5rem;
  border: 0.1rem solid #a05d31;
  border-radius: 1.5rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.catalog__sidebar-form-item--range {
  border-radius: 1rem;
  background: rgba(59, 60, 64, 0.2);
  border: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  height: 0.4rem;
  cursor: pointer;
}

.catalog__sidebar-form-item--range .noUi-connect {
  background: #a05d31;
}

.catalog__sidebar-form-item--range.noUi-horizontal .noUi-handle {
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  right: -1rem;
  top: -1rem;
  cursor: pointer;
}

.catalog__sidebar-form-item--range .noUi-handle:before {
  content: unset;
}

.catalog__sidebar-form-item--range .noUi-handle:after {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #a05d31;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.catalog__sidebar-form-item .label-checkbox {
  gap: 1rem;
}

.catalog__sidebar-form-item-checkboxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.catalog__sidebar-form-item-checkboxs.hidden {
  display: none;
}

.catalog__sidebar-form-item--show {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #a05d31;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  cursor: pointer;
}

.catalog__sidebar-form-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

.catalog__sidebar-form-bottom button {
  width: 100%;
  text-align: center;
}

.catalog__main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.catalog__main-head {
  border-radius: 4rem;
  background: linear-gradient(345deg, #7d68fb 21.47%, #afa2fb 102.96%);
  height: 25.3rem;
  position: relative;
  padding-left: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4rem;
}

.catalog__main-head-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.catalog__main-head-info--title {
  color: #fff;
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.catalog__main-head-info--text {
  color: #fff;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.catalog__main-head-logo {
  position: absolute;
  width: 14.6rem;
  top: 2rem;
  right: 48.9rem;
}

.catalog__main-head-img {
  position: absolute;
  border-top-right-radius: 4rem;
  border-bottom-right-radius: 4rem;
  top: 0;
  right: -0.1rem;
  width: 70.5rem;
  height: 25.3rem;
  -webkit-clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
}

.catalog__main-head-img img {
  border-top-right-radius: 4rem;
  border-bottom-right-radius: 4rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.catalog__main .btn-empty {
  margin: 0 auto;
  width: 30.5rem;
  text-align: center;
  margin-bottom: 3rem;
}

.catalog__sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3rem;
  position: relative;
  z-index: 2;
}

.catalog__sort-container {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.catalog__sort-container.active .catalog__sort-container--text {
  border: 0.2rem solid #a05d31;
  margin: -0.2rem;
  height: calc(5rem + 4px);
}

.catalog__sort-container.active .catalog__sort-container--text::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.catalog__sort-container.active .catalog__sort-container-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog__sort-container--text {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b3c40;
  padding: 1.4rem 4.9rem 1.4rem 2.4rem;
  background: #f4f6f8;
  border-radius: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  cursor: pointer;
  height: 5rem;
}

.catalog__sort-container--text::after {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  background: url(../assets/images/icon/arrow-right-black.svg) no-repeat;
  background-size: cover;
  width: 2rem;
  height: 2rem;
  top: 35%;
  right: 2.4rem;
}

.catalog__sort-container-list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.5rem;
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 6rem;
  left: 0;
}

.catalog__sort-container-list-modal {
  display: none;
}

.catalog__sort-container-item-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  border-radius: 1rem;
  width: 30rem;
}

.catalog__sort-container-item-radio:hover {
  background: #ffefd8;
}

.catalog__sort-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f4f6f8;
  border-radius: 1.5rem;
  padding: 0.5rem;
}

.catalog__sort-view-icon {
  width: 4rem;
  height: 4rem;
  padding: 0.8rem;
  cursor: pointer;
}

.catalog__sort-view-icon svg {
  width: 2.4rem;
  height: 2.4rem;
  opacity: 0.4;
}

.catalog__sort-view-icon.active {
  background: #fff;
  border-radius: 1rem;
}

.catalog__sort-view-icon.active svg {
  opacity: 1;
}

.catalog__sort-view-icon.active svg rect {
  fill: #a05d31;
}

.catalog__sort-view-icon.active svg path {
  fill: #a05d31;
}

.catalog__sort-filter {
  display: none;
  cursor: pointer;
}

.catalog__brand {
  position: relative;
  margin-bottom: 2.5rem;
}

.catalog__brand-swiper {
  position: relative;
  overflow: hidden;
}

.catalog__brand-swiper .swiper-wrapper .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.9rem 2.4rem;
  background: #f4f6f8;
  border-radius: 1.5rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  height: 4rem;
}

.catalog__brand-swiper .swiper-wrapper .swiper-slide.active {
  background: #a05d31;
  color: #fff;
}

.catalog__brand-prev,
.catalog__brand-next {
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.catalog__brand-next {
  right: 0;
}

.catalog__brand-next-shadow {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 11.5rem;
  height: 4rem;
  display: block;
  position: absolute;
  top: -0.5rem;
  right: -0.1rem;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.catalog__brand-prev {
  left: 0;
}

.catalog__brand-prev-shadow {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 11.5rem;
  height: 4rem;
  display: block;
  position: absolute;
  top: -0.5rem;
  left: -0.1rem;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fff),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.catalog__brand .swiper-button-disabled {
  opacity: 0;
  z-index: -1 !important;
}

.catalog__brand .nav-prev,
.catalog__brand .w {
  top: unset;
  width: 3rem;
  height: 3rem;
}

.catalog__list-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}

.catalog__list-block--list.catalog__list-block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.catalog__list-block--list .catalog__list-item {
  width: 100%;
  height: 24.7rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.catalog__list-block--list .catalog__list-item:hover {
  height: 24.7rem;
  margin-bottom: 0;
  z-index: initial;
}

.catalog__list-block--list .catalog__list-item-visual {
  margin-bottom: 0;
  margin-right: 3rem;
  width: 32.5rem;
  height: auto;
}

.catalog__list-block--list .catalog__list-item--back {
  width: 116.5rem;
  height: 24.7rem;
}

.catalog__list-block--list .catalog__list-item-info {
  margin-bottom: 0;
  width: 55rem;
}

.catalog__list-block--list .catalog__list-item-info--small {
  display: none;
}

.catalog__list-block--list .catalog__list-item-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog__list-block--list .catalog__list-item--price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.catalog__list-item {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2.5rem;
  width: 37.4rem;
  height: 42.2rem;
  position: relative;
  -webkit-filter: drop-shadow(0.5rem 1.5rem 7rem rgba(173, 178, 201, 0.35));
  filter: drop-shadow(0.5rem 1.5rem 7rem rgba(173, 178, 201, 0.35));
}

.catalog__list-item:hover {
  height: 52.4rem;
  margin-bottom: -10.2rem;
  z-index: 2;
}

.catalog__list-item:hover .catalog__list-item-visual--open {
  bottom: 0rem;
}

.catalog__list-item:hover .catalog__list-item-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.catalog__list-item:hover .catalog__list-item-info--small {
  display: none;
}

.catalog__list-item:hover .catalog__list-item--back {
  height: 52.4rem;
}

.catalog__list-item:hover .catalog__list-item--back .no-hover {
  display: none;
}

.catalog__list-item:hover .catalog__list-item--back .hover {
  display: block;
}

.catalog__list-item:hover .catalog__list-item-visual--icon {
  opacity: 1;
}

.catalog__list-item-visual {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3rem;
  border: 0.2rem solid #f4f6f8;
  width: 32.5rem;
  height: 21.4rem;
  overflow: hidden;
  margin-bottom: 2.5rem;
}

.catalog__list-item-visual--discount {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  padding: 0.6rem 1.4rem;
  border-radius: 1.5rem;
  background: #a05d31;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #fff;
}

.catalog__list-item-visual--discount.top {
  top: 5.5rem !important;
}

.catalog__list-item-visual--img {
  width: 10.5rem;
}

.catalog__list-item-visual--icon {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
  opacity: 0;
}

.catalog__list-item-visual--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.catalog__list-item-visual--open {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 32.5rem;
  height: 5rem;
  text-align: center;
  border-radius: 0 0 3rem 3rem;
  background: rgba(227, 19, 122, 0.2);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.catalog__list-item-info {
  margin-bottom: 2.5rem;
}

.catalog__list-item-info .circle {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: #9293b0;
  border-radius: 50%;
  position: relative;
  top: -0.4rem;
  margin: 0 1rem;
}

.catalog__list-item-info--title {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1rem;
}

.catalog__list-item-info--small {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
}

.catalog__list-item-info-list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.catalog__list-item-info-list--text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.catalog__list-item-info-list--text span {
  color: #9293b0;
  margin-right: 1rem;
}

.catalog__list-item--price {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.catalog__list-item--price span {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  position: relative;
  margin-left: 1rem;
}

.catalog__list-item--price span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.1rem;
  -webkit-transform: rotate(-3.086deg);
  transform: rotate(-3.086deg);
  background: #9293b0;
  top: 1rem;
  right: 0;
}

.catalog__list-item--btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #a05d31;
  border-radius: 50%;
  cursor: pointer;
}

.catalog__list-item--btn svg {
  width: 2.8rem;
  height: 2.8rem;
}

.catalog__list-item--back {
  position: absolute;
  top: 0;
  left: 0;
  width: 37.5rem;
  height: 42.2rem;
  z-index: -1;
}
.catalog__list-item--back-card.desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 37.5rem;
  height: 42.2rem;
  z-index: -1;
}
.catalog__list-item:hover .catalog__list-item--back-card.desktop {
  height: 52.4rem;
}
.catalog__list-item--back-card.desktop .hover {
  display: none;
}
.catalog__list-item:hover .catalog__list-item--back-card.desktop .no-hover {
  display: none;
}

.catalog__list-item:hover .catalog__list-item--back-card.desktop .hover {
  display: block;
}

.catalog__list-item--back .hover {
  display: none;
}

.catalog__list-block--list .catalog__list-item--back-card.desktop {
  display: none;
}

.catalog__list-advertising {
  width: 37.5rem;
  height: 42.2rem;
}

.catalog__list-advertising--one {
  -webkit-filter: drop-shadow(0.5rem 1.5rem 7rem rgba(173, 178, 201, 0.35));
  filter: drop-shadow(0.5rem 1.5rem 7rem rgba(173, 178, 201, 0.35));
  border-radius: 2rem;
  background: linear-gradient(147deg, #8176e8 0%, #d7d9fa 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem 1.5rem 1.5rem;
  position: relative;
}

.catalog__list-advertising--one .catalog__list-advertising-container {
  width: 100%;
  border-radius: 1rem;
  background: #fff;
  position: relative;
  padding: 0.8rem 2rem 1.2rem 8.2rem;
}

.catalog__list-advertising--one .catalog__list-advertising-container--icon {
  position: absolute;
  width: 8rem;
  height: 8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0.4rem;
}

.catalog__list-advertising--one .catalog__list-advertising-container-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}

.catalog__list-advertising--one
  .catalog__list-advertising-container-text--title {
  color: #3b3c40;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.catalog__list-advertising--one
  .catalog__list-advertising-container-text--subtitle {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.catalog__list-advertising--one .catalog__list-advertising--img {
  width: 22.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.catalog__list-advertising--one .catalog__list-advertising-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto -1.5rem 0;
  padding: 1.5rem 1.5rem 0;
  border-top: 0.2rem solid #fff;
}

.catalog__list-advertising--one .catalog__list-advertising-bottom--text {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #fff;
}

.catalog__list-advertising--one .catalog__list-advertising-bottom--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #3b3c40;
}

.catalog__list-advertising--one .catalog__list-advertising-bottom--btn svg {
  width: 2.4rem;
  height: 2.4rem;
}

.catalog__list-advertising--two {
  -webkit-filter: drop-shadow(0.5rem 1.5rem 7rem rgba(173, 178, 201, 0.35));
  filter: drop-shadow(0.5rem 1.5rem 7rem rgba(173, 178, 201, 0.35));
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.catalog__list-advertising--two .catalog__list-advertising-container {
  margin-top: auto;
  margin-bottom: 2rem;
  padding: 0 1.5rem;
}

.catalog__list-advertising--two .catalog__list-advertising-container-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

.catalog__list-advertising--two
  .catalog__list-advertising-container-text--title {
  color: #fff;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.catalog__list-advertising--two
  .catalog__list-advertising-container-text--subtitle {
  color: #fff;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.catalog__list-advertising--two .catalog__list-advertising--img {
  width: 37.5rem;
  height: 42.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 2rem;
  z-index: -1;
}

.catalog__list-advertising--two .catalog__list-advertising--img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2rem;
}

.catalog__list-advertising--two .catalog__list-advertising-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.5rem 1.5rem;
  background: #fff;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.catalog__list-advertising--two .catalog__list-advertising-bottom--text {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b3c40;
}

.catalog__list-advertising--two .catalog__list-advertising-bottom--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #3b3c40;
}

.catalog__list-advertising--two .catalog__list-advertising-bottom--btn svg {
  width: 2.4rem;
  height: 2.4rem;
}

.catalog__loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: #fff;
  opacity: 0.65;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.catalog .lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 8rem;
  height: 8rem;
}

.catalog .lds-spinner div {
  -webkit-transform-origin: 4rem 4rem;
  transform-origin: 4rem 4rem;
  -webkit-animation: lds-spinner 1.2s linear infinite;
  animation: lds-spinner 1.2s linear infinite;
}

.catalog .lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0.3rem;
  left: 3.7rem;
  width: 0.6rem;
  height: 1.8rem;
  border-radius: 20%;
  background: black;
  border-radius: 5rem;
}

.catalog .lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.catalog .lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.catalog .lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.catalog .lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.catalog .lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.catalog .lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.catalog .lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.catalog .lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.catalog .lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.catalog .lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.catalog .lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

.catalog .lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.filter-modal-container {
  width: 130rem;
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  padding: 6rem;
}

.filter-modal-container .modal-container--title {
  margin-bottom: 4rem;
}

.filter-modal-container .search-box {
  margin-bottom: 3rem;
  width: 38rem;
}

.filter-modal-applied {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 3rem;
}

.filter-modal-applied--item {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #3b3c40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  border-radius: 1.5rem;
  background: #f4f6f8;
  padding: 0.9rem 1.5rem 0.9rem 2rem;
}

.filter-modal-applied--item svg {
  margin-left: 1rem;
  width: 2rem;
  height: 2rem;
}

.filter-form-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 1.5rem;
  margin-bottom: 5rem;
}

.filter-form-item {
  width: 38rem;
  border-top: 0.1rem solid #dfdff0;
  position: relative;
}

.filter-form-item.active .dropdown-btn::after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.filter-form-item.active .dropdown-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 15rem;
  overflow: auto;
}

.filter-form-item.active .dropdown-content::-webkit-scrollbar {
  width: 0.4rem;
}

.filter-form-item.active .dropdown-content::-webkit-scrollbar-track {
  background: #f4f6f8;
}

.filter-form-item.active .dropdown-content::-webkit-scrollbar-thumb {
  background: #9293b0;
}

.filter-form-item.active .dropdown-content::-webkit-scrollbar-thumb:hover {
  background: #9293b0;
}

.filter-form-item-range {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.filter-form-item-checkboxs {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

.filter-form-item-checkbox {
  gap: 1rem;
}

.filter-form-item--range {
  border-radius: 1rem;
  background: rgba(59, 60, 64, 0.2);
  border: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  height: 0.4rem;
  cursor: pointer;
}

.filter-form-item--range .noUi-connect {
  background: #a05d31;
}

.filter-form-item--range.noUi-horizontal .noUi-handle {
  width: 2.4rem;
  height: 2.4rem;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  right: -1rem;
  top: -1rem;
  cursor: pointer;
}

.filter-form-item--range .noUi-handle:before {
  content: unset;
}

.filter-form-item--range .noUi-handle:after {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #a05d31;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.filter-form-item-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.filter-form-item-inputs input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  padding: 0.9rem 1.5rem;
  border: 0.1rem solid #a05d31;
  border-radius: 1.5rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.filter-form-item:nth-child(1),
.filter-form-item:nth-child(2),
.filter-form-item:nth-child(3) {
  border-top: unset;
}

.filter-form-item .dropdown-btn::after {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  background: url(../assets/images/icon/arrow-right-black.svg) no-repeat;
  background-size: cover;
  width: 2.4rem;
  height: 2.4rem;
  top: 1.5rem;
  right: 0;
}

.filter-form-item .dropdown-content {
  display: none;
}

.filter-form-item--title {
  padding: 1.5rem 0 3.1rem;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b3c40;
}

.filter-form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.fast-modal-container {
  width: 122.3rem;
  height: auto;
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 6rem 6rem 4.8rem;
}

.fast-modal-left {
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  width: 50.7rem;
  position: relative;
}

.fast-modal-left--back {
  position: absolute;
  left: 0;
  top: 0;
  width: 50.7rem;
  height: 50.7rem;
}

.fast-modal-left--back svg {
  width: 50.7rem;
  height: 50.7rem;
}

.fast-modal-left--like {
  position: absolute;
  width: 6rem;
  height: 6rem;
  top: 0;
  right: 0;
  background: #fff;
  z-index: 2;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #a05d31;
}

.fast-modal-left--like svg {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.fast-modal-left--like svg path {
  fill: #a05d31 !important;
}

.fast-modal-left--like.liked {
  background: #a05d31 !important;
}
.fast-modal-left--like.liked svg path {
  fill: #fff !important;
}

.fast-modal-left .fast_photo1 {
  width: 50.7rem;
  height: 50.7rem;
  margin-bottom: 2rem;
}

.fast-modal-left .fast_photo1 .swiper-slide {
  position: relative;
  width: 100% !important;
}

.fast-modal-left .fast_photo1 .swiper-slide .fast_photos--img {
  position: absolute;
  width: 34rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fast-modal-left .fast_photo1 .swiper-slide .fast_photos--img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.fast-modal-left .fast_photo_bottom1 .swiper-slide {
  width: 11.2rem;
  height: 11.2rem;
  border-radius: 2rem;
  background:
    -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(rgba(246, 245, 250, 0.63)),
      to(#f6f5fa)
    ),
    #f4f6f8;
  background:
    linear-gradient(0deg, rgba(246, 245, 250, 0.63) 0%, #f6f5fa 100%), #f4f6f8;
  position: relative;
}

.fast-modal-left .fast_photo_bottom1 .swiper-slide .fast_photos-bottom--img {
  position: absolute;
  width: 7.7rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fast-modal-left
  .fast_photo_bottom1
  .swiper-slide
  .fast_photos-bottom--img
  img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.fast-modal-right {
  -webkit-box-flex: unset;
  -ms-flex: unset;
  flex: unset;
  width: 53.6rem;
}

.fast-modal-right--title {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 3.5rem;
}

.fast-modal-right--box {
  overflow: auto;
  max-height: 56rem;
  margin-bottom: -4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.8rem;
  padding-bottom: 4.8rem;
  margin-right: -4rem;
  margin-left: -6rem;
  padding-left: 6rem;
}

.fast-modal-right--box::-webkit-scrollbar {
  width: 0.1rem;
}

.fast-modal-right--box::-webkit-scrollbar-track {
  background: #f4f6f8;
}

.fast-modal-right--box::-webkit-scrollbar-thumb {
  background: #9293b0;
}

.fast-modal-right--box::-webkit-scrollbar-thumb:hover {
  background: #9293b0;
}

.fast-modal-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.4rem;
}

.fast-modal-item--text {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.catalog__list-block .catalog__list-item--back.desktop {
  display: none;
}
.catalog__list-block.catalog__list-block--list
  .catalog__list-item--back.desktop {
  display: block;
}
.fast-modal-item--title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.fast-modal-item--title img {
  width: 2rem;
  height: 2rem;
}

.fast-modal-item--info {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #3b3c40;
}

.fast-modal-item--text .fast-modal-item--title {
  min-width: 15rem;
}

.fast-modal-item-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.fast-modal-item-btns--fasovka .fast-modal-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fast-modal-item-btns--tinting .fast-modal-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 1.2rem;
}

.fast-modal-item-btns--tinting .fast-modal-item-btn img {
  width: 2rem;
  height: 2rem;
}

.fast-modal-item-btns--color {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fast-modal-item-btns--color .fast-modal-item-btn {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.fast-modal-item-btns--color .fast-modal-item-btn.active {
  border: 0.15rem solid #dd3197 !important;
}

.fast-modal-item-btns--gloss .fast-modal-item-btn {
  width: 18.8rem;
  text-align: center;
}

.fast-modal-item-btn {
  padding: 1.2rem 2rem;
  background: #fff;
  border-radius: 1.5rem;
  border: 0.1rem solid #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  cursor: pointer;
}

.fast-modal-item-btn strong {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #3b3c40;
}

.fast-modal-item-btn span {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
}

.fast-modal-item-btn.active {
  border: 0.1rem solid #dd3197;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f4f6f8;
}

.fast-modal-item-btn--more {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
  border-bottom: 0.1rem solid #a05d31;
  cursor: pointer;
}

.fast-modal-bottom {
  padding: 2rem;
  width: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  border-radius: 3rem;
}

.fast-modal-bottom-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fast-modal-bottom-info--result {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #3b3c40;
}

.fast-modal-bottom-info--price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 1rem;
}

.fast-modal-bottom-info--price strong {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.fast-modal-bottom-info--price span {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  position: relative;
  color: #9293b0;
}

.fast-modal-bottom-info--price span::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.2rem;
  -webkit-transform: rotate(-3.086deg);
  transform: rotate(-3.086deg);
  background: #9293b0;
  top: 1rem;
  right: 0;
}

.fast-modal-bottom .btn--text {
  margin-right: 3rem;
}

.add-like.liked {
  transition: opacity 0.2s linear;
  opacity: 1;
}

.add-like.liked svg path {
  transition: fill 0.2s linear;
  fill: #a05d31;
}

.add-like svg path {
  transition: fill 0.2s linear;
}

.add-like {
  transition: opacity 0.2s linear;
}

.add-like:hover {
  transition: opacity 0.2s linear;
  opacity: 1;
}

.add-like:hover svg path {
  transition: fill 0.2s linear;
  fill: #a05d31;
}

.add-like .slike {
  display: none;
}

.add-like.liked .flike {
  display: none;
}

.add-like.liked .slike {
  display: block;
}

@media (max-width: 48em) {
  .catalog .title-h2 {
    margin-bottom: 6.4rem;
  }

  .catalog-small-swiper {
    overflow: hidden;
    position: relative;
    padding-left: 2rem;
  }

  .catalog-small-swiper-box {
    margin: 0 -2rem 6rem;
    margin-bottom: 6rem;
  }

  .catalog-small-swiper-box .catalog-small-next-shadow {
    display: none;
  }

  .catalog-small-swiper-box .catalog-small-prev-shadow {
    display: none;
  }

  .catalog-small-item {
    width: 41rem;
    height: 24rem;
    padding: 2rem 1.6rem;
  }

  .catalog-small-item--img {
    width: 41rem;
    height: 24rem;
    position: absolute;
    top: 0;
    left: 0;
  }

  .catalog-small-item--img img {
    border-radius: 2rem;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .catalog-small-item--text {
    position: relative;
    font-size: 2.8rem;
    line-height: 130%;
    width: 100%;
    border-radius: 1rem;
    padding: 1.8rem 4rem;
  }

  .catalog-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9rem;
  }

  .catalog__sidebar {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .catalog__sidebar.active {
    position: fixed;
    display: block;
    z-index: 123;
    background: white;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .catalog__sidebar-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
  }

  .catalog__sidebar-form-exit {
    position: absolute;
    top: 6rem;
    right: 2rem;
    width: 4.8rem;
    height: 4.8rem;
  }

  .catalog__sidebar-form-exit svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .catalog__sidebar-form-items {
    gap: 8rem;
    padding: 6rem 2rem 55rem;
  }

  .catalog__sidebar-form-item {
    gap: 4rem;
  }

  .catalog__sidebar-form-item.dropdown.active .dropdown-btn::after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .catalog__sidebar-form-item.dropdown.active .dropdown-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .catalog__sidebar-form-item .dropdown-content {
    display: none;
    gap: 3rem;
  }

  .catalog__sidebar-form-item .dropdown-btn {
    position: relative;
  }

  .catalog__sidebar-form-item .dropdown-btn::after {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    content: "";
    display: block;
    position: absolute;
    background: url(../assets/images/icon/arrow-right-black.svg) no-repeat;
    background-size: cover;
    width: 4.8rem;
    height: 4.8rem;
    top: 0;
    right: 0;
  }

  .catalog__sidebar-form-item--title {
    font-size: 3.4rem;
    line-height: 140%;
  }

  .catalog__sidebar-form-item--title-big {
    text-align: center;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 6rem;
  }

  .catalog__sidebar-form-item-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    margin-bottom: 5rem;
  }

  .catalog__sidebar-form-item-inputs input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: 2rem 3rem;
    border-radius: 1rem;
    font-size: 3rem;
  }

  .catalog__sidebar-form-item--range {
    width: 95%;
    margin: 0 auto;
  }

  .catalog__sidebar-form-item--range.noUi-horizontal .noUi-handle {
    width: 4.8rem;
    height: 4.8rem;
    right: -2rem;
    top: -2rem;
  }

  .catalog__sidebar-form-item--range .noUi-handle:after {
    width: 3.2rem;
    height: 3.2rem;
  }

  .catalog__sidebar-form-item .label-checkbox {
    gap: 2rem;
  }

  .catalog__sidebar-form-item-checkboxs {
    gap: 3rem;
  }

  .catalog__sidebar-form-item--show {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .catalog__sidebar-form-bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
    box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
    background: #fff;
    padding: 8rem 2rem 6.4rem 2rem;
    border-top-left-radius: 4rem;
    border-top-right-radius: 4rem;
    z-index: 1;
  }

  .catalog__sidebar-form-bottom button {
    width: 100%;
    text-align: center;
  }

  .catalog__sidebar-form-bottom .btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .catalog__sidebar-form-bottom-choose {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    overflow: auto;
    gap: 2rem;
    margin-bottom: 4rem;
    padding-bottom: 2rem;
  }

  .catalog__sidebar-form-bottom-choose--item {
    padding: 1.6rem 2.4rem;
    border-radius: 1rem;
    background: #f4f6f8;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
  }

  .catalog__sidebar-form-bottom-choose--item span {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .catalog__sidebar-form-bottom-choose--item svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .catalog__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .catalog__main-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2rem;
    height: 23rem;
    padding-left: 4rem;
    margin-bottom: 6.8rem;
  }

  .catalog__main-head.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .catalog__main-head-info {
    gap: 1.8rem;
  }

  .catalog__main-head-info--title {
    font-size: 4rem;
  }

  .catalog__main-head-info--text {
    font-size: 2.4rem;
  }

  .catalog__main-head-logo {
    position: absolute;
    width: 18.6rem;
    top: 2.6rem;
    right: 4.4rem;
  }

  .catalog__main-head-img {
    position: absolute;
    border-top-right-radius: 4rem;
    border-bottom-right-radius: 4rem;
    top: 0;
    right: -0.1rem;
    width: 27.8rem;
    height: 23rem;
    -webkit-clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
  }

  .catalog__main-head-img img {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
  }

  .catalog__main .btn-empty {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 6rem;
  }

  .catalog__sort {
    margin-bottom: 4rem;
  }

  .catalog__sort-container.active .catalog__sort-container--text {
    border: unset;
    margin: 0;
    height: 7.4rem;
  }

  .catalog__sort-container.active .catalog__sort-container-list-modal {
    display: block;
  }

  .catalog__sort-container.active .catalog__sort-container-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .catalog__sort-container--text {
    font-size: 2.8rem;
    padding: 1.4rem 9.2rem 1.4rem 2.4rem;
    border-radius: 1rem;
    height: 7.4rem;
  }

  .catalog__sort-container--text::after {
    width: 4.8rem;
    height: 4.8rem;
    top: 15%;
    right: 2.4rem;
  }

  .catalog__sort-container-list {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6rem 2rem;
    border-radius: 2rem;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    background: #fff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    width: 100%;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
  }

  .catalog__sort-container-list-modal {
    position: fixed;
    width: 100vh;
    height: 100vh;
    background: #3b3c40;
    top: 0;
    opacity: 0.4;
    left: 0;
  }

  .catalog__sort-container-item-radio {
    gap: 2rem;
    padding: 1.4rem 0;
    border-radius: 0;
    width: 100%;
    border-bottom: 0.1rem solid rgba(223, 223, 240, 0.368627451);
  }

  .catalog__sort-container-item-radio:last-child {
    border-bottom: unset;
  }

  .catalog__sort-container-item-radio:hover {
    background: #fff;
  }

  .catalog__sort-view {
    display: none;
  }

  .catalog__sort-filter {
    display: block;
    background: #f4f6f8;
    padding: 1.4rem 2.4rem;
    border-radius: 1rem;
    width: 9.6rem;
    height: 7.4rem;
  }

  .catalog__sort-filter svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .catalog__brand {
    margin: 0 -1rem 6rem;
  }

  .catalog__brand-swiper {
    width: 71rem;
  }

  .catalog__brand-swiper .swiper-wrapper .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1.4rem 2.4rem;
    border-radius: 1rem;
    font-size: 2.8rem;
    line-height: 130%;
    height: 7.4rem;
  }

  .catalog__brand-next-shadow {
    height: 7.4rem;
    top: -2rem;
  }

  .catalog__brand-prev {
    left: 0;
  }

  .catalog__brand-prev-shadow {
    height: 7.4rem;
    top: -2rem;
  }

  .catalog__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 6rem;
  }

  .catalog__list-block--list.catalog__list-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .catalog__list-block--list .catalog__list-item {
    width: 71rem;
    height: 87.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .catalog__list-block--list .catalog__list-item:hover {
    height: 87.4rem;
    margin-bottom: 0;
    z-index: initial;
  }

  .catalog__list-block--list .catalog__list-item-visual {
    margin-bottom: 0;
    width: 100%;
    height: 44rem;
    overflow: hidden;
    margin-bottom: 2.4rem;
    margin-right: 0;
  }

  .catalog__list-block--list .catalog__list-item-visual--open {
    display: none;
  }

  .catalog__list-block--list .catalog__list-item--back {
    width: 71rem;
    height: 87.4rem;
  }

  .catalog__list-block--list .catalog__list-item-info {
    margin-bottom: 3rem;
    width: auto;
  }

  .catalog__list-block--list .catalog__list-item-info--small {
    display: none;
  }

  .catalog__list-block--list .catalog__list-item-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .catalog__list-block--list .catalog__list-item--price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .catalog__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2.2rem 2rem 4.8rem;
    width: 71rem;
    height: 87.4rem;
  }

  .catalog__list-item:hover {
    height: 87.4rem;
    margin-bottom: unset;
    z-index: 1;
  }

  .catalog__list-item:hover .catalog__list-item-visual--open {
    bottom: 0rem;
  }

  .catalog__list-item:hover .catalog__list-item-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .catalog__list-item:hover .catalog__list-item-info--small {
    display: none;
  }

  .catalog__list-item:hover .catalog__list-item--back {
    height: 87.4rem;
  }

  .catalog__list-item:hover .catalog__list-item--back .no-hover {
    display: none;
  }

  .catalog__list-item:hover .catalog__list-item--back .hover {
    display: block;
  }

  .catalog__list-item-visual {
    border-radius: 2rem;
    border: 1px solid #f4f6f8;
    width: 100%;
    height: 44rem;
    overflow: hidden;
    margin-bottom: 2.4rem;
  }

  .catalog__list-item-visual--discount {
    top: 3rem;
    left: 3rem;
    padding: 0.2rem 1.4rem;
    border-radius: 2rem;
    font-size: 2.4rem;
  }

  .catalog__list-item-visual--discount.top {
    top: 8rem !important;
  }

  .catalog__list-item-visual--img {
    width: 26rem;
  }

  .catalog__list-item-visual--icon {
    position: absolute;
    top: 3rem;
    right: 3rem;
    width: 4.8rem;
    height: 4.8rem;
    cursor: pointer;
  }

  .catalog__list-item-visual--icon svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .catalog__list-item-visual--open {
    display: none;
  }

  .catalog__list-item-info {
    margin-bottom: 3rem;
  }

  .catalog__list-item-info .circle {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: #9293b0;
    border-radius: 50%;
    position: relative;
    top: -0.3rem;
    margin: 0 2rem;
  }

  .catalog__list-item-info--title {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 3rem;
  }

  .catalog__list-item-info--small {
    display: none;
  }

  .catalog__list-item-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
    font-size: 2.4rem;
  }

  .catalog__list-item-info-list--text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .catalog__list-item-info-list--text span {
    color: #9293b0;
    margin-right: 1rem;
  }

  .catalog__list-item--price {
    font-size: 3.6rem;
  }

  .catalog__list-item--price span {
    font-size: 2.8rem;
    margin-left: 2rem;
  }

  .catalog__list-item--price span::after {
    top: 1.5rem;
  }

  .catalog__list-item--btn {
    width: 8rem;
    height: 8rem;
  }

  .catalog__list-item--btn svg {
    width: 4rem;
    height: 4rem;
  }

  .catalog__list-item--back {
    position: absolute;
    top: 0;
    left: 0;
    width: 71rem;
    height: 87.4rem;
    z-index: -1;
  }

  .catalog__list-item--back .hover {
    display: none;
  }

  .catalog__list-advertising {
    width: auto;
    height: 52.4rem;
  }

  .catalog__list-advertising--one {
    border-radius: 1rem;
    padding: 2rem;
    position: relative;
  }

  .catalog__list-advertising--one .catalog__list-advertising-container {
    width: 100%;
    border-radius: 1rem;
    background: #fff;
    position: relative;
    padding: 3.2rem 0 3.2rem 20.6rem;
  }

  .catalog__list-advertising--one .catalog__list-advertising-container--icon {
    position: absolute;
    width: 16rem;
    height: 16rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
  }

  .catalog__list-advertising--one .catalog__list-advertising-container-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.4rem;
  }

  .catalog__list-advertising--one
    .catalog__list-advertising-container-text--title {
    font-size: 2.8rem;
  }

  .catalog__list-advertising--one
    .catalog__list-advertising-container-text--subtitle {
    font-size: 2.4rem;
  }

  .catalog__list-advertising--one .catalog__list-advertising--img {
    width: 24.6rem;
    top: 55%;
  }

  .catalog__list-advertising--one .catalog__list-advertising-bottom {
    margin: auto -2rem 0;
    padding: 2rem 2rem 0;
    border-top: 0.1rem solid #fff;
  }

  .catalog__list-advertising--one .catalog__list-advertising-bottom--text {
    font-size: 2.8rem;
  }

  .catalog__list-advertising--one .catalog__list-advertising-bottom--btn {
    width: 6rem;
    height: 6rem;
  }

  .catalog__list-advertising--one .catalog__list-advertising-bottom--btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }

  .catalog__list-advertising--two {
    border-radius: 1rem;
  }

  .catalog__list-advertising--two .catalog__list-advertising-container {
    margin-top: auto;
    margin-bottom: 4rem;
    padding: 0 2rem;
  }

  .catalog__list-advertising--two .catalog__list-advertising-container-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.8rem;
  }

  .catalog__list-advertising--two
    .catalog__list-advertising-container-text--title {
    font-size: 3.6rem;
  }

  .catalog__list-advertising--two
    .catalog__list-advertising-container-text--subtitle {
    font-size: 2.4rem;
  }

  .catalog__list-advertising--two .catalog__list-advertising--img {
    width: 100%;
    height: 52.4rem;
  }

  .catalog__list-advertising--two .catalog__list-advertising--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2rem;
  }

  .catalog__list-advertising--two .catalog__list-advertising-bottom {
    padding: 2rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .catalog__list-advertising--two .catalog__list-advertising-bottom--text {
    font-size: 2.8rem;
  }

  .catalog__list-advertising--two .catalog__list-advertising-bottom--btn {
    width: 6rem;
    height: 6rem;
  }

  .catalog__list-advertising--two .catalog__list-advertising-bottom--btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }

  .catalog .lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 16rem;
    height: 16rem;
  }

  .catalog .lds-spinner div {
    -webkit-transform-origin: 8rem 8rem;
    transform-origin: 8rem 8rem;
    -webkit-animation: lds-spinner 1.2s linear infinite;
    animation: lds-spinner 1.2s linear infinite;
  }

  .catalog .lds-spinner div:after {
    top: 0.6rem;
    left: 7.4rem;
    width: 1.2rem;
    height: 3.6rem;
    border-radius: 10rem;
  }

  .catalog-prev-modal-container {
    width: 71rem;
    height: auto;
    padding: 6rem 4rem;
    border-radius: 4rem;
    background: #fff;
  }

  .catalog-prev-modal-container .btn {
    width: 100%;
    padding: 0.5rem;
    text-align: center;
  }

  .catalog-prev-modal-container .btn span {
    margin: 0 auto;
  }

  .catalog-prev--list {
    margin-bottom: 6rem;
  }

  .catalog-prev-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.6rem 0;
    border-bottom: 0.1rem solid rgba(223, 223, 240, 0.231372549);
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }

  .catalog-prev-item--img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 5.6rem;
    height: 5.6rem;
    margin-right: 2rem;
  }

  .catalog-prev-item--img img {
    width: 5.6rem;
    height: 5.6rem;
  }

  .catalog-prev-item--title {
    margin-top: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    color: #9293b0;
    margin-right: 1.6rem;
  }

  .catalog-prev-item--info {
    margin-top: 1rem;
  }
}

.repair-page .title-h2 {
  padding-bottom: 4rem;
  border-bottom: 0.1rem solid rgba(146, 147, 176, 0.5);
  margin-bottom: 4rem;
}

.repair-page-boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6rem;
  margin-bottom: 4rem;
  padding-bottom: 15rem;
  border-bottom: 0.1rem solid rgba(146, 147, 176, 0.5);
}

.repair-page-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}

.repair-page-box p {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #3b3c40;
}

.repair-page-box p a {
  color: #a05d31;
}

.repair-page-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.repair-page-box-item {
  width: 37.5rem;
  height: 32rem;
  border-radius: 3rem;
  overflow: hidden;
  position: relative;
  padding: 1.24rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.repair-page-box-item--img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.repair-page-box-item--img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.repair-page-box-item--text {
  border-radius: 2rem;
  border: 0.1rem solid var(--white, #fff);
  background: rgba(244, 246, 248, 0.6);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding: 0.577rem 2rem;
  width: 100%;
  margin-top: auto;
  color: #3b3c40;
}

.repair-page-box-item--text strong {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.repair-page-box-item--text span {
  opacity: 0.6;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.repair-page-box-item--text::after {
  content: "";
  display: block;
  position: absolute;
  background: url(../assets/images/icon/arrow-right-black1.svg) no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.7rem;
}

.repair-page-info {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .repair-page .title-h2 {
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }

  .repair-page-boxs {
    gap: 8rem;
    margin-bottom: 6rem;
    padding-bottom: 16rem;
  }

  .repair-page-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.8rem;
  }

  .repair-page-box .title-h3 {
    font-size: 5.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .repair-page-box p {
    font-size: 2.8rem;
    line-height: 130%;
    width: auto;
  }

  .repair-page-box-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .repair-page-box-item {
    width: 34.4rem;
    height: 52rem;
    border-radius: 2rem;
    padding: 2rem;
  }

  .repair-page-box-item--img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  .repair-page-box-item--img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .repair-page-box-item--text {
    border-radius: 2rem;
    padding: 2rem 2rem 6rem;
  }

  .repair-page-box-item--text strong {
    font-size: 3rem;
    line-height: 140%;
  }

  .repair-page-box-item--text span {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .repair-page-box-item--text::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../assets/images/icon/arrow-right-black1.svg) no-repeat;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    top: auto;
    right: auto;
    bottom: 2rem;
    left: 2rem;
    -webkit-transform: unset;
    transform: unset;
  }

  .repair-page-info {
    width: auto;
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.product-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product_pictures {
  width: 50.7rem;
  position: relative;
}

.product_pictures--back {
  width: 50.7rem;
  height: 50.7rem;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-filter: drop-shadow(5px 15px 70px rgba(173, 178, 201, 0.35));
  filter: drop-shadow(5px 15px 70px rgba(173, 178, 201, 0.35));
}

.product_pictures--back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product_pictures--like {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  border: 0.2rem solid #a05d31;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
}

.product_pictures-stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  padding: 1.1rem 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.5rem;
  background: #f4f6f8;
  position: absolute;
  z-index: 2;
  left: 3rem;
  top: 2rem;
}

.product_pictures-stock--icon {
  width: 2.4rem;
  height: 2.4rem;
}

.product_pictures-stock--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.product_pictures-stock--text {
  color: #3b3c40;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product_pictures--zoom {
  position: absolute;
  width: 5rem;
  height: 5rem;
  left: 3rem;
  top: 42.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}

.product_pictures--zoom img {
  width: 2.4rem;
  height: 2.4rem;
}

.product_pictures-swiper {
  width: 50.7rem;
  height: 50.7rem;
  margin-bottom: 2.3rem;
}

.product_pictures-pagination {
  display: none;
}

.product_pictures-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5rem;
}

.product_pictures-slide.video a::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../assets/images/icon/play-btn.svg) center/9rem no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.product_pictures-slide--img {
  height: 26.5rem;
  width: 34rem;
  margin: 0 auto;
}

.product_pictures-slide--img img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product_pictures-bottom-swiper {
  padding: 0 1rem;
  margin: 0 -1rem;
  -webkit-filter: drop-shadow(5px 10px 20px rgba(173, 178, 201, 0.2));
  filter: drop-shadow(5px 10px 20px rgba(173, 178, 201, 0.2));
}

.product_pictures-bottom-slide {
  position: relative;
  width: 11.2rem;
  height: 11.2rem;
  border-radius: 2rem;
  background: #fff;
  border: 0.05rem solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product_pictures-bottom-slide.video a::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../assets/images/icon/play-btn.svg) center/auto no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.product_pictures-bottom-slide--img {
  width: 7.7rem;
  height: 7.7rem;
}

.product_pictures-bottom-slide--img img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product_pictures-bottom-slide.swiper-slide-thumb-active {
  border: 0.05rem solid #dd3197;
}

.product_info {
  width: 55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.6rem;
  position: relative;
}

.product_info--title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product_info-vencod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}

.product_info-vencod--logo {
  width: 10rem;
  height: 7.5rem;
  border-radius: 1.5rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product_info-vencod--logo img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product_info-vencod--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}

.product_info-vencod--text span {
  color: #9293b0;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.product_info-vencod--text strong {
  color: #3b3c40;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.product_info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.4rem;
}

.product_info-item--title {
  color: #9293b0;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.product_info-item--title img {
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
}

.product_info-item-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product_info-item-btns--roller {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product_info-item-btns--roller .product_info-item-btn {
  width: 18.8rem;
}

.product_info-item-btns--colors--open {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
  border-bottom: 0.1rem solid #a05d31;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 1rem;
  margin-left: 1.5rem;
  cursor: pointer;
}

.product_info-item-btns--colors .product_info-item-btn {
  padding: 0;
  background: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border: none;
}

.product_info-item-btns--colors .product_info-item-btn--colors {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin-bottom: 0.4rem;
}

.product_info-item-btns--colors .product_info-item-btn span {
  opacity: 0;
}

.product_info-item-btns--colors .product_info-item-btn.active {
  background: inherit;
  border: none;
}

.product_info-item-btns--colors
  .product_info-item-btn.active
  .product_info-item-btn--colors {
  border: 0.15rem solid #dd3197;
}

.product_info-item-btns--colors--open {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
  border-bottom: 0.1rem solid #a05d31;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 1rem;
  margin-left: 1.5rem;
  cursor: pointer;
}

.product_info-item-btns--colors .product_info-item-btn {
  padding: 0;
  background: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border: none;
}

.product_info-item-btns--colors .product_info-item-btn--colors {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin-bottom: 0.4rem;
}

.product_info-item-btns--colors .product_info-item-btn span {
  opacity: 0;
}

.product_info-item-btns--colors .product_info-item-btn.active {
  background: inherit;
  border: none;
}

.product_info-item-btns--colors
  .product_info-item-btn.active
  .product_info-item-btn--colors {
  border: 0.15rem solid #dd3197;
}

.product_info-item-btns--tinting .product_info-item-btn {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 1.2rem;
}

.product_info-item-btns--tinting .product_info-item-btn img {
  width: 2rem;
  height: 2rem;
}

.product_info-item-btns--shine .product_info-item-btn {
  width: 18.8rem;
}

.product_info-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.2rem 2rem;
  border-radius: 1.5rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  border: 0.15rem solid #fff;
  cursor: pointer;
}

.product_info-item-btn.active {
  background: #f4f6f8;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border: 0.15rem solid #dd3197;
}

.product_info-item-btn strong {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product_info-item-btn span {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
}

.product_info-item--link {
  cursor: pointer;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 0.1rem solid #a05d31;
}

.product_purchase {
  width: 37.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

.product_purchase-ad {
  height: 9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2rem;
  border-radius: 2rem;
  background: #ffefd8;
  position: relative;
}

.product_purchase-ad--text {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  color: #3b3c40;
}

.product_purchase-ad--text strong {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product_purchase-ad--text span {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product_purchase-ad--btn {
  position: relative;
  z-index: 1;
  padding: 1.4rem 1.5rem;
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(5.5px);
  backdrop-filter: blur(5.5px);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  height: 5rem;
}

.product_purchase-ad--back {
  position: absolute;
  top: 0;
  right: 4.1rem;
  width: 12.4rem;
  height: 9rem;
  z-index: 0;
}

.product_purchase-ad--back svg {
  width: 100%;
  height: 100%;
}

.product_purchase-box {
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  padding: 2.8rem 2rem 3.6rem;
}

.product_purchase--price {
  margin-bottom: 2rem;
}

.product_purchase--price strong {
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product_purchase--price span {
  color: #9293b0;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  position: relative;
}

.product_purchase--price span::after {
  content: "";
  display: block;
  position: absolute;
  background: #9293b0;
  -webkit-transform: rotate(-3.086deg);
  transform: rotate(-3.086deg);
  width: 100%;
  height: 0.1rem;
  left: 0;
  top: 1rem;
}

.product_purchase-calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.5rem;
}

.product_purchase-calc--minus,
.product_purchase-calc--number,
.product_purchase-calc--plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.8rem;
}

.product_purchase-calc--number {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product_purchase-calc--minus,
.product_purchase-calc--plus {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 1rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0px rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0px rgba(173, 178, 201, 0.15);
  cursor: pointer;
}

.product_purchase-calc--minus.not-active,
.product_purchase-calc--plus.not-active {
  color: #9293b0;
}

.product_purchase .btn {
  margin-bottom: 1.8rem;
}

.product_purchase .btn-reverse {
  margin-bottom: 2.8rem;
}

.product_purchase .btn,
.product_purchase .btn-reverse {
  width: 100%;
}

.product_purchase .btn--text,
.product_purchase .btn-reverse--text {
  width: 100%;
  text-align: center;
}

.product_purchase .btn--icon,
.product_purchase .btn-reverse--icon {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.product_purchase--line {
  width: 100%;
  height: 0.1rem;
  background: #dfdff0;
  margin-bottom: 2.8rem;
}

.product_purchase-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.8rem;
}

.product_purchase-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
}

.product_purchase-info--icon {
  width: 2.4rem;
  height: 2.4rem;
}

.product_purchase-info--icon svg {
  width: 2.4rem;
  height: 2.4rem;
}

.product_purchase-info span {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product_purchase-info a {
  border-bottom: 0.05rem solid #3b3c40;
}

.product__footer-fixed--add .basket-footer-fixed__inner {
  gap: 2rem;
  padding: 4.2rem 3.8rem 3.2rem 2rem;
}

.product__footer-fixed--add .basket-footer-fixed__coast {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.product__footer-fixed--add .header__personal-cart svg {
  width: 4.8rem;
  height: 4.8rem;
}

.product__footer-fixed--add .header__personal-toast {
  width: 3.6rem;
  height: 3.6rem;
  font-size: 2.4rem;
  line-height: normal;
}

.product__footer-fixed--add .header__personal-toast--cart {
  right: -1.5rem;
  top: -2rem;
}

.product-info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-info_left {
  width: 90.1rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.product-info_left--btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  margin-bottom: 4rem;
}

.product-info_left--btn {
  color: #3b3c40;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  border-radius: 1.5rem;
  background: #f4f6f8;
  padding: 1.4rem 2.4rem;
  cursor: pointer;
}

.product-info_left--btn.active {
  color: #fff;
  background: #a05d31;
}

.product-info_left-description {
  color: #9293b0;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.product-info_left-description._roll {
  height: auto;
  overflow: hidden;
}
.product-info_left-description._roll.__show {
  height: auto;
}

.product-info_left-description li {
  position: relative;
  padding-left: 2.6rem;
}

.product-info_left-description li::before {
  content: "";
  display: block;
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  top: 1.1rem;
  left: 1rem;
  position: absolute;
  background: #9293b0;
}

.product-info_left-description.not-show {
  display: none;
}

.product-info_left-all {
  cursor: pointer;
  color: #a05d31;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 2rem;
}

.product-info_left-characteristics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.8rem;
}

.product-info_left-characteristic {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 17.3rem 2.9rem 1fr;
  grid-template-columns: 17.3rem 1fr;
  row-gap: 2.8rem;
  -webkit-column-gap: 2.9rem;
  -moz-column-gap: 2.9rem;
  column-gap: 2.9rem;
}

.product-info_left-characteristic span {
  color: #9293b0;
}

.product-info_left-characteristic strong {
  color: #3b3c40;
  font-style: normal;
  font-weight: 500;
}

.product-info_left-colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
}

.product-info_left-colors--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}

.product-info_left-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.6rem;
  cursor: pointer;
  width: 8rem;
}

.product-info_left-color:hover .product-info_left-color--icon {
  opacity: 1;
}

.product-info_left-color-circle {
  width: 8rem;
  height: 8rem;
  border: 0.1rem solid rgba(146, 147, 176, 0.5);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.product-info_left-color--img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.product-info_left-color--img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-info_left-color--icon {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.product-info_left-color--text {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
}

.product-info_left-color--wood .product-info_left-color-circle {
  border-radius: 1.5rem;
}

.product-info_left-review {
  margin-bottom: 4rem;
}

.product-info_left-review-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.product-info_left-review--title {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product-info_left-review--date {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product-info_left-review-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-info_left-review-rating--circle {
  width: 5.3rem;
  height: 5.3rem;
  border-radius: 50%;
  background: #a05d31;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.product-info_left-review-rating--stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-info_left-review-rating--stars .star {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
}

.product-info_left-review-rating--stars .star::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../assets/images/icon/star.svg);
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
}

.product-info_left-review-rating--stars .star.active::before {
  background: url(../assets/images/icon/star-active.svg);
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
}

.product-info_left-review--text {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  height: 6.9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 0.8rem;
}

.product-info_left-review--text.open {
  height: 100%;
  -webkit-line-clamp: 10000;
}

.product-info_left-review--open {
  color: #a05d31;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  cursor: pointer;
  margin-bottom: 2rem;
}

.product-info_left-review-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}

.product-info_left-review-bottom--img {
  width: 11.2rem;
  height: 11.2rem;
  border-radius: 2rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.2);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-info_left-review-bottom--img img {
  width: 7.7rem;
  height: 7.7rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-info_left-write--title {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 4rem;
}

.product-info_left-write--grade {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 1rem;
}

.product-info_left-write-rating {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

.product-info_left-write-rating--circle {
  width: 5.3rem;
  height: 5.3rem;
  border-radius: 50%;
  background: #a05d31;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.product-info_left-write-rating--stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.product-info_left-write-rating--stars input[type="radio"] {
  display: none;
}

.product-info_left-write-rating--stars .star {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  cursor: pointer;
}

.product-info_left-write-rating--stars .star::before {
  content: "";
  display: block;
  position: absolute;
  background: url(../assets/images/icon/star.svg);
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
}

.product-info_left-write-rating--stars
  input[type="radio"]:checked
  ~ .star::before {
  background: url(../assets/images/icon/star-active.svg);
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
}

.product-info_left-write-rating--stars
  input[type="radio"]:hover
  ~ .star::before {
  background: url(../assets/images/icon/star-active.svg);
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
}

.product-info_left-write-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.product-info_left-write-form-two {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.product-info_left-write-form .btn {
  margin-top: 4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-info_consultation {
  width: 50.7rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border-radius: 3rem;
  background: #ffefd8;
  padding: 6rem 4rem;
  position: relative;
  overflow: hidden;
}

.product-info_consultation::before {
  content: "";
  display: block;
  width: 44.6rem;
  height: 44.6rem;
  border-radius: 50%;
  background: linear-gradient(
    30deg,
    rgba(255, 255, 255, 0.27) 38.93%,
    #fdfcff 91.92%
  );
  position: absolute;
  top: -10.4rem;
  right: -12.7rem;
}

.product-info_consultation::after {
  content: "";
  display: block;
  width: 44.6rem;
  height: 44.6rem;
  border-radius: 50%;
  background: linear-gradient(
    30deg,
    rgba(255, 255, 255, 0.14) 38.93%,
    rgba(253, 252, 255, 0.5) 91.92%
  );
  position: absolute;
  bottom: -18.9rem;
  left: -9rem;
}

.product-info_consultation--title {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.4rem;
  position: relative;
  z-index: 1;
}

.product-info_consultation--text {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 4rem;
  position: relative;
  z-index: 1;
}

.product-info_consultation-form {
  position: relative;
  z-index: 1;
}

.product-info_consultation-form .form__item {
  margin-bottom: 4rem;
}

.product-info_consultation-form .form__item:first-child {
  margin-bottom: 2rem;
}

.product-info_consultation-form .btn {
  margin-bottom: 1.6rem;
}

.product-info_consultation-form--text {
  color: #9293b0;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product-info_consultation-form--text a {
  text-decoration-line: underline;
}

.product-variation.product-variation--colors.product-variation--both
  .product-variation__shine {
  width: 19.7rem;
}

.product-variation.product-variation--colors.product-variation--both
  .product-variation__color {
  padding-left: 2.8rem;
  width: 27.6rem;
}

.product-variation.product-variation--colors.product-variation--both
  .product-variation__tinting {
  width: 39.6rem;
}

.product-variation.product-variation--colors.product-variation--both
  .product-variation__tinting
  .product-variation--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.product-variation.product-variation--colors .product-variation__shine {
  width: 25.6rem;
}

.product-variation.product-variation--colors .product-variation__price {
  width: 15.9rem;
}

.product-variation.product-variation--colors .product-variation__color {
  padding-left: 5.6rem;
  width: 46.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.product-variation.product-variation--colors
  .product-variation__color
  .product-variation--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.product-variation.product-variation--colors
  .product-variation__color
  .product-variation-item-btn {
  -webkit-box-shadow: unset;
  box-shadow: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.product-variation.product-variation--colors
  .product-variation__color
  .product-variation-item-btn--link {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-bottom: 0.15rem solid #a05d31;
  margin-left: 1.5rem;
  color: #a05d31;
  cursor: pointer;
  margin-top: 1.4rem;
}

.product-variation.product-variation--colors
  .product-variation__color
  .product-variation-item-btn.active {
  background: inherit;
  border: unset;
}

.product-variation.product-variation--colors
  .product-variation__color
  .product-variation-item-btn.active
  .product-variation-item--circle {
  border: 0.15rem solid #dd3197;
}

.product-variation.product-variation--colors
  .product-variation__color
  .product-variation-item-btn.active
  span {
  opacity: 1;
  color: #a05d31;
}

.product-variation.product-variation--colors
  .product-variation__color
  .product-variation-item-btn
  span {
  opacity: 0;
  color: #c9c9d7;
}

.product-variation.product-variation--colors
  .product-variation__color
  .product-variation-item--circle {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin-bottom: 0.4rem;
}

.product-variation--title {
  margin-bottom: 6rem;
}

.product-variation-box {
  border-radius: 4rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0px rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0px rgba(173, 178, 201, 0.35);
  padding: 4rem 4rem 2rem;
}

.product-variation-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  padding-bottom: 3.1rem;
  margin-bottom: 3rem;
  border-bottom: 0.1rem solid #dfdff0;
}

.product-variation-top .product-variation__packing,
.product-variation-top .product-variation__shine,
.product-variation-top .product-variation__color,
.product-variation-top .product-variation__tinting,
.product-variation-top .product-variation__price {
  position: relative;
}

.product-variation-top .product-variation__packing::after,
.product-variation-top .product-variation__shine::after,
.product-variation-top .product-variation__color::after,
.product-variation-top .product-variation__tinting::after,
.product-variation-top .product-variation__price::after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.9rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #dfdff0;
}

.product-variation__packing {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 16.6rem;
}

.product-variation__shine {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 22.2rem;
  text-align: center;
}

.product-variation__color {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-left: 4.4rem;
  width: 20.7rem;
}

.product-variation__tinting {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-left: 3.4rem;
  width: 44.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-variation__tinting img {
  width: 2rem;
  height: 2rem;
}

.product-variation__price {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 13.8rem;
  text-align: center;
}

.product-variation__quantity {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-left: 4rem;
}

.product-variation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}

.product-variation-item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.5rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  gap: 1rem;
  padding: 1.2rem 2rem;
  cursor: pointer;
}

.product-variation-item-btn img {
  width: 2rem;
  height: 2rem;
}

.product-variation-item-btn.active {
  border: 0.15rem solid #dd3197;
  background: #f4f6f8;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.product-variation-item-btn.selectedTinting .normal {
  display: none;
}

.product-variation-item-btn.selectedTinting .added {
  display: block;
}

.product-variation-item-btn .added {
  display: none;
}

.product-variation-item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.2rem;
}

.product-variation-item-calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-variation-item-calc--minus,
.product-variation-item-calc--number,
.product-variation-item-calc--plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.8rem;
}

.product-variation-item-calc--number {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product-variation-item-calc--minus,
.product-variation-item-calc--plus {
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 1rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  cursor: pointer;
}

.product-variation-item-calc--minus.not-active,
.product-variation-item-calc--plus.not-active {
  color: #9293b0;
}

.product-variation-item-buy {
  margin-left: auto;
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #a05d31;
  border-radius: 50%;
  cursor: pointer;
}

.product-variation-item-buy img {
  width: 2.8rem;
  height: 2.8rem;
}

.product-variation-item-like {
  margin-left: 2rem;
  width: 2.8rem;
  height: 2.8rem;
  cursor: pointer;
}

.product-variation-item-like svg {
  width: 2.8rem;
  height: 2.8rem;
}

.product-variation-item .product-variation__packing .product-variation--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-variation-item .product-variation__packing--img {
  width: 8rem;
  height: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.product-variation-item .product-variation__packing--img img {
  width: 7rem;
  height: 7rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-variation-item .product-variation__packing span {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.product-variation-item .product-variation__shine {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.product-variation-item .product-variation__coltin .product-variation--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-variation-item .product-variation__color {
  padding: 0;
}

.product-variation-item .product-variation__tinting {
  gap: 2.2rem;
}

.product-variation-item
  .product-variation__tinting
  .product-variation-item-btn {
  width: 16.6rem;
}

.product-variation-item .product-variation__price {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product-variation-item .product-variation__quantity {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-calc .title-h2 {
  margin-bottom: 6rem;
}

.container .product-calc--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.product-calc-ad {
  margin-left: auto;
  width: 50rem;
  height: 42.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  border-radius: 3rem;
  background:
    url("../assets/images/product/back-ad.png"),
    #f1f1f1 -118.506px -152.517px/152.895% 176.327% no-repeat;
  background-size: cover;
  padding: 5rem 3.8rem;
}

.product-calc-ad--img {
  position: absolute;
  width: 35.8001rem;
  height: 20.4rem;
  top: 5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.product-calc-ad--title {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin-bottom: 1rem;
  margin-top: auto;
}

.product-calc-ad--text {
  color: #9293b0;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}

.product-calc--left {
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  padding: 4rem;
  width: 103.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6rem;
}

.product-calc-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}

.product-calc-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-calc-item-top--title {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product-calc-item-top--del {
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}

.product-calc-item-top--del img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-calc-item--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-calc-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.8rem;
}

.product-calc-item-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.product-calc-item-choice--link {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
  cursor: pointer;
  margin-top: 1.4rem;
  margin-left: 1.5rem;
  border-bottom: 0.1rem solid #a05d31;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.product-calc-item-choice--title {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

.product-calc-item-choice--title img {
  width: 2rem;
  height: 2rem;
}

.product-calc-item-choice-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.product-calc-item-choice-container--color.product-calc-item-choice-container
  .product-calc-item-choice--box {
  background: inherit;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  padding: 0;
}

.product-calc-item-choice-container--color.product-calc-item-choice-container
  .product-calc-item-choice--box--circle {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}

.product-calc-item-choice-container--color.product-calc-item-choice-container
  .product-calc-item-choice--box
  span {
  opacity: 0;
}

.product-calc-item-choice-container--color.product-calc-item-choice-container
  .product-calc-item-choice--box.active {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
}

.product-calc-item-choice-container--color.product-calc-item-choice-container
  .product-calc-item-choice--box.active
  span {
  opacity: 1;
}

.product-calc-item-choice-container--color.product-calc-item-choice-container
  .product-calc-item-choice--box.active
  .product-calc-item-choice--box--circle {
  border: 0.15rem solid #dd3197;
}

.product-calc-item-choice--box {
  border-radius: 1.5rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0rem rgba(173, 178, 201, 0.15);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding: 1.2rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
}

.product-calc-item-choice--box img {
  width: 2rem;
  height: 2rem;
}

.product-calc-item-choice--box > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-calc-item-choice--box.active {
  border: 0.15rem solid #dd3197;
  background: #f4f6f8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-calc-item-choice--box.active .product-calc-item-choice--change {
  display: block;
}

.product-calc-item-choice--change {
  display: none;
  color: #a05d31;
  cursor: pointer;
}

.product-calc-item-right {
  margin-right: 9rem;
  margin-top: 1rem;
}

.product-calc-item-right .rs-tooltip-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-calc-item-right .rs-tooltip-text--number {
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product-calc-item-right .rs-tooltip-text--subtitle {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product-calc-item-right .rs-border {
  stroke: none !important;
  fill: #f4f6f8;
}

.product-calc-item-right .rs-range {
  stroke-linecap: round;
}

.product-calc-item-right .rs-range-color {
  background: radial-gradient(
    ellipse at bottom,
    rgb(0, 0, 0) 0%,
    rgb(48, 7, 36) 34%,
    rgb(255, 255, 255) 66%,
    rgb(0, 0, 0) 100%
  );
}

.product-calc-item-right .rs-path-color {
  background: radial-gradient(
    ellipse at bottom,
    rgb(255, 255, 255) 0%,
    rgb(169, 173, 174) 34%,
    rgb(255, 255, 255) 66%,
    rgb(5, 0, 0) 100%
  );
}

.product-calc-item-right .rs-handle {
  background: radial-gradient(
    ellipse at center,
    rgb(255, 255, 255) 30%,
    #a05d31 30%
  );
  -webkit-box-shadow:
    4.38525px 6.13934px 12.27869px 0px rgba(173, 178, 201, 0.25),
    -2.63115px -5.2623px 12.27869px 0px rgba(173, 178, 201, 0.15);
  box-shadow:
    4.38525px 6.13934px 12.27869px 0px rgba(173, 178, 201, 0.25),
    -2.63115px -5.2623px 12.27869px 0px rgba(173, 178, 201, 0.15);
}

.product-calc-item-right .rs-border {
  border-color: white;
}

.product-calc-item--range {
  margin-bottom: 3rem;
}

.product-calc-item--number {
  border-radius: 1.5rem;
  border: 0.1rem solid #a05d31;
  padding: 1.2rem 2rem;
  width: 21.7rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product-calc-item--number::-webkit-input-placeholder {
  color: #9293b0;
}

.product-calc-item--number:-ms-input-placeholder {
  color: #9293b0;
}

.product-calc-item--number::-moz-placeholder {
  color: #9293b0;
}

.product-calc-item--number::-ms-input-placeholder {
  color: #9293b0;
}

.product-calc-item--number::placeholder {
  color: #9293b0;
}

.product-calc-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-calc-new--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-calc-new--right span {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
}

.product-calc-new--right strong {
  margin-left: 1.2rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.product-calc-new--right .btn {
  margin-left: 3rem;
}

.product-calc-new--right .btn--text {
  color: #fff;
}

.product-calc--line {
  width: calc(100% + 8rem);
  height: 0.1rem;
  margin: 0 -4rem;
  background: #dfdff0;
}

.product-calc-table-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(146, 147, 176, 0.5);
  margin-bottom: 4rem;
}

.product-calc-table-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.product-calc-table--photo {
  width: 12.4rem;
}

.product-calc-table--dye {
  width: 15rem;
  margin-right: 3.2rem;
}

.product-calc-table--gloss {
  width: 17rem;
}

.product-calc-table--packing {
  width: 10.2rem;
}

.product-calc-table--color {
  width: 15.6rem;
}

.product-calc-table--qty {
  width: 7.4rem;
}

.product-calc-table--price {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-calc-table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  position: relative;
}

.product-calc-table-item--img {
  width: 10rem;
  height: 10rem;
  border-radius: 2rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-calc-table-item--img img {
  width: 7.7rem;
  height: 7.7rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-calc-table-item .product-calc-table--dye {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 7.2rem;
}

.product-calc-table-item .product-calc-table--color {
  width: 9.9rem;
  margin-right: 5.7rem;
}

.product-calc-table-item .product-calc-table--qty {
  width: 7.4rem;
}

.product-calc-table-item .product-calc-table--price {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product-calc-table-item .product-calc-table--add-cart {
  position: absolute;
  background: #a05d31;
  width: 6rem;
  height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  cursor: pointer;
}

.product-calc-table-item .product-calc-table--add-cart img {
  width: 2.8rem;
  height: 2.8rem;
}

.product-calc-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-calc-results--left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-calc-results--left span {
  color: #9293b0;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.product-calc-results--left strong {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.product-calc-results--right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem;
}

.product-calc-results--clear {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
  cursor: pointer;
}

.product-calc-up {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 6rem;
  height: 6rem;
}

.product-baner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 1rem;
  margin: 0 auto;
  z-index: 10;
  -webkit-transform: translateY(calc(100% + 1rem));
  transform: translateY(calc(100% + 1rem));
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition:
    transform 0.5s ease-in-out,
    -webkit-transform 0.5s ease-in-out;
}

.product-baner.active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.product-baner .container {
  border-radius: 2rem;
  background: #fff;
  -webkit-box-shadow: 1rem 2rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 1rem 2rem 7rem 0rem rgba(173, 178, 201, 0.35);
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-baner--img {
  width: 10rem;
  height: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1.5rem;
  background: #f4f6f8;
  margin-right: 6rem;
}

.product-baner--img img {
  width: 7.7rem;
  height: 7.7rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-baner--text {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  width: 80rem;
}

.product-baner--link {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
}

.product-baner--link a {
  border-bottom: 0.1rem solid #a05d31;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
}

.product-tinting-modal-container {
  width: 125.6rem;
  padding: 6rem;
  border-radius: 3rem;
  background: #fff;
  -webkit-transform: unset;
  transform: unset;
  top: 1rem;
  left: 0;
  right: 0;
  margin: auto;
}

.product-tinting-modal-container::-webkit-scrollbar {
  width: 0;
}

.product-tinting-modal-container .catalog__sort-container-list-overflow {
  height: 21.6rem;
  overflow: auto;
}

.product-tinting-modal-container
  .catalog__sort-container-list-overflow::-webkit-scrollbar {
  width: 0.5rem;
}

.product-tinting-modal-container
  .catalog__sort-container-list-overflow::-webkit-scrollbar-track {
  border-radius: 3.5rem;
  background: rgba(146, 147, 176, 0.168627451);
}

.product-tinting-modal-container
  .catalog__sort-container-list-overflow::-webkit-scrollbar-thumb {
  border-radius: 3.5rem;
  background: #9293b0;
}

.product-tinting-modal-container
  .catalog__sort-container-list-overflow::-webkit-scrollbar-thumb:hover {
  border-radius: 3.5rem;
  background: #9293b0;
}

.product-tinting--title {
  font-size: 5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 4rem;
}

.product-tinting--title span {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #9293b0;
  margin-left: 2rem;
}

.product-tinting--find {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.product-tinting--find .search-box {
  width: 68rem;
}

.product-tinting--find .search-box-icon {
  margin-right: 0.5rem;
}

.product-tinting--find .catalog__sort-container-list {
  z-index: 6;
}

.product-tinting-container {
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-tinting--left {
  width: 39.6rem;
  height: 44.4rem;
  position: relative;
}

.product-tinting--left.active .product-tinting-images--choice {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.product-tinting--right {
  position: relative;
}

.product-tinting-images {
  overflow: hidden;
  width: 39.6rem;
  border-radius: 2rem;
  position: relative;
}

.product-tinting-images-prev-btn {
  position: absolute;
  background: url(../assets/images/icon/button-slider-prev.svg) no-repeat;
  width: 4rem;
  height: 4rem;
  background-size: contain;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}

.product-tinting-images-next-btn {
  position: absolute;
  background: url(../assets/images/icon/button-slider-next.svg) no-repeat;
  width: 4rem;
  height: 4rem;
  background-size: contain;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}

.product-tinting-images-prev-btn {
  left: -2rem;
}

.product-tinting-images-next-btn {
  right: -2rem;
}

.product-tinting-images--choice {
  width: 100%;
  padding: 4.6rem 0 4.7rem;
  position: absolute;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition:
    transform 0.5s ease-in-out,
    -webkit-transform 0.5s ease-in-out;
  text-align: center;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 2rem;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.product-tinting-images--choice strong {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.4rem;
}

.product-tinting-images--choice span {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.product-tinting-images--back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.35;
}

.product-tinting-img {
  width: 100%;
  height: 44.4rem;
}

.product-tinting-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-tinting-right {
  width: 68rem;
}

.product-tinting-all_colors {
  overflow: hidden;
  width: 70rem;
  margin-bottom: 4rem;
}

.product-tinting-all_colors .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: (auto) [4];
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
}

.product-tinting-all_colors .swiper-wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.product-tinting-all_colors .swiper-wrapper > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.product-tinting-all_colors .swiper-wrapper > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.product-tinting-all_colors .swiper-wrapper > *:nth-child(4) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.product-tinting-all_colors-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.product-tinting-all_colors-slide.active {
  color: #a05d31;
}

.product-tinting-all_colors-slide--colors {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin: 0 auto;
}

.product-tinting-all_colors-slide--text {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
  .swiper-pagination-bullet {
  width: 4rem;
  height: 4rem;
  background: inherit;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  background: inherit;
  border-radius: 1rem;
  opacity: 1;
}

.product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f4f6f8 !important;
}

.product-tinting-all_colors--prev,
.product-tinting-all_colors--next {
  position: absolute;
  width: 2rem;
  height: 2rem;
  bottom: 1rem;
  cursor: pointer;
}

.product-tinting-all_colors--prev.swiper-button-disabled,
.product-tinting-all_colors--next.swiper-button-disabled {
  opacity: 1;
}

.product-tinting-all_colors--prev {
  left: 0;
}

.product-tinting-all_colors--next {
  right: 0;
}

.product-tinting-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.product-tinting-end--selected {
  display: none;
  padding: 0.9rem 1.5rem 0.9rem 2rem;
  border-radius: 1.5rem;
  background: #f4f6f8;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 1rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #a05d31;
}

.product-tinting-end--selected.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-tinting-end--selected svg {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.product-color-modal-container {
  width: 60rem;
  padding: 6rem 0;
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
}

.product-color--title {
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin-bottom: 4rem;
}

.product-color--circle {
  border-radius: 50%;
  width: 36rem;
  height: 36rem;
  margin: 0 auto;
  overflow: hidden;
}

.product-color--circle img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-color--circle.product-color--wood {
  border-radius: 1.5rem;
}

.product-color--circle.product-color--wood img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-colors-modal-container {
  width: 60rem;
  padding: 6rem;
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  position: relative;
}

.product-colors-modal-container .btn-empty {
  margin-left: auto;
}

.product-colors--title {
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 4rem;
}

.product-colors-swiper {
  overflow: hidden;
  margin-bottom: 4rem;
}

.product-colors-swiper .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: (auto) [3];
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: column;
}

.product-colors-swiper .swiper-wrapper > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.product-colors-swiper .swiper-wrapper > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.product-colors-swiper .swiper-wrapper > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
  .swiper-pagination-bullet {
  width: 4rem;
  height: 4rem;
  background: inherit;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  background: inherit;
  border-radius: 1rem;
  opacity: 1;
}
.product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
  .swiper-pagination-bullet {
  width: 4rem;
  height: 4rem;
  background: inherit;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  background: inherit;
  border-radius: 1rem;
  opacity: 1;
}

.product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f4f6f8 !important;
}
.product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #f4f6f8 !important;
}

.product-colors-swiper--prev,
.product-colors-swiper--next {
  position: absolute;
  width: 2rem;
  height: 2rem;
  bottom: 18rem;
  cursor: pointer;
}

.product-colors-swiper--prev.swiper-button-disabled,
.product-colors-swiper--next.swiper-button-disabled {
  opacity: 1;
}

.product-colors-swiper-variation--prev {
  left: 6rem;
}
.product-colors-swiper-variation--prev,
.product-colors-swiper-variation--next {
  position: absolute;
  width: 2rem;
  height: 2rem;
  bottom: 18rem;
  cursor: pointer;
}

.product-colors-swiper-variation--prev.swiper-button-disabled,
.product-colors-swiper-variation--next.swiper-button-disabled {
  opacity: 1;
}

.product-colors-swiper-variation--prev {
  left: 6rem;
}

.product-colors-swiper-variation--next {
  right: 6rem;
}

.product-colors-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
}

.product-colors-slide--color {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}

.product-colors-slide--text {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product-colors-slide.active .product-colors-slide--text {
  color: #a05d31;
}

.found-cheaper-modal-container {
  width: 122.4rem;
  padding: 12.2rem 0;
  border-radius: 3rem;
  background: #ffefd8;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  position: relative;
  overflow: hidden;
}

.found-cheaper--title {
  font-size: 5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  margin-bottom: 3.2rem;
}

.found-cheaper--subtitle {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  text-align: center;
  width: 57.2rem;
  margin: 0 auto 3.2rem;
}

.found-cheaper--back {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 99.2815rem;
  height: 41.58rem;
  z-index: -1;
}

.found-cheaper--form {
  width: 57.2rem;
  margin: 0 auto;
  gap: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.found-cheaper--form .btn {
  margin: 2rem auto 0;
}

@media (max-width: 48em) {
  .product {
    margin-bottom: 6rem;
  }

  .product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem;
  }

  .product_pictures {
    width: auto;
    position: relative;
  }

  .product_pictures--title {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: -2.8rem;
  }

  .product_pictures--dis {
    border-radius: 2rem;
    background: #ffefd8;
    padding: 1.4rem 4rem;
    margin-bottom: -2.8rem;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }

  .product_pictures--dis span {
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .product_pictures--back {
    width: 71rem;
    height: 55.4rem;
  }

  .product_pictures--like {
    width: 8.4rem;
    height: 8.4rem;
  }

  .product_pictures--like svg {
    width: 3.4rem;
    height: 3.4rem;
  }

  .product_pictures-stock {
    gap: 3rem;
    padding: 2rem 4rem;
    left: 5rem;
    top: 4rem;
    border-radius: 3rem;
  }

  .product_pictures-stock--icon {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product_pictures-stock--icon svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product_pictures-stock--text {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .product_pictures--zoom {
    width: 7rem;
    height: 7rem;
    left: 4rem;
    top: 44.4rem;
  }

  .product_pictures--zoom img {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product_pictures-swiper {
    width: 71rem;
    height: 55.4rem;
    margin-bottom: 4rem;
  }

  .product_pictures-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .product_pictures-pagination.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 0.3rem;
    width: 1rem;
    height: 1rem;
  }

  .product_pictures-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5rem;
  }

  .product_pictures-slide--img {
    height: 36rem;
    width: 36rem;
  }

  .product_pictures-bottom-swiper {
    display: none;
  }

  .product_info {
    width: auto;
    gap: 4rem;
  }

  .product_info--title {
    display: none;
  }

  .product_info-vencod {
    gap: 6rem;
  }

  .product_info-vencod--logo {
    width: 17.4rem;
    height: 9rem;
    border-radius: 2rem;
  }

  .product_info-vencod--text {
    gap: 1rem;
  }

  .product_info-vencod--text span {
    font-size: 3rem;
    line-height: 140%;
  }

  .product_info-vencod--text strong {
    font-size: 3rem;
    line-height: 140%;
  }

  .product_info-item {
    gap: 1.6rem;
  }

  .product_info-item--title {
    font-size: 2.4rem;
    line-height: 140%;
  }

  .product_info-item--title img {
    margin-left: 1rem;
    width: 4rem;
    height: 4rem;
  }

  .product_info-item-btns {
    gap: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product_info-item-btns--roller {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product_info-item-btns--roller .product_info-item-btn {
    width: auto;
  }

  .product_info-item-btns--colors--open {
    font-size: 3rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 2rem;
    margin-left: 0;
  }

  .product_info-item-btns--colors .product_info-item-btn {
    padding: 0;
    background: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: none;
  }

  .product_info-item-btns--colors .product_info-item-btn--colors {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin-bottom: 0.8rem;
  }

  .product_info-item-btns--colors .product_info-item-btn span {
    opacity: 0;
  }

  .product_info-item-btns--colors .product_info-item-btn.active {
    background: inherit;
    border: none;
  }

  .product_info-item-btns--colors
    .product_info-item-btn.active
    .product_info-item-btn--colors {
    border: 0.1rem solid #dd3197;
  }

  .product_info-item-btns--colors .product_info-item-btn.active span {
    opacity: 1;
    color: #a05d31;
  }

  .product_info-item-btns--tinting .product_info-item-btn {
    gap: 1.6rem;
  }

  .product_info-item-btns--tinting .product_info-item-btn img {
    width: 4rem;
    height: 4rem;
  }

  .product_info-item-btns--shine .product_info-item-btn {
    width: auto;
  }

  .product_info-item-btn {
    padding: 1.6rem 2.8rem;
    border-radius: 2rem;
    border: 0.1rem solid #fff;
    cursor: pointer;
  }

  .product_info-item-btn.active {
    border: 0.1rem solid #dd3197;
  }

  .product_info-item-btn strong {
    font-size: 3rem;
  }

  .product_info-item-btn span {
    font-size: 2.4rem;
  }

  .product_info-item--link {
    font-size: 3rem;
    margin-top: 2.4rem;
  }

  .product_purchase {
    width: auto;
  }

  .product_purchase-ad {
    display: none;
  }

  .product_purchase-box {
    border-radius: 6rem;
    padding: 6.4rem 3.2rem 6rem;
  }

  .product_purchase-box--top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4.4rem;
  }

  .product_purchase-box--btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem;
  }

  .product_purchase--price {
    margin-bottom: 0;
  }

  .product_purchase--price strong {
    font-size: 5.2rem;
  }

  .product_purchase--price span {
    font-size: 3rem;
    line-height: 140%;
  }

  .product_purchase--price span::after {
    top: 2rem;
  }

  .product_purchase-calc {
    margin-bottom: 0;
  }

  .product_purchase-calc--minus,
  .product_purchase-calc--number,
  .product_purchase-calc--plus {
    width: 7.4rem;
    height: 7.4rem;
  }

  .product_purchase-calc--number {
    font-size: 3.6rem;
    font-weight: 600;
    line-height: normal;
  }

  .product_purchase-calc--minus,
  .product_purchase-calc--plus {
    font-size: 3.6rem;
    font-weight: 600;
    border-radius: 2rem;
  }

  .product_purchase .btn {
    margin-bottom: 0;
  }

  .product_purchase .btn-reverse {
    margin-bottom: 0;
    gap: 2rem;
  }

  .product_purchase .btn-reverse--text::first-letter {
    text-transform: uppercase;
  }

  .product_purchase .btn,
  .product_purchase .btn-reverse {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .product_purchase .btn--text,
  .product_purchase .btn-reverse--text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .product_purchase--line {
    margin-bottom: 4rem;
  }

  .product_purchase-list {
    gap: 3.6rem;
  }

  .product_purchase-info {
    gap: 3.6rem;
  }

  .product_purchase-info--icon {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product_purchase-info--icon svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product_purchase-info span {
    font-size: 3rem;
  }

  .product_purchase-info a {
    border-bottom: 0.05rem solid #3b3c40;
  }

  .product-info .start-write-review {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6rem;
  }

  .product-info_left {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .product-info_left--btns {
    gap: 2rem;
    margin-bottom: 2rem;
    overflow: auto;
    padding-bottom: 2rem;
  }

  .product-info_left--btn {
    font-size: 2.8rem;
    line-height: 130%;
    border-radius: 2rem;
    padding: 1.4rem 2.4rem;
    text-wrap: nowrap;
  }

  .product-info_left-description {
    font-size: 3.8rem;
    gap: 3.5rem;
    margin-bottom: 4rem;
  }

  .product-info_left-description li {
    padding-left: 5.5rem;
  }

  .product-info_left-description li::before {
    width: 1rem;
    height: 1rem;
    top: 1.5rem;
    left: 1.5rem;
  }
  .product-info_left-description h3 {
    font-weight: 600;
    color: #777781;
    font-size: 3.2rem;
    letter-spacing: 0.02em;
    color: #474749;
  }

  .product-info_left-all {
    font-size: 3rem;
  }

  .product-info_left-characteristics {
    gap: 4rem;
  }

  .product-info_left-characteristic {
    font-size: 2.8rem;
    -ms-grid-columns: 26rem 2rem 1fr;
    grid-template-columns: 26rem 1fr;
    row-gap: 2rem;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .product-info_left-colors {
    gap: 4rem;
  }

  .product-info_left-colors--box {
    gap: 6rem;
  }

  .product-info_left-color {
    gap: 1rem;
    width: 16rem;
  }

  .product-info_left-color:hover .product-info_left-color--icon {
    opacity: 1;
  }

  .product-info_left-color-circle {
    width: 16rem;
    height: 16rem;
  }

  .product-info_left-color--icon {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-color--text {
    font-size: 2.4rem;
  }

  .product-info_left-color--wood .product-info_left-color-circle {
    border-radius: 3rem;
  }

  .product-info_left-review {
    margin-bottom: 6rem;
  }

  .product-info_left-review-top {
    gap: 2rem;
    margin-bottom: 2rem;
  }

  .product-info_left-review--title {
    font-size: 3.6rem;
  }

  .product-info_left-review--date {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .product-info_left-review-rating {
    gap: 2rem;
    margin-bottom: 2rem;
  }

  .product-info_left-review-rating--circle {
    width: 10.6rem;
    height: 10.6rem;
    font-size: 3.4rem;
    line-height: 140%;
  }

  .product-info_left-review-rating--stars .star {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-review-rating--stars .star::before {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-review-rating--stars .star.active::before {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-review--text {
    font-size: 2.8rem;
    height: 18rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin-bottom: 0.8rem;
  }

  .product-info_left-review--text.open {
    height: 100%;
    -webkit-line-clamp: 10000;
  }

  .product-info_left-review--open {
    font-size: 3.2rem;
  }

  .product-info_left-review-bottom {
    gap: 4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product-info_left-review-bottom--img {
    width: 16rem;
    height: 16rem;
    border-radius: 4rem;
  }

  .product-info_left-review-bottom--img img {
    width: 12rem;
    height: 12rem;
  }

  .product-info_left-write {
    position: fixed;
    display: none;
    height: 100vh;
    width: 100%;
    overflow: auto;
    background: #fff;
    top: 0;
    left: 0;
    padding: 6rem 2rem 0;
    z-index: 20;
  }

  .product-info_left-write.active {
    display: block;
  }

  .product-info_left-write--exit {
    position: absolute;
    right: 2rem;
    top: 6rem;
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-write--exit svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-write--title {
    font-size: 4rem;
    margin-bottom: 6rem;
    text-align: center;
  }

  .product-info_left-write--grade {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }

  .product-info_left-write-rating {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
  }

  .product-info_left-write-rating--circle {
    width: 10.6rem;
    height: 10.6rem;
    font-size: 3.4rem;
    line-height: 140%;
  }

  .product-info_left-write-rating--stars .star {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-write-rating--stars .star::before {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-write-rating--stars
    input[type="radio"]:checked
    ~ .star::before {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-write-rating--stars
    input[type="radio"]:hover
    ~ .star::before {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-info_left-write-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }

  .product-info_left-write-form-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }

  .product-info_left-write-form .btn {
    margin-top: 0;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-info_consultation {
    display: none;
  }

  .product-variation.product-variation--colors.product-variation--both
    .product-variation__shine {
    width: auto;
  }

  .product-variation.product-variation--colors.product-variation--both
    .product-variation__color {
    padding-left: 0;
    width: auto;
  }

  .product-variation.product-variation--colors.product-variation--both
    .product-variation__tinting {
    width: auto;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }

  .product-variation.product-variation--colors.product-variation--both
    .product-variation__tinting
    .product-variation--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
  }

  .product-variation.product-variation--colors .product-variation__shine {
    width: auto;
  }

  .product-variation.product-variation--colors .product-variation__price {
    width: auto;
  }

  .product-variation.product-variation--colors
    .product-variation-top
    .product-variation__color {
    padding-left: 0;
    width: auto;
  }

  .product-variation.product-variation--colors .product-variation__color {
    padding-left: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation--box {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation-item-btn {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    gap: 0;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation-item-btn.desktop {
    display: none;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation-item-btn--link {
    font-size: 3rem;
    margin-top: 2rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-bottom: 1px solid #a05d31;
    margin-left: 2rem;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation-item-btn.active {
    background: inherit;
    border: unset;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation-item-btn.active
    .product-variation-item--circle {
    border: 1px solid #dd3197;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation-item-btn.active
    span {
    opacity: 1;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation-item-btn
    span {
    opacity: 0;
    color: #a05d31;
  }

  .product-variation.product-variation--colors
    .product-variation__color
    .product-variation-item--circle {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin-bottom: 0.8rem;
  }

  .product-variation.product-variation--colors
    .product-variation-item
    .product-variation__coltin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.2rem;
  }

  .product-variation.product-variation--colors
    .product-variation-item
    .product-variation__coltin
    .product-variation__m--title {
    margin-top: 2.4rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  .product-variation-box {
    border-radius: 0;
    background: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: 0;
  }

  .product-variation-top {
    display: none;
  }

  .product-variation__packing {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
  }

  .product-variation__shine {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    text-align: center;
  }

  .product-variation__color {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 0;
    width: auto;
  }

  .product-variation__tinting {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-variation__tinting img {
    width: 2rem;
    height: 2rem;
  }

  .product-variation__price {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    text-align: center;
  }

  .product-variation__quantity {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-left: 0;
  }

  .product-variation__m--title {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    color: #9293b0;
    margin-bottom: 0.8rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-variation__m--title > img {
    margin-left: 1rem;
    width: 4rem;
    height: 4rem;
  }

  .product-variation-item {
    display: -ms-grid;
    display: grid;
    padding: 3.2rem 16rem 3.2rem 3.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6rem;
    position: relative;
    border-radius: 4rem;
    background: #fff;
    -webkit-box-shadow: 5px 15px 70px 0px rgba(173, 178, 201, 0.35);
    box-shadow: 5px 15px 70px 0px rgba(173, 178, 201, 0.35);
    row-gap: 3.2rem;
  }

  .product-variation-item--back {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 5rem 0 0 0;
    width: 10rem;
    height: 10rem;
    background: #edeef3;
  }

  .product-variation-item--back::before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0rem;
    width: 6rem;
    height: 6rem;
    border-radius: 0 0 5rem 0;
    -webkit-box-shadow: -2rem -2rem 0 2rem #edeef3;
    box-shadow: 2rem 2rem 0 1rem #edeef3;
  }

  .product-variation-item--back::after {
    content: "";
    position: absolute;
    right: 0;
    top: -5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 0 0 5rem 0;
    -webkit-box-shadow: -2rem -2rem 0 2rem #edeef3;
    box-shadow: 2rem 2rem 0 1rem #edeef3;
  }

  .product-variation-item-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2rem;
    font-size: 3rem;
    gap: 1.6rem;
    padding: 1.6rem 2.8rem;
  }

  .product-variation-item-btn img {
    width: 4rem;
    height: 4rem;
  }

  .product-variation-item-btn.active {
    border: 1px solid #dd3197;
  }

  .product-variation-item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.2rem;
  }

  .product-variation-item-calc--minus,
  .product-variation-item-calc--number,
  .product-variation-item-calc--plus {
    width: 7.4rem;
    height: 7.4rem;
  }

  .product-variation-item-calc--number {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .product-variation-item-calc--minus,
  .product-variation-item-calc--plus {
    font-size: 3.6rem;
    font-weight: 600;
    border-radius: 2rem;
  }

  .product-variation-item-buy {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-left: 0;
    width: 8rem;
    height: 8rem;
  }

  .product-variation-item-buy img {
    width: 4rem;
    height: 4rem;
  }

  .product-variation-item-like {
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
    margin-left: 0;
    width: 4rem;
    height: 4rem;
  }

  .product-variation-item-like svg {
    width: 4rem;
    height: 4rem;
  }

  .product-variation-item .product-variation__packing {
    -ms-grid-column: 1;
    grid-column: 1;
    width: 15rem;
  }

  .product-variation-item .product-variation__packing .product-variation--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-variation-item .product-variation__packing--img {
    width: 4.8rem;
    height: 4.8rem;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 1.6rem;
  }

  .product-variation-item .product-variation__packing--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .product-variation-item .product-variation__packing span {
    font-size: 2.8rem;
    text-align: left;
  }

  .product-variation-item .product-variation__shine {
    -ms-grid-column: 2;
    grid-column: 2;
    font-size: 2.8rem;
    text-align: left;
  }

  .product-variation-item .product-variation__coltin {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }

  .product-variation-item .product-variation__coltin .product-variation--box {
    display: block;
  }

  .product-variation-item .product-variation__color {
    padding: 0;
  }

  .product-variation-item .product-variation__tinting {
    gap: 0.8rem;
    row-gap: 1.6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product-variation-item
    .product-variation__tinting
    .product-variation-item-btn {
    width: auto;
  }

  .product-variation-item .product-variation__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 1.6rem;
  }

  .product-variation-item .product-variation__price .product-variation--box {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .product-variation-item .product-variation__quantity {
    margin-left: auto;
  }

  .product-calc-mob_box {
    border-radius: 4rem;
    padding: 5rem 0 5rem 24.6rem;
    position: relative;
  }

  .product-calc-mob_box--img {
    left: 3.2rem;
    top: 5rem;
    width: 17.2rem;
    height: 17.2rem;
    position: absolute;
  }

  .product-calc-mob_box--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .product-calc-mob_box--back {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4rem;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-box-shadow: 5px 15px 70px 0px rgba(173, 178, 201, 0.25);
    box-shadow: 5px 15px 70px 0px rgba(173, 178, 201, 0.25);
  }

  .product-calc-mob_box--title {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 1.6rem;
  }

  .product-calc-mob_box--subtitle {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    color: #9293b0;
    margin-bottom: 3.2rem;
  }

  .product-calc-mob_modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    padding: 6rem 2rem;
    z-index: 20;
    height: 100vh;
    width: 100%;
  }

  .product-calc-mob_modal.active {
    display: block;
  }

  .product-calc-mob_modal .product-calc-btns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4.8rem 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 4.8rem;
  }

  .product-calc-mob_modal .product-calc-btns .btn-empty,
  .product-calc-mob_modal .product-calc-btns .btn {
    width: 100%;
    text-align: center;
  }

  .product-calc-mob_modal .product-calc-modal {
    position: absolute;
    left: 0;
    right: 0;
    padding: 6rem 2rem;
    top: 0;
    overflow: auto;
    height: 100vh;
    background: #fff;
    z-index: 0;
  }

  .product-calc-mob_modal .product-calc-modal--end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem;
  }

  .product-calc-mob_modal .product-calc-modal--end--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-calc-mob_modal .product-calc-modal--end--text span {
    color: #9293b0;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-right: 0.8rem;
  }

  .product-calc-mob_modal .product-calc-modal--end--text strong {
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .product-calc-mob_modal .product-calc-modal--exit {
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    right: 2rem;
    top: 6rem;
  }

  .product-calc-mob_modal .product-calc-modal--exit svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-calc-mob_modal .product-calc-modal--title {
    width: 51rem;
    text-align: center;
    margin: 0 auto;
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 6rem;
  }

  .product-calc-mob_modal .product-calc-modal--results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem;
  }

  .product-calc-mob_modal .product-calc-modal--results span {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    color: #9293b0;
  }

  .product-calc-mob_modal .product-calc-modal--results strong {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .product-calc-mob_modal .product-calc-modal--back {
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    left: 2rem;
    top: 6rem;
  }

  .product-calc-mob_modal .product-calc-modal--back svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-calc-mob_modal .product-calc-modal_results {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    padding: 6rem 2rem;
    top: 0;
    overflow: auto;
    height: 100vh;
    background: #fff;
    z-index: 0;
  }

  .product-calc-mob_modal .product-calc-modal_results.active {
    display: block;
  }

  .product-calc-mob_modal .product-calc-modal_results .btn-reverse {
    margin: 0 auto;
  }

  .product-calc-mob_modal .product-calc-modal-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem;
    margin-bottom: 8rem;
  }

  .product-calc-mob_modal .product-calc-modal-item {
    display: -ms-grid;
    display: grid;
    position: relative;
    border-radius: 4rem;
    background: #fff;
    -webkit-box-shadow: 5px 15px 70px 0px rgba(173, 178, 201, 0.35);
    box-shadow: 5px 15px 70px 0px rgba(173, 178, 201, 0.35);
    -ms-grid-columns: 24rem 1fr;
    grid-template-columns: 24rem 1fr;
    padding: 3.2rem;
    row-gap: 3.2rem;
  }

  .product-calc-mob_modal .product-calc-modal-item__packing {
    -ms-grid-column: 1;
    grid-column: 1;
  }

  .product-calc-mob_modal .product-calc-modal-item__shine {
    -ms-grid-column: 2;
    grid-column: 2;
  }

  .product-calc-mob_modal .product-calc-modal-item__color {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }

  .product-calc-mob_modal .product-calc-modal-item--like {
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 3.2rem;
    right: 3.2rem;
  }

  .product-calc-mob_modal .product-calc-modal-item--cart {
    position: absolute;
    width: 8rem;
    height: 8rem;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #a05d31;
    border-radius: 50%;
  }

  .product-calc-mob_modal
    .product-calc-modal-item--cart.product-calc-modal-item--cart--have {
    background: unset;
  }

  .product-calc-mob_modal
    .product-calc-modal-item--cart.product-calc-modal-item--cart--have
    svg
    path {
    fill: #3b3c40;
  }

  .product-calc-mob_modal
    .product-calc-modal-item--cart.product-calc-modal-item--cart--have
    .product-calc-modal-item--cart-number {
    display: block;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-align: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #a05d31;
    top: 0;
    right: 0;
    border-radius: 50%;
    color: #fff;
    position: absolute;
  }

  .product-calc-mob_modal .product-calc-modal-item--cart svg {
    width: 4rem;
    height: 4rem;
    position: relative;
    z-index: 1;
  }

  .product-calc-mob_modal .product-calc-modal-item--cart-number {
    display: none;
  }

  .product-calc-mob_modal .product-calc-modal-item--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.8rem;
  }

  .product-calc-mob_modal
    .product-calc-modal-item--block.product-calc-modal-item__price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.6rem;
  }

  .product-calc-mob_modal
    .product-calc-modal-item--block.product-calc-modal-item__qty {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.6rem;
  }

  .product-calc-mob_modal
    .product-calc-modal-item--block.product-calc-modal-item__qty
    span {
    width: auto;
    height: auto;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    color: #9293b0;
    border-radius: 0;
  }

  .product-calc-mob_modal .product-calc-modal-item--title {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    color: #9293b0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-calc-mob_modal .product-calc-modal-item--title img {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-calc-mob_modal .product-calc-modal-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
  }

  .product-calc-mob_modal .product-calc-modal-item-info img {
    width: 4.8rem;
    height: 4.8rem;
  }

  .product-calc-mob_modal .product-calc-modal-item-info span {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
  }

  .product-calc-mob_modal .product-calc-modal-item-info strong {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }

  .product-calc-mob_modal .product-calc-item-top--title {
    font-size: 4rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4rem;
  }

  .product-calc-mob_modal .product-calc-item--box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem;
  }

  .product-calc-mob_modal .product-calc-item-choice {
    gap: 1.6rem;
  }

  .product-calc-mob_modal .product-calc-item-choice--title {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .product-calc-mob_modal .product-calc-item-choice--title img {
    margin-left: 0.5rem;
    width: 4rem;
    height: 4rem;
  }

  .product-calc-mob_modal .product-calc-item-choice--link {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .product-calc-mob_modal .product-calc-item-choice-container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
  }

  .product-calc-mob_modal
    .product-calc-item-choice-container.product-calc-item-choice-container--color {
    gap: 0.8rem;
  }

  .product-calc-mob_modal
    .product-calc-item-choice-container.product-calc-item-choice-container--color
    .product-calc-item-choice--box {
    background: inherit;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.8rem;
    padding: 0;
  }

  .product-calc-mob_modal
    .product-calc-item-choice-container.product-calc-item-choice-container--color
    .product-calc-item-choice--box--circle {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
  }

  .product-calc-mob_modal
    .product-calc-item-choice-container.product-calc-item-choice-container--color
    .product-calc-item-choice--box
    span {
    opacity: 0;
  }

  .product-calc-mob_modal
    .product-calc-item-choice-container.product-calc-item-choice-container--color
    .product-calc-item-choice--box.active {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    color: #a05d31;
  }

  .product-calc-mob_modal
    .product-calc-item-choice-container.product-calc-item-choice-container--color
    .product-calc-item-choice--box.active
    span {
    opacity: 1;
  }

  .product-calc-mob_modal
    .product-calc-item-choice-container.product-calc-item-choice-container--color
    .product-calc-item-choice--box.active
    .product-calc-item-choice--box--circle {
    border: 1px solid #dd3197;
  }

  .product-calc-mob_modal .product-calc-item-choice--box {
    border-radius: 2rem;
    font-size: 3rem;
    padding: 1.6rem 2.8rem;
    gap: 1.6rem;
  }

  .product-calc-mob_modal .product-calc-item-choice--box img {
    width: 4rem;
    height: 4rem;
  }

  .product-calc-mob_modal .product-calc-item-choice--box.active {
    border: 1px solid #dd3197;
  }

  .product-calc-mob_modal .product-calc-item-left {
    gap: 4rem;
  }

  .product-calc-mob_modal .product-calc-item-right {
    margin-bottom: 6rem;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4.4rem;
  }

  .product-calc-mob_modal .product-calc-item--number {
    width: 33.6rem;
    text-align: center;
    border-radius: 2rem;
    padding: 2.2rem 0;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .product-baner {
    display: none;
  }

  .product-tinting-modal-container {
    width: 75rem;
    padding: 6rem 0;
    border-radius: 4rem;

    overflow: unset;
    border-radius: 0;
  }

  .product-tinting-modal-container > div {
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
    padding: 0 4rem;
  }

  .product-tinting-modal-container .catalog__sort-container-list-overflow {
    height: 71rem;
    overflow: auto;
  }

  .product-tinting-modal-container
    .catalog__sort-container-list-overflow::-webkit-scrollbar {
    width: 0;
  }

  .product-tinting--title {
    font-size: 4rem;
    font-weight: 600;
    margin-bottom: 6rem;
  }

  .product-tinting--title span {
    font-size: 3.6rem;
    margin-left: 1rem;
  }

  .product-tinting--find {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6rem;
    gap: 4rem;
  }

  .product-tinting--find .search-box {
    width: 100%;
  }

  .product-tinting--find .search-box-icon {
    margin-right: 0;
  }

  .product-tinting-container {
    margin-bottom: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-tinting--left {
    width: auto;
    height: 24rem;
    margin-bottom: 6rem;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .product-tinting--left.active {
    height: 35rem;
  }

  .product-tinting--left.active .product-tinting-images--choice {
    -webkit-transform: translateY(1.4rem);
    transform: translateY(1.4rem);
  }

  .product-tinting--right {
    position: relative;
  }

  .product-tinting-images {
    overflow: hidden;
    width: auto;
    border-radius: 4rem;
    position: relative;
    height: 35rem;
  }

  .product-tinting-images-prev-btn {
    position: absolute;
    background: url(../assets/images/icon/button-slider-prev.svg) no-repeat;
    width: 6rem;
    height: 6rem;
    background-size: contain;
    cursor: pointer;
    top: 9rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 5;
  }

  .product-tinting-images-next-btn {
    position: absolute;
    background: url(../assets/images/icon/button-slider-next.svg) no-repeat;
    width: 6rem;
    height: 6rem;
    background-size: contain;
    cursor: pointer;
    top: 9rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: 5;
  }

  .product-tinting-images-prev-btn {
    left: -3rem;
  }

  .product-tinting-images-next-btn {
    right: -3rem;
  }

  .product-tinting-images--choice {
    width: 100%;
    padding: 8rem 0 1.4rem;
    position: absolute;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition:
      transform 0.5s ease-in-out,
      -webkit-transform 0.5s ease-in-out;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    border-radius: 4rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  .product-tinting-images--choice strong {
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 0;
  }

  .product-tinting-images--choice span {
    font-size: 2.4rem;
    line-height: 140%;
  }

  .product-tinting-images--back {
    width: 100%;
    height: 24rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.35;
  }

  .product-tinting-img {
    width: 100%;
    height: 24rem;
  }

  .product-tinting-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4rem;
  }

  .product-tinting-right {
    width: auto;
  }

  .product-tinting-all_colors {
    overflow: hidden;
    width: 100%;
    margin-bottom: 6rem;
  }

  .product-tinting-all_colors .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: (auto) [3];
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
  }

  .product-tinting-all_colors .swiper-wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .product-tinting-all_colors .swiper-wrapper > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .product-tinting-all_colors .swiper-wrapper > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .product-tinting-all_colors-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-tinting-all_colors-slide.active {
    color: #a05d31;
  }

  .product-tinting-all_colors-slide--colors {
    width: 13rem;
    height: 13rem;
  }

  .product-tinting-all_colors-slide--text {
    font-size: 2.4rem;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet {
    margin: 0;
    width: 6rem;
    height: 6rem;
    font-size: 2.8rem;
    line-height: 130%;
    border-radius: 2rem;
    opacity: 1;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.notshow {
    display: none;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots {
    padding-right: 4rem;
    position: relative;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots::before {
    content: "...";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    right: -1.5rem;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots.notdot {
    padding: 0;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots.notdot::before {
    content: unset;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots {
    padding-left: 4rem;
    position: relative;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots::before {
    content: "...";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    left: -1.5rem;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots.notdot {
    padding: 0;
  }

  .product-tinting-all_colors-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots.notdot::before {
    content: unset;
  }

  .product-tinting-all_colors--prev,
  .product-tinting-all_colors--next {
    position: absolute;
    width: 4rem;
    height: 4rem;
    bottom: 1rem;
  }

  .product-tinting-all_colors--prev svg,
  .product-tinting-all_colors--next svg {
    width: 4rem;
    height: 4rem;
  }

  .product-tinting-all_colors--prev.swiper-button-disabled,
  .product-tinting-all_colors--next.swiper-button-disabled {
    opacity: 1;
  }

  .product-tinting-all_colors--prev {
    left: 5rem;
  }

  .product-tinting-all_colors--next {
    right: 5rem;
  }

  .product-tinting-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
  }

  .product-tinting-end--selected {
    padding: 1.6rem 2.4rem;
    border-radius: 2rem;
    gap: 2rem;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .product-tinting-end--selected svg {
    width: 4.8rem;
    height: 4.8rem;
    cursor: pointer;
  }

  .product-tinting-end .btn {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .product-colors-modal-container {
    width: 71rem;
    padding: 6rem 4rem;
    border-radius: 4rem;
  }

  .product-colors-modal-container .btn-empty {
    width: 100%;
  }

  .product-colors--title {
    font-size: 4rem;
    margin-bottom: 6rem;
  }

  .product-colors-swiper {
    margin-bottom: 6rem;
  }

  .product-colors-swiper .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: (auto) [3];
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
  }

  .product-colors-swiper .swiper-wrapper > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .product-colors-swiper .swiper-wrapper > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .product-colors-swiper .swiper-wrapper > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet {
    margin: 0;
    width: 6rem;
    height: 6rem;
    font-size: 2.8rem;
    line-height: 130%;
    border-radius: 2rem;
    opacity: 1;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.notshow {
    display: none;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots {
    padding-right: 4rem;
    position: relative;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots::before {
    content: "...";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    right: -1.5rem;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots.notdot {
    padding: 0;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots.notdot::before {
    content: unset;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots {
    padding-left: 4rem;
    position: relative;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots::before {
    content: "...";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    left: -1.5rem;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots.notdot {
    padding: 0;
  }

  .product-colors-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots.notdot::before {
    content: unset;
  }
  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet {
    margin: 0;
    width: 6rem;
    height: 6rem;
    font-size: 2.8rem;
    line-height: 130%;
    border-radius: 2rem;
    opacity: 1;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.notshow {
    display: none;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots {
    padding-right: 4rem;
    position: relative;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots::before {
    content: "...";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    right: -1.5rem;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots.notdot {
    padding: 0;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.left-dots.notdot::before {
    content: unset;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots {
    padding-left: 4rem;
    position: relative;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots::before {
    content: "...";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    left: -1.5rem;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots.notdot {
    padding: 0;
  }

  .product-colors-swiper-pagination-variation.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet.right-dots.notdot::before {
    content: unset;
  }

  .product-colors-swiper--prev,
  .product-colors-swiper--next {
    position: absolute;
    width: 4rem;
    height: 4rem;
    bottom: 21rem;
  }

  .product-colors-swiper--prev svg,
  .product-colors-swiper--next svg {
    width: 4rem;
    height: 4rem;
  }

  .product-colors-swiper--prev.swiper-button-disabled,
  .product-colors-swiper--next.swiper-button-disabled {
    opacity: 1;
  }

  .product-colors-swiper--prev {
    left: 10rem;
  }

  .product-colors-swiper--next {
    right: 10rem;
  }

  .product-colors-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
  }

  .product-colors-slide--color {
    width: 13rem;
    height: 13rem;
  }

  .product-colors-slide--text {
    font-size: 2.4rem;
  }

  .found-cheaper-modal-container {
    width: 71rem;
    padding: 12rem 2rem;
    border-radius: 4rem;
  }

  .found-cheaper--title {
    font-size: 5.2rem;
    margin-bottom: 4.8rem;
  }

  .found-cheaper--subtitle {
    font-size: 3rem;
    line-height: 140%;
    width: auto;
    margin: 0 auto 6rem;
  }

  .found-cheaper--back {
    width: 105rem;
    height: 43.6rem;
  }

  .found-cheaper--form {
    width: auto;
    margin: 0 auto;
    gap: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .found-cheaper--form .btn {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 4rem auto 0;
  }
}

.basket .title-h2 {
  margin-bottom: 5rem;
}

@media (max-width: 48em) {
  .basket .title-h2 span {
    font-size: 3.4rem;
    margin-left: 1.6rem;
  }
}

.basket__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 4rem;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
}

@media (max-width: 48em) {
  .basket__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 16rem;
  }
}

.basket__footer-fixed {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
}

.basket__footer-fixed.show {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.basket__main {
  width: 114.5rem;
}

@media (max-width: 48em) {
  .basket__main {
    width: 100%;
  }
}

.basket__sidebar .product_purchase-box {
  padding: 4rem 2rem;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box {
    padding: 6rem 3rem;
  }
}

.basket__sidebar .product_purchase-box--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--top {
    margin-bottom: 3.2rem;
  }
}

.basket__sidebar .product_purchase-box--title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--title {
    font-size: 3.6rem;
  }
}

.basket__sidebar .product_purchase-box--goods {
  text-align: right;
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--goods {
    font-size: 3rem;
    line-height: 140%;
  }
}

.basket__sidebar .product_purchase-box--main {
  margin-bottom: 3.8rem;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--main {
    margin-bottom: 4rem;
  }
}

.basket__sidebar .product_purchase-box--wrapper {
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--wrapper {
    margin-bottom: 4.8rem;
  }
}

.basket__sidebar .product_purchase-box--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.basket__sidebar .product_purchase-box--item:not(:last-child) {
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--item:not(:last-child) {
    margin-bottom: 2rem;
  }
}

.basket__sidebar .product_purchase-box--item:nth-child(1) {
  margin-bottom: 1.8rem;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--item:nth-child(1) {
    margin-bottom: 2rem;
  }
}

.basket__sidebar .product_purchase-box--coast--name {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.basket__sidebar .product_purchase-box--coast--name span {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--coast--name span {
    font-size: 3.6rem;
  }
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--coast--name {
    font-size: 3rem;
    line-height: 1.4;
  }
}

.basket__sidebar .product_purchase-box--coast--value {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  text-align: right;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--coast--value {
    font-size: 3rem;
    line-height: 1.4;
  }
}

.basket__sidebar .product_purchase-box--promocode input {
  display: none;
  width: 100%;
  border-radius: 1rem;
  border: 0.1rem solid #a05d31;
  padding: 1rem;
  font-size: 1.8rem;
}

.basket__sidebar .product_purchase-box--promocode input.show {
  display: block;
}

.basket__sidebar .product_purchase-box--promocode input.show ~ span {
  display: none;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--promocode input {
    padding: 2rem;
    font-size: 3rem;
  }
}

.basket__sidebar .product_purchase-box--promocode span {
  color: #a05d31;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  cursor: pointer;
}

@media (max-width: 48em) {
  .basket__sidebar .product_purchase-box--promocode span {
    font-size: 3rem;
    line-height: 1.4;
  }
}

.basket__sidebar .product_purchase-box--btns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  row-gap: 2.8rem;
}

.basket__sidebar .product_purchase-box--btns .btn {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: auto;
}

.basket__sidebar .product_purchase-box--btns .btn-reverse {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: auto;
}

.basket__sidebar .value-sale {
  color: #a05d31;
}

.basket__sidebar .value-result {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .basket__sidebar .value-result {
    font-size: 3.6rem;
  }
}

.remove-item {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  border-radius: 3rem;
  width: 100%;
  -webkit-box-shadow: 0.5rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.25);
  box-shadow: 0.5rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.25);
  margin-bottom: 5rem;
}

.remove-item.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 48em) {
  .remove-item.show {
    display: none;
  }
}

.remove-item--mobile.show {
  display: none;
}

@media (max-width: 48em) {
  .remove-item--mobile.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.remove-item__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  padding: 2rem 2rem 2rem 4rem;
}

.remove-item__content::before {
  content: "";
  width: 2.5rem;
  height: 100%;
  background-color: #a05d31;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 48em) {
  .remove-item__content {
    padding: 2rem 2rem 3rem 8rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
  }

  .remove-item__content::before {
    width: 5rem;
  }
}

.remove-item__image {
  width: 9rem;
  height: 9rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #f4f6f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.remove-item__image img {
  width: 6.75rem;
  height: 6.75rem;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) {
  .remove-item__image {
    width: 12.8rem;
    height: 12.8rem;
    border-radius: 3rem;
  }

  .remove-item__image img {
    width: 9.6rem;
    height: 9.6rem;
  }
}

.remove-item__wrapper {
  width: 60%;
}

@media (max-width: 48em) {
  .remove-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}

@media (max-width: 48em) {
  .remove-item__subtext {
    color: #9293b0;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 140%;

    margin-bottom: 1rem;
  }
}
.header__personal-basket.desktop.header-basket.active-basket {
  opacity: 1;
  visibility: visible;
}
.remove-item__text {
  overflow: hidden;
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;

  margin-bottom: 1.9rem;
}

@media (max-width: 48em) {
  .remove-item__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}

.remove-item__btn {
  color: #a05d31;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .remove-item__btn {
    font-size: 3rem;
    line-height: 1.4;
  }
}

.check-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 3rem;
  width: 100%;
  padding: 3rem;
  -webkit-box-shadow: 0.5rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.25);
  box-shadow: 0.5rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.25);
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .check-all {
    padding: 4rem 3rem;
    border-radius: 4rem;
    margin-bottom: 6rem;
  }
}

.check-all__sidebar-form-item-checkbox {
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.check-all__sidebar-form-item-checkbox p {
  font-size: 1.8rem;
}

@media (max-width: 48em) {
  .check-all__sidebar-form-item-checkbox {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .check-all__sidebar-form-item-checkbox p {
    font-size: 3rem;
  }
}

.check-all__right {
  color: #9293b0;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .check-all__right {
    font-size: 3rem;
  }
}

.basket-item {
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 5rem 0 rgba(173, 178, 201, 0.35);
  padding: 2rem 3rem;
}

.basket-item:not(:last-child) {
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .basket-item {
    padding: 3rem 0;
  }
}

.basket-item-card {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}

@media (max-width: 48em) {
  .basket-item-card {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }
}

@media (max-width: 48em) {
  .basket-item-card__header {
    padding: 0 3rem 3rem;
    border-bottom: 0.2rem solid #dfdff0;
  }
}

.basket-item-card__header--text {
  display: inline-block;
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;

  background-color: #f3efff;
  border-radius: 1.5rem;
  padding: 0.1rem 1.1rem;
  margin-left: 4.4rem;
}

@media (max-width: 48em) {
  .basket-item-card__header--text {
    font-size: 2.8rem;
    margin-bottom: 2rem;
    margin-left: 0;
  }
}

.basket-item-card__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #3b3c40;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 130%;
}

.basket-item-card__main {
  margin-bottom: 1rem;
  margin-top: 2.1rem;
}

@media (max-width: 48em) {
  .basket-item-card__main {
    margin: 0;
    padding: 3rem 0;
    margin: 0 3rem;
  }
}

.basket-item-card__base {
  margin-bottom: 3.05rem;
}

@media (max-width: 48em) {
  .basket-item-card__base {
    margin: 0;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
}

.basket-item-card__footer {
  width: 99.9rem;
  margin: 0 auto;
  border-top: 0.1rem solid #f4f6f8;
  padding-top: 1rem;
}

@media (max-width: 48em) {
  .basket-item-card__footer {
    border: 0;
    width: 100%;
    padding: 0 3rem;
    margin: 0;
  }
}

@media (max-width: 48em) {
  .basket-item-card .product_purchase-calc--number {
    font-size: 3rem;
    font-weight: 500;
    line-height: 140%;
  }
}

.item-card-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 48em) {
  .item-card-main {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 5.8rem 23rem 1fr 3.2rem;
    grid-template-columns: 5.8rem 23rem 1fr 3.2rem;
    -ms-grid-rows: 6.6rem 5.6rem 7.6rem;
    grid-template-rows: 6.6rem 5.6rem 7.6rem;
  }

  .item-card-main > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .item-card-main > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .item-card-main > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .item-card-main > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }

  .item-card-main > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .item-card-main > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .item-card-main > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .item-card-main > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }

  .item-card-main > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .item-card-main > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .item-card-main > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .item-card-main > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }
}

.item-card-main__image {
  width: 11rem;
  height: 11rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #f4f6f8;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.4rem;
}

.item-card-main__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) {
  .item-card-main__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;

    -ms-grid-column: 2;
    grid-column: 2;
    width: 20rem;
    height: 20rem;
  }
}

.item-card-main__info {
  max-width: 47.7rem;
  margin-left: 2.5rem;
}

@media (max-width: 48em) {
  .item-card-main__info {
    -ms-grid-row: 2;
    grid-row: 2;

    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    margin-left: 0;
  }
}

.item-card-main__info-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.item-card-main__info-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 4rem;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
  margin-top: 2rem;
  color: #3b3c40;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .item-card-main__info-more {
    font-size: 2.8rem;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    margin: 0;
  }
}

.item-card-main__info-more span {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #3b3c40;
  border-radius: 50%;
}

.item-card-main__info-color {
  width: 100%;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 48em) {
  .item-card-main__info-color {
    width: 67.5%;
  }
}

.item-card-main__info-volume {
  white-space: nowrap;
}

.item-card-main__calc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 9rem;
}

@media (max-width: 48em) {
  .item-card-main__calc {
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 3;
    grid-column: 3;
    margin-left: 0;
  }
}

.item-card-main__coast {
  text-align: right;
}

@media (max-width: 48em) {
  .item-card-main__coast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1.4rem;
    -moz-column-gap: 1.4rem;
    column-gap: 1.4rem;
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    text-align: left;
  }
}

.item-card-main__coast-new {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.5rem;
}

@media (max-width: 48em) {
  .item-card-main__coast-new {
    font-size: 3.6rem;
  }
}

.item-card-main__coast-old {
  display: inline-block;
  position: relative;
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.item-card-main__coast-old::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: #9293b0;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: rotate(-3.086deg);
  transform: rotate(-3.086deg);
}

@media (max-width: 48em) {
  .item-card-main__coast-old {
    font-size: 2.8rem;
  }

  .item-card-main__coast-old::before {
    height: 0.2rem;
  }
}

.item-card-main__remove {
  margin-left: 2.4rem;
}

@media (max-width: 48em) {
  .item-card-main__remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 0;
  }
}

.item-card-main__remove svg {
  width: 1.6rem;
  height: 1.8rem;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) {
  .item-card-main__remove svg {
    width: 3.2rem;
    height: 3.6rem;
  }
}

.item-card-main__checkbox {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-right: 2rem;
}

@media (max-width: 48em) {
  .item-card-main__checkbox {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;

    -ms-grid-column: 1;
    grid-column: 1;
    margin-right: 0;
  }
}

@media (max-width: 48em) {
  .item-card-base {
    border-bottom: 0.2rem solid #dfdff0;
  }
}

.item-card-base__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.1rem;
}

@media (max-width: 48em) {
  .item-card-base__top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.5rem;
  }
}

.item-card-base__title {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .item-card-base__title {
    font-size: 2.8rem;
  }
}

.item-card-base__result {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .item-card-base__result {
    font-size: 3rem;
    line-height: 1.5;
  }
}

.item-card-base__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.item-card-base__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

@media (max-width: 48em) {
  .item-card-base__col {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.item-card-base__col-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.item-card-base__col-wrapper button {
  color: #a05d31;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 48em) {
  .item-card-base__col-wrapper button {
    font-size: 2.8rem;
  }
}

@media (max-width: 48em) {
  .item-card-base__col-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 0.6rem;
  }
}

.item-card-base__color {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
}

@media (max-width: 48em) {
  .item-card-base__color {
    width: 4rem;
    height: 4rem;
  }
}

.item-card-base__color-name {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: normal;
}

@media (max-width: 48em) {
  .item-card-base__color-name {
    font-size: 2.8rem;
  }
}

.item-card-base__coast {
  color: #3b3c40;
  text-align: right;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .item-card-base__coast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 3rem;
  }
}

.item-card-base__coast span {
  color: #9293b0;
  font-size: 1.6rem;
  line-height: 140%;

  margin-right: 1.2rem;
}

@media (max-width: 48em) {
  .item-card-base__coast span {
    display: block;
    margin: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 2.4rem;
  }
}

.item-card-recommendation__button {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .item-card-recommendation__button {
    font-size: 3rem;
  }
}

.item-card-recommendation__button button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.item-card-recommendation__button button.open span {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition:
    transform 0.2s linear,
    -webkit-transform 0.2s linear;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.item-card-recommendation__button button span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition:
    transform 0.2s linear,
    -webkit-transform 0.2s linear;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.item-card-recommendation__button button span svg {
  width: 1.6rem;
  height: 1.6rem;
}

@media (max-width: 48em) {
  .item-card-recommendation__button button span svg {
    width: 3.2rem;
    height: 3.2rem;
  }
}

.item-card-recommendation__slider {
  position: relative;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
  height: 0;
}

.item-card-recommendation__slider.show {
  margin-top: 2rem;
  height: auto;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

.item-card-recommendation__next {
  width: 16.2rem;
  height: 100%;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0, #fff),
    color-stop(90%, rgba(255, 255, 255, 0))
  );
  background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 90%);
  position: absolute;
  top: 0;
  right: -0.8rem;
  z-index: 1;
}

@media (max-width: 48em) {
  .item-card-recommendation__next {
    display: none;
  }
}

.item-card-recommendation__prev {
  width: 16.2rem;
  height: 100%;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0, rgba(255, 255, 255, 0)),
    color-stop(90%, #fff)
  );
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0, #fff 90%);
  position: absolute;
  top: 0;
  left: -0.5rem;
  z-index: 1;
}

@media (max-width: 48em) {
  .item-card-recommendation__prev {
    display: none;
  }
}

.card-recommendation-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-recommendation-content__item.swiper-slide {
  max-width: 37.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 0.8rem;
  -moz-column-gap: 0.8rem;
  column-gap: 0.8rem;
  padding: 1.5rem;
}

@media (max-width: 48em) {
  .card-recommendation-content__item.swiper-slide {
    max-width: 60rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding: 3rem;
  }
}

.recommendation-item {
  border-radius: 2rem;
  background: #f4f6f8;
}

@media (max-width: 48em) {
  .recommendation-item {
    border-radius: 4rem;
  }
}

.recommendation-item__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 9rem;
  height: 9rem;
  background-color: #fff;
  border-radius: 2rem;
  padding: 1.7rem 2rem;
}

.recommendation-item__image img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) {
  .recommendation-item__image {
    width: 18rem;
    height: 18rem;
    border-radius: 4rem;
    padding: 3.4rem 4rem;
  }
}

.recommendation-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 1rem;
  width: 24.3rem;
}

@media (max-width: 48em) {
  .recommendation-item__info {
    width: 62%;
    height: 100%;
    row-gap: 2rem;
  }
}

.recommendation-item__name {
  width: 19.6rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .recommendation-item__name {
    width: 100%;
    font-size: 2.8rem;
    margin-left: 1rem;
  }
}

.recommendation-item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 48em) {
  .recommendation-item__bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.recommendation-item__coast {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .recommendation-item__coast {
    font-size: 3.4rem;
  }
}

.recommendation-item__btn {
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #a05d31;
  border-radius: 50%;
  padding: 1.067rem;
}

.recommendation-item__btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) {
  .recommendation-item__btn {
    width: 8rem;
    height: 8rem;
    padding: 2.134rem;
  }
}

.basket-footer-fixed {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #fff;
  border-radius: 4rem;
  -webkit-box-shadow: 1rem 3rem 14rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 1rem 3rem 14rem 0 rgba(173, 178, 201, 0.35);
  position: fixed;
  bottom: 4.2rem;
  left: 2rem;
  z-index: 2;
  width: 71rem;
  min-height: 26.4rem;
}

.basket-footer-fixed__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3.2rem 2rem;
}

.basket-footer-fixed__coast {
  color: #3b3c40;
  font-size: 5.2rem;
  font-weight: 500;
  line-height: normal;
}

.basket-footer-fixed__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem;
  margin-right: 1rem;
  margin-left: 2.8rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.basket-footer-fixed__btn-reverse {
  padding: 0;
  width: 8.4rem;
  height: 8.4rem;
  border-radius: 2rem;
  border: 0.3rem solid #dd3197;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.basket-footer-fixed .btn-reverse--icon {
  background: none;
  width: 4rem;
  height: 4rem;
}

.basket-footer-fixed .btn-reverse--icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 4.05rem;
  z-index: 3;
  width: 78.6rem;
  min-height: 80.4rem;
}

.header-basket:hover {
  visibility: visible;
  opacity: 1;
}

.header-basket__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 77.4rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 3rem;

  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
}

.header-basket__top {
  padding: 3rem 0 2.5rem 0;
  margin: 0 3rem;
  border-bottom: 0.1rem solid #dfdff0;
}

.header-basket__top--title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

.header-basket__top--title span {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.header-basket__main {
  height: 52rem;
  overflow-y: auto;
  padding: 0 2rem 0 3rem;
  margin-right: 2rem;
}

.header-basket__main::-webkit-scrollbar {
  width: 0.3rem;
}

.header-basket__main::-webkit-scrollbar-track {
  background: #fff;
}

.header-basket__main::-webkit-scrollbar-thumb {
  background-color: #dfdff0;

  border-radius: 0.3rem;
}

.header-basket__main--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2rem 0;
  border-bottom: 0.1rem solid #dfdff0;
}

.header-basket__main--item-img {
  width: 10rem;
  height: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 2rem;
  border: 0.2rem solid #f4f6f8;
  background: #fff;
}

.header-basket__main--item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-basket__main--item-content {
  min-width: 54.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.header-basket__main--item-remove {
  width: 1.6rem;
  height: 1.8rem;
}

.header-basket__main--item-remove svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-basket__main--item-left {
  max-width: 40.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 1.5rem;
}

.header-basket__main--item-right {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 1.5rem;
}

.header-basket__main--item-coast {
  text-align: right;
  color: #3b3c40;
}

.header-basket__main--item-new {
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.header-basket__main--item-old {
  display: inline-block;
  position: relative;
  color: #9293b0;
  font-size: 1.6rem;
  line-height: 140%;
}

.header-basket__main--item-old::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: #9293b0;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  -webkit-transform: rotate(-3.086deg);
  transform: rotate(-3.086deg);
}

.header-basket__main--item-value {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.header-basket__main--item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.header-basket__main--item-name {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.header-basket__main--item-volume {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;

  white-space: nowrap;
}

.header-basket__main--item-mat {
  width: 10.8rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #3b3c40;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.header-basket__main--item-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  width: 18.8rem;
}

.header-basket__main--item-color span {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.header-basket__main--item-color strong {
  max-width: 14.8rem;
  color: #3b3c40;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.header-basket__footer {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  row-gap: 2rem;
  padding: 3rem;
  background-color: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem rgba(173, 178, 201, 0.35);
}

.header-basket__footer--btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.header-basket__footer--btns .btn {
  width: 50%;
}

.header-basket__footer--btns .btn--text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.header-basket__footer--btns .btn-reverse {
  width: 50%;
}

.header-basket__footer--btns .btn-reverse--text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.header-basket__footer--total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

.header-basket__footer--total-text {
  color: #9293b0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.header-basket__footer--total-value {
  color: #3b3c40;
  text-align: right;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

.header__personal-cart:hover ~ .header__personal-basket {
  visibility: visible;
  opacity: 1;
}

.order_purchase .product_purchase-box {
  padding: 4rem 2rem;
  margin-top: 6rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box {
    padding: 6rem 3rem;
    margin-top: 0;
  }
}

.order_purchase .product_purchase-box--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--top {
    margin-bottom: 3.2rem;
  }
}

.order_purchase .product_purchase-box--title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--title {
    font-size: 3.6rem;
  }
}

.order_purchase .product_purchase-box--goods {
  color: #9293b0;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--goods {
    font-size: 3rem;
    line-height: 140%;
  }
}

.order_purchase .product_purchase-box--main {
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--main {
    margin-bottom: 4.8rem;
  }
}

.order_purchase .product_purchase-box--wrapper {
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--wrapper {
    margin-bottom: 4.8rem;
  }
}

.order_purchase .product_purchase-box--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.order_purchase .product_purchase-box--item:not(:last-child) {
  margin-bottom: 1.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--item:not(:last-child) {
    margin-bottom: 2rem;
  }
}

.order_purchase .product_purchase-box--item.item-result {
  margin-top: 2.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--item.item-result {
    margin-top: 0;
  }
}

.order_purchase .product_purchase-box--coast--name {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.order_purchase .product_purchase-box--coast--name.name-result {
  font-size: 2.4rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--coast--name.name-result {
    font-size: 3.6rem;
    line-height: normal;
  }
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--coast--name {
    font-size: 3rem;
    line-height: 140%;
  }
}

.order_purchase .product_purchase-box--coast--value {
  color: #3b3c40;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.order_purchase .product_purchase-box--coast--value.value-sale {
  color: #a05d31;
}

.order_purchase .product_purchase-box--coast--value.value-result {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--coast--value.value-result {
    font-size: 3.6rem;
  }
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--coast--value {
    font-size: 3rem;
    line-height: 140%;
  }
}

.order_purchase .product_purchase-box--promocode span {
  display: block;
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  margin-bottom: 1.6rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--promocode span {
    font-size: 3rem;
    line-height: 140%;
    margin-bottom: 2rem;
  }
}

.order_purchase .product_purchase-box--promocode input {
  width: 100%;
  height: 6rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #9293b0;
  padding: 1.8rem 2.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--promocode input {
    padding: 2.4rem 4rem;
    height: 8.4rem;
    font-size: 2.8rem;
    border: 0.2rem solid #9293b0;
    border-radius: 2rem;
  }
}

.order_purchase
  .product_purchase-box--promocode
  input::-webkit-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order_purchase .product_purchase-box--promocode input::-moz-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order_purchase .product_purchase-box--promocode input:-ms-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order_purchase .product_purchase-box--promocode input::-ms-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order_purchase .product_purchase-box--promocode input::placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order_purchase
    .product_purchase-box--promocode
    input::-webkit-input-placeholder {
    font-size: 2.8rem;
  }

  .order_purchase .product_purchase-box--promocode input::-moz-placeholder {
    font-size: 2.8rem;
  }

  .order_purchase .product_purchase-box--promocode input:-ms-input-placeholder {
    font-size: 2.8rem;
  }

  .order_purchase
    .product_purchase-box--promocode
    input::-ms-input-placeholder {
    font-size: 2.8rem;
  }

  .order_purchase .product_purchase-box--promocode input::placeholder {
    font-size: 2.8rem;
  }
}

.order_purchase .product_purchase-box--btns .btn {
  padding: 0;
  margin-bottom: 0;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--btns .btn {
    border-radius: 2rem;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.order_purchase .product_purchase--line {
  height: 0.1rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase--line {
    margin-bottom: 3.2rem;
  }
}

.order__header {
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .order__header {
    margin-bottom: 8rem;
  }
}

.order__back {
  margin-bottom: 6rem;
}

.order__back label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2.4rem;
  -moz-column-gap: 2.4rem;
  column-gap: 2.4rem;
}

.order__back span {
  width: 4.8rem;
  height: 4.8rem;
}

.order__back span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.order__back button {
  color: #3b3c40;
  font-size: 3rem;
  font-weight: 500;
  line-height: 140%;
}

.order__title {
  margin-bottom: 8rem;
}

@media (max-width: 48em) {
  .order__title {
    margin-bottom: 6rem;
  }
}

.order__progress {
  position: relative;
}

.order__progress-line {
  background: #dfdff0;
  width: 100%;
  height: 0.1rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.order__progress-line-pink {
  background: #a05d31;
  width: 16.5%;
  height: 0.1rem;
  position: absolute;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

@media (max-width: 48em) {
  .order__progress-line-pink {
    width: 12.5%;
  }
}

.order__progress-line-pink.second {
  width: 50%;
}

.order__progress-line-pink.second.third {
  width: 83.5%;
}

@media (max-width: 48em) {
  .order__progress-line-pink.second.third {
    width: 88.5%;
  }
}

.order__progress-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order__progress-step {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 0.1rem solid #9293b0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  cursor: pointer;
}

@media (max-width: 48em) {
  .order__progress-step {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order__progress-step:first-child {
  margin-left: 24.8rem;
}

@media (max-width: 48em) {
  .order__progress-step:first-child {
    margin-left: 5.8rem;
  }
}

.order__progress-step:last-child {
  margin-right: 24.8rem;
}

@media (max-width: 48em) {
  .order__progress-step:last-child {
    margin-right: 5.8rem;
  }
}

.order__progress-step--number {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
}

@media (max-width: 48em) {
  .order__progress-step--number {
    font-size: 2.8rem;
  }
}

.order__progress-step--text {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
  position: absolute;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding: 0.9rem 2.4rem;
  border-radius: 1.5rem;
  background: #f4f6f8;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: -6rem;
}

@media (max-width: 48em) {
  .order__progress-step--text {
    display: none;
    font-size: 2.8rem;
    line-height: 130%;
    padding: 1.6rem 2.4rem;
    border-radius: 10px;
    top: -9.4rem;
  }
}

.order__progress-step--ok {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
  position: absolute;
}

@media (max-width: 48em) {
  .order__progress-step--ok {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0;
    position: absolute;
  }
}

.order__progress-step.active {
  border: unset;
}

.order__progress-step.active .order__progress-step--number {
  opacity: 0;
}

.order__progress-step.active .order__progress-step--ok {
  opacity: 1;
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order__progress-step.active .order__progress-step--ok {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order__progress-step.active .order__progress-step--ok svg {
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order__progress-step.active .order__progress-step--ok svg {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order__progress-step:hover .order__progress-step--text {
  opacity: 1;
}

.order__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 6rem;
  -moz-column-gap: 6rem;
  column-gap: 6rem;
}

@media (max-width: 48em) {
  .order__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 16rem;
  }
}

.order__wrapper-form {
  max-width: 112.5rem;
  width: 100%;
}

.order-form--second,
.order-form--third {
  display: none;
  opacity: 0;
}

.order-form__header {
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .order-form__header {
    margin-bottom: 6rem;
  }
}

.order-form__title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .order-form__title {
    font-size: 3.6rem;
    margin-bottom: 6rem;
  }
}

.order-form__main {
  width: 100%;
  background-color: #fff;
  border-radius: 3rem;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  padding: 4rem;
}

@media (max-width: 48em) {
  .order-form__main {
    border-radius: 4rem;
    padding: 6rem 3rem;
  }
}

.order-form__main--bg--none {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.order-form__switcher-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

@media (max-width: 48em) {
  .order-form__switcher-btns {
    gap: 1.6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.order-form__switcher-btn {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
  border-radius: 1.5rem;
  background: #f4f6f8;
  padding: 0.9rem 2.4rem;
  cursor: pointer;
}

.order-form__switcher-btn.active {
  color: #fff;
  background: #a05d31;
}

@media (max-width: 48em) {
  .order-form__switcher-btn {
    font-size: 2.8rem;
    line-height: 130%;

    padding: 1.6rem 2.4rem;
    border-radius: 2rem;
  }
}

.order-form__item-pay {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.order-form__item-pay.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-form-main__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .order-form-main__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 6rem;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 6rem;
  }
}

.order-form-main__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6rem;
  -moz-column-gap: 6rem;
  column-gap: 6rem;
}

@media (max-width: 48em) {
  .order-form-main__toggle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 4rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.order-form-main__item-radio {
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

@media (max-width: 48em) {
  .order-form-main__item-radio {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }
}

.order-form-main__item-radio p {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .order-form-main__item-radio p {
    font-size: 3.4rem;
    line-height: 140%;
  }
}

@media (max-width: 48em) {
  .order-form-main__account {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.order-form-main__account label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  cursor: pointer;
}

@media (max-width: 48em) {
  .order-form-main__account label {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
}

.order-form-main__account span {
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order-form-main__account span {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order-form-main__account span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.order-form-main__account button {
  color: #a05d31;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .order-form-main__account button {
    font-size: 3.6rem;
  }
}

.order-form-main__content {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
}

.order-form-main__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 48em) {
  .order-form-main__content {
    gap: 4rem;
  }
}

.order-form-item {
  max-width: 51.2rem;
  width: 100%;
}

@media (max-width: 48em) {
  .order-form-item {
    max-width: 100%;
  }
}

.order-form-item__title {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  margin-bottom: 1.5rem;
  margin-left: 2.5rem;
}

.order-form-item__title span {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .order-form-item__title span {
    font-size: 3rem;
    line-height: 140%;
  }
}

@media (max-width: 48em) {
  .order-form-item__title {
    font-size: 3rem;
    line-height: 140%;
    margin-bottom: 1.2rem;
    margin-left: 4rem;
  }
}

.order-form-item__subtitle {
  color: #9293b0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .order-form-item__subtitle {
    font-size: 2.4rem;
    line-height: 140%;
  }
}

.order-form-item__label {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.6rem;
  -moz-column-gap: 0.6rem;
  column-gap: 0.6rem;
  width: 100%;
  padding: 1.8rem 2.5rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #a05d31;
}

@media (max-width: 48em) {
  .order-form-item__label {
    padding: 2.2rem 4rem;
    border: 0.2rem solid #a05d31;
    border-radius: 2rem;
    margin-bottom: 2.4rem;
  }
}

.order-form-item__label.disabled {
  cursor: default;
  background-color: #f4f6f8;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

@media (max-width: 48em) {
  .order-form-item__label.disabled {
    -webkit-column-gap: 7rem;
    -moz-column-gap: 7rem;
    column-gap: 7rem;
  }
}

.order-form-item__label.disabled input {
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-form-item__label.label-file {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 51.2rem;
  margin-bottom: 1.4rem;
}

@media (max-width: 48em) {
  .order-form-item__label.label-file {
    width: 100%;
    margin-bottom: 2.4rem;
  }
}

.order-form-item__label input {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
}

@media (max-width: 48em) {
  .order-form-item__label input {
    height: 4rem;
    font-size: 2.8rem;
  }
}

.order-form-item__label input:invalid + .order-form-item__placeholder {
  display: inline;
}

.order-form-item__label textarea {
  display: block;
  width: 100%;
  resize: none;
  height: 12rem;
  font-size: 1.6rem;
}

@media (max-width: 48em) {
  .order-form-item__label textarea {
    height: 28rem;
    font-size: 2.8rem;
  }
}

.order-form-item__label textarea::-webkit-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-form-item__label textarea::-moz-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-form-item__label textarea:-ms-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-form-item__label textarea::-ms-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-form-item__label textarea::placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-form-item__label textarea::-webkit-input-placeholder {
    font-size: 2.8rem;
  }

  .order-form-item__label textarea::-moz-placeholder {
    font-size: 2.8rem;
  }

  .order-form-item__label textarea:-ms-input-placeholder {
    font-size: 2.8rem;
  }

  .order-form-item__label textarea::-ms-input-placeholder {
    font-size: 2.8rem;
  }

  .order-form-item__label textarea::placeholder {
    font-size: 2.8rem;
  }
}

.order-form-item__label input[type="file"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
  display: block;
}

.order-form-item__label input[type="file"] + .order-form-item__placeholder {
  color: #a05d31;
  position: static;
  width: auto;
}

.order-form-item__icon {
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order-form-item__icon {
    width: 4rem;
    height: 4rem;
  }
}

.order-form-item__icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.order-form-item__placeholder {
  cursor: pointer;
  position: absolute;
  top: 2rem;
  left: 5.5rem;
  z-index: 1;
  width: 43rem;
  height: 2.4rem;
  display: none;
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-form-item__placeholder {
    font-size: 2.8rem;
    width: 52rem;
    height: 4rem;
    top: 2.4rem;
    left: 8.6rem;
  }
}

.order-form-item__placeholder span {
  color: #a05d31;
}

.order-form-item__btn {
  color: #a05d31;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-form-item__btn {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.pickup-form__header {
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .pickup-form__header {
    margin-bottom: 4rem;
  }
}

.pickup-form__delivery-coast {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;

  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .pickup-form__delivery-coast {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
}

.pickup-form__delivery-coast.transport-coast {
  width: 72.3rem;
}

@media (max-width: 48em) {
  .pickup-form__delivery-coast.transport-coast {
    display: none;
  }
}

.pickup-form__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 48em) {
  .pickup-form__toggle {
    gap: 4rem;
  }
}

.pickup-form__toggle label {
  -webkit-column-gap: 1.2rem;
  -moz-column-gap: 1.2rem;
  column-gap: 1.2rem;
}

@media (max-width: 48em) {
  .pickup-form__toggle label {
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
  }
}

.pickup-form__main-map {
  position: relative;
  width: 100%;
  height: 66.9rem;
  border-radius: 3rem;
  overflow: hidden;
}

.pickup-form__main-map .order-map-modal--exit {
  display: none;
}

@media (max-width: 48em) {
  .pickup-form__main-map .order-map-modal--exit {
    display: block;
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    top: 4rem;
    right: 2rem;
  }
}

@media (max-width: 48em) {
  .pickup-form__main-map .order-map-modal-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.pickup-form__map {
  width: 100%;
  height: 100%;
}

.pickup-form__map-modal {
  position: absolute;
  top: 3rem;
  right: 3rem;
}

@media (max-width: 48em) {
  .pickup-form__map-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(59, 60, 64, 0.4509803922);
    z-index: 20;
  }
}

.pickup-form__list {
  display: none;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 48em) {
  .pickup-form__list {
    gap: 3rem;
  }
}

.pickup-form__item {
  width: 51.2rem;
  min-height: 27rem;
  padding: 2.5rem;
}

@media (max-width: 48em) {
  .pickup-form__item {
    width: 100%;
    height: 50.2rem;
    padding: 3rem;
  }
}

.order-footer-fixed {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: fixed;
  bottom: 7rem;
  left: 2rem;
  z-index: 2;
  width: 71rem;
  min-height: 30rem;
  background-color: #fff;
  border-radius: 4rem;
}

.order-footer-fixed.show {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.order-footer-fixed__inner {
  padding: 3.2rem 2rem;
}

.order-footer-fixed__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3.2rem;
}

.order-footer-fixed__goods {
  color: #9293b0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 140%;
}

.order-footer-fixed__cost {
  color: #3b3c40;
  text-align: right;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: normal;
}

.order-footer-fixed__btn {
  width: 100%;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pickup-list--item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 1.5rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
}

@media (max-width: 48em) {
  .pickup-list--item {
    border-radius: 3rem;
  }
}

.pickup-list--item.active {
  background: #ffefd8;
}

.pickup-list--item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 48em) {
  .pickup-list--item__header {
    gap: 2rem;
  }
}

.pickup-list--item__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.pickup-list--item__radio-name {
  width: 210px;
}

@media (max-width: 48em) {
  .pickup-list--item__radio {
    gap: 3.2rem;
  }
}

.pickup-list--item__radio-item {
  width: 2.4rem;
}

@media (max-width: 48em) {
  .pickup-list--item__radio-item {
    width: 4.8rem;
  }
}

.pickup-list--item__radio-title {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .pickup-list--item__radio-title {
    font-size: 3.4rem;
    line-height: 140%;
  }
}

.pickup-list--item__radio-subtitle {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .pickup-list--item__radio-subtitle {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.pickup-list--item__call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

@media (max-width: 48em) {
  .pickup-list--item__call {
    gap: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 48em) {
  .pickup-list--item__call.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.pickup-list--item__call-item {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.pickup-list--item__call-item strong {
  display: block;
  color: #a05d31;
  font-weight: 500;
}

.pickup-list--item__call-item span {
  display: block;
  color: #9293b0;
  text-align: right;
}

@media (max-width: 48em) {
  .pickup-list--item__call-item span {
    text-align: left;
  }
}

@media (max-width: 48em) {
  .pickup-list--item__call-item {
    font-size: 2.8rem;
    line-height: 130%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
  }
}

.pickup-list--item__call-btn {
  width: 4rem;
  height: 4rem;
  background-color: #a05d31;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 48em) {
  .pickup-list--item__call-btn {
    width: 8rem;
    height: 8rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.pickup-list--item__call-btn svg {
  width: 2rem;
  height: 2rem;
}

@media (max-width: 48em) {
  .pickup-list--item__call-btn svg {
    width: 4rem;
    height: 4rem;
  }
}

.pickup-list--item__address {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .pickup-list--item__address {
    font-size: 2.8rem;
    line-height: 130%;
    margin-bottom: 3rem;
  }
}

.pickup-list--item__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 48em) {
  .pickup-list--item__footer {
    gap: 2rem;
  }
}

.pickup-list--item__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: #3b3c40;
  border-radius: 1.5rem;
  padding: 0.8rem 1rem;
}

@media (max-width: 48em) {
  .pickup-list--item__time {
    gap: 2rem;
    padding: 1.4rem 2rem;
    border-radius: 3rem;
  }
}

.pickup-list--item__time strong {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .pickup-list--item__time strong {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.pickup-list--item__time span {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .pickup-list--item__time span {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.pickup-list--item__time span svg {
  width: 100%;
  height: 100%;
}

.pickup-list--item__weekend {
  font-weight: 500;
  color: #9293b0;
  text-align: right;
  font-size: 1.6rem;
  line-height: 140%;
}

@media (max-width: 48em) {
  .pickup-list--item__weekend {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.transport-form__inner {
  background-color: #fff;
  border-radius: 3rem;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  padding: 3rem 4rem;
}

@media (max-width: 48em) {
  .transport-form__inner {
    border-radius: 4rem;
    padding: 6rem 3rem;
  }
}

.transport-form__header {
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .transport-form__header {
    display: none;
  }
}

.transport-form__title {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.transport-form__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

@media (max-width: 48em) {
  .transport-form__main {
    fap: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6rem;
  }
}

.transport-form__item {
  cursor: pointer;
  width: 25rem;
  height: 19.4rem;
  border-radius: 1.5rem;
  border: 0.2rem solid #f4f6f8;
  background: #fff;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 48em) {
  .transport-form__item {
    width: 100%;
    height: 32rem;
    border-radius: 3rem;
    border: 0.4rem solid #f4f6f8;
    padding: 3rem;
  }
}

.transport-form__item.active {
  background: #ffefd8;
}

.transport-form__item-radio {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.transport-form__img {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.transport-form__img img {
  max-width: 14rem;
  max-height: 9rem;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) {
  .transport-form__img img {
    max-width: 23.4rem;
    max-height: 18.6rem;
  }
}

.transport-form__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3b3c40;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  width: 14.9rem;
}

@media (max-width: 48em) {
  .transport-form__text {
    width: 29.8rem;
    font-size: 3rem;
    line-height: 140%;
    margin-bottom: 4rem;
  }
}

.transport-form__footer {
  display: none;
}

.transport-form__footer .order-form-item__title {
  margin-left: 0;
}

@media (max-width: 48em) {
  .transport-form__footer .order-form-item__title {
    margin-left: 4rem;
  }
}

.pay-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 33.8rem;
  width: 100%;
  min-height: 19.4rem;
  border-radius: 1.5rem;
  border: 0.2rem solid #f4f6f8;
  background: #fff;
  padding: 1.5rem;
}

.pay-item.active {
  background: #ffefd8;
}

.pay-item.active .pay-item__img svg path {
  fill: #a05d31;
}

@media (max-width: 48em) {
  .pay-item {
    max-width: 100%;
    min-height: 32rem;
    border-radius: 3rem;
    border: 0.4rem solid #f4f6f8;
    padding: 3rem;
  }
}

.pay-item__item-radio {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.pay-item__info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}

@media (max-width: 48em) {
  .pay-item__info {
    gap: 3.2rem;
  }
}

.pay-item__img {
  width: 4rem;
  height: 4rem;
}

@media (max-width: 48em) {
  .pay-item__img {
    width: 8rem;
    height: 8rem;
  }
}

.pay-item__img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.pay-item__text {
  color: #3b3c40;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .pay-item__text {
    font-size: 3rem;
    line-height: 140%;
  }
}

.delivery-form__inner {
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  padding: 4rem;
}

@media (max-width: 48em) {
  .delivery-form__inner {
    padding: 6rem 3rem;
    border-radius: 4rem;
  }
}

.delivery-form__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .delivery-form__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 6rem;
  }
}

.delivery-form__header > span {
  margin-left: 1.2rem;
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .delivery-form__header > span {
    font-size: 2.8rem;
    line-height: 130%;

    margin-left: 8.8rem;
  }
}

.delivery-form__item-radio p {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;

  margin-left: 1.2rem;
}

@media (max-width: 48em) {
  .delivery-form__item-radio p {
    font-size: 3.4rem;
    line-height: 140%;
    margin-left: 4rem;
  }
}

@media (max-width: 48em) {
  .delivery-form__item-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem;
  }

  .delivery-form__item-radio:first-child {
    margin-bottom: 4rem;
  }
}

.delivery-form__main {
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .delivery-form__main {
    margin-bottom: 6rem;
  }
}

.delivery-form__footer {
  padding-top: 4rem;
  border-top: 0.1rem solid #dfdff0;
}

@media (max-width: 48em) {
  .delivery-form__footer {
    border-top: 0.2rem solid #dfdff0;
    padding-top: 6rem;
  }
}

.delivery-form__footer strong {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .delivery-form__footer strong {
    font-size: 3.6rem;
  }
}

.delivery-form__footer span {
  color: #9293b0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;

  margin-right: 2rem;
}

@media (max-width: 48em) {
  .delivery-form__footer span {
    margin-right: 4rem;
    font-size: 3.4rem;
  }
}

.delivery-form-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}

@media (max-width: 48em) {
  .delivery-form-main {
    gap: 6rem;
  }
}

.delivery-form-main__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
}

@media (max-width: 48em) {
  .delivery-form-main__address {
    gap: 4rem;
  }
}

.delivery-form-main__address .order-form-item.apartment {
  max-width: 26.2rem;
  min-width: unset;
}

@media (max-width: 48em) {
  .delivery-form-main__address .order-form-item.apartment {
    max-width: 100%;
  }
}

.delivery-form-main__address
  .order-form-item.apartment
  .order-form-item__placeholder {
  width: 21rem;
}

@media (max-width: 48em) {
  .delivery-form-main__address
    .order-form-item.apartment
    .order-form-item__placeholder {
    width: 56.6rem;
  }
}

.delivery-form-main__address .order-form-item.address {
  max-width: unset;
  width: unset;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.delivery-form-main__address .order-form-item__placeholder {
  top: 1.8rem;
  left: 2.5rem;
  width: 46rem;
}

@media (max-width: 48em) {
  .delivery-form-main__address .order-form-item__placeholder {
    width: 56.6rem;
    top: 2.2rem;
    left: 4rem;
  }
}

.delivery-form-main__comment .order-form-item {
  width: 100%;
}

.delivery-form-main__comment .order-form-item__label {
  width: 100%;
}

.delivery-form-main__comment .order-form-item__label textarea {
  height: 2.4rem;
}

@media (max-width: 48em) {
  .delivery-form-main__comment .order-form-item__label textarea {
    min-height: 19.4rem;
  }
}

.delivery-form-main__comment .order-form-item__label textarea:focus {
  height: 15rem;
}

@media (max-width: 48em) {
  .delivery-form-main__comment .order-form-item__label textarea:focus {
    height: 19.4rem;
  }
}

.delivery-options__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem;
  margin-bottom: 1.2rem;
}

@media (max-width: 48em) {
  .delivery-options__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
}

@media (max-width: 48em) {
  .delivery-options__item-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.delivery-options__item-radio p {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  margin-left: 1.2rem;
}

@media (max-width: 48em) {
  .delivery-options__item-radio p {
    font-size: 3rem;
    line-height: 140%;

    margin-left: 2.4rem;
  }
}

.delivery-options__item-radio input:checked ~ p {
  color: #3b3c40;
}

.delivery-options__comment {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .delivery-options__comment {
    font-size: 3rem;
  }
}

.delivery-options__floor {
  margin-top: 2.5rem;
}

@media (max-width: 48em) {
  .delivery-options__floor {
    margin-top: 4rem;
  }
}

@media (max-width: 48em) {
  .delivery-outer__item-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.delivery-outer__item-radio p {
  color: #9293b0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;

  margin-left: 1.2rem;
}

@media (max-width: 48em) {
  .delivery-outer__item-radio p {
    margin-left: 2.4rem;
    font-size: 3rem;
  }
}

.delivery-outer__item-radio input:checked ~ p {
  color: #3b3c40;
}

.order-form-item--outer {
  margin-top: 2.5rem;
}

@media (max-width: 48em) {
  .order-form-item--outer {
    margin-top: 4rem;
  }
}

.change-address-modal-container {
  width: 95.6rem;
  height: 55.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  background: #ffefd8;
  border-radius: 3rem;
}

@media (max-width: 48em) {
  .change-address-modal-container {
    width: 100%;
    height: 116.2rem;
    border-radius: 4rem;
  }
}

.change-address-modal-container .modal-container--title {
  text-align: center;
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .change-address-modal-container .modal-container--title {
    margin-bottom: 6rem;
  }
}

.change-address-form {
  width: 64.9rem;
}

@media (max-width: 48em) {
  .change-address-form {
    width: 70rem;
  }
}

.change-address-form__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.4rem 1.5rem 43rem 1.5rem 16.5rem;
  grid-template-columns: 2.4rem 43rem 16.5rem;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.change-address-form__header .change-address-item__text:nth-child(1) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.change-address-form__header .change-address-item__text:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}

.change-address-form__content {
  max-height: 16rem;
  overflow: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

@media (max-width: 48em) {
  .change-address-form__content {
    max-height: 80rem;
    gap: 0;
  }
}

.change-address-form__inner {
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .change-address-form__inner {
    margin-bottom: 6rem;
    height: 100%;
  }
}

.change-address-form__buttons .product_purchase-box--btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4rem;
}

.change-address-form__buttons .product_purchase-box--btns .btn,
.change-address-form__buttons .product_purchase-box--btns .btn-reverse {
  width: 30.5rem;
}

.change-address-form__buttons .product_purchase-box--btns .btn {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 48em) {
  .change-address-form__buttons .product_purchase-box--btns .btn {
    width: 26rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
}

.change-address-form__buttons .product_purchase-box--btns .btn-reverse {
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 48em) {
  .change-address-form__buttons .product_purchase-box--btns .btn-reverse {
    width: 39rem;
  }
}

.change-address-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.4rem 1.5rem 43rem 1.5rem 16.5rem;
  grid-template-columns: 2.4rem 43rem 16.5rem;
  gap: 1.5rem;
}

@media (max-width: 48em) {
  .change-address-item {
    gap: 2rem;
    -ms-grid-columns: 4.8rem 2rem 1fr;
    grid-template-columns: 4.8rem 1fr;
  }

  .change-address-item:not(:last-child) {
    padding-bottom: 6rem;
    border-bottom: 0.2rem solid #9293b0;
  }

  .change-address-item:not(:first-child) {
    padding-top: 6rem;
  }
}

.change-address-item .order-form-item__label {
  border: none;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0 rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0 rgba(173, 178, 201, 0.15);
  color: #9293b0;
}

.change-address-item .order-form-item__label input {
  width: 100%;
}

.change-address-item.active .order-form-item__label {
  border: 0.1rem solid #a05d31;
  background: #ffefd8;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3b3c40;
}

@media (max-width: 48em) {
  .change-address-item.active .order-form-item__label {
    border: 0.2rem solid #a05d31;
  }
}

.change-address-item__text {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  margin-left: 2.5rem;
}

@media (max-width: 48em) {
  .change-address-item__text {
    font-size: 3rem;
    line-height: 140%;
    margin-left: 4rem;
    margin-bottom: 1.2rem;
  }
}

.change-address-item__text span {
  color: #9293b0;
}

.change-address-item__item-radio {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row-align: center;
  align-self: center;
}

@media (max-width: 48em) {
  .change-address-item__item-radio {
    -ms-grid-row-align: end;
    align-self: end;
    margin-bottom: 1.6rem;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.change-address-item__input-address {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  width: 100%;
}

@media (max-width: 48em) {
  .change-address-item__input-address {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.change-address-item__input-apartments {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  width: 100%;
}

@media (max-width: 48em) {
  .change-address-item__input-apartments {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
}

.order-form-item--outer {
  display: none;
}

.submit-order-modal-container {
  max-width: 122.4rem;
  width: 100%;
  min-height: 56.5rem;
  border-radius: 3rem;
  background: #ffefd8;
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

@media (max-width: 48em) {
  .submit-order-modal-container {
    padding: 2rem;
    min-height: 82.2rem;
    max-width: 71rem;
    border-radius: 4rem;
  }
}

.submit-order-modal-container--back {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 89.724rem;
  height: 37.3154rem;
  z-index: -1;
}

.submit-order-modal-content {
  width: 90.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 48em) {
  .submit-order-modal-content {
    width: 67rem;
  }
}

.submit-order-modal-content .modal-container--title {
  text-align: center;
  margin-bottom: 3.2rem;
}

@media (max-width: 48em) {
  .submit-order-modal-content .modal-container--title {
    margin-bottom: 4.8rem;
  }
}

.submit-order-modal-content--subtitle {
  color: #9293b0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  width: 69.5rem;
  margin: 0 0 4rem;
}

@media (max-width: 48em) {
  .submit-order-modal-content--subtitle {
    width: 95%;
    font-size: 3rem;
    line-height: 140%;

    margin: 0 0 6rem;
  }
}

.submit-order-modal__buttons .product_purchase-box--btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

@media (max-width: 48em) {
  .submit-order-modal__buttons .product_purchase-box--btns {
    gap: 3.2rem;
  }
}

@media (max-width: 48em) {
  .submit-order-modal__buttons .product_purchase-box--btns .btn {
    border-radius: 2rem;
    gap: 4rem;
    padding: 0.6rem 0.6rem 0.6rem 4rem;
  }
}

@media (max-width: 48em) {
  .submit-order-modal__buttons .product_purchase-box--btns .btn--icon {
    border-radius: 1.6rem;
  }
}

.submit-order-modal__buttons .product_purchase-box--btns .btn-reverse {
  max-width: 18.2rem;
  width: 100%;
  padding: 1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 48em) {
  .submit-order-modal__buttons .product_purchase-box--btns .btn-reverse {
    padding: 2rem 6rem;
    max-width: 27.2rem;
    border-radius: 2rem;
  }
}

.order-map-modal {
  display: none;
}

.order-map-modal.active {
  display: block;
}

.order-map-modal__card {
  position: relative;
  padding: 2.5rem;
  width: 51.2rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 1.5rem;
  background: #fff;
}

@media (max-width: 48em) {
  .order-map-modal__card {
    width: 71rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 8rem 4rem;
    border-radius: 4rem;
    gap: 6rem;
  }
}

.order-map-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.6rem;
}

@media (max-width: 48em) {
  .order-map-modal__content {
    gap: 4rem;
  }
}

.order-map-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 48em) {
  .order-map-modal__header {
    gap: 4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.order-map-modal__main {
  min-height: 6rem;
}

@media (max-width: 48em) {
  .order-map-modal__main {
    min-height: auto;
  }
}

.order-map-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 48em) {
  .order-map-modal__footer {
    gap: 2rem;
  }
}

.order-map-modal__btn {
  width: 100%;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-map-modal--item__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__radio {
    gap: 3.2rem;
  }
}

.order-map-modal--item__radio-item {
  width: 2.4rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__radio-item {
    width: 4.8rem;
  }
}

.order-map-modal--item__radio-title {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .order-map-modal--item__radio-title {
    font-size: 3.4rem;
    line-height: 140%;
  }
}

.order-map-modal--item__radio-subtitle {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-map-modal--item__radio-subtitle {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.order-map-modal--item__call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__call {
    gap: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 48em) {
  .order-map-modal--item__call.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.order-map-modal--item__call-item {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-map-modal--item__call-item strong {
  display: block;
  color: #a05d31;
  font-weight: 500;
}

.order-map-modal--item__call-item span {
  display: block;
  color: #9293b0;
  text-align: right;
}

@media (max-width: 48em) {
  .order-map-modal--item__call-item span {
    text-align: left;
  }
}

@media (max-width: 48em) {
  .order-map-modal--item__call-item {
    font-size: 2.8rem;
    line-height: 130%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
  }
}

.order-map-modal--item__call-btn {
  width: 4rem;
  height: 4rem;
  background-color: #a05d31;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 48em) {
  .order-map-modal--item__call-btn {
    width: 8rem;
    height: 8rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.order-map-modal--item__call-btn svg {
  width: 2rem;
  height: 2rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__call-btn svg {
    width: 4rem;
    height: 4rem;
  }
}

.order-map-modal--item__address {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-map-modal--item__address {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.order-map-modal--item__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: #3b3c40;
  border-radius: 1.5rem;
  padding: 0.8rem 1rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__time {
    gap: 2rem;
    padding: 1.4rem 2rem;
    border-radius: 3rem;
  }
}

.order-map-modal--item__time strong {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-map-modal--item__time strong {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.order-map-modal--item__time span {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__time span {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order-map-modal--item__time span svg {
  width: 100%;
  height: 100%;
}

.order-map-modal--item__weekend {
  color: #9293b0;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-map-modal--item__weekend {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.lk {
  position: relative;
  margin-bottom: 15rem;
}

.lk .switcher {
  margin-bottom: 0;
}

.lk .lk-bottom {
  margin-top: 3.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 8rem;
}

.lk .desktop-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 31.5rem;
}

.lk .desktop-menu__navigation {
  width: 100%;
}

.lk .desktop-menu__navigation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lk .desktop-menu__navigation-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  padding: 1.6rem 4rem 1.6rem 4rem;
}

.lk .desktop-menu__navigation-item a > svg {
  width: 2.8rem;
  height: 2.8rem;
}

.lk .desktop-menu__navigation-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 2rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  padding: 1.6rem 4rem 1.6rem 4rem;
  background: #ffefd8;
}

.lk .desktop-menu__navigation-item.active > svg {
  width: 2.8rem;
  height: 2.8rem;
}

.lk .desktop-menu__navigation-item_leave {
  margin-top: 3.5rem;
}

.lk .desktop-menu__navigation-item_leave .desktop-menu__navigation-text {
  color: #9293b0;
}

.lk .desktop-menu__navigation-text {
  color: #3b3c40;
  text-align: center;
  font-family: Euclid Circular A;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.lk .mobile-menu {
  display: none;
}

.lk .lk-inner {
  width: 100%;
  max-width: 116.5rem;
  border-radius: 3rem;
  padding: 4rem;
  background: var(--white, #fff);
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0rem rgba(173, 178, 201, 0.35);
}

.lk .lk-form {
  margin-top: 3rem;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 3rem 5rem;
  -ms-grid-rows: auto 3rem auto 3rem auto 3rem auto 3rem auto;
  grid-template-areas: "name current-password" "telephone new-password" "email repeat-password" "address ." "submit .";
}

.lk .form__change-link {
  cursor: pointer;
  margin-left: auto;
  color: #a05d31;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .lk .form__change-link {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.lk .form__item .form__item-inner {
  height: 6rem;
}

.lk .form__item_type_name {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: name;
}

.lk .form__item_type_telephone {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: telephone;
}

.lk .form__item_type_email {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: email;
}

.lk .form__item_type_address {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  gap: 2rem;
  grid-area: address;
}

.lk .form__item_type_address .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 32.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 6rem;
  padding: 1.9rem 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 1.5rem;
  border: 1px solid var(--button-gradient, #dd3197);
  background: var(--white, #fff);
  -webkit-box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
  box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
}

.lk .form__item_type_address .btn__text {
  font-family: Euclid Circular A;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  background: var(
    --button-gradient,
    linear-gradient(96deg, #dd3197 0%, #822faf 101.4%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lk .form__item_type_current-password {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: current-password;
}

.lk .form__item_type_new-password {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: new-password;
}

.lk .form__item_type_repeat-password {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: repeat-password;
}

.lk .btn-submit {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  margin-top: 2rem;
  grid-area: submit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 30.5rem;
  padding: 1.9rem 3rem;
  height: 6rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.5rem;
  background: var(
    --button-gradient,
    linear-gradient(96deg, #dd3197 0%, #822faf 101.4%)
  );
  -webkit-box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
  box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
}

.lk .btn-submit__text {
  color: #fff;
  font-family: Euclid Circular A;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.lk .btn-submit:hover {
  background: linear-gradient(96deg, #fa67bf 0%, #be63ef 101.4%);
}

.lk .btn-submit.disabled {
  background: #dfdff0;
}

@media (max-width: 48em) {
  .lk {
    margin-bottom: 16rem;
  }

  .lk .lk-bottom {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem;
  }

  .lk .title-h2 {
    display: none;
  }

  .lk .desktop-menu {
    display: none;
  }

  .lk .mobile-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
  }

  .lk .mobile-menu__close-btn {
    z-index: 10;
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: none;
    opacity: 0;
    width: 4rem;
    height: 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .lk .mobile-menu__close-btn > svg {
    width: 4rem;
    height: 4rem;
  }

  .lk .mobile-menu__btn {
    position: relative;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    height: 8.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.8rem;
    gap: 2rem;
    background-color: #fff;
    border-radius: 2rem;
    -webkit-box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
    box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
  }

  .lk .mobile-menu__btn > svg:first-of-type {
    width: 4.8rem;
    height: 4.8rem;
  }

  .lk .mobile-menu__btn > svg:last-of-type {
    width: 4rem;
    height: 4rem;
  }

  .lk .mobile-menu__btn > span {
    color: var(--black, #3b3c40);
    font-family: Euclid Circular A;
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .lk .mobile-menu__btn:last-child {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .lk .mobile-menu__navigation {
    padding: 5rem;
    border-radius: 2rem;
    background: #fff;
    -webkit-box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
    box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
    top: 0;
    left: 0;
    position: absolute;
    display: none;
    width: 100%;
  }

  .lk .mobile-menu__navigation.active .mobile-menu__close-btn {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .lk .mobile-menu__navigation-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6rem;
  }

  .lk .mobile-menu__navigation-item > a {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
  }

  .lk .mobile-menu__navigation-item > a > svg {
    width: 4.8rem;
    height: 4.8rem;
  }

  .lk .mobile-menu__navigation-item.active > a .mobile-menu__navigation-text {
    color: #a05d31;
  }

  .lk .mobile-menu__navigation-item.active > a svg path {
    fill: #a05d31;
  }

  .lk .mobile-menu__navigation-text {
    font-size: 3.4rem;
    line-height: 140%;
  }

  .lk .lk-inner {
    width: 100%;
    max-width: 100%;
    border-radius: 4rem;
    padding: 4rem 3rem;
    -webkit-box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
    box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
  }

  .lk .lk-form {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
  }

  .lk .form__item .form__item-inner {
    height: 8.4rem;
  }

  .lk .form__item_type_address {
    gap: 2rem;
  }

  .lk .form__item_type_address .btn {
    width: 100%;
    max-width: 100%;
    height: 8.4rem;
    padding: 2rem;
    border-radius: 2rem;
  }

  .lk .form__item_type_address .btn__text {
    font-size: 3rem;
    line-height: 140%;
  }

  .lk .btn-submit {
    margin-top: 2rem;
    max-width: 100%;
    padding: 2rem 6rem;
    height: 8.4rem;
    border-radius: 2rem;
  }

  .lk .btn-submit__text {
    font-size: 3rem;
    line-height: 140%;
  }

  .lk .btn-submit:hover {
    background: linear-gradient(96deg, #fa67bf 0%, #be63ef 101.4%);
  }

  .lk .btn-submit_disable {
    background: var(--Line, #dfdff0);
  }
}

.lk-my-orders {
  padding-top: 1.6rem;
  width: 100%;
}

.lk-my-orders__unregistered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 3rem;
}

.lk-my-orders__unregistered > span {
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .lk-my-orders__unregistered > span {
    font-size: 4rem;
  }
}

.lk-my-orders .order-card-list {
  width: 100%;
  max-width: 116.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.lk-my-orders .order-card {
  width: 100%;
  padding: 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.35);
}

.lk-my-orders .order-card .top-section {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #dfdff0;
}

.lk-my-orders .order-card .top-section__top-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lk-my-orders .order-card .top-section__bottom-block {
  margin-top: 1.5rem;
  display: -ms-grid;
  display: grid;
  gap: 1.5rem 2rem;
  -ms-grid-columns: -webkit-max-content 2rem -webkit-max-content;
  -ms-grid-columns: max-content 2rem max-content;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -ms-grid-rows: auto 1.5rem auto;
  grid-template-areas: "lifetime lifetime" "status manager";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lk-my-orders .order-card__name {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.lk-my-orders .order-card__name:hover {
  color: #a05d31;
}

.lk-my-orders .order-card__price {
  color: #3b3c40;
  text-align: right;
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.lk-my-orders .order-card__lifetime {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: lifetime;
  color: #9293b0;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-my-orders .order-card__status {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: status;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.9rem 2.4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.5rem;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-my-orders .order-card__status_active {
  color: #ff9935;
  border: 1px solid #ff9935;
}

.lk-my-orders .order-card__status_closed {
  color: #9293b0;
  border: 1px solid #9293b0;
}

.lk-my-orders .order-card__status_cancelled {
  color: #ff4345;
  border: 1px solid #ff4345;
}

.lk-my-orders .order-card__manager {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: manager;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

.lk-my-orders .order-card__manager-name {
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-my-orders .order-card .bottom-section {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lk-my-orders .order-card .bottom-section__bottom-block {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lk-my-orders .order-card__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.lk-my-orders .order-card__tag {
  color: #9293b0;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-my-orders .order-card__tag:not(:first-child)::before {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 0.5rem;
  height: 0.5rem;
  content: "•";
}

.lk-my-orders .order-card__location-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0.5rem;
}

.lk-my-orders .order-card__location {
  width: 100%;
  max-width: 51.4rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-my-orders .order-card__button {
  color: #a05d31;
  text-align: right;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .lk-my-orders .order-card-list {
    max-width: 100%;
  }

  .lk-my-orders .order-card {
    padding: 4rem;
    border-radius: 4rem;
    -webkit-box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
    box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
  }

  .lk-my-orders .order-card .top-section {
    padding-bottom: 3rem;
  }

  .lk-my-orders .order-card .top-section__bottom-block {
    margin-top: 3rem;
    display: -ms-grid;
    display: grid;
    gap: 2rem;
    -ms-grid-columns: -webkit-max-content;
    -ms-grid-columns: max-content;
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    -ms-grid-rows: auto 2rem auto 2rem auto;
    grid-template-areas: "status" "lifetime" "manager";
    justify-items: flex-start;
  }

  .lk-my-orders .order-card__name {
    width: 31rem;
    font-size: 3.6rem;
  }

  .lk-my-orders .order-card__price {
    font-size: 3.6rem;
  }

  .lk-my-orders .order-card__lifetime {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-my-orders .order-card__status {
    padding: 1.8rem 4.8rem;
    border-radius: 3rem;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-my-orders .order-card__manager {
    gap: 2rem;
  }

  .lk-my-orders .order-card__manager-name {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-my-orders .order-card .bottom-section {
    margin-top: 3rem;
  }

  .lk-my-orders .order-card .bottom-section__bottom-block {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .lk-my-orders .order-card__tag {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-my-orders .order-card__tag:not(:first-child)::before {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 1rem;
    height: 1rem;
    content: "•";
  }

  .lk-my-orders .order-card__location-block {
    gap: 1rem;
  }

  .lk-my-orders .order-card__location {
    width: 100%;
    max-width: 100%;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-my-orders .order-card__button {
    color: #a05d31;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-my-orders .order-card__lifetime {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .lk-my-orders .order-card__status {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .lk-my-orders .order-card__manager {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

.order-modal-container {
  width: 122.4rem;
  height: 48.5rem;
  position: relative;
  border-radius: 3rem;
  background: #ffefd8;
  padding: 12.2rem 0;
}

.order-modal-container .btn-empty {
  width: 30.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-modal-container .disabled {
  border: 2px solid #dfdff0;
}

.order-modal-container .disabled--text {
  color: #dfdff0;
}

.order-modal--back {
  position: absolute;
  width: 99.2815rem;
  height: 41.58rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.order-modal--title {
  font-size: 5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 3.2rem;
  text-align: center;
}

.order-modal--subtitle {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  text-align: center;
  width: 49.8rem;
  margin: 0 auto 4rem;
}

@media (max-width: 48em) {
  .order-modal-container {
    width: 71rem;
    height: 60rem;
    border-radius: 4rem;
    padding: 12.8rem 0 0;
    overflow: hidden;
  }

  .order-modal--back {
    width: 104.1578rem;
    height: 43.6154rem;
  }

  .order-modal--title {
    font-size: 5.2rem;
    margin-bottom: 4.8rem;
  }

  .order-modal--subtitle {
    font-size: 3rem;
    line-height: 140%;
    width: auto;
    padding: 0 2rem;
    margin: 0 auto 6rem;
  }

  .order-modal .btn-empty {
    padding: 2.2rem 4rem;
    height: 8.4rem;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    font-size: 3rem;
    border-radius: 2rem;
    -webkit-box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
    box-shadow: 1rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.2);
  }

  .order-modal .btn-empty--text {
    background: linear-gradient(139deg, #a05d31 0%, #ff9a00 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.order-details {
  padding-top: 1.6rem;
  width: 100%;
  max-width: 116.5rem;
}

.order-details .btn-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 1.2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-details .btn-back__text {
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.order-details__quantity {
  margin-top: 6rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.order-details__number {
  margin-left: 1rem;
  color: #9293b0;
  font-family: Euclid Circular A;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.order-details .product-list {
  margin-top: 3rem;
}

.order-details .order-card {
  margin-top: 4rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 5rem 0rem rgba(173, 178, 201, 0.35);
}

.order-details .order-card .top-section {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #dfdff0;
}

.order-details .order-card .top-section__top-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-details .order-card .top-section__bottom-block {
  margin-top: 1rem;
  display: -ms-grid;
  display: grid;
  gap: 1.5rem 2rem;
  -ms-grid-columns: -webkit-max-content 2rem -webkit-max-content;
  -ms-grid-columns: max-content 2rem max-content;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -ms-grid-rows: auto 1.5rem auto;
  grid-template-areas: "lifetime lifetime" "status manager";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.order-details .order-card__name {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #a05d31;
}

.order-details .order-card__price {
  color: #3b3c40;
  text-align: right;
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.order-details .order-card__lifetime {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: lifetime;
  color: #9293b0;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.order-details .order-card__status {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: status;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.9rem 2.4rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.5rem;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.order-details .order-card__status_active {
  color: #ff9935;
  border: 1px solid #ff9935;
}

.order-details .order-card__status_closed {
  color: #9293b0;
  border: 1px solid #9293b0;
}

.order-details .order-card__status_cancelled {
  color: #ff4345;
  border: 1px solid #ff4345;
}

.order-details .order-card__manager {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: manager;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

@media (max-width: 48em) {
  .order-details .order-card__lifetime {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .order-details .order-card__status {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .order-details .order-card__manager {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

.order-details .order-card__manager-name {
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.order-details .order-card .bottom-section {
  margin-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.order-details .order-card .bottom-section__bottom-block {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-details .order-card__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.order-details .order-card__tag {
  color: #9293b0;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.order-details .order-card__tag:not(:first-child)::before {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 0.5rem;
  height: 0.5rem;
  content: "•";
}

.order-details .order-card__location-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0.5rem;
}

.order-details .order-card__location {
  width: 100%;
  max-width: 51.4rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.order-details .order-card__button {
  color: #a05d31;
  text-align: right;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.order-details .basket-item {
  padding: 4rem;
}

.order-details .basket-item .product__quantity {
  color: #3b3c40;
  text-align: center;
  font-family: Euclid Circular A;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.order-details .basket-item .basket-item-card__main {
  margin: 0 0;
  padding-bottom: 1rem;
}

.order-details .basket-item .basket-item-card__footer {
  width: 100%;
  margin: 0 0;
  padding: 0 0;
}

.order-details .basket-item .item-card-main__calc {
  margin-left: 17.7rem;
}

.order-details .basket-item .number {
  gap: 0.5rem;
}

.order-details .basket-item .item-card-base__title {
  margin-top: 1rem;
}

.order-details .basket-item .item-card-base__col {
  margin-top: 1rem;
}

.order-details .basket-item .item-card-base__top {
  margin: 0 0;
}

.order-details .basket-item .basket-item-card__base {
  margin: 0 0;
  padding: 0 0;
  border: none;
}

@media (max-width: 48em) {
  .order-details .btn-back {
    gap: 2.4rem;
  }

  .order-details .btn-back__text {
    color: #3b3c40;
    font-family: Euclid Circular A;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .order-details__quantity {
    margin-top: 8rem;
    font-size: 3.6rem;
  }

  .order-details__number {
    margin-left: 1rem;
    font-size: 3rem;
    line-height: 140%;
  }

  .order-details .product-list {
    margin-top: 6rem;
  }

  .order-details .order-card {
    margin-top: 6rem;
    padding: 4rem;
    border-radius: 4rem;
    -webkit-box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
    box-shadow: 1rem 3rem 14rem 0rem rgba(173, 178, 201, 0.35);
  }

  .order-details .order-card .top-section {
    padding-bottom: 3rem;
  }

  .order-details .order-card .top-section__bottom-block {
    margin-top: 3rem;
    display: -ms-grid;
    display: grid;
    gap: 2rem;
    -ms-grid-columns: -webkit-max-content;
    -ms-grid-columns: max-content;
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    -ms-grid-rows: auto 2rem auto 2rem auto;
    grid-template-areas: "status" "lifetime" "manager";
    justify-items: flex-start;
  }

  .order-details .order-card__name {
    width: 31rem;
    font-size: 3.6rem;
  }

  .order-details .order-card__price {
    font-size: 3.6rem;
  }

  .order-details .order-card__lifetime {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .order-details .order-card__status {
    padding: 1.8rem 4.8rem;
    border-radius: 3rem;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .order-details .order-card__manager {
    gap: 2rem;
  }

  .order-details .order-card__manager-name {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .order-details .order-card .bottom-section {
    margin-top: 3rem;
  }

  .order-details .order-card .bottom-section__bottom-block {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .order-details .order-card__tag {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .order-details .order-card__tag:not(:first-child)::before {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 1rem;
    height: 1rem;
    content: "•";
  }

  .order-details .order-card__location-block {
    gap: 1rem;
  }

  .order-details .order-card__location {
    width: 100%;
    max-width: 100%;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .order-details .order-card__button {
    color: #a05d31;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .order-details .basket-item {
    padding: 3rem;
  }

  .order-details .basket-item .basket-item-card__header {
    padding: 0 0 3rem 0;
  }

  .order-details .basket-item .item-card-main {
    margin: 0 0;
    padding-bottom: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0 23rem 1fr 3.2rem;
    grid-template-columns: 0 23rem 1fr 3.2rem;
  }

  .order-details .basket-item .item-card-main__calc {
    margin-left: 0;
  }

  .order-details .basket-item .product__quantity {
    font-size: 2.8rem;
  }

  .order-details .basket-item .basket-item-card__footer {
    width: 100%;
    margin: 0 0;
    padding: 0 0;
  }

  .order-details .basket-item .item-card-base__title {
    margin-top: 3rem;
  }

  .order-details .basket-item .item-card-base__col {
    margin-top: 3rem;
    gap: 2rem;
  }

  .order-details .basket-item .basket-item-card__base {
    margin: 0 0;
    padding: 0 0;
    border: none;
  }

  .order-details .basket-item .number {
    gap: 1rem;
    color: #3b3c40;
    font-family: Euclid Circular A;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }

  .order-details
    .order-card
    .top-section__bottom-block
    > .order-card__lifetime {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .order-details .order-card .top-section__bottom-block > .order-card__status {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .order-details .order-card .top-section__bottom-block > .order-card__manager {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  .order-details
    .order-card
    .top-section__bottom-block
    > .order-card__lifetime {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .order-details .order-card .top-section__bottom-block > .order-card__status {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .order-details .order-card .top-section__bottom-block > .order-card__manager {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

.lk-info {
  width: 100%;
  max-width: 90.2rem;
}

.lk-info .lk__paragraph {
  margin-top: 2rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info .highlight {
  color: #a05d31;
}

.lk-info .lk__paragraph:first-of-type {
  margin-top: 3rem;
}

.lk-info li,
.lk-info ol {
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info .container {
  padding: 0 0;
}

.lk-info .lk-info-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.lk-info__scrollable {
  overflow: hidden;
}

.lk-info .lk-info__btns {
  width: 90.2rem;
  position: relative;
  margin-top: 1.85rem;
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 4rem;
  border-bottom: 1px solid #dfdff0;
}

.lk-info .lk-info__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.4rem 2.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem;
  border-radius: 1.5rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  background: #f4f6f8;
}

.lk-info .lk-info__btn.active {
  color: #fff;
  background: #a05d31;
}

.lk-info .note {
  color: #9293b0;
}

.lk-info__table-container {
  border-radius: 3rem;
}

.lk-info__tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4rem;
}

.lk-info__tables {
  margin-top: 5rem;
  margin-bottom: 8rem;
}

.lk-info .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lk-info .table_type_tariff {
  width: 38.7rem;
}

.lk-info .table_type_delivery {
  width: 47.4rem;
}

.lk-info .table__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dfdff0;
  border-radius: 3rem;
  z-index: 10;
  background-color: white;
  overflow: hidden;
}

.lk-info .table__title {
  margin-top: 0;
  text-align: left;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.lk-info .table__inner {
  width: 100%;
  max-width: 47rem;
  border-collapse: collapse;
  border-spacing: 0;
}

.lk-info .table__inner > thead {
  padding-top: 2rem;
  background: #f4f6f8;
}

.lk-info .table__inner > thead > tr {
  padding: 2rem 2rem;
  height: 5.2rem;
}

.lk-info .table__inner > thead > tr > th {
  padding: 2rem 2rem;
  border-bottom: 1px solid #dfdff0;
  text-align: left;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info .table__inner > tbody > tr {
  padding: 1.5rem 2rem;
  height: 5.2rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info .table__inner > tbody > tr:last-of-type > td {
  border-bottom: none;
}

.lk-info .table__inner > tbody > tr > td {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #dfdff0;
}

@media (max-width: 48em) {
  .lk-info {
    max-width: 100%;
  }

  .lk-info ul {
    margin-top: 4rem;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-info .lk__paragraph {
    margin-top: 4rem;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-info li,
  .lk-info ol {
    font-family: Euclid Circular A;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }

  .lk-info .lk__paragraph:first-of-type {
    margin-top: 4rem;
  }

  .lk-info__scrollable {
    overflow: hidden;
  }

  .lk-info__scrollable-prev {
    position: absolute;
    left: 0;
    top: 1.8rem;
    z-index: 1;
  }

  .lk-info__scrollable-prev--shadow {
    position: absolute;
    display: block;
    left: -0.2rem;
    top: -2rem;
    width: 8rem;
    height: 8rem;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(36.76%, #fff),
      color-stop(99.93%, rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      90deg,
      #fff 36.76%,
      rgba(255, 255, 255, 0) 99.93%
    );
    z-index: -1;
  }

  .lk-info__scrollable-next {
    position: absolute;
    right: 0;
    top: 1.8rem;
    z-index: 1;
  }

  .lk-info__scrollable-next--shadow {
    position: absolute;
    display: block;
    left: -6rem;
    top: -2rem;
    width: 8rem;
    height: 8rem;
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(36.76%, #fff),
      color-stop(99.93%, rgba(255, 255, 255, 0))
    );
    background: linear-gradient(
      -90deg,
      #fff 36.76%,
      rgba(255, 255, 255, 0) 99.93%
    );
    z-index: -1;
  }

  .lk-info .lk-info__btns {
    width: 71rem;
    margin-bottom: 3rem;
    margin-top: 0;
    padding-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: none;
  }

  .lk-info .lk-info__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-wrap: nowrap;
    padding: 1.6rem 2.4rem;
    height: 7.4rem;
    border-radius: 2rem;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-info__delivery {
    margin-top: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .lk-info__table-container {
    border-radius: 4rem;
  }

  .lk-info__tables {
    margin-top: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem;
  }

  .lk-info .table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .lk-info .table_type_tariff {
    width: 100%;
  }

  .lk-info .table_type_delivery {
    width: 100%;
  }

  .lk-info .table__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dfdff0;
    border-radius: 4rem;
    z-index: 10;
    background-color: white;
    overflow: hidden;
  }

  .lk-info .table__title {
    font-size: 3.4rem;
    line-height: 140%;
  }

  .lk-info .table__inner {
    max-width: 100%;
  }

  .lk-info .table__inner > thead {
    padding-top: 4rem;
  }

  .lk-info .table__inner > thead > tr {
    height: 11.6rem;
  }

  .lk-info .table__inner > thead > tr > th {
    padding: 4rem 4rem;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .lk-info .table__inner > tbody > tr {
    padding: 3rem 4rem;
    height: 9.6rem;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-info .table__inner > tbody > tr > td {
    padding: 3rem 4rem;
  }

  .lk-info .table__inner > tbody > tr > td:last-of-type {
    padding-right: 2rem;
    width: 24rem;
  }
}

.lk-info-payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 6rem;
}

.lk-info-payment ol {
  margin: 3rem 0 0;
  padding-left: 2rem;
}

.lk-info-payment ul {
  margin-top: 3rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info-payment__text-list {
  padding-left: 2.5rem;
}

.lk-info-payment__text-list > li {
  list-style: disc;
}

.lk-info-payment__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2rem;
}

.lk-info-payment__card-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 8.2rem;
  height: 5rem;
  border-radius: 1.5rem;
  background: #f4f6f8;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lk-info-payment__card-list > li > svg {
  height: 1.6rem;
}

@media (max-width: 48em) {
  .lk-info-payment {
    gap: 8rem;
  }

  .lk-info-payment ol {
    padding-left: 3.2rem;
  }

  .lk-info-payment li {
    font-size: 2.8rem;
  }

  .lk-info-payment__card-list {
    gap: 4rem;
  }

  .lk-info-payment__card-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 15rem;
    height: 9rem;
    border-radius: 2.4rem;
  }

  .lk-info-payment__card-list > li > svg {
    height: 3rem;
  }

  .lk-info-payment__text-list {
    padding-left: 4.5rem;
  }

  .lk-info-payment .title-h4 {
    max-width: 42rem;
  }
}

.lk-info-return ol {
  padding-left: 2rem;
  margin-top: 3.5rem;
}

.lk-info-return ul {
  margin-top: 3rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info-return__block {
  margin-top: 5rem;
  padding: 4rem;
  border-radius: 3rem;
  background: #f4f6f8;
}

.lk-info-return__resolution-header {
  margin-top: 0;
  width: 100%;
  color: #3b3c40;
  text-align: right;
  font-family: Euclid Circular A;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info-return__resolution-title {
  margin: 3rem auto 0;
  width: 67.3rem;
  color: #3b3c40;
  text-align: center;
  font-family: Euclid Circular A;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .lk-info-return .lk__paragraph {
    margin-top: 4rem;
  }

  .lk-info-return ol {
    padding-left: 4rem;
    margin-top: 6rem;
  }

  .lk-info-return__block {
    margin-top: 8rem;
    padding: 4rem;
    border-radius: 6rem;
  }

  .lk-info-return__resolution-header {
    margin-top: 0;
    margin-left: auto;
    font-size: 2.4rem;
    width: 38.8rem;
  }

  .lk-info-return__resolution-title {
    margin: 6rem auto 0;
    width: 63rem;
    font-size: 3rem;
    line-height: 140%;
  }
}

.lk-info-help p {
  color: var(--black, #3b3c40);
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info-help__question-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6rem;
}

.lk-info-help__question-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.lk-info-help__question-block ul {
  margin: 0;
  padding-left: 2.5rem;
}

.lk-info-help__question-block ul > li {
  list-style: disc;
}

.lk-info-help__question-block ol {
  margin: 0;
  padding-left: 2.5rem;
}

.lk-info-help__question-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

@media (max-width: 48em) {
  .lk-info-help p {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-info-help__question-blocks {
    gap: 8rem;
  }

  .lk-info-help__question-block {
    gap: 4rem;
    font-size: 2.8rem;
    line-height: 130%;
  }

  .lk-info-help__question-block ul {
    padding-left: 4.5rem;
  }

  .lk-info-help__question-block ol {
    padding-left: 4.5rem;
  }

  .lk-info-help__question-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }
}

.favorites-page-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5rem;
}

.favorites-page-top--in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.favorites-page-top--in svg {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}

.favorites-page-top--in span {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.favorites-page-top--in a {
  color: #a05d31;
}

.favorites-modal-container {
  width: 122.4rem;
  height: 48.5rem;
  position: relative;
  border-radius: 3rem;
  background: #ffefd8;
  padding: 12.2rem 0;
}

.favorites-modal-container .btn {
  margin: 0 auto;
}

.favorites-modal--back {
  position: absolute;
  width: 74.9rem;
  height: 31.5rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.favorites-modal--title {
  font-size: 5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 3.2rem;
  text-align: center;
}

.favorites-modal--subtitle {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  text-align: center;
  width: 64.2rem;
  margin: 0 auto 4rem;
}

@media (max-width: 48em) {
  .favorites-page-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 6rem;
    gap: 3rem;
  }

  .favorites-page-top--in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .favorites-page-top--in svg {
    width: 4rem;
    height: 4rem;
    margin-right: 1.6rem;
  }

  .favorites-page-top--in span {
    font-size: 2.4rem;
  }

  .favorites-page .catalog__list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.8rem;
  }

  .favorites-page .catalog__list-item {
    padding: 2rem;
    width: 34.6rem;
    height: 52.8rem;
  }

  .favorites-page .catalog__list-item-visual {
    height: 26rem;
    margin-bottom: 1.6rem;
  }

  .favorites-page .catalog__list-item-visual--img {
    width: 15.2rem;
  }

  .favorites-page .catalog__list-item-visual--discount {
    top: 1rem;
    left: 1rem;
  }

  .favorites-page .catalog__list-item-visual--icon {
    top: 1rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
  }

  .favorites-page .catalog__list-item-visual--icon svg {
    width: 4rem;
    height: 4rem;
  }

  .favorites-page .catalog__list-item--back {
    width: 34.6rem;
    height: 52.8rem;
  }

  .favorites-page .catalog__list-item-info-list {
    display: none;
  }

  .favorites-page .catalog__list-item-info--small {
    display: block;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 1.8rem;
  }

  .favorites-page .catalog__list-item-info--title {
    -webkit-line-clamp: 2;
    margin-bottom: 0.8rem;
  }

  .favorites-page .catalog__list-item--price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .favorites-page .catalog__list-item--price span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
  }

  .favorites-page .popular-swiper {
    position: relative;
    z-index: 0;
  }

  .favorites-page .popular-swiper-left {
    display: block;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#fff),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    width: 28rem;
    height: 7.4rem;
    left: 0;
    top: 0;
  }

  .favorites-page .popular-swiper-right {
    display: block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#fff),
      to(rgba(255, 255, 255, 0))
    );
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    width: 28rem;
    height: 7.4rem;
    right: 0;
    top: 0;
  }

  .favorites-modal-container {
    width: 71rem;
    height: 71rem;
    border-radius: 4rem;
    padding: 12.8rem 0;
    overflow: hidden;
  }

  .favorites-modal--back {
    width: 89.6rem;
    height: 38rem;
  }

  .favorites-modal--title {
    font-size: 5.2rem;
    margin-bottom: 4.8rem;
  }

  .favorites-modal--subtitle {
    font-size: 3rem;
    line-height: 140%;
    width: auto;
    padding: 0 2rem;
    margin: 0 auto 6rem;
  }
}

.o-nas .title-h3 {
  margin-bottom: 6rem;
}

.o-nas-container {
  padding-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6rem;
  border-top: 0.1rem solid rgba(146, 147, 176, 0.5);
}

.o-nas-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.o-nas-item--title {
  font-size: 3.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 39.5rem;
}

.o-nas-item--text {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  width: 37.3rem;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.o-nas-item--img {
  margin-left: 6rem;
  width: 59.7rem;
}

.o-nas-item--img img {
  -o-object-fit: cover;
  object-fit: cover;
}

.honors__title {
  margin-bottom: 6rem;
}

.honors__content.desktop {
  display: block;
  overflow: hidden;
  -webkit-filter: drop-shadow(0.5rem 1rem 2rem rgba(173, 178, 201, 0.35));
  filter: drop-shadow(0.5rem 1rem 2rem rgba(173, 178, 201, 0.35));
  padding-right: 1rem;
  margin-right: -1rem;
}

.honors__content.mobile {
  display: none;
}

.honors__slider-next.nav-next {
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.honors__slider-prev.nav-prev {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.honors-slide.swiper-slide {
  position: relative;
  padding: 3.5rem;
  border-radius: 3rem;
  background: #fff;
}

.honors-slide__img {
  width: 30.5rem;
  height: auto;
}

.honors-slide__zoom {
  position: absolute;
  right: 3.5rem;
  bottom: 3.5rem;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: #a05d31;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.honors-slide__zoom svg {
  width: 2.8rem;
  height: 2.8rem;
}

.fancybox__container:not(.is-compact)
  .fancybox__track
  .fancybox__slide.has-close-btn {
  padding-top: 0;
}

.fancybox__nav {
  display: none;
}

.fancybox__track .fancybox__slide.has-image > .fancybox__content {
  padding: 6rem;
  width: 60rem !important;
  height: 79.2rem !important;
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0px rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0px rgba(173, 178, 201, 0.35);
}

.fancybox__track .fancybox__slide.has-image > .fancybox__content img {
  width: 48rem;
  height: 67.2rem;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.fancybox__container .fancybox__backdrop {
  opacity: 0.4;
  background: #3b3c40;
}

.fancybox__track .fancybox__content > .f-button.is-close-btn {
  --f-button-width: 4rem;
  --f-button-height: 4rem;
  --f-button-border-radius: 0;
  --f-button-svg-width: 2.2rem;
  --f-button-svg-height: 2.2rem;
  --f-button-color: #9293b0;
  --f-button-hover-color: #626377;
  position: absolute;
  top: 2rem;
  right: 2rem;
  opacity: 0.75;
}

.additional-information__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.additional-information__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}

.additional-information__download {
  width: 6rem;
  height: 6rem;
  background-color: #a05d31;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.additional-information__download svg {
  width: 1.8662rem;
  height: 2.45rem;
}

.additional-information__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.5rem;
}

.additional-information__name {
  color: #3b3c40;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.additional-information__name p:not(:last-child) {
  margin-bottom: 1rem;
}

.additional-information__info {
  color: #3b3c40;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.additional-information__info span {
  color: #9293b0;
}

.additional-information__info p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.additional-information__info p:not(:last-child) {
  margin-bottom: 2rem;
}

@media (max-width: 48em) {
  .o-nas {
    margin-bottom: 16rem;
  }

  .o-nas .title-h3 {
    margin-bottom: 4rem;
  }

  .o-nas-container {
    padding-top: 6rem;
    gap: 12rem;
  }

  .o-nas-item {
    display: -ms-grid;
    display: grid;
  }

  .o-nas-item--title {
    -ms-grid-row: 1;
    grid-row: 1;
    font-size: 4rem;
    width: auto;
    margin-bottom: 3.2rem;
  }

  .o-nas-item--text {
    -ms-grid-row: 3;
    grid-row: 3;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    width: auto;
    margin-left: auto;
    gap: 2rem;
  }

  .o-nas-item--img {
    -ms-grid-row: 2;
    grid-row: 2;
    margin-left: 0;
    width: auto;
    margin-bottom: 3.2rem;
  }

  .o-nas-item--img img {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .honors {
    margin-bottom: 16rem;
  }

  .honors__content.desktop {
    display: none;
  }

  .honors__content.mobile {
    display: block;
    overflow: hidden;
    -webkit-filter: drop-shadow(0.5rem 1rem 2rem rgba(173, 178, 201, 0.35));
    filter: drop-shadow(0.5rem 1rem 2rem rgba(173, 178, 201, 0.35));
    padding-right: 1rem;
    margin-right: -1rem;
  }

  .honors__wrapper.swiper-wrapper {
    margin-bottom: 6rem;
  }

  .honors__slide-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.6rem;
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .honors__slide-pagination.swiper-pagination-bullets.swiper-pagination-horizontal
    .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0;
  }

  .honors-slide-mobile {
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.8rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .honors-slide.swiper-slide {
    padding: 3rem;
    border-radius: 4rem;
    width: 34.6rem;
  }

  .honors-slide__img {
    width: 28.6rem;
    height: auto;
  }

  .honors-slide__zoom {
    right: 3rem;
    bottom: 3rem;
    width: 8rem;
    height: 8rem;
  }

  .honors-slide__zoom svg {
    width: 4rem;
    height: 4rem;
  }

  .fancybox__container:not(.is-compact)
    .fancybox__track
    .fancybox__slide.has-close-btn {
    padding-top: 0;
  }

  .fancybox__nav {
    display: none;
  }

  .fancybox__track .fancybox__slide.has-image > .fancybox__content {
    padding: 12.8rem 2rem;
    width: 100% !important;
    height: 119.2rem !important;
    border-radius: 4rem;
  }

  .fancybox__track .fancybox__slide.has-image > .fancybox__content img {
    width: 100%;
    height: 100%;
  }

  .fancybox__track .fancybox__slide {
    padding: 3.2rem;
  }

  .fancybox__container .fancybox__backdrop {
    opacity: 0.4;
    background: #3b3c40;
  }

  .fancybox__track .fancybox__content > .f-button.is-close-btn {
    --f-button-width: 4.8rem;
    --f-button-height: 4.8rem;
    --f-button-border-radius: 0;
    --f-button-svg-width: 2.2rem;
    --f-button-svg-height: 2.2rem;
    --f-button-color: #9293b0;
    --f-button-hover-color: #626377;
    position: absolute;
    top: 2rem;
    right: 2rem;
    opacity: 0.75;
  }

  .fancybox__container.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #3b3c40;
    --f-button-hover-color: #2b2c30;
    --f-button-outline-color: #000;
    --f-button-bg: none;
    --f-button-active-bg: none;
    --f-button-hover-bg: none;
    --f-button-svg-width: 3rem;
    --f-button-svg-height: 3rem;
    --f-button-svg-filter: none;
    top: 4rem;
    right: 4rem;
  }

  .additional-information {
    margin-bottom: 16rem;
  }

  .additional-information__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6rem;
  }

  .additional-information__wrapper {
    gap: 3rem;
  }

  .additional-information__download {
    width: 8rem;
    height: 8rem;
  }

  .additional-information__download svg {
    width: 2.6rem;
    height: 3.5rem;
  }

  .additional-information__content {
    gap: 3rem;
    width: 53.8rem;
  }

  .additional-information__name {
    font-size: 3.6rem;
  }

  .additional-information__info {
    font-size: 3.4rem;
    line-height: 140%;
  }

  .additional-information__info p {
    gap: 2rem;
  }
}

.place .title-h3 {
  margin-bottom: 3rem;
}

.place-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9rem;
  margin-bottom: 3rem;
}

.place-top--text {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  color: #9293b0;
  width: 56.8rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.place .shops__our-scrollable {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}

.place .shops__our-scrollable .shops__categories {
  margin: 0;
}

.place--map {
  width: 100%;
  height: 62.6rem;
  border-radius: 4rem;
  overflow: hidden;
  position: relative;
}

.place #place-map {
  width: 100%;
  height: 100%;
}

.place .shops__card-modal {
  position: absolute;
  top: 3.5rem;
  right: 3rem;
  display: none;
}

.place .shops__card-modal.active {
  display: block;
}

.place .shops__card {
  height: auto;
  background: #fff;
}

.place .shop__card--exit {
  display: none;
}

.place .shops__main {
  margin-bottom: 1.5rem;
}

.place .shops__card-img {
  height: 17.4rem;
  border-radius: 3rem;
  overflow: hidden;
}

.place .shops__address {
  margin-bottom: 2.5rem;
  color: #9293b0;
}

.place .shops__managers {
  margin-bottom: 3rem;
}

.place .shops__managers-title {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;

  margin-bottom: 1.5rem;
}

.place .shops__managers-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem;
}

.place .shops__managers-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
}

.place .shops__managers-img {
  width: 6.4rem;
  height: 6.4rem;
  overflow: hidden;
  border-radius: 50%;
}

.place .shops__managers-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.8rem;
}

.place .shops__managers-name {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.place .shops__managers-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  color: #5ccc52;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.place .shops__managers-status span {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #5ccc52;
  border-radius: 50%;
}

@media (max-width: 48em) {
  .place .title-h3 {
    margin-bottom: 4rem;
  }

  .place-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    gap: 6.4rem;
    margin-bottom: 6.4rem;
  }

  .place-top--text {
    font-size: 3rem;
    line-height: 140%;
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }

  .place .shops__card-modal .shops__card-img {
    width: 100%;
    height: 27.8rem;
    margin-bottom: 2.4rem;
  }

  .place .shops__managers {
    margin-bottom: 4rem;
  }

  .place .shops__managers-title {
    font-size: 3.4rem;
    margin-bottom: 3rem;
  }

  .place .shops__managers-content {
    gap: 4rem;
  }

  .place .shops__managers-item {
    gap: 2rem;
    width: 26.8rem;
  }

  .place .shops__managers-img {
    width: 9.4rem;
    height: 9.4rem;
  }

  .place .shops__managers-name {
    font-size: 3rem;
    line-height: 140%;
  }

  .place .shops__managers-status {
    font-size: 2.8rem;
    line-height: 130%;

    gap: 0.8rem;
  }

  .place .shops__managers-status span {
    width: 1.2rem;
    height: 1.2rem;
  }

  .place .shops__our-scrollable {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
  }

  .place .shops__our-scrollable .shops__categories {
    margin: 0;
  }

  .place--map {
    width: 100%;
    height: 130rem;
    border-radius: 4rem;
    position: unset;
  }

  .place #place-map {
    width: 100%;
    height: 100%;
  }

  .place .shops__card-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(59, 60, 64, 0.4509803922);
    z-index: 20;
  }

  .place .shops__card-modal.active {
    display: block;
  }

  .place .shops__card-modal-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .place .shops__card {
    height: auto;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 71rem;
    padding: 12.4rem 4rem 6rem;
  }

  .place .shops__card .shops__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
    margin-bottom: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
  }

  .place .shops__card .shops__name {
    margin-right: auto;
  }

  .place .shops__card .shops__name-title {
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .place .shops__card .shops__name-chapter {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .place .shops__card .shops__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 3.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .place .shops__card .shops__phone-icon {
    width: 8rem;
    height: 8rem;
  }

  .place .shops__card .shops__phone-icon svg {
    width: 8rem;
    height: 8rem;
  }

  .place .shops__card .shops__phone-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2.4rem;
  }

  .place .shops__card .shops__phone-number {
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .place .shops__card .shops__phone-additional {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .place .shops__card .shops__address {
    color: #3b3c40;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 4rem;
  }

  .place .shops__card .shops__wrapper .shops__time {
    padding: 1.3rem 2rem;
    gap: 2rem;
  }

  .place .shops__card .shops__wrapper .shops__time-icon {
    width: 4rem;
    height: 4rem;
  }

  .place .shops__card .shops__wrapper .shops__time-work {
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .place .shops__card .shops__wrapper .shops__weekend {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }

  .place .shop__card--exit {
    display: block;
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    top: 4rem;
    right: 4rem;
  }

  .place .shop__card--exit svg {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.business {
  margin: 6.5rem auto 0;
  width: 100%;
  max-width: 156.1rem;
}

.business .bc {
  margin-bottom: 6rem;
}

.business .bc .container {
  padding-left: 0;
}

.business .bc span {
  color: #9293b0;
}

.business__banner {
  margin-bottom: 6.5rem;
  z-index: 1;
  padding: 12.3rem 5rem 9.6rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5rem;
  background: #ffefd8;
  position: relative;
  margin-top: 5rem;
  width: 100%;
  max-width: 156.1rem;
  border-radius: 5rem;
}

.business__banner .btn {
  margin: 6.5rem auto 0;
}

.business .btn {
  padding-left: 4rem;
  gap: 4rem;
}

.business__img {
  position: absolute;
  top: 0;
}

.business__img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.business__img_type_left {
  border-radius: 5rem 0 20rem 5rem;
  left: 0;
  width: 38.6rem;
  height: 100%;
}

.business__img_type_left > img {
  border-radius: 5rem 0 20rem 5rem;
}

.business__img_type_right {
  border: 20rem 0 20rem 20rem;
  right: 0;
  width: 41.1rem;
  height: 100%;
}

.business__img_type_right > img {
  border-radius: 20rem 0 20rem 20rem;
}

.business__banner-title {
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 106%;
}

.business__banner-subtitle {
  max-width: 67.3rem;
  margin-top: 3rem;
  color: #9293b0;
  text-align: center;
  font-family: Euclid Circular A;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.business__back {
  z-index: -1;
  position: absolute;
  width: 73.5rem;
  height: 30.6rem;
  top: 9.5rem;
  left: 41.8rem;
}

.business__content {
  margin-top: 6.5rem;
  margin-bottom: 15rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.business .text-container {
  width: 100%;
  max-width: 103.3rem;
  padding: 4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3rem;
  background: #f4f6f8;
}

.business .text-container__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6rem;
}

.business .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.business .block__title {
  width: 69rem;
  color: var(--black, #3b3c40);
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 3.2rem;
  border-bottom: 0.1rem solid #c9c9d7;
}

.business .block__list {
  margin-top: 1.9rem;
  padding-left: 2.5rem;
}

.business .block__list-item {
  list-style: disc;
  color: #3b3c40;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.business__consultation {
  width: 50.7rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 6rem 4rem;
  border-radius: 3rem;
  background: #ffefd8;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  overflow: hidden;
  position: relative;
}

.business__consultation .form-consultation {
  position: relative;
  z-index: 1;
}

.business__consultation::after {
  content: "";
  display: block;
  width: 44.6rem;
  height: 44.6rem;
  background: linear-gradient(
    30deg,
    rgba(255, 255, 255, 0.14) 38.93%,
    rgba(253, 252, 255, 0.5) 91.92%
  );
  border-radius: 50%;
  left: -9rem;
  bottom: -19rem;
  position: absolute;
  z-index: 0;
}

.business__consultation::before {
  content: "";
  display: block;
  width: 44.6rem;
  height: 44.6rem;
  background: linear-gradient(
    30deg,
    rgba(255, 255, 255, 0.27) 38.93%,
    #fdfcff 91.92%
  );
  border-radius: 50%;
  top: -10rem;
  right: -12rem;
  position: absolute;
  z-index: 0;
}

.business__consultation--title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 1.4rem;
  position: relative;
  z-index: 1;
}

.business__consultation--text {
  color: #9293b0;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  width: 29.5rem;
  margin-bottom: 4rem;
  position: relative;
  z-index: 1;
}

.business__consultation--info {
  color: #9293b0;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  position: relative;
  z-index: 1;
}

.business__consultation--info a {
  text-decoration-line: underline;
  cursor: pointer;
}

@media (max-width: 48em) {
  .business {
    margin: 6 auto 0;
    max-width: 71rem;
  }

  .business__banner {
    margin-bottom: 6rem;
    padding: 4rem 4rem 6.6rem 4rem;
    border-radius: 4rem;
    margin-top: 6rem;
    max-width: 71rem;
    border-radius: 4rem;
  }

  .business__img {
    position: absolute;
  }

  .business__img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .business__img_type_left {
    display: none;
  }

  .business__img_type_right {
    top: 25rem;
    right: 4rem;
    width: 17.4rem;
    height: 17.8rem;
  }

  .business__img_type_right > img {
    border-radius: 20rem 0 20rem 20rem;
  }

  .business__banner-title {
    width: 100%;
    text-align: left;
    font-size: 6.4rem;
    line-height: 110%;
  }

  .business__banner-subtitle {
    max-width: 100%;
    text-align: left;
    margin-top: 3.2rem;
    font-size: 3rem;
    line-height: 140%;
  }

  .business__back {
    width: 76.8506rem;
    height: 31.9846rem;
    top: 7.5rem;
    left: 0;
  }

  .business .btn {
    margin: 5rem auto 0 0;
  }

  .business__content {
    margin-top: 6rem;
    margin-bottom: 16rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16rem;
  }

  .business .text-container {
    width: 100%;
    max-width: 71rem;
    padding: 4rem 2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4rem;
  }

  .business .block__title {
    width: 100%;
    font-size: 3.6rem;
    padding-bottom: 2rem;
  }

  .business .block__list {
    margin-top: 2rem;
    padding-left: 4.5rem;
  }

  .business .block__list-item {
    font-size: 3rem;
  }

  .business__consultation {
    padding-top: 16rem;
    width: 100%;
    padding: 10rem 2rem;
    border-radius: 4rem;
  }

  .business__consultation::after {
    content: unset;
  }

  .business__consultation::before {
    content: unset;
  }

  .business__consultation--title {
    font-size: 6.4rem;
    line-height: 110%;
    margin-bottom: 4rem;
  }

  .business__consultation--text {
    font-size: 3rem;
    width: auto;
    margin-bottom: 6rem;
  }

  .business__consultation--info {
    font-size: 2.4rem;
  }
}

.vacancy {
  margin: 6rem auto 0;
  width: 100%;
  max-width: 156rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vacancy .bc {
  margin: 0 0;
}

.vacancy .bc .container {
  padding-left: 0;
}

.vacancy .bc .container > span {
  color: #9293b0;
}

.vacancy .title-h2 {
  margin-top: 2rem;
}

.vacancy__blocks {
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 2rem;
}

.vacancy__block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.vacancy__header {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-radius: 3rem;
  background: #f4f6f8;
  min-height: 10rem;
  padding: 2rem 5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}

.vacancy__container-requirements {
  display: none;
}

.vacancy__name {
  color: #444;
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.vacancy__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  background-color: #a05d31;
  border-radius: 50%;
}

.vacancy__btn > svg {
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition:
    transform 0.3s ease,
    -webkit-transform 0.3s ease;
}

.vacancy__btn.active > svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.vacancy .requirements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: #f4f6f8;
  border-radius: 3rem;
  padding: 1.5rem 5rem 4rem 5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.vacancy .requirements__title {
  width: 100%;
  max-width: 80rem;
  padding: 2rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #444;
  font-family: Euclid Circular A;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.vacancy .requirements__list {
  padding-left: 2.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 80rem;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 2rem;
}

.vacancy .requirements__item {
  width: 80rem;
  list-style: disc;
  font-family: Euclid Circular A;
  font-size: 1.6rem;
  color: #3b3c40;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.vacancy .btn-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 35.5rem;
  margin-top: 5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 48em) {
  .vacancy {
    margin: 6rem auto 0;
    max-width: 71rem;
  }

  .vacancy .title-h2 {
    max-width: 34.2rem;
    margin-top: 6rem;
  }

  .vacancy__blocks {
    margin-top: 6.4rem;
    margin-bottom: 16rem;
    gap: 2rem;
  }

  .vacancy__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }

  .vacancy__header {
    border-radius: 4rem;
    min-height: 12.8rem;
    padding: 4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .vacancy__name {
    font-size: 3.6rem;
  }

  .vacancy__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    background-color: #a05d31;
    border-radius: 50%;
  }

  .vacancy__btn > svg {
    width: 3rem;
    height: 3rem;
  }

  .vacancy .requirements {
    border-radius: 4rem;
    padding: 4rem 4rem 6rem 4rem;
  }

  .vacancy .requirements__title {
    width: 100%;
    max-width: 100%;
    padding: 0 0;
    font-size: 3.6rem;
  }

  .vacancy .requirements__list {
    padding-left: 5rem;
    max-width: 100%;
    margin-top: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4rem;
  }

  .vacancy .requirements__item {
    width: 100%;
    font-size: 3rem;
  }

  .vacancy .btn-empty {
    width: 100%;
    margin-top: 6rem;
    border-radius: 2rem;
  }

  .vacancy .anketa-modal-container {
    width: 71rem;
    height: auto;
    padding: 12.8rem 2rem;
    border-radius: 2rem;
  }

  .vacancy .anketa-modal-container--second {
    display: none;
  }

  .vacancy .anketa-modal-container--second .modal-container--title {
    width: auto;
    margin-bottom: 3.2rem;
  }

  .vacancy .anketa-modal-container--second .modal-container--subtitle {
    margin-bottom: 6rem;
    width: 39rem;
  }

  .vacancy .anketa-modal-container--second .btn {
    margin: 0 auto;
  }

  .vacancy .anketa-modal-container .modal-container--title {
    margin-bottom: 4.8rem;
    text-align: center;
  }

  .vacancy .anketa-modal-container .modal-container--subtitle {
    width: 35rem;
    margin: 0 auto 6rem;
  }

  .vacancy .anketa-modal-container--back {
    top: 35%;
    width: 148rem;
    height: 61.4rem;
  }

  .vacancy .anketa-modal-container--back svg {
    width: 148rem;
    height: 61.4rem;
  }

  .vacancy .anketa-form {
    width: 67rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }

  .vacancy .anketa-form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 4rem;
    width: 47rem;
    gap: 4rem;
  }

  .vacancy .anketa-form-bottom .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .vacancy .anketa-form-bottom--text {
    width: auto;
    font-size: 2.4rem;
  }
}

.anketa-modal-container {
  width: 95.6rem;
  height: 71.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ffefd8;
  border-radius: 3rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.anketa-modal-container--second {
  display: none;
}

.anketa-modal-container--second .modal-container--title {
  width: 52.3rem;
  margin-bottom: 3.2rem;
}

.anketa-modal-container--second .modal-container--subtitle {
  margin-bottom: 4rem;
}

.anketa-modal-container--second .btn {
  margin: 0 auto;
}

.anketa-modal-container .modal-container--title {
  margin-bottom: 3.2rem;
  text-align: center;
}

.anketa-modal-container .modal-container--subtitle {
  margin-bottom: 3rem;
}

.anketa-modal-container--back {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 116.6412rem;
  height: 48.5585rem;
  z-index: -1;
}

.anketa-modal-container--back svg {
  width: 116.6412rem;
  height: 48.5585rem;
}

.anketa-modal-container .btn-empty {
  width: 30.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.anketa-form {
  width: 57.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.anketa-form-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2rem;
}

.anketa-form-bottom--text {
  width: 25.4rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
}

.anketa-form-bottom--text a {
  text-decoration-line: underline;
}

@media (max-width: 48em) {
  .anketa-modal-container {
    width: 71rem;
    height: auto;
    padding: 12.8rem 2rem;
    border-radius: 2rem;
  }

  .anketa-modal-container--second {
    display: none;
  }

  .anketa-modal-container--second .modal-container--title {
    width: auto;
    margin-bottom: 3.2rem;
  }

  .anketa-modal-container--second .modal-container--subtitle {
    margin-bottom: 6rem;
    width: 39rem;
  }

  .anketa-modal-container--second .btn {
    margin: 0 auto;
  }

  .anketa-modal-container .modal-container--title {
    margin-bottom: 4.8rem;
    text-align: center;
  }

  .anketa-modal-container .modal-container--subtitle {
    width: 56rem;
    margin: 0 auto 6rem;
  }

  .anketa-modal-container--back {
    top: 35%;
    width: 148rem;
    height: 61.4rem;
  }

  .anketa-modal-container--back svg {
    width: 148rem;
    height: 61.4rem;
  }

  .anketa-form {
    width: 67rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }

  .anketa-form .form__item-inner textarea {
    height: 26rem;
  }

  .anketa-form-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 4rem;
    width: 100%;
    gap: 4rem;
  }

  .anketa-form-bottom .btn-empty {
    width: 100%;
    border-radius: 2rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .anketa-form-bottom .btn {
    padding-left: 4rem;
    width: 100%;
    border-radius: 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .anketa-form-bottom .btn--icon {
    border-radius: 1.6rem;
  }

  .anketa-form-bottom--text {
    width: auto;
    font-size: 2.4rem;
  }
}

.order_purchase .product_purchase-box {
  padding: 4rem 2rem;
  margin-top: 6rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box {
    padding: 6rem 3rem;
    margin-top: 0;
  }
}

.order_purchase .product_purchase-box--top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--top {
    margin-bottom: 3.2rem;
  }
}

.order_purchase .product_purchase-box--title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--title {
    font-size: 3.6rem;
  }
}

.order_purchase .product_purchase-box--goods {
  color: #9293b0;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--goods {
    font-size: 3rem;
    line-height: 140%;
  }
}

.order_purchase .product_purchase-box--main {
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--main {
    margin-bottom: 4.8rem;
  }
}

.order_purchase .product_purchase-box--wrapper {
  margin-bottom: 2.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--wrapper {
    margin-bottom: 4.8rem;
  }
}

.order_purchase .product_purchase-box--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

.order_purchase .product_purchase-box--item:not(:last-child) {
  margin-bottom: 1.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--item:not(:last-child) {
    margin-bottom: 2rem;
  }
}

.order_purchase .product_purchase-box--item.item-result {
  margin-top: 2.8rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--item.item-result {
    margin-top: 0;
  }
}

.order_purchase .product_purchase-box--coast--name {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.order_purchase .product_purchase-box--coast--name.name-result {
  font-size: 2.4rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--coast--name.name-result {
    font-size: 3.6rem;
    line-height: normal;
  }
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--coast--name {
    font-size: 3rem;
    line-height: 140%;
  }
}

.order_purchase .product_purchase-box--coast--value {
  color: #3b3c40;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

.order_purchase .product_purchase-box--coast--value.value-sale {
  color: #a05d31;
}

.order_purchase .product_purchase-box--coast--value.value-result {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--coast--value.value-result {
    font-size: 3.6rem;
  }
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--coast--value {
    font-size: 3rem;
    line-height: 140%;
  }
}

.order_purchase .product_purchase-box--promocode span {
  display: block;
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  margin-bottom: 1.6rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--promocode span {
    font-size: 3rem;
    line-height: 140%;
    margin-bottom: 2rem;
  }
}

.order_purchase .product_purchase-box--promocode input {
  width: 100%;
  height: 6rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #9293b0;
  padding: 1.8rem 2.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--promocode input {
    padding: 2.4rem 4rem;
    height: 8.4rem;
    font-size: 2.8rem;
    border: 0.2rem solid #9293b0;
    border-radius: 2rem;
  }
}

.order_purchase
  .product_purchase-box--promocode
  input::-webkit-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order_purchase .product_purchase-box--promocode input::-moz-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order_purchase .product_purchase-box--promocode input:-ms-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order_purchase .product_purchase-box--promocode input::-ms-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order_purchase .product_purchase-box--promocode input::placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order_purchase
    .product_purchase-box--promocode
    input::-webkit-input-placeholder {
    font-size: 2.8rem;
  }

  .order_purchase .product_purchase-box--promocode input::-moz-placeholder {
    font-size: 2.8rem;
  }

  .order_purchase .product_purchase-box--promocode input:-ms-input-placeholder {
    font-size: 2.8rem;
  }

  .order_purchase
    .product_purchase-box--promocode
    input::-ms-input-placeholder {
    font-size: 2.8rem;
  }

  .order_purchase .product_purchase-box--promocode input::placeholder {
    font-size: 2.8rem;
  }
}

.order_purchase .product_purchase-box--btns .btn {
  padding: 0;
  margin-bottom: 0;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase-box--btns .btn {
    border-radius: 2rem;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.order_purchase .product_purchase--line {
  height: 0.1rem;
}

@media (max-width: 48em) {
  .order_purchase .product_purchase--line {
    margin-bottom: 3.2rem;
  }
}

.order__header {
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .order__header {
    margin-bottom: 8rem;
  }
}

.order__back {
  margin-bottom: 6rem;
}

.order__back label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 2.4rem;
  -moz-column-gap: 2.4rem;
  column-gap: 2.4rem;
}

.order__back span {
  width: 4.8rem;
  height: 4.8rem;
}

.order__back span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.order__back button {
  color: #3b3c40;
  font-size: 3rem;
  font-weight: 500;
  line-height: 140%;
}

.order__title {
  margin-bottom: 8rem;
}

@media (max-width: 48em) {
  .order__title {
    margin-bottom: 6rem;
  }
}

.order__progress {
  position: relative;
}

.order__progress-line {
  background: #dfdff0;
  width: 100%;
  height: 0.1rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.order__progress-line-pink {
  background: #a05d31;
  width: 16.5%;
  height: 0.1rem;
  position: absolute;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

@media (max-width: 48em) {
  .order__progress-line-pink {
    width: 12.5%;
  }
}

.order__progress-line-pink.second {
  width: 50%;
}

.order__progress-line-pink.second.third {
  width: 83.5%;
}

@media (max-width: 48em) {
  .order__progress-line-pink.second.third {
    width: 88.5%;
  }
}

.order__progress-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order__progress-step {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  border: 0.1rem solid #9293b0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  cursor: pointer;
}

@media (max-width: 48em) {
  .order__progress-step {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order__progress-step:first-child {
  margin-left: 24.8rem;
}

@media (max-width: 48em) {
  .order__progress-step:first-child {
    margin-left: 5.8rem;
  }
}

.order__progress-step:last-child {
  margin-right: 24.8rem;
}

@media (max-width: 48em) {
  .order__progress-step:last-child {
    margin-right: 5.8rem;
  }
}

.order__progress-step--number {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #9293b0;
}

@media (max-width: 48em) {
  .order__progress-step--number {
    font-size: 2.8rem;
  }
}

.order__progress-step--text {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
  position: absolute;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  padding: 0.9rem 2.4rem;
  border-radius: 1.5rem;
  background: #f4f6f8;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: -6rem;
}

@media (max-width: 48em) {
  .order__progress-step--text {
    display: none;
    font-size: 2.8rem;
    line-height: 130%;
    padding: 1.6rem 2.4rem;
    border-radius: 10px;
    top: -9.4rem;
  }
}

.order__progress-step--ok {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
  position: absolute;
}

@media (max-width: 48em) {
  .order__progress-step--ok {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0;
    position: absolute;
  }
}

.order__progress-step.active {
  border: unset;
}

.order__progress-step.active .order__progress-step--number {
  opacity: 0;
}

.order__progress-step.active .order__progress-step--ok {
  opacity: 1;
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order__progress-step.active .order__progress-step--ok {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order__progress-step.active .order__progress-step--ok svg {
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order__progress-step.active .order__progress-step--ok svg {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order__progress-step:hover .order__progress-step--text {
  opacity: 1;
}

.order__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 6rem;
  -moz-column-gap: 6rem;
  column-gap: 6rem;
}

@media (max-width: 48em) {
  .order__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 16rem;
  }
}

.order__wrapper-form {
  max-width: 112.5rem;
  width: 100%;
}

.order-form--second,
.order-form--third {
  display: none;
  opacity: 0;
}

.order-form__header {
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .order-form__header {
    margin-bottom: 6rem;
  }
}

.order-form__title {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .order-form__title {
    font-size: 3.6rem;
    margin-bottom: 6rem;
  }
}

.order-form__main {
  width: 100%;
  background-color: #fff;
  border-radius: 3rem;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  padding: 4rem;
}

@media (max-width: 48em) {
  .order-form__main {
    border-radius: 4rem;
    padding: 6rem 3rem;
  }
}

.order-form__main--bg--none {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.order-form__switcher-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

@media (max-width: 48em) {
  .order-form__switcher-btns {
    gap: 1.6rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.order-form__switcher-btn {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
  border-radius: 1.5rem;
  background: #f4f6f8;
  padding: 0.9rem 2.4rem;
  cursor: pointer;
}

.order-form__switcher-btn.active {
  color: #fff;
  background: #a05d31;
}

@media (max-width: 48em) {
  .order-form__switcher-btn {
    font-size: 2.8rem;
    line-height: 130%;

    padding: 1.6rem 2.4rem;
    border-radius: 2rem;
  }
}

.order-form__item-pay {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.order-form__item-pay.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.order-form-main__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .order-form-main__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 6rem;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 6rem;
  }
}

.order-form-main__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 6rem;
  -moz-column-gap: 6rem;
  column-gap: 6rem;
}

@media (max-width: 48em) {
  .order-form-main__toggle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    row-gap: 4rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.order-form-main__item-radio {
  -webkit-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

@media (max-width: 48em) {
  .order-form-main__item-radio {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
  }
}

.order-form-main__item-radio p {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .order-form-main__item-radio p {
    font-size: 3.4rem;
    line-height: 140%;
  }
}

@media (max-width: 48em) {
  .order-form-main__account {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.order-form-main__account label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  cursor: pointer;
}

@media (max-width: 48em) {
  .order-form-main__account label {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
}

.order-form-main__account span {
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order-form-main__account span {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order-form-main__account span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.order-form-main__account button {
  color: #a05d31;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .order-form-main__account button {
    font-size: 3.6rem;
  }
}

.order-form-main__content {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
}

.order-form-main__content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 48em) {
  .order-form-main__content {
    gap: 4rem;
  }
}

.order-form-item {
  max-width: 51.2rem;
  width: 100%;
}

@media (max-width: 48em) {
  .order-form-item {
    max-width: 100%;
  }
}

.order-form-item__title {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  margin-bottom: 1.5rem;
  margin-left: 2.5rem;
}

.order-form-item__title span {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .order-form-item__title span {
    font-size: 3rem;
    line-height: 140%;
  }
}

@media (max-width: 48em) {
  .order-form-item__title {
    font-size: 3rem;
    line-height: 140%;
    margin-bottom: 1.2rem;
    margin-left: 4rem;
  }
}

.order-form-item__subtitle {
  color: #9293b0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .order-form-item__subtitle {
    font-size: 2.4rem;
    line-height: 140%;
  }
}

.order-form-item__label {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.6rem;
  -moz-column-gap: 0.6rem;
  column-gap: 0.6rem;
  width: 100%;
  padding: 1.8rem 2.5rem;
  border-radius: 1.5rem;
  border: 0.1rem solid #a05d31;
}

@media (max-width: 48em) {
  .order-form-item__label {
    padding: 2.2rem 4rem;
    border: 0.2rem solid #a05d31;
    border-radius: 2rem;
    margin-bottom: 2.4rem;
  }
}

.order-form-item__label.disabled {
  cursor: default;
  background-color: #f4f6f8;
  -webkit-column-gap: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}

@media (max-width: 48em) {
  .order-form-item__label.disabled {
    -webkit-column-gap: 7rem;
    -moz-column-gap: 7rem;
    column-gap: 7rem;
  }
}

.order-form-item__label.disabled input {
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-form-item__label.label-file {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 51.2rem;
  margin-bottom: 1.4rem;
}

@media (max-width: 48em) {
  .order-form-item__label.label-file {
    width: 100%;
    margin-bottom: 2.4rem;
  }
}

.order-form-item__label input {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 2.4rem;
  font-size: 1.6rem;
  font-weight: 500;
}

@media (max-width: 48em) {
  .order-form-item__label input {
    height: 4rem;
    font-size: 2.8rem;
  }
}

.order-form-item__label input:invalid + .order-form-item__placeholder {
  display: inline;
}

.order-form-item__label textarea {
  display: block;
  width: 100%;
  resize: none;
  height: 12rem;
  font-size: 1.6rem;
}

@media (max-width: 48em) {
  .order-form-item__label textarea {
    height: 28rem;
    font-size: 2.8rem;
  }
}

.order-form-item__label textarea::-webkit-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-form-item__label textarea::-moz-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-form-item__label textarea:-ms-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-form-item__label textarea::-ms-input-placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-form-item__label textarea::placeholder {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-form-item__label textarea::-webkit-input-placeholder {
    font-size: 2.8rem;
  }

  .order-form-item__label textarea::-moz-placeholder {
    font-size: 2.8rem;
  }

  .order-form-item__label textarea:-ms-input-placeholder {
    font-size: 2.8rem;
  }

  .order-form-item__label textarea::-ms-input-placeholder {
    font-size: 2.8rem;
  }

  .order-form-item__label textarea::placeholder {
    font-size: 2.8rem;
  }
}

.order-form-item__label input[type="file"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
  display: block;
}

.order-form-item__label input[type="file"] + .order-form-item__placeholder {
  color: #a05d31;
  position: static;
  width: auto;
}

.order-form-item__icon {
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order-form-item__icon {
    width: 4rem;
    height: 4rem;
  }
}

.order-form-item__icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.order-form-item__placeholder {
  cursor: pointer;
  position: absolute;
  top: 2rem;
  left: 5.5rem;
  z-index: 1;
  width: 43rem;
  height: 2.4rem;
  display: none;
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-form-item__placeholder {
    font-size: 2.8rem;
    width: 52rem;
    height: 4rem;
    top: 2.4rem;
    left: 8.6rem;
  }
}

.order-form-item__placeholder span {
  color: #a05d31;
}

.order-form-item__btn {
  color: #a05d31;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-form-item__btn {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.pickup-form__header {
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .pickup-form__header {
    margin-bottom: 4rem;
  }
}

.pickup-form__delivery-coast {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;

  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .pickup-form__delivery-coast {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
}

.pickup-form__delivery-coast.transport-coast {
  width: 72.3rem;
}

@media (max-width: 48em) {
  .pickup-form__delivery-coast.transport-coast {
    display: none;
  }
}

.pickup-form__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}

@media (max-width: 48em) {
  .pickup-form__toggle {
    gap: 4rem;
  }
}

.pickup-form__toggle label {
  -webkit-column-gap: 1.2rem;
  -moz-column-gap: 1.2rem;
  column-gap: 1.2rem;
}

@media (max-width: 48em) {
  .pickup-form__toggle label {
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
  }
}

.pickup-form__main-map {
  position: relative;
  width: 100%;
  height: 66.9rem;
  border-radius: 3rem;
  overflow: hidden;
}

.pickup-form__main-map .order-map-modal--exit {
  display: none;
}

@media (max-width: 48em) {
  .pickup-form__main-map .order-map-modal--exit {
    display: block;
    position: absolute;
    width: 4.8rem;
    height: 4.8rem;
    top: 4rem;
    right: 2rem;
  }
}

@media (max-width: 48em) {
  .pickup-form__main-map .order-map-modal-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.pickup-form__map {
  width: 100%;
  height: 100%;
}

.pickup-form__map-modal {
  position: absolute;
  top: 3rem;
  right: 3rem;
}

@media (max-width: 48em) {
  .pickup-form__map-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(59, 60, 64, 0.4509803922);
    z-index: 20;
  }
}

.pickup-form__list {
  display: none;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 48em) {
  .pickup-form__list {
    gap: 3rem;
  }
}

.pickup-form__item {
  width: 51.2rem;
  min-height: 27rem;
  padding: 2.5rem;
}

@media (max-width: 48em) {
  .pickup-form__item {
    width: 100%;
    height: 50.2rem;
    padding: 3rem;
  }
}

.order-footer-fixed {
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: fixed;
  bottom: 7rem;
  left: 2rem;
  z-index: 2;
  width: 71rem;
  min-height: 30rem;
  background-color: #fff;
  border-radius: 4rem;
}

.order-footer-fixed.show {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.order-footer-fixed__inner {
  padding: 3.2rem 2rem;
}

.order-footer-fixed__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3.2rem;
}

.order-footer-fixed__goods {
  color: #9293b0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 140%;
}

.order-footer-fixed__cost {
  color: #3b3c40;
  text-align: right;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: normal;
}

.order-footer-fixed__btn {
  width: 100%;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pickup-list--item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 1.5rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
}

@media (max-width: 48em) {
  .pickup-list--item {
    border-radius: 3rem;
  }
}

.pickup-list--item.active {
  background: #ffefd8;
}

.pickup-list--item__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 48em) {
  .pickup-list--item__header {
    gap: 2rem;
  }
}

.pickup-list--item__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}

@media (max-width: 48em) {
  .pickup-list--item__radio {
    gap: 3.2rem;
  }
}

.pickup-list--item__radio-item {
  width: 2.4rem;
}

@media (max-width: 48em) {
  .pickup-list--item__radio-item {
    width: 4.8rem;
  }
}

.pickup-list--item__radio-title {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .pickup-list--item__radio-title {
    font-size: 3.4rem;
    line-height: 140%;
  }
}

.pickup-list--item__radio-subtitle {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .pickup-list--item__radio-subtitle {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.pickup-list--item__call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

@media (max-width: 48em) {
  .pickup-list--item__call {
    gap: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 48em) {
  .pickup-list--item__call.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.pickup-list--item__call-item {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.pickup-list--item__call-item strong {
  display: block;
  color: #a05d31;
  font-weight: 500;
}

.pickup-list--item__call-item span {
  display: block;
  color: #9293b0;
  text-align: right;
}

@media (max-width: 48em) {
  .pickup-list--item__call-item span {
    text-align: left;
  }
}

@media (max-width: 48em) {
  .pickup-list--item__call-item {
    font-size: 2.8rem;
    line-height: 130%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
  }
}

.pickup-list--item__call-btn {
  width: 4rem;
  height: 4rem;
  background-color: #a05d31;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 48em) {
  .pickup-list--item__call-btn {
    width: 8rem;
    height: 8rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.pickup-list--item__call-btn svg {
  width: 2rem;
  height: 2rem;
}

@media (max-width: 48em) {
  .pickup-list--item__call-btn svg {
    width: 4rem;
    height: 4rem;
  }
}

.pickup-list--item__address {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .pickup-list--item__address {
    font-size: 2.8rem;
    line-height: 130%;
    margin-bottom: 3rem;
  }
}

.pickup-list--item__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 48em) {
  .pickup-list--item__footer {
    gap: 2rem;
  }
}

.pickup-list--item__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: #3b3c40;
  border-radius: 1.5rem;
  padding: 0.8rem 1rem;
}

@media (max-width: 48em) {
  .pickup-list--item__time {
    gap: 2rem;
    padding: 1.4rem 2rem;
    border-radius: 3rem;
  }
}

.pickup-list--item__time strong {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .pickup-list--item__time strong {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.pickup-list--item__time span {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .pickup-list--item__time span {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.pickup-list--item__time span svg {
  width: 100%;
  height: 100%;
}

.pickup-list--item__weekend {
  color: #9293b0;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .pickup-list--item__weekend {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.transport-form__inner {
  background-color: #fff;
  border-radius: 3rem;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  padding: 3rem 4rem;
}

@media (max-width: 48em) {
  .transport-form__inner {
    border-radius: 4rem;
    padding: 6rem 3rem;
  }
}

.transport-form__header {
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .transport-form__header {
    display: none;
  }
}

.transport-form__title {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.transport-form__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

@media (max-width: 48em) {
  .transport-form__main {
    fap: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6rem;
  }
}

.transport-form__item {
  cursor: pointer;
  width: 25rem;
  height: 19.4rem;
  border-radius: 1.5rem;
  border: 0.2rem solid #f4f6f8;
  background: #fff;
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 48em) {
  .transport-form__item {
    width: 100%;
    height: 32rem;
    border-radius: 3rem;
    border: 0.4rem solid #f4f6f8;
    padding: 3rem;
  }
}

.transport-form__item.active {
  background: #ffefd8;
}

.transport-form__item-radio {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.transport-form__img {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.transport-form__img img {
  max-width: 14rem;
  max-height: 9rem;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 48em) {
  .transport-form__img img {
    max-width: 23.4rem;
    max-height: 18.6rem;
  }
}

.transport-form__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3b3c40;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  width: 14.9rem;
}

@media (max-width: 48em) {
  .transport-form__text {
    width: 29.8rem;
    font-size: 3rem;
    line-height: 140%;
    margin-bottom: 4rem;
  }
}

.transport-form__footer {
  display: none;
}

.transport-form__footer .order-form-item__title {
  margin-left: 0;
}

@media (max-width: 48em) {
  .transport-form__footer .order-form-item__title {
    margin-left: 4rem;
  }
}

.pay-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 33.8rem;
  width: 100%;
  min-height: 19.4rem;
  border-radius: 1.5rem;
  border: 0.2rem solid #f4f6f8;
  background: #fff;
  padding: 1.5rem;
}

.pay-item.active {
  background: #ffefd8;
}

.pay-item.active .pay-item__img svg path {
  fill: #a05d31;
}

@media (max-width: 48em) {
  .pay-item {
    max-width: 100%;
    min-height: 32rem;
    border-radius: 3rem;
    border: 0.4rem solid #f4f6f8;
    padding: 3rem;
  }
}

.pay-item__item-radio {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.pay-item__info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}

@media (max-width: 48em) {
  .pay-item__info {
    gap: 3.2rem;
  }
}

.pay-item__img {
  width: 4rem;
  height: 4rem;
}

@media (max-width: 48em) {
  .pay-item__img {
    width: 8rem;
    height: 8rem;
  }
}

.pay-item__img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.pay-item__text {
  color: #3b3c40;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}

@media (max-width: 48em) {
  .pay-item__text {
    font-size: 3rem;
    line-height: 140%;
  }
}

.delivery-form__inner {
  border-radius: 3rem;
  background: #fff;
  -webkit-box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  box-shadow: 0.5rem 1.5rem 7rem 0 rgba(173, 178, 201, 0.35);
  padding: 4rem;
}

@media (max-width: 48em) {
  .delivery-form__inner {
    padding: 6rem 3rem;
    border-radius: 4rem;
  }
}

.delivery-form__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .delivery-form__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 6rem;
  }
}

.delivery-form__header > span {
  margin-left: 1.2rem;
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .delivery-form__header > span {
    font-size: 2.8rem;
    line-height: 130%;

    margin-left: 8.8rem;
  }
}

.delivery-form__item-radio p {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;

  margin-left: 1.2rem;
}

@media (max-width: 48em) {
  .delivery-form__item-radio p {
    font-size: 3.4rem;
    line-height: 140%;
    margin-left: 4rem;
  }
}

@media (max-width: 48em) {
  .delivery-form__item-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem;
  }

  .delivery-form__item-radio:first-child {
    margin-bottom: 4rem;
  }
}

.delivery-form__main {
  margin-bottom: 4rem;
}

@media (max-width: 48em) {
  .delivery-form__main {
    margin-bottom: 6rem;
  }
}

.delivery-form__footer {
  padding-top: 4rem;
  border-top: 0.1rem solid #dfdff0;
}

@media (max-width: 48em) {
  .delivery-form__footer {
    border-top: 0.2rem solid #dfdff0;
    padding-top: 6rem;
  }
}

.delivery-form__footer strong {
  color: #3b3c40;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
}

@media (max-width: 48em) {
  .delivery-form__footer strong {
    font-size: 3.6rem;
  }
}

.delivery-form__footer span {
  color: #9293b0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;

  margin-right: 2rem;
}

@media (max-width: 48em) {
  .delivery-form__footer span {
    margin-right: 4rem;
    font-size: 3.4rem;
  }
}

.delivery-form-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}

@media (max-width: 48em) {
  .delivery-form-main {
    gap: 6rem;
  }
}

.delivery-form-main__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
}

@media (max-width: 48em) {
  .delivery-form-main__address {
    gap: 4rem;
  }
}

.delivery-form-main__address .order-form-item.apartment {
  max-width: 26.2rem;
  min-width: unset;
}

@media (max-width: 48em) {
  .delivery-form-main__address .order-form-item.apartment {
    max-width: 100%;
  }
}

.delivery-form-main__address
  .order-form-item.apartment
  .order-form-item__placeholder {
  width: 21rem;
}

@media (max-width: 48em) {
  .delivery-form-main__address
    .order-form-item.apartment
    .order-form-item__placeholder {
    width: 56.6rem;
  }
}

.delivery-form-main__address .order-form-item.address {
  max-width: unset;
  width: unset;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.delivery-form-main__address .order-form-item__placeholder {
  top: 1.8rem;
  left: 2.5rem;
  width: 46rem;
}

@media (max-width: 48em) {
  .delivery-form-main__address .order-form-item__placeholder {
    width: 56.6rem;
    top: 2.2rem;
    left: 4rem;
  }
}

.delivery-form-main__comment .order-form-item {
  width: 100%;
}

.delivery-form-main__comment .order-form-item__label {
  width: 100%;
}

.delivery-form-main__comment .order-form-item__label textarea {
  height: 2.4rem;
}

@media (max-width: 48em) {
  .delivery-form-main__comment .order-form-item__label textarea {
    min-height: 19.4rem;
  }
}

.delivery-form-main__comment .order-form-item__label textarea:focus {
  height: 15rem;
}

@media (max-width: 48em) {
  .delivery-form-main__comment .order-form-item__label textarea:focus {
    height: 19.4rem;
  }
}

.delivery-options__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem;
  margin-bottom: 1.2rem;
}

@media (max-width: 48em) {
  .delivery-options__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
}

@media (max-width: 48em) {
  .delivery-options__item-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.delivery-options__item-radio p {
  color: #9293b0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  margin-left: 1.2rem;
}

@media (max-width: 48em) {
  .delivery-options__item-radio p {
    font-size: 3rem;
    line-height: 140%;

    margin-left: 2.4rem;
  }
}

.delivery-options__item-radio input:checked ~ p {
  color: #3b3c40;
}

.delivery-options__comment {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .delivery-options__comment {
    font-size: 3rem;
  }
}

.delivery-options__floor {
  margin-top: 2.5rem;
}

@media (max-width: 48em) {
  .delivery-options__floor {
    margin-top: 4rem;
  }
}

@media (max-width: 48em) {
  .delivery-outer__item-radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.delivery-outer__item-radio p {
  color: #9293b0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;

  margin-left: 1.2rem;
}

@media (max-width: 48em) {
  .delivery-outer__item-radio p {
    margin-left: 2.4rem;
    font-size: 3rem;
  }
}

.delivery-outer__item-radio input:checked ~ p {
  color: #3b3c40;
}

.order-form-item--outer {
  margin-top: 2.5rem;
}

@media (max-width: 48em) {
  .order-form-item--outer {
    margin-top: 4rem;
  }
}

.change-address-modal-container {
  width: 95.6rem;
  height: 55.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  background: #ffefd8;
  border-radius: 3rem;
}

@media (max-width: 48em) {
  .change-address-modal-container {
    width: 100%;
    height: 116.2rem;
    border-radius: 4rem;
  }
}

.change-address-modal-container .modal-container--title {
  text-align: center;
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .change-address-modal-container .modal-container--title {
    margin-bottom: 6rem;
  }
}

.change-address-form {
  width: 64.9rem;
}

@media (max-width: 48em) {
  .change-address-form {
    width: 70rem;
  }
}

.change-address-form__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.4rem 1.5rem 43rem 1.5rem 16.5rem;
  grid-template-columns: 2.4rem 43rem 16.5rem;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.change-address-form__header .change-address-item__text:nth-child(1) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

.change-address-form__header .change-address-item__text:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
}

.change-address-form__content {
  max-height: 16rem;
  overflow: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}

@media (max-width: 48em) {
  .change-address-form__content {
    max-height: 80rem;
    gap: 0;
  }
}

.change-address-form__inner {
  margin-bottom: 3rem;
}

@media (max-width: 48em) {
  .change-address-form__inner {
    margin-bottom: 6rem;
    height: 100%;
  }
}

.change-address-form__buttons .product_purchase-box--btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4rem;
}

.change-address-form__buttons .product_purchase-box--btns .btn,
.change-address-form__buttons .product_purchase-box--btns .btn-reverse {
  width: 30.5rem;
}

.change-address-form__buttons .product_purchase-box--btns .btn {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 48em) {
  .change-address-form__buttons .product_purchase-box--btns .btn {
    width: 26rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
}

.change-address-form__buttons .product_purchase-box--btns .btn-reverse {
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 48em) {
  .change-address-form__buttons .product_purchase-box--btns .btn-reverse {
    width: 39rem;
  }
}

.change-address-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.4rem 1.5rem 43rem 1.5rem 16.5rem;
  grid-template-columns: 2.4rem 43rem 16.5rem;
  gap: 1.5rem;
}

@media (max-width: 48em) {
  .change-address-item {
    gap: 2rem;
    -ms-grid-columns: 4.8rem 2rem 1fr;
    grid-template-columns: 4.8rem 1fr;
  }

  .change-address-item:not(:last-child) {
    padding-bottom: 6rem;
    border-bottom: 0.2rem solid #9293b0;
  }

  .change-address-item:not(:first-child) {
    padding-top: 6rem;
  }
}

.change-address-item .order-form-item__label {
  border: none;
  background: #fff;
  -webkit-box-shadow: 0.5rem 0.7rem 1.4rem 0 rgba(173, 178, 201, 0.15);
  box-shadow: 0.5rem 0.7rem 1.4rem 0 rgba(173, 178, 201, 0.15);
  color: #9293b0;
}

.change-address-item .order-form-item__label input {
  width: 100%;
}

.change-address-item.active .order-form-item__label {
  border: 0.1rem solid #a05d31;
  background: #ffefd8;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3b3c40;
}

@media (max-width: 48em) {
  .change-address-item.active .order-form-item__label {
    border: 0.2rem solid #a05d31;
  }
}

.change-address-item__text {
  color: #3b3c40;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  margin-left: 2.5rem;
}

@media (max-width: 48em) {
  .change-address-item__text {
    font-size: 3rem;
    line-height: 140%;
    margin-left: 4rem;
    margin-bottom: 1.2rem;
  }
}

.change-address-item__text span {
  color: #9293b0;
}

.change-address-item__item-radio {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row-align: center;
  align-self: center;
}

@media (max-width: 48em) {
  .change-address-item__item-radio {
    -ms-grid-row-align: end;
    align-self: end;
    margin-bottom: 1.6rem;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.change-address-item__input-address {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  width: 100%;
}

@media (max-width: 48em) {
  .change-address-item__input-address {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.change-address-item__input-apartments {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  width: 100%;
}

@media (max-width: 48em) {
  .change-address-item__input-apartments {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
}

.order-form-item--outer {
  display: none;
}

.submit-order-modal-container {
  max-width: 122.4rem;
  width: 100%;
  min-height: 56.5rem;
  border-radius: 3rem;
  background: #ffefd8;
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

@media (max-width: 48em) {
  .submit-order-modal-container {
    padding: 2rem;
    min-height: 82.2rem;
    max-width: 71rem;
    border-radius: 4rem;
  }
}

.submit-order-modal-container--back {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 89.724rem;
  height: 37.3154rem;
  z-index: -1;
}

.submit-order-modal-content {
  width: 90.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 48em) {
  .submit-order-modal-content {
    width: 67rem;
  }
}

.submit-order-modal-content .modal-container--title {
  text-align: center;
  margin-bottom: 3.2rem;
}

@media (max-width: 48em) {
  .submit-order-modal-content .modal-container--title {
    margin-bottom: 4.8rem;
  }
}

.submit-order-modal-content--subtitle {
  color: #9293b0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;

  width: 69.5rem;
  margin: 0 0 4rem;
}

@media (max-width: 48em) {
  .submit-order-modal-content--subtitle {
    width: 95%;
    font-size: 3rem;
    line-height: 140%;

    margin: 0 0 6rem;
  }
}

.submit-order-modal__buttons .product_purchase-box--btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

@media (max-width: 48em) {
  .submit-order-modal__buttons .product_purchase-box--btns {
    gap: 3.2rem;
  }
}

@media (max-width: 48em) {
  .submit-order-modal__buttons .product_purchase-box--btns .btn {
    border-radius: 2rem;
    gap: 4rem;
    padding: 0.6rem 0.6rem 0.6rem 4rem;
  }
}

@media (max-width: 48em) {
  .submit-order-modal__buttons .product_purchase-box--btns .btn--icon {
    border-radius: 1.6rem;
  }
}

.submit-order-modal__buttons .product_purchase-box--btns .btn-reverse {
  max-width: 18.2rem;
  width: 100%;
  padding: 1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 48em) {
  .submit-order-modal__buttons .product_purchase-box--btns .btn-reverse {
    padding: 2rem 6rem;
    max-width: 27.2rem;
    border-radius: 2rem;
  }
}

.order-map-modal {
  display: none;
}

.order-map-modal.active {
  display: block;
}

.order-map-modal__card {
  position: relative;
  padding: 2.5rem;
  width: 51.2rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 1.5rem;
  background: #fff;
}

@media (max-width: 48em) {
  .order-map-modal__card {
    width: 71rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 8rem 4rem;
    border-radius: 4rem;
    gap: 6rem;
  }
}

.order-map-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.6rem;
}

@media (max-width: 48em) {
  .order-map-modal__content {
    gap: 4rem;
  }
}

.order-map-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 48em) {
  .order-map-modal__header {
    gap: 4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.order-map-modal__main {
  min-height: 6rem;
}

@media (max-width: 48em) {
  .order-map-modal__main {
    min-height: auto;
  }
}

.order-map-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}

@media (max-width: 48em) {
  .order-map-modal__footer {
    gap: 2rem;
  }
}

.order-map-modal__btn {
  width: 100%;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.order-map-modal--item__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__radio {
    gap: 3.2rem;
  }
}

.order-map-modal--item__radio-item {
  width: 2.4rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__radio-item {
    width: 4.8rem;
  }
}

.order-map-modal--item__radio-title {
  color: #3b3c40;
  font-size: 2rem;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 48em) {
  .order-map-modal--item__radio-title {
    font-size: 3.4rem;
    line-height: 140%;
  }
}

.order-map-modal--item__radio-subtitle {
  color: #9293b0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-map-modal--item__radio-subtitle {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.order-map-modal--item__call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__call {
    gap: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 48em) {
  .order-map-modal--item__call.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.order-map-modal--item__call-item {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

.order-map-modal--item__call-item strong {
  display: block;
  color: #a05d31;
  font-weight: 500;
}

.order-map-modal--item__call-item span {
  display: block;
  color: #9293b0;
  text-align: right;
}

@media (max-width: 48em) {
  .order-map-modal--item__call-item span {
    text-align: left;
  }
}

@media (max-width: 48em) {
  .order-map-modal--item__call-item {
    font-size: 2.8rem;
    line-height: 130%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.4rem;
  }
}

.order-map-modal--item__call-btn {
  width: 4rem;
  height: 4rem;
  background-color: #a05d31;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 48em) {
  .order-map-modal--item__call-btn {
    width: 8rem;
    height: 8rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.order-map-modal--item__call-btn svg {
  width: 2rem;
  height: 2rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__call-btn svg {
    width: 4rem;
    height: 4rem;
  }
}

.order-map-modal--item__address {
  color: #3b3c40;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-map-modal--item__address {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.order-map-modal--item__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  background-color: #3b3c40;
  border-radius: 1.5rem;
  padding: 0.8rem 1rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__time {
    gap: 2rem;
    padding: 1.4rem 2rem;
    border-radius: 3rem;
  }
}

.order-map-modal--item__time strong {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-map-modal--item__time strong {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.order-map-modal--item__time span {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}

@media (max-width: 48em) {
  .order-map-modal--item__time span {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.order-map-modal--item__time span svg {
  width: 100%;
  height: 100%;
}

.order-map-modal--item__weekend {
  color: #9293b0;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 140%;
}

@media (max-width: 48em) {
  .order-map-modal--item__weekend {
    font-size: 2.8rem;
    line-height: 130%;
  }
}

.error-block {
  width: 100%;
}

.error-block__container {
  border-radius: 5rem;
  background: #ffefd8;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 63.7rem;
  position: relative;
  padding-left: 13rem;
}

.error-block__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.error-block__wrapper-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9rem;
  font-size: 7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 106%;
  margin-bottom: 2rem;
}

.error-block__wrapper-subtitle {
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 2rem;
}

.error-block__wrapper-message {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 4rem;
  color: #9293b0;
}

.error-block__img {
  width: 65rem;
  height: 100%;
  border-radius: 18rem 0rem 0 18rem;
  overflow: hidden;
  z-index: 2;
  -webkit-box-shadow: 1.2rem 2.5rem 5.4rem rgba(126, 117, 178, 0.25);
  box-shadow: 1.2rem 2.5rem 5.4rem rgba(126, 117, 178, 0.25);
}

.error-block__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.error-block__img--mobile {
  display: none;
}

.error-block__back {
  height: 100%;
  width: 78.4rem;
  z-index: 1;
  position: absolute;
  top: 0rem;
  right: 0rem;
}

.error-block__back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.error-block__back--mobile {
  display: none;
}

@media (max-width: 48em) {
  .error-block__wrapper {
    z-index: 5;
    width: 37.6rem;
  }

  .error-block__wrapper-title {
    font-size: 6.4rem;
    line-height: 110%;
    margin-bottom: 2.2rem;
  }

  .error-block__wrapper-subtitle {
    font-size: 3.6rem;
    font-weight: 600;
    margin-bottom: 3.4rem;
  }

  .error-block__wrapper-message {
    font-size: 3rem;
    line-height: 140%;
    margin-bottom: 3.6rem;
  }

  .error-block__container {
    border-radius: 4rem;
    width: 70rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 65.4rem;
    padding-left: 4rem;
  }

  .error-block__back {
    display: none;
  }

  .error-block__back--mobile {
    display: block;
    position: absolute;
    width: 40rem;
    height: 100%;
    right: 0;
    bottom: 0;
  }

  .error-block__back--mobile img {
    -o-object-fit: fill;
    object-fit: fill;
  }

  .error-block__img {
    display: none;
  }

  .error-block__img--mobile {
    display: block;
    position: absolute;
    width: 32.2rem;
    height: 49.4rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    right: 0;
    bottom: 0;
  }
}

.mobile {
  display: none;
}

@media (max-width: 48em) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }
}

.block-tag-link:hover,
.block-tag-link.active {
  background-image: linear-gradient(to right, #ab2079, #752c71);
  box-shadow: 0px 7px 12px 0px rgb(157 35 119 / 46%);
  color: white;
}

.tech-properties img {
  cursor: zoom-in;
  border: 0.4rem solid #f3efff;
  border-radius: 1rem;
}
.tech-properties {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tech-properties a {
  color: #a05d31;
}
.tech-properties a:hover {
  color: #a05d31;
}