:root {
  --themeColor: #f58414;
  --themeColorHover: #da7715;
}

/*
        font-size: 18px;
        line-height: 24px;

        @include xlg {
            font-size: 1.25vw;
            line-height: 1.667vw;
        }

        @include lg {
            font-size: 1.758vw;
            line-height: 2.344vw;
        }

        @include sm {
            font-size: 2.344vw;
            line-height: 3.125vw;
        }

        @include smm {
            font-size: 3.344vw;
            line-height: 4.6vw;
        }

        @include xs {
            font-size: 4.4vw;
            line-height: 6vw;
        }



 font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 1vw;

        @include xlg {
            font-size: 1.65vw;
            line-height: 2.133vw;
        }

        @include lg {
            font-size: 2.36vw;
            line-height: 3vw;
        }

        @include sm {
            font-size: 3.13vw;
            line-height: 4.6vw;
        }

        @include smm {
            font-size: 5.25vw;
            line-height: 8vw;
        }

        @include xs {
            font-size: 6.64vw;
            line-height: 9vw;
        }
fz16
   @include xlg {
    line-height: 1.5vw;
    font-size: 1.111vw;
  }

  @include lg {
    font-size: 1.562vw;
    line-height: 2.15vw;
  }

  @include sm {
    line-height: 2.6vw;
    font-size: 2.07vw;
  }

  @include smm {
    line-height: 4.73vw;
    font-size: 3.45vw;
  }

  @include xs {
    line-height: 6vw;
    font-size: 4.5vw;
  }
*/
/*
fz14
        font-size: 14px;
                line-height: 20px;

                @include xlg {
                    font-size: 1vw;
                    line-height: 1.3vw;
                }

                @include lg {
                    font-size: 1.38vw;
                    line-height: 1.87vw;
                }

                @include sm {
                    font-size: 1.8vw;
                    line-height: 2.5vw;
                }

                @include smm {
                    font-size: 3vw;
                    line-height: 4.4vw;
                }

                @include xs {
                    font-size: 3.85vw;
                    line-height: 5vw;
                }


*/
/*
fz12
              font-size: 12px;
        line-height: 18px;

        @include xlg {
            font-size: 0.86vw;
            line-height: 1.3vw;
        }

        @include lg {
            font-size: 1.18vw;
            line-height: 2vw;
        }

        @include sm {
            font-size: 1.56vw;
            line-height: 2.5vw;
        }

        @include smm {
            font-size: 2.63vw;
            line-height: 4.1vw;
        }

        @include xs {
            font-size: 3.37vw;
            line-height: 4.5vw;
        }

*/
.block-breadcrumbs {
  padding-bottom: 32px;
}
@media screen and (max-width: 1440.02px) {
  .block-breadcrumbs {
    padding-bottom: 2.222vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .block-breadcrumbs {
    padding-bottom: 3.125vw;
  }
}
@media screen and (max-width: 768.02px) {
  .block-breadcrumbs {
    padding-bottom: 4vw;
  }
}
@media screen and (max-width: 360.02px) {
  .block-breadcrumbs {
    padding-bottom: 6.667vw;
  }
}
.block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
@media screen and (max-width: 1440.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list {
    gap: 0.556vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list {
    gap: 0.781vw;
  }
}
@media screen and (max-width: 768.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list {
    gap: 1.042vw;
  }
}
@media screen and (max-width: 360.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list {
    gap: 2.222vw;
  }
}
.block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li {
  display: flex;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 1440.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li {
    font-size: 0.972vw;
    line-height: 1.389vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li {
    font-size: 1.367vw;
    line-height: 1.953vw;
  }
}
@media screen and (max-width: 768.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li {
    font-size: 2.23vw;
    line-height: 2.604vw;
  }
}
@media screen and (max-width: 460.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li {
    font-size: 3vw;
    line-height: 4vw;
  }
}
@media screen and (max-width: 360.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li {
    font-size: 3.889vw;
    line-height: 5.556vw;
  }
}
.block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li a {
  color: #80808a;
  transition: all 0.3s;
  padding-right: 15px;
  position: relative;
}
@media screen and (max-width: 1440.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li a {
    padding-right: 1.042vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li a {
    padding-right: 1.465vw;
  }
}
@media screen and (max-width: 768.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li a {
    padding-right: 1.953vw;
  }
}
@media screen and (max-width: 360.02px) {
  .block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li a {
    padding-right: 4.167vw;
  }
}
.block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li a:hover {
  color: var(--themeColor);
}
.block-breadcrumbs .container .block-breadcrumbs__wrapper .breadcrumbs-list li a::after {
  content: "/";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #d1d1db;
}

.cart-page__table-wrapper {
  display: flex;
  gap: 32px;
  align-items: flex-start;
}
@media screen and (max-width: 768.02px) {
  .cart-page__table-wrapper {
    display: grid;
    gap: 0;
  }
}
.cart-page__table {
  flex: 1 1 auto;
}
.cart-page__aside {
  position: sticky;
  top: 2vw;
  flex: 0 0 360px;
  margin-top: 2%;
}
@media screen and (max-width: 1440.02px) {
  .cart-page__aside {
    flex: 0 0 24vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .cart-page__aside {
    flex: 0 0 30vw;
    margin-top: 0;
  }
}
@media screen and (max-width: 768.02px) {
  .cart-page__aside {
    flex: 0 0 40vw;
  }
}
@media screen and (max-width: 460.02px) {
  .cart-page__aside {
    flex: 0 0 100%;
  }
}
.table__head-row {
  padding-right: 54px;
  font-size: 14px;
  line-height: 20px;
  color: #80808a;
  display: grid;
  grid-template-columns: 3.38fr 1fr 1fr 1fr;
  align-items: center;
}
@media screen and (max-width: 1440.02px) {
  .table__head-row {
    font-size: 1vw;
    line-height: 1.3vw;
    padding-right: 3.6vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .table__head-row {
    font-size: 1.38vw;
    line-height: 1.87vw;
    display: none;
  }
}
.table__head-row div {
  padding: 1% 1% 1% 3.5%;
}
.table__row {
  border: 1px solid #e5e5eb;
  border-radius: 20px;
  transition: border-color 0.3s ease 0s;
  position: relative;
  background-color: #fff;
  padding: 16px 0 16px 16px;
  padding-right: 54px;
}
.table__row._disabled .table__item {
  filter: grayscale(100%);
  opacity: 0.6;
}
.table__row._disabled .table__item .table__quantity {
  pointer-events: none;
}
.table__row._disabled:hover {
  border-color: #e5e5eb;
}
.table__row:not(:last-of-type) {
  margin-bottom: 12px;
}
.table__row:hover {
  border-color: #d1d1db;
}
@media screen and (max-width: 1024.02px) {
  .table__row {
    padding-right: 3.6vw;
  }
}
.table__delete {
  position: absolute;
  right: 0.6vw;
  top: 0.6vw;
  width: 2vw;
  height: 2vw;
}
@media screen and (max-width: 1024.02px) {
  .table__delete {
    top: 2vw;
    right: 2vw;
  }
}
@media screen and (max-width: 768.02px) {
  .table__delete {
    top: 2.5vw;
    right: 2.5vw;
  }
}
@media screen and (max-width: 460.02px) {
  .table__delete {
    right: 5vw;
    top: unset;
    bottom: 5vw;
  }
}
.table__delete::before, .table__delete::after {
  content: "";
  width: 1vw;
  height: 2px;
  background-color: #f55555;
  display: inline-block;
  position: absolute;
  left: 50%;
  transition: background-color 0.3s ease 0s;
}
@media screen and (max-width: 1024.02px) {
  .table__delete::before, .table__delete::after {
    width: 1.5vw;
  }
}
@media screen and (max-width: 768.02px) {
  .table__delete::before, .table__delete::after {
    width: 2.5vw;
  }
}
@media screen and (max-width: 460.02px) {
  .table__delete::before, .table__delete::after {
    width: 3.5vw;
  }
}
.table__delete::before {
  transform: translateX(-50%) rotate(45deg);
}
.table__delete::after {
  transform: translateX(-50%) rotate(-45deg);
}
.table__delete:hover::before, .table__delete:hover::after {
  background-color: red;
}
.table__item {
  gap: 24px;
  align-items: center;
  display: grid;
  grid-template-columns: 90px 3fr 1fr 1fr;
}
.table__item._gift .quantity {
  pointer-events: none;
  opacity: 0.6;
}
.table__item._gift .quantity input {
  color: #80808a;
}
@media screen and (max-width: 1024.02px) {
  .table__item {
    gap: 1.6vw;
    padding-right: 3.6vw;
    grid-template-columns: auto 3fr;
  }
  .table__item:nth-child(3) {
    padding-top: 16px;
  }
}
@media screen and (max-width: 460.02px) {
  .table__item {
    gap: 3vw;
  }
}
.table__img {
  transition: opacity 0.3s ease 0s;
}
.table__img:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024.02px) {
  .table__img img {
    max-width: 100%;
  }
}
@media screen and (max-width: 460.02px) {
  .table__quantity .quantity {
    width: 21.5vw;
    height: 7.1vw;
  }
}
@media screen and (max-width: 360.02px) {
  .table__quantity .quantity {
    width: 27.5vw;
    height: 9.1vw;
  }
  .table__quantity .quantity .quantity__button::before, .table__quantity .quantity .quantity__button::after {
    width: 11px;
  }
}
.table__desc-wrapp {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media screen and (max-width: 768.02px) {
  .table__desc-wrapp {
    gap: 2vw;
    flex-wrap: wrap;
  }
}
.table__desc {
  flex: 1 1 100%;
}
.table__badge {
  background-color: #ff9f48;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 5%;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  padding: 1% 3%;
}
@media screen and (max-width: 1440.02px) {
  .table__badge {
    font-size: 0.86vw;
    line-height: 1.3vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .table__badge {
    font-size: 1.1vw;
    line-height: 2vw;
  }
}
@media screen and (max-width: 768.02px) {
  .table__badge {
    font-size: 1.6vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 460.02px) {
  .table__badge {
    font-size: 2vw;
    line-height: 3vw;
  }
}
@media screen and (max-width: 360.02px) {
  .table__badge {
    font-size: 2.5vw;
    line-height: 3.6vw;
  }
}
.table__name {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 1%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table__name:hover {
  color: var(--themeColor);
}
@media screen and (max-width: 1440.02px) {
  .table__name {
    font-size: 1vw;
    line-height: 1.3vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .table__name {
    font-size: 1.38vw;
    line-height: 1.87vw;
  }
}
@media screen and (max-width: 768.02px) {
  .table__name {
    font-size: 1.81vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 460.02px) {
  .table__name {
    font-size: 3.1vw;
    line-height: 4.4vw;
  }
}
@media screen and (max-width: 360.02px) {
  .table__name {
    font-size: 3.85vw;
    line-height: 5vw;
  }
}
.table__article {
  color: #80808a;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 1440.02px) {
  .table__article {
    font-size: 1vw;
    line-height: 1.3vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .table__article {
    font-size: 1.38vw;
    line-height: 1.87vw;
  }
}
@media screen and (max-width: 768.02px) {
  .table__article {
    font-size: 1.8vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 460.02px) {
  .table__article {
    font-size: 3vw;
    line-height: 4.4vw;
  }
}
@media screen and (max-width: 360.02px) {
  .table__article {
    font-size: 3.85vw;
    line-height: 5vw;
  }
}
.table__price {
  flex: 1 0 5em;
  font-weight: 600;
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 1440.02px) {
  .table__price {
    font-size: 1.067vw;
    line-height: 1.667vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .table__price {
    font-size: 1.554vw;
    line-height: 2.344vw;
  }
}
@media screen and (max-width: 768.02px) {
  .table__price {
    font-size: 2.11vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 460.02px) {
  .table__price {
    font-size: 3.08vw;
    line-height: 4.125vw;
  }
}
@media screen and (max-width: 360.02px) {
  .table__price {
    font-size: 3.91vw;
    line-height: 6vw;
  }
}
.table__price .old-price {
  font-size: 12px;
  color: #80808a;
  text-decoration: line-through;
  font-weight: 400;
}
@media screen and (max-width: 1440.02px) {
  .table__price .old-price {
    font-size: 0.86vw;
    line-height: 1.3vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .table__price .old-price {
    font-size: 1.16vw;
    line-height: 2vw;
  }
}
@media screen and (max-width: 768.02px) {
  .table__price .old-price {
    font-size: 1.6vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 460.02px) {
  .table__price .old-price {
    font-size: 2.6vw;
    line-height: 4.3vw;
  }
}
@media screen and (max-width: 360.02px) {
  .table__price .old-price {
    font-size: 3.4vw;
    line-height: 6vw;
  }
}
.table__quantity {
  margin: 0 auto;
}
.table__sum {
  flex: 1 1 20%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (max-width: 1440.02px) {
  .table__sum {
    font-size: 1.067vw;
    line-height: 1.667vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .table__sum {
    font-size: 1.554vw;
    line-height: 2.344vw;
  }
}
@media screen and (max-width: 768.02px) {
  .table__sum {
    font-size: 2.11vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 460.02px) {
  .table__sum {
    font-size: 3.49vw;
    line-height: 4.125vw;
  }
}
@media screen and (max-width: 360.02px) {
  .table__sum {
    font-size: 4.44vw;
    line-height: 7vw;
  }
}

.sum-block {
  border: 1px solid #e5e5eb;
  border-radius: 20px;
  padding: 32px;
  background-color: #fff;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 1440.02px) {
  .sum-block {
    padding: 2.133vw;
    font-size: 1.067vw;
    line-height: 1.667vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .sum-block {
    padding: 3vw;
    font-size: 1.554vw;
    line-height: 2.344vw;
  }
}
@media screen and (max-width: 768.02px) {
  .sum-block {
    padding: 4vw;
    font-size: 2.11vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 460.02px) {
  .sum-block {
    font-size: 3.7vw;
    line-height: 4.125vw;
  }
}
@media screen and (max-width: 360.02px) {
  .sum-block {
    font-size: 4.64vw;
    line-height: 7vw;
  }
}
.sum-block__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 1vw;
}
@media screen and (max-width: 1440.02px) {
  .sum-block__title {
    font-size: 1.65vw;
    line-height: 2.133vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .sum-block__title {
    font-size: 2.36vw;
    line-height: 3vw;
  }
}
@media screen and (max-width: 768.02px) {
  .sum-block__title {
    font-size: 3.13vw;
    line-height: 4.6vw;
  }
}
@media screen and (max-width: 460.02px) {
  .sum-block__title {
    font-size: 5.25vw;
    line-height: 8vw;
  }
}
@media screen and (max-width: 360.02px) {
  .sum-block__title {
    font-size: 6.64vw;
    line-height: 9vw;
  }
}
.sum-block__quantity {
  font-size: 14px;
  line-height: 20px;
  color: #80808a;
  padding-bottom: 1vw;
  border-bottom: 1px solid #e5e5eb;
}
@media screen and (max-width: 1440.02px) {
  .sum-block__quantity {
    font-size: 1vw;
    line-height: 1.3vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .sum-block__quantity {
    font-size: 1.38vw;
    line-height: 1.87vw;
    padding-bottom: 1.4vw;
  }
}
@media screen and (max-width: 768.02px) {
  .sum-block__quantity {
    font-size: 1.8vw;
    line-height: 2.5vw;
    padding-bottom: 2vw;
  }
}
@media screen and (max-width: 460.02px) {
  .sum-block__quantity {
    font-size: 3vw;
    line-height: 4.4vw;
    padding-bottom: 3vw;
  }
}
@media screen and (max-width: 360.02px) {
  .sum-block__quantity {
    font-size: 3.85vw;
    line-height: 5vw;
    padding-bottom: 4vw;
  }
}
.sum-block__sum {
  margin-top: 1vw;
  display: flex;
  justify-content: space-between;
  gap: 2%;
}
@media screen and (max-width: 768.02px) {
  .sum-block__sum {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 460.02px) {
  .sum-block__sum {
    margin-top: 3vw;
  }
  .sum-block__sum > div {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 360.02px) {
  .sum-block__sum {
    margin-top: 4vw;
  }
}
.sum-block__sale {
  margin-top: 0.6vw;
  display: flex;
  justify-content: space-between;
  gap: 2%;
  color: #f55555;
}
@media screen and (max-width: 768.02px) {
  .sum-block__sale {
    margin-top: 1.5vw;
  }
}
@media screen and (max-width: 460.02px) {
  .sum-block__sale {
    margin-top: 3vw;
  }
  .sum-block__sale > div {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 360.02px) {
  .sum-block__sale {
    margin-top: 2vw;
  }
}
.sum-block__total {
  margin-top: 1vw;
  display: flex;
  justify-content: space-between;
  gap: 2%;
  font-weight: 700;
  font-size: 1.2em;
}
@media screen and (max-width: 768.02px) {
  .sum-block__total {
    margin-top: 1.5vw;
    font-size: 1.4em;
    line-height: 1.4em;
  }
  .sum-block__total div:first-child {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 460.02px) {
  .sum-block__total {
    margin-top: 3vw;
    font-size: 1.4em;
  }
  .sum-block__total > div {
    flex: 0 0 50%;
  }
  .sum-block__total div:first-child {
    font-size: 0.76em;
  }
}
@media screen and (max-width: 360.02px) {
  .sum-block__total {
    font-size: 1.3em;
    margin-top: 2vw;
  }
  .sum-block__total div:first-child {
    font-size: 0.9em;
  }
}
.sum-block__btn {
  margin-top: 2vw;
  width: 100%;
}
@media screen and (max-width: 768.02px) {
  .sum-block__btn {
    margin-top: 4vw;
  }
}

.free-delivery {
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  background-color: #fee992;
  border-radius: 20px;
  margin: 3% 0;
}
@media screen and (max-width: 1440.02px) {
  .free-delivery {
    padding: 1.067vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .free-delivery {
    padding: 1.554vw;
    margin: 5% 0;
  }
}
@media screen and (max-width: 768.02px) {
  .free-delivery {
    padding: 2.11vw;
    margin: 4% 0;
  }
}
@media screen and (max-width: 460.02px) {
  .free-delivery {
    padding: 3.49vw;
  }
}
@media screen and (max-width: 360.02px) {
  .free-delivery {
    padding: 4.44vw;
  }
}
.free-delivery__text {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 1440.02px) {
  .free-delivery__text {
    line-height: 1.5vw;
    font-size: 1.111vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .free-delivery__text {
    font-size: 1.562vw;
    line-height: 2.2vw;
  }
}
@media screen and (max-width: 768.02px) {
  .free-delivery__text {
    line-height: 2.6vw;
    font-size: 2.07vw;
  }
}
@media screen and (max-width: 460.02px) {
  .free-delivery__text {
    line-height: 4.73vw;
    font-size: 3.45vw;
  }
}
@media screen and (max-width: 360.02px) {
  .free-delivery__text {
    line-height: 6vw;
    font-size: 4.5vw;
  }
}

.simple-intro__title {
  width: 66%;
  float: left;
}
@media screen and (max-width: 768.02px) {
  .simple-intro__title {
    float: none;
    width: 100%;
  }
}
.simple-intro__img {
  float: right;
  width: 32%;
}
.simple-intro__img img {
  max-width: 100%;
}
@media screen and (max-width: 768.02px) {
  .simple-intro__img {
    float: none;
    width: 100%;
  }
}
.simple-intro__content {
  width: 66%;
  float: left;
}
@media screen and (max-width: 768.02px) {
  .simple-intro__content {
    float: none;
    width: 100%;
  }
}

.page-result-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  max-width: 650px;
  margin: 0 auto;
}
@media screen and (max-width: 1440.02px) {
  .page-result-block {
    max-width: 43.333vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .page-result-block {
    max-width: 50vw;
  }
}
@media screen and (max-width: 768.02px) {
  .page-result-block {
    max-width: 70vw;
  }
}
@media screen and (max-width: 460.02px) {
  .page-result-block {
    max-width: 75vw;
  }
}
@media screen and (max-width: 360.02px) {
  .page-result-block {
    max-width: 100vw;
  }
}
.page-result-block__img {
  margin-bottom: 32px;
}
@media screen and (max-width: 1440.02px) {
  .page-result-block__img {
    margin-bottom: 2.133vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .page-result-block__img {
    margin-bottom: 3.133vw;
  }
}
@media screen and (max-width: 768.02px) {
  .page-result-block__img {
    margin-bottom: 4.133vw;
  }
}
@media screen and (max-width: 460.02px) {
  .page-result-block__img {
    margin-bottom: 5.133vw;
  }
}
@media screen and (max-width: 360.02px) {
  .page-result-block__img {
    margin-bottom: 6.133vw;
  }
}
.page-result-block__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media screen and (max-width: 1440.02px) {
  .page-result-block__title {
    font-size: 1.25vw;
    line-height: 1.667vw;
    margin-bottom: 1vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .page-result-block__title {
    font-size: 1.758vw;
    margin-bottom: 1.3vw;
    line-height: 2.344vw;
  }
}
@media screen and (max-width: 768.02px) {
  .page-result-block__title {
    font-size: 2.344vw;
    margin-bottom: 1.7vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 460.02px) {
  .page-result-block__title {
    font-size: 3.344vw;
    margin-bottom: 2vw;
    line-height: 4.425vw;
  }
}
@media screen and (max-width: 360.02px) {
  .page-result-block__title {
    font-size: 5vw;
    margin-bottom: 2.4vw;
    line-height: 6.667vw;
  }
}
.page-result-block__subtitle {
  color: #80808a;
  text-align: center;
  margin-bottom: 32px;
}
@media screen and (max-width: 1440.02px) {
  .page-result-block__subtitle {
    margin-bottom: 2.133vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .page-result-block__subtitle {
    margin-bottom: 3.133vw;
  }
}
@media screen and (max-width: 768.02px) {
  .page-result-block__subtitle {
    margin-bottom: 4.133vw;
  }
}
@media screen and (max-width: 460.02px) {
  .page-result-block__subtitle {
    margin-bottom: 5.133vw;
  }
}
@media screen and (max-width: 360.02px) {
  .page-result-block__subtitle {
    margin-bottom: 6.133vw;
  }
}
.page-result-block__btn {
  margin-bottom: 32px;
}
@media screen and (max-width: 1440.02px) {
  .page-result-block__btn {
    margin-bottom: 2.133vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .page-result-block__btn {
    margin-bottom: 3.133vw;
  }
}
@media screen and (max-width: 768.02px) {
  .page-result-block__btn {
    margin-bottom: 4.133vw;
  }
}
@media screen and (max-width: 460.02px) {
  .page-result-block__btn {
    margin-bottom: 5.133vw;
  }
}
@media screen and (max-width: 360.02px) {
  .page-result-block__btn {
    margin-bottom: 6.133vw;
  }
}

.clear-both {
  clear: both;
}

.order-success__title {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768.02px) {
  .order-success .simple-intro__img {
    margin-bottom: 2vw;
  }
}
.order-success__number {
  margin-bottom: 1vw;
  color: #80808a;
}
@media screen and (max-width: 768.02px) {
  .order-success__number {
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 460.02px) {
  .order-success__number {
    margin-bottom: 5vw;
  }
}
.order-success__number a {
  font-weight: 600;
  color: #16151c;
}
.order-success__text {
  color: #80808a;
  margin-bottom: 2vw;
}
@media screen and (max-width: 768.02px) {
  .order-success__text {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 460.02px) {
  .order-success__text {
    margin-bottom: 6vw;
  }
}
.order-success__btns {
  display: flex;
  gap: 1vw;
}
@media screen and (max-width: 460.02px) {
  .order-success__btns {
    flex-wrap: wrap;
    gap: 3vw;
  }
}
@media screen and (max-width: 460.02px) {
  .order-success__btn {
    flex: 1 1 100%;
  }
}

.bonus-program__title {
  margin-bottom: 0 !important;
}
.bonus-program__head {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 1vw;
}
@media screen and (max-width: 1440.02px) {
  .bonus-program__head {
    font-size: 1.65vw;
    line-height: 2.133vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .bonus-program__head {
    font-size: 2.36vw;
    line-height: 3vw;
  }
}
@media screen and (max-width: 768.02px) {
  .bonus-program__head {
    font-size: 3.13vw;
    line-height: 4.6vw;
  }
}
@media screen and (max-width: 460.02px) {
  .bonus-program__head {
    font-size: 4.55vw;
    line-height: 8vw;
  }
}
@media screen and (max-width: 360.02px) {
  .bonus-program__head {
    font-size: 5.5vw;
    line-height: 9vw;
  }
}
.bonus-program__paragraph {
  margin-bottom: 1vw;
}
@media screen and (max-width: 768.02px) {
  .bonus-program__paragraph {
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 360.02px) {
  .bonus-program__paragraph {
    margin-bottom: 3.5vw;
  }
}
.bonus-program__list li {
  list-style-type: decimal;
  list-style-position: inside;
}

.search_query {
  margin: 0;
  font-size: 36px;
  line-height: 44px;
}
@media screen and (max-width: 1440.02px) {
  .search_query {
    font-size: 2.5vw;
    line-height: 3.056vw;
  }
}
@media screen and (max-width: 1024.02px) {
  .search_query {
    font-size: 3.516vw;
    line-height: 4.297vw;
  }
}
@media screen and (max-width: 768.02px) {
  .search_query {
    font-size: 4.167vw;
    line-height: 5.208vw;
  }
}
@media screen and (max-width: 460.02px) {
  .search_query {
    font-size: 5.25vw;
    line-height: 8vw;
  }
}
@media screen and (max-width: 360.02px) {
  .search_query {
    font-size: 6.667vw;
    line-height: 8.889vw;
  }
}