* {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

html,
body {
  min-height: 100vh;
}

body {
  color: #141429;
  font-family: "Roboto";
  background: #fff;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  font-size: 12px;
}
body.main {
  background: url(../img/svg/footer-bg.svg) no-repeat right bottom #fff !important;
}
body.catalog-page, body.post-type-archive-kshop_product, body.tax-kshop_product_category {
  background: url(../img/svg/catalog-right.svg) no-repeat right top 0, url(../img/svg/catalog-left.svg) no-repeat left top 350px;
}
body.product-page, body.single-kshop_product {
  background: url(../img/svg/product-page-right.svg) no-repeat right bottom, url(../img/svg/product-page-left.svg) no-repeat left bottom;
}
body.cart-page {
  background: url(../img/svg/product-page-right.svg) no-repeat right bottom, url(../img/svg/product-page-left.svg) no-repeat left bottom;
}
body.order-page, body.page {
  background: url(../img/svg/order-right.svg) no-repeat right bottom, url(../img/svg/order-left.svg) no-repeat left bottom;
}
body .shadow-overlay-bg {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background: #141429;
  z-index: 400;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
body.shadow-overlay {
  overflow: hidden;
}
body.shadow-overlay .shadow-overlay-bg {
  visibility: visible;
  opacity: 0.3;
  z-index: 998;
}
body.courier-body {
  padding-top: 40px;
}

* html main {
  height: 100%;
}

main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
main.main {
  background: url(../img/main-decore-left.png) no-repeat left bottom 100px !important;
}
main.alted {
  padding-top: 166px;
}

.container {
  max-width: 1164px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

h1 {
  color: #343434;
  font-weight: 900;
  font-size: 50px;
}

h2 {
  font-size: 38px;
  font-weight: 700;
  line-height: 108%;
  letter-spacing: -0.76px;
  margin-bottom: 15px;
}

h3 {
  font-size: 24px;
  font-weight: 900;
  margin-bottom: 40px;
}

hr {
  height: 2px !important;
  background: #141429;
  display: block !important;
  border-top: 0 !important;
  width: 100%;
  margin: 64px 0;
}

a {
  color: #141429;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

p {
  margin-bottom: 20px;
}
p:last-child {
  margin-bottom: 0 !important;
}

table {
  margin-bottom: 40px;
  border-collapse: collapse;
  width: 100%;
}
table:last-child {
  margin-bottom: 0;
}
table th,
table td {
  text-align: left;
  padding: 10px;
  vertical-align: top;
  border: 0;
  text-align: center;
  border-bottom: 1px solid #F2F2F2;
}
table tr:last-child td {
  border-bottom: 0;
}
table th {
  main-space: nowrap;
  font-weight: 500;
}
table th p {
  font-weight: 500 !important;
}
table th p,
table td p {
  padding: 0 !important;
}
img {
  max-width: 100%;
  height: auto;
}

a,
img {
  outline: none;
}

input[type=submit],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

/* Chrome, Safari, Edge */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.button {
  margin-top: clamp(25px, 2.0833333333vw, 40px);
}
.button.centeyellow {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.btns_columns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.btns_columns .btn-2 {
  width: 100%;
}

.btn {
  border: 0;
  outline: 0;
  cursor: pointer;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  height: 50px;
  padding: 0 40px;
  text-align: center;
  background: #F0F0F0;
  font-size: 20px;
  font-weight: bold;
  color: #9A80FF;
  -webkit-box-shadow: 0 4px 3.2px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 3.2px 0 rgba(0, 0, 0, 0.25);
  font-family: "Inter" !important;
  border-style: none !important;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn:hover {
  background: #FADB3D;
  color: #343434;
}
.btn.btn-sm {
  height: 45px;
  font-size: 14px;
}
.btn.btn-yellow {
  background: #FADB3D;
  color: #343434;
}
.btn.btn-yellow:hover {
  background: #9A80FF;
  color: #F0F0F0;
}
.btn.btn-purple {
  background: #9A80FF;
  color: #F0F0F0;
}
.btn.btn-purple:hover {
  background: #FADB3D;
  color: #343434;
}
.btn.btn-orange {
  background: #FADB3D;
  color: #343434;
}
.btn.btn-orange:hover {
  background: #9A80FF;
  color: #F0F0F0;
}
.btn.disabled {
  pointer-events: none !important;
  background: #ccc !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-2 {
  border: 0;
  outline: 0;
  cursor: pointer;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  height: 40px;
  padding: 0 12px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #343434;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.74);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  font-family: "Inter" !important;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.btn-2:hover {
  background: #FADB3D;
}
.btn-2.btn-yellow {
  background: #FADB3D;
  color: #343434;
  border: 1px solid rgba(20, 20, 41, 0.1);
  -webkit-box-shadow: 0 12px 18px 0 rgba(255, 213, 0, 0.22);
          box-shadow: 0 12px 18px 0 rgba(255, 213, 0, 0.22);
}
.btn-2.btn-yellow:hover {
  background: #9A80FF;
  color: #F0F0F0;
}
.btn-2.btn-purple {
  border: 1px solid rgba(186, 161, 255, 0.55);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  background: #9A80FF;
  color: #F0F0F0;
}
.btn-2.btn-purple:hover {
  background: #FADB3D;
  color: #343434;
}
.btn-2.btn-red {
  border-radius: 8px;
  border: 1px solid rgba(239, 68, 68, 0.25);
  background: rgba(239, 68, 68, 0.1);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
}
.btn-2.btn-red:hover {
  background: rgba(239, 68, 68, 0.25);
  color: #343434;
}
.btn-2.btn-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn-2.btn-rounded {
  border-radius: 999px;
}

input.inputbox,
textarea.messagebox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  height: 40px;
  width: 100%;
  display: block;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
  font-family: "Inter" !important;
  font-size: 12px;
  color: rgba(20, 20, 41, 0.8);
  padding: 0 11px;
  outline: none !important;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
input.inputbox.wpcf7-not-valid,
textarea.messagebox.wpcf7-not-valid {
  border-color: #FADB3D;
}
input.inputbox:focus,
textarea.messagebox:focus {
  border-color: #FADB3D;
}
input.inputbox::-webkit-input-placeholder, textarea.messagebox::-webkit-input-placeholder {
  color: rgba(20, 20, 41, 0.45);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
input.inputbox::-moz-placeholder, textarea.messagebox::-moz-placeholder {
  color: rgba(20, 20, 41, 0.45);
  -moz-transition: 0.3s;
  transition: 0.3s;
}
input.inputbox:-ms-input-placeholder, textarea.messagebox:-ms-input-placeholder {
  color: rgba(20, 20, 41, 0.45);
  -ms-transition: 0.3s;
  transition: 0.3s;
}
input.inputbox::-ms-input-placeholder, textarea.messagebox::-ms-input-placeholder {
  color: rgba(20, 20, 41, 0.45);
  -ms-transition: 0.3s;
  transition: 0.3s;
}
input.inputbox::placeholder,
textarea.messagebox::placeholder {
  color: rgba(20, 20, 41, 0.45);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
input.inputbox:focus::-webkit-input-placeholder, textarea.messagebox:focus::-webkit-input-placeholder {
  opacity: 0;
}
input.inputbox:focus::-moz-placeholder, textarea.messagebox:focus::-moz-placeholder {
  opacity: 0;
}
input.inputbox:focus:-ms-input-placeholder, textarea.messagebox:focus:-ms-input-placeholder {
  opacity: 0;
}
input.inputbox:focus::-ms-input-placeholder, textarea.messagebox:focus::-ms-input-placeholder {
  opacity: 0;
}
input.inputbox:focus::placeholder,
textarea.messagebox:focus::placeholder {
  opacity: 0;
}

textarea.messagebox {
  height: 60px;
  padding: 10px 20px;
}

select.selectbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  background: #fff;
  border: 1px solid #CACACA;
  height: clamp(40px, 2.8125vw, 54px);
  width: 100%;
  display: block;
  font-family: "Montserrat";
  font-size: clamp(14px, 0.9375vw, 18px);
  font-weight: 500;
  line-height: 150%;
  padding: 0 clamp(10px, 1.0416666667vw, 20px);
  outline: none !important;
  cursor: pointer;
  background: url(../img/svg/chevron-down2.svg) no-repeat center right clamp(10px, 1.0416666667vw, 20px) #fff;
  background-size: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
select.selectbox::-ms-expand {
  display: none;
}
select.selectbox:focus {
  border-color: #FADB3D;
}

.checkboxes {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.checkbox {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.checkbox label {
  display: block;
  margin-bottom: 0;
  cursor: pointer;
}
.checkbox label input {
  display: none;
}
.checkbox label input:checked + span i img {
  opacity: 1;
}
.checkbox label span {
  display: inline-block;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox label span i {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(20, 20, 41, 0.22);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
  margin-right: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox label span i img {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox label span a {
  color: rgba(20, 20, 41, 0.78);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-color: rgba(186, 161, 255, 0.55);
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.checkbox label span a:hover {
  color: #9A80FF;
}
.checkbox label:hover span {
  color: #9A80FF;
}
.checkbox label:hover span i {
  border-color: #9A80FF;
}

.radio {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.radio label {
  display: block;
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
}
.radio label input {
  display: none;
}
.radio label input:checked + span:before {
  background: #FADB3D;
}
.radio label span {
  cursor: pointer;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 30px;
}
.radio label span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 0;
  z-index: 1000;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  opacity: 0;
  visibility: hidden;
}
.modal.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.modal::-webkit-scrollbar {
  width: 0;
}
.modal__close {
  position: absolute;
  top: 17px;
  right: 17px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  cursor: pointer;
  z-index: 200;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #FFF;
  -webkit-box-shadow: 0 12px 30px 0 rgba(15, 16, 32, 0.07);
          box-shadow: 0 12px 30px 0 rgba(15, 16, 32, 0.07);
  color: #0F1020;
  text-align: center;
  font-family: "Inter";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.modal__close svg {
  width: 14px;
  height: auto;
  display: block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.modal__close:hover svg {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.modal__title {
  font-size: clamp(18px, 1.3541666667vw, 26px);
  margin-bottom: clamp(20px, 1.5625vw, 30px);
}
.modal__content {
  position: relative;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  max-height: 95vh;
  max-width: 336px;
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 24px 70px 0 rgba(15, 16, 32, 0.1);
          box-shadow: 0 24px 70px 0 rgba(15, 16, 32, 0.1);
  backdrop-filter: blur(8px);
  width: 100%;
  background: #fff;
  padding: 85px 23px 28px;
  overflow: auto;
}
.modal .form {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal .form__row {
  margin-bottom: 14px;
}
.modal .form__row:last-child {
  margin-bottom: 0 !important;
}
.modal .form__field {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.modal .form__label {
  color: #6E7085;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}
.modal .form input.inputbox {
  height: 58px;
  border-radius: 999px;
  border: 1px solid rgba(156, 134, 211, 0.24);
  background: #FFF;
  -webkit-box-shadow: 0 0 0 5px rgba(156, 134, 211, 0.04) inset;
          box-shadow: 0 0 0 5px rgba(156, 134, 211, 0.04) inset;
  padding: 0 20px;
  font-size: 18px;
}
.modal .form__submit .btn-2 {
  border-radius: 999px;
  width: 100%;
  font-size: 16px;
  font-weight: 800;
  height: 58px;
}
.modal .form__accept {
  margin-top: 14px;
  color: #8B8EA2;
  font-size: 12px;
  line-height: 155%;
}
.modal.map-modal {
  z-index: 10010;
}
.modal.map-modal .modal__content {
  max-width: 1220px;
  overflow: visible;
  padding: 0;
}
.modal.map-modal .modal__close {
  top: -40px;
  right: -40px;
}
.modal.map-modal .map-modal__body {
  height: 600px;
  padding: 15px;
  overflow: hidden;
  position: relative;
}
.modal.map-modal .map-modal__body iframe {
  border-radius: 24px;
  border: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.modal.auth-modal {
  overflow-x: hidden;
}
.modal.auth-modal .modal__content {
  overflow-x: hidden;
}
.modal.auth-modal .modal__content:before {
  content: "";
  display: block;
  position: absolute;
  top: -80px;
  right: -60px;
  z-index: -1;
  width: 180px;
  height: 180px;
  border-radius: 90px;
  background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(156, 134, 211, 0.18) 0%, rgba(156, 134, 211, 0) 100%);
}
.modal.auth-modal .auth-modal__icon {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 18px;
}
.modal.auth-modal .auth-modal__icon img {
  width: 150px;
  height: auto;
}
.modal.auth-modal .auth-modal__title {
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 112%;
  letter-spacing: -0.84px;
  margin-bottom: 13px;
}
.modal.auth-modal .auth-modal__desc {
  max-width: 230px;
  margin: 0 auto 24px;
  color: #6E7085;
  text-align: center;
  font-size: 15px;
  line-height: 165%;
}
.modal.product-modal {
  z-index: 1100;
}
.modal.product-modal .product-modal__body {
  max-width: 1180px;
  position: relative;
}
.modal.product-modal .modal__close {
  display: none;
}
.modal.product-modal .modal__close.show {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal.product-modal .modal__content {
  border-radius: 3px;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(20, 20, 41, 0.12);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
}
.modal.product-modal .modal__content-inner {
  height: 100%;
  overflow: auto;
  max-height: calc(100vh - 80px);
  padding: 20px 30px;
}
.modal.product-modal .modal__content-inner::-webkit-scrollbar {
  width: 6px;
  background: #eee;
  border-radius: 3px;
}
.modal.product-modal .modal__content-inner::-webkit-scrollbar-thumb {
  background: #9A80FF;
  border-radius: 3px;
}
.modal.product-modal .modal__content-inner::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 3px;
}
.modal.product-modal .modal__close {
  width: 26px;
  height: 26px;
  top: -26px;
  right: -26px;
}

.cart-modal {
  opacity: 1;
  visibility: visible;
  right: -600px;
  left: auto;
  width: 600px;
  display: block;
  background: radial-gradient(108.98% 251.6% at 100% 0%, rgba(156, 134, 211, 0.14) 0%, rgba(156, 134, 211, 0) 24%), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F6F4FB)), #FFF;
  background: radial-gradient(108.98% 251.6% at 100% 0%, rgba(156, 134, 211, 0.14) 0%, rgba(156, 134, 211, 0) 24%), linear-gradient(180deg, #FFF 0%, #F6F4FB 100%), #FFF;
  padding: 20px 16px 40px;
  overflow: auto;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.cart-modal.active {
  right: 0;
}
.cart-modal::-webkit-scrollbar {
  width: 6px;
  background: #eee;
  border-radius: 3px;
}
.cart-modal::-webkit-scrollbar-thumb {
  background: #9A80FF;
  border-radius: 3px;
}
.cart-modal::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 3px;
}
.cart-modal__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}
.cart-modal__head span.cart-modal__head_empty {
  display: none;
}
.cart-modal__head-content {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cart-modal__head-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 105%;
  letter-spacing: -0.9px;
}
.cart-modal__head-text {
  color: #6D7085;
  font-size: 14px;
  font-weight: 400;
}
.cart-modal__head-desc {
  color: #6D7085;
  font-size: 14px;
  font-weight: 400;
}
.cart-modal__head-btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.cart-modal__head .btn-2 {
  height: 44px;
  width: 172px;
  border-radius: 999px;
  -webkit-box-shadow: 0 18px 34px 0 rgba(79, 201, 93, 0.25);
          box-shadow: 0 18px 34px 0 rgba(79, 201, 93, 0.25);
  font-size: 16px;
}
.cart-modal__head-close {
  position: relative;
  right: auto;
  top: auto;
  border-radius: 16px;
  background: #FFF;
  -webkit-box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
          box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
}
.cart-modal__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-bottom: 25px;
}
.cart-modal__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 15px 56px 15px 15px;
  border-radius: 22px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #FFF;
  -webkit-box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
          box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
  position: relative;
}
.cart-modal__item-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 68px;
}
.cart-modal__item-image a {
  display: block;
  height: 68px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FBF9FF), to(#F0ECFA));
  background: linear-gradient(180deg, #FBF9FF 0%, #F0ECFA 100%);
  border-width: 1px solid rgba(156, 134, 211, 0.14);
  border-radius: 18px;
  overflow: hidden;
}
.cart-modal__item-image a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.cart-modal__item-image a:hover img {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.cart-modal__item-content {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cart-modal__item-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 135%;
  margin-bottom: 7px;
}
.cart-modal__item-title a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart-modal__item-title a:hover {
  color: #9A80FF;
}
.cart-modal__item-desc {
  color: #6D7085;
  font-size: 12px;
  line-height: 155%;
  margin-bottom: 10px;
}
.cart-modal__item-price {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  gap: 10px;
  margin-bottom: 10px;
}
.cart-modal__item-price del {
  color: #9EA2B5;
  font-size: 12px;
  text-decoration-line: line-through;
  margin-top: 8px;
}
.cart-modal__item-price strong {
  color: #0F1020;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.cart-modal__item-counter {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 999px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #F5F4F8;
  padding: 5px 9px;
}
.cart-modal__item-plus, .cart-modal__item-minus {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 34px;
  height: 34px;
  border-radius: 50%;
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(15, 16, 32, 0.06);
          box-shadow: 0 6px 14px 0 rgba(15, 16, 32, 0.06);
  text-align: center;
  font-size: 22px;
  line-height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  outline: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 0;
  cursor: pointer;
}
.cart-modal__item-plus:hover, .cart-modal__item-minus:hover {
  background: #9A80FF;
  color: #fff;
}
.cart-modal__item-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 50px;
  text-align: center;
  background: none;
  border: 0;
  outline: 0;
  cursor: pointer;
  color: #141429;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
}
.cart-modal__item-del {
  position: absolute;
  right: 10px;
  top: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart-modal__item-del svg {
  width: 8px;
  height: auto;
}
.cart-modal__item-del path {
  fill: rgba(20, 20, 41, 0.7);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart-modal__item-del:hover {
  background: #9A80FF;
}
.cart-modal__item-del:hover path {
  fill: #fff;
}
.cart-modal__delivery {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  height: 48px;
  margin-bottom: 14px;
  border-radius: 22px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #D4FFCF;
  -webkit-box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
          box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
  padding: 0 13px 0 20px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart-modal__delivery-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cart-modal__delivery-icon svg {
  display: block;
  height: 19px;
  width: auto;
}
.cart-modal__delivery-icon path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart-modal__delivery-adress {
  font-size: 100%;
  font-size: 15px;
  font-weight: 700;
}
.cart-modal__delivery-adress strong {
  color: #6E76FF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart-modal__delivery-arrow {
  color: #8796FA;
  font-size: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart-modal__delivery:hover {
  background: #9A80FF;
  color: #fff;
}
.cart-modal__delivery:hover .cart-modal__delivery-icon path {
  stroke: #fff;
}
.cart-modal__delivery:hover .cart-modal__delivery-adress strong {
  color: #fff;
}
.cart-modal__delivery:hover .cart-modal__delivery-arrow {
  color: #fff;
}
.cart-modal__result {
  border-radius: 24px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #FFF;
  -webkit-box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
          box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
  padding: 20px;
  margin-bottom: 30px;
}
.cart-modal__result-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.44px;
  margin-bottom: 17px;
}
.cart-modal__result-info {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.cart-modal__result-price {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  color: #6D7085;
  font-size: 15px;
}
.cart-modal__result-price strong {
  color: #141429;
  font-size: 16px;
  font-weight: 700;
}
.cart-modal__result-total {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 10px;
  margin-top: 12px;
  padding-top: 17px;
  border-top: 1px solid rgba(15, 16, 32, 0.08);
  font-size: 17px;
  font-weight: 700;
}
.cart-modal__result-total b {
  display: none;
}
.cart-modal__result-total strong {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.84px;
}
.cart-modal .related {
  margin-bottom: 26px;
}
.cart-modal .related__head-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.44px;
}
.cart-modal .related__items {
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.cart-modal__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.cart-modal__btns .btn-2 {
  height: 58px;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  border-radius: 999px;
  -webkit-box-shadow: 0 18px 34px 0 rgba(79, 201, 93, 0.25);
          box-shadow: 0 18px 34px 0 rgba(79, 201, 93, 0.25);
}
.cart-modal__btns .btn-2.btn-white {
  width: 40.7608695652%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
          box-shadow: 0 10px 30px 0 rgba(15, 16, 32, 0.06);
  pointer-events: none;
}
.cart-modal__action {
  display: none;
}
.cart-modal__empty {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cart-modal__empty-content {
  border-radius: 28px;
  border: 1px solid #ECE8F6;
  background: #FBFAFF;
  max-width: 356px;
  margin-bottom: 15px;
  padding: 30px 20px 24px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cart-modal__empty-icon {
  padding: 9px 11px 0;
  width: 132px;
  height: 132px;
  margin-bottom: 20px;
  border-radius: 28px;
  background: #F2EDFF;
}
.cart-modal__empty-icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.cart-modal__empty-title {
  color: #201F31;
  text-align: center;
  font-size: 22px;
  font-weight: 900;
  line-height: 115%;
  margin-bottom: 10px;
}
.cart-modal__empty-text {
  max-width: 255px;
  color: #8C86A5;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 20px;
}
.cart-modal__empty-btn {
  width: 100%;
}
.cart-modal__empty-btn a {
  width: 100%;
}
.cart-modal_empty .cart-modal__head span {
  display: none;
}
.cart-modal_empty .cart-modal__head span.cart-modal__head_empty {
  display: block;
}
.cart-modal_empty .cart-modal__head-desc {
  display: none;
}
.cart-modal_empty .cart-modal__head-btns .js-cart-clear {
  display: none;
}
.cart-modal_empty .cart-modal__result {
  display: none;
}

.form {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
}
.form__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 10px;
}
.form__intro {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px;
}
.form__title {
  font-size: 14px;
  font-weight: 700;
}
.form__text {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.form__tag {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 8px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
}
.form__tag:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9A80FF;
}
.form__tag_style2:before {
  background: #FADB3D;
}
.form__body {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.form__row {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.form__field {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 11px;
  width: 100%;
}
.form__label {
  color: rgba(20, 20, 41, 0.8);
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 6px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.form__label small {
  color: rgba(20, 20, 41, 0.55);
  font-size: 11px;
  font-weight: 900;
}
.form__checkboxes {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.form__checkbox {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  gap: 8px;
  background: rgba(20, 20, 41, 0.02) !important;
}
.form__checkbox-note {
  color: rgba(20, 20, 41, 0.55);
  font-size: 12px;
  font-weight: 900;
}
.form__checkbox-note a {
  color: rgba(20, 20, 41, 0.78);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-color: rgba(186, 161, 255, 0.55);
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.form__checkbox-note a:hover {
  color: #9A80FF;
}
.form__accept {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.form__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.menu-mobile,
.nav-mobile,
.header-mobile {
  display: none;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  background: -webkit-gradient(linear, left top, right top, color-stop(14.91%, #A38FD7), color-stop(95.29%, #9A84D2));
  background: linear-gradient(90deg, #A38FD7 14.91%, #9A84D2 95.29%);
}
.header .container {
  max-width: 1430px;
}
.header__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  height: 110px;
  position: relative;
  gap: 18px;
}
.header__logo {
  width: 214px;
}
.header__logo a {
  display: block;
  width: 100%;
}
.header__logo a img {
  display: block;
  width: 100%;
  height: auto;
}
.header__menu ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 34px;
}
.header__menu ul li {
  list-style-type: none;
}
.header__menu ul li a {
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__menu ul li a:hover {
  border-color: #fff;
}
.header__info {
  position: absolute;
  right: 0;
  top: 9px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  color: #FFF;
  font-family: "Montserrat Alternates";
  font-size: 13px;
  font-weight: 300;
}
.header__phone a {
  color: #FFF;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__phone a:hover {
  border-color: #fff;
}
.header__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.header__btn a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  height: 36px;
  padding: 0 34px;
  width: 160px;
  color: #141429;
  font-family: "Montserrat Alternates";
  font-size: 18px;
  font-weight: 700;
  border-radius: 5px;
  background: #F0F0F0;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__btn a:hover {
  background: #FADB3D;
  color: #343434;
}
.header__btn-icon a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  text-align: center;
  height: 36px;
  border-radius: 999px;
  background: #F0F0F0;
  padding: 0 13px;
  gap: 8px;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.4px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__btn-icon a path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__btn-icon a:hover {
  background: #FADB3D;
  color: #343434;
}
.header__btn-icon a:hover path {
  stroke: #343434;
}
.header__adress a svg {
  height: 19px;
  width: auto;
}
.header__adress a span {
  text-align: center;
  min-width: 108px;
  padding-right: 8px;
}
.header__favorite a {
  padding: 2px 0 0;
  width: 36px;
  border-radius: 50%;
}
.header__favorite a svg {
  display: block;
  height: 16px;
}
.header__cart {
  position: relative;
  min-width: 140px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header__cart a {
  padding-left: 42px;
  position: relative;
}
.header__cart svg {
  position: absolute;
  left: 13px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.header__cart small {
  position: absolute;
  top: -8px;
  right: 0;
  border-radius: 999px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #F5F4F8;
  padding: 2px 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.4px;
}

.search-mobile {
  display: none;
}

.hero {
  padding-top: 160px;
  padding-bottom: 150px;
  overflow: hidden;
  position: relative;
}
.hero:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 125px;
  width: 100%;
  height: calc(100% - 125px);
  background: url(../img/svg/hero-bg.svg) no-repeat left bottom;
  background-size: cover;
}
.hero .container {
  max-width: 1380px;
}
.hero__image-captions {
  position: absolute;
  right: 0;
  top: 0;
}
.hero__image-captions span {
  position: absolute;
  z-index: 20;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  border-radius: 8px;
  border: 1px solid rgba(15, 16, 32, 0.12);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 10px 24px 0 rgba(26, 18, 60, 0.1);
          box-shadow: 0 10px 24px 0 rgba(26, 18, 60, 0.1);
  height: 64px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 145%;
}
.hero__image-captions span i {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 38px;
  height: 38px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(15, 16, 32, 0.1);
  background: rgba(139, 120, 216, 0.18);
  -webkit-box-shadow: 0 10px 22px 0 rgba(26, 18, 60, 0.1);
          box-shadow: 0 10px 22px 0 rgba(26, 18, 60, 0.1);
}
.hero__image-captions span i svg {
  display: block;
  width: 100%;
  height: 100%;
}
.hero__image-captions span:nth-child(1) {
  top: 288px;
  right: 404px;
}
.hero__image-captions span:nth-child(2) {
  top: 418px;
  right: 343px;
}
.hero__image-captions span:nth-child(3) {
  top: 461px;
  right: 0px;
}
.hero__image-captions span:nth-child(3) i {
  background: rgba(255, 154, 42, 0.18);
}
.hero__image-captions span:nth-child(4) {
  top: 106px;
  right: -26px;
}
.hero__slider-lg {
  position: relative;
  z-index: 210;
  margin-top: -85px;
  margin-bottom: -100px;
}
.hero__slider-lg-js {
  overflow: hidden;
}
.hero__slider-lg-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 50px;
  height: 50px;
  cursor: pointer;
  border-radius: 14px;
  border: 1px solid rgba(15, 16, 32, 0.07);
  background: #FAF8FF;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  z-index: 300;
}
.hero__slider-lg-arrow svg {
  display: block;
  width: 28px;
  height: auto;
}
.hero__slider-lg-arrow path {
  fill: #9A80FF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hero__slider-lg-arrow:hover path {
  fill: #FADB3D;
}
.hero__slider-lg-prev {
  left: -100px;
}
.hero__slider-lg-prev svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hero__slider-lg-next {
  right: -100px;
}
.hero__slider-lg-next path {
  fill: #9A80FF;
}
.hero__slider-lg-pagination {
  position: absolute;
  left: 40px !important;
  bottom: 80px !important;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 5px;
  z-index: 100;
  width: auto !important;
}
.hero__slider-lg-pagination .swiper-pagination-bullet {
  padding: 0 !important;
  margin: 0 !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50%;
  background: #DDDDE0 !important;
  opacity: 1 !important;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hero__slider-lg-pagination .swiper-pagination-bullet-active {
  width: 22px !important;
  background: #A38CFB !important;
  border-radius: 55px;
}
.hero__slider-lg .hero__content {
  padding-top: 85px;
}
.hero__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero__content {
  width: 683px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 32px;
}
.hero h1 {
  color: #FFF;
  font-family: "Montserrat Alternates";
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: 139.063%;
  letter-spacing: -0.6px;
  margin-bottom: 10px;
}
.hero h1 strong {
  color: #FFE147;
}
.hero p {
  color: #F9F6F6;
  font-family: "Montserrat Alternates";
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 173.684%;
  margin-bottom: 40px;
}
.hero__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.hero__image {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: 40px;
  position: relative;
  z-index: 210;
}
.hero__image > img {
  position: relative;
  z-index: 10;
  display: block;
}
.hero__image span {
  position: absolute;
  z-index: 20;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  border-radius: 8px;
  border: 1px solid rgba(15, 16, 32, 0.12);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 10px 24px 0 rgba(26, 18, 60, 0.1);
          box-shadow: 0 10px 24px 0 rgba(26, 18, 60, 0.1);
  height: 64px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 700;
  line-height: 145%;
}
.hero__image span i {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 38px;
  height: 38px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(15, 16, 32, 0.1);
  background: rgba(139, 120, 216, 0.18);
  -webkit-box-shadow: 0 10px 22px 0 rgba(26, 18, 60, 0.1);
          box-shadow: 0 10px 22px 0 rgba(26, 18, 60, 0.1);
}
.hero__image span i svg {
  display: block;
  width: 100%;
  height: 100%;
}
.hero__image span:nth-child(1) {
  top: 300px;
  left: -58px;
}
.hero__image span:nth-child(2) {
  bottom: 167px;
  left: 22px;
}
.hero__image span:nth-child(3) {
  bottom: 104px;
  right: -33px;
}
.hero__image span:nth-child(3) i {
  background: rgba(255, 154, 42, 0.18);
}
.hero__image span:nth-child(4) {
  top: 140px;
  right: -72px;
}

.section-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 14px;
  margin-bottom: 40px;
}
.section-head_mobile {
  display: none;
}
.section-head__text {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  max-width: 600px;
}
.section-head__text h2 {
  margin: 0;
}
.section-head__text p {
  color: #6E7085;
  font-size: 17px;
  line-height: 165%;
}
.section-head__note {
  padding: 14px 20px;
  border-radius: 999px;
  border: 1px solid rgba(156, 134, 211, 0.18);
  background: #FFF;
  -webkit-box-shadow: 0 10px 28px 0 rgba(156, 134, 211, 0.1);
          box-shadow: 0 10px 28px 0 rgba(156, 134, 211, 0.1);
  color: #141429;
  font-size: 15px;
  font-weight: 700;
}
.section-head__btn a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 17px 20px;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, left bottom, from(#A68FE0), to(#9077CF));
  background: linear-gradient(180deg, #A68FE0 0%, #9077CF 100%);
  -webkit-box-shadow: 0 16px 34px 0 rgba(156, 134, 211, 0.26);
          box-shadow: 0 16px 34px 0 rgba(156, 134, 211, 0.26);
  text-decoration: none;
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
}
.section-head__btn a svg {
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.section-head__btn a:hover svg {
  -webkit-transform: translate(6px, 0);
          transform: translate(6px, 0);
}

.steps {
  margin-bottom: 90px;
  display: none !important;
}
.steps__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
}
.steps__info {
  width: 360px;
  border-radius: 28px;
  border: 1px solid rgba(156, 134, 211, 0.16);
  background: linear-gradient(142deg, rgba(156, 134, 211, 0.14) 0%, rgba(156, 134, 211, 0.04) 100%), #FFF;
  -webkit-box-shadow: 0 18px 45px 0 rgba(15, 16, 32, 0.08);
          box-shadow: 0 18px 45px 0 rgba(15, 16, 32, 0.08);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
.steps__info:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 132px;
  height: 131px;
  background: url(../img/svg/step-aside.svg) no-repeat center center;
  background-size: contain;
  z-index: 1;
}
.steps__info-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 44px;
  position: relative;
  z-index: 5;
}
.steps__info-title {
  color: #141429;
  font-size: 26px;
  font-weight: 700;
  line-height: 115%;
}
.steps__info-desc {
  color: #6E7085;
  font-size: 12px;
  line-height: 218.75%;
}
.steps__info-list {
  position: relative;
  z-index: 5;
}
.steps__info-list ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  counter-reset: steps;
}
.steps__info-list ul li {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  list-style-type: none;
  padding: 14px 17px;
  border-radius: 16px;
  border: 1px solid rgba(15, 16, 32, 0.06);
  background: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 500;
  counter-increment: steps;
}
.steps__info-list ul li:before {
  content: counter(steps);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(156, 134, 211, 0.14);
  color: #7F67BE;
  font-size: 13px;
  font-weight: 700;
}
.steps__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 54px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 54px;
}
.steps__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 24px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  -webkit-box-shadow: 0 18px 45px 0 rgba(15, 16, 32, 0.08);
          box-shadow: 0 18px 45px 0 rgba(15, 16, 32, 0.08);
  background: url(../img/svg/step_item.svg) no-repeat top right #fff;
  padding: 25px 23px 60px;
}
.steps__item i {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 15px;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(#A791DE), to(#8D76CA));
  background: linear-gradient(180deg, #A791DE 0%, #8D76CA 100%);
  -webkit-box-shadow: 0 14px 28px 0 rgba(156, 134, 211, 0.24);
          box-shadow: 0 14px 28px 0 rgba(156, 134, 211, 0.24);
  margin-bottom: 20px;
}
.steps__item i img {
  max-width: 100%;
  max-height: 100%;
}
.steps__item strong {
  font-size: 21px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 15px;
}
.steps__item small {
  color: #6E7085;
  font-size: 15px;
  line-height: 170%;
}

.banner-mobile {
  display: none;
}

.categories {
  margin-bottom: 80px;
  background: url(../img/main-decore-right.png) no-repeat right top 0;
  padding-top: 30px;
}
.categories_mobile {
  display: none;
}
.categories__body {
  position: relative;
}
.categories__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  position: relative;
}
.categories__decore {
  position: absolute;
  width: 125px;
  left: -122px;
  top: -12px;
  z-index: 1;
}
.categories__decore img {
  display: block;
  width: 100%;
  height: auto;
}

.category {
  height: 212px;
  position: relative;
  z-index: 2;
}
.category_all {
  display: none;
}
.category__link {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  height: 100%;
  border-radius: 26px;
  border: 1px solid rgba(15, 16, 32, 0.07);
  background: #FAF8FF;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.category__link:hover {
  color: #9A80FF;
}
.category__link:hover .category__image img {
  -webkit-transform: translate(0, 10px);
          transform: translate(0, 10px);
}
.category__link_promo {
  background: -webkit-gradient(linear, left top, left bottom, from(#A28ADD), to(#967ED4));
  background: linear-gradient(180deg, #A28ADD 0%, #967ED4 100%);
  color: #fff;
}
.category__link_promo:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
.category__title {
  position: relative;
  z-index: 5;
}
.category__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.category__image img {
  display: block;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.category:nth-child(1), .category:nth-child(8), .category:nth-child(9), .category:nth-child(13), .category:nth-child(20), .category:nth-child(21) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.category:nth-child(1) .category__image, .category:nth-child(8) .category__image, .category:nth-child(9) .category__image, .category:nth-child(13) .category__image, .category:nth-child(20) .category__image, .category:nth-child(21) .category__image {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.category:nth-child(1) a:hover:hover, .category:nth-child(8) a:hover:hover, .category:nth-child(9) a:hover:hover, .category:nth-child(13) a:hover:hover, .category:nth-child(20) a:hover:hover, .category:nth-child(21) a:hover:hover {
  color: #9A80FF;
}
.category:nth-child(1) a:hover:hover .category__image img, .category:nth-child(8) a:hover:hover .category__image img, .category:nth-child(9) a:hover:hover .category__image img, .category:nth-child(13) a:hover:hover .category__image img, .category:nth-child(20) a:hover:hover .category__image img, .category:nth-child(21) a:hover:hover .category__image img {
  -webkit-transform: translate(10px, 0);
          transform: translate(10px, 0);
}

@media (min-width: 1024px) {
  .category:nth-child(1) .category__image img {
    -webkit-transform: translate(40px, 0);
            transform: translate(40px, 0);
  }
  .category:nth-child(1) .category__link:hover .category__image img {
    -webkit-transform: translate(30px, 0) !important;
            transform: translate(30px, 0) !important;
  }
}
.promo-mobile {
  display: none;
}

.products-main {
  margin-bottom: 120px;
}
.products-main__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 11px;
}
.products-main__head h2 {
  margin: 0;
}
.products-main__head a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 13px;
  border-radius: 12px;
  border: 1px solid rgba(15, 16, 32, 0.14);
  background: rgba(255, 255, 255, 0.65);
  color: rgba(15, 16, 32, 0.92);
  font-size: 15px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: 0.2px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products-main__head a:hover {
  background: #9A80FF;
  color: #fff;
}
.products-main__slider {
  position: relative;
}
.products-main__slider .product {
  padding-bottom: 3px;
}
.products-main__slider .product__title a {
  display: block;
  height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.products-main__slider-js {
  overflow: hidden;
  padding-bottom: 20px;
}
.products-main__slider-nav {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  position: absolute;
  right: 0;
  top: -92px;
  z-index: 10;
  font-family: "Inter";
  font-style: normal;
  font-size: 22px;
}
.products-main__slider-arrow {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #FFF;
  -webkit-box-shadow: 0 18px 40px 0 rgba(15, 16, 32, 0.08);
          box-shadow: 0 18px 40px 0 rgba(15, 16, 32, 0.08);
  z-index: 100;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products-main__slider-arrow:hover {
  background: #9A80FF;
  color: #fff;
}
.products-main__slider-pagination {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  margin: 45px 0 0;
  padding: 0;
}
.products-main__slider-pagination .swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(15, 16, 32, 0.14);
  cursor: pointer;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products-main__slider-pagination .swiper-pagination-bullet:hover {
  background: #9A80FF;
}
.products-main__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 28px;
  border-radius: 999px;
  background: #9A80FF;
}
.products-main__item {
  border-radius: 18px;
  border: 1px solid rgba(15, 16, 32, 0.12);
  background: rgba(255, 255, 255, 0.72);
  -webkit-box-shadow: 0 12px 28px 0 rgba(26, 18, 60, 0.1);
          box-shadow: 0 12px 28px 0 rgba(26, 18, 60, 0.1);
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.products-main__item-image {
  border-bottom: 1px solid rgba(15, 16, 32, 0.1);
}
.products-main__item-image a {
  display: block;
  overflow: hidden;
}
.products-main__item-image a img {
  display: block;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products-main__item-image a:hover img {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.products-main__item-content {
  padding: 12px;
}
.products-main__item-title {
  margin-bottom: 16px;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products-main__item-title a {
  font-size: 15px;
  font-weight: 700;
  line-height: 145%;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products-main__item-title a:hover {
  color: #9A80FF;
}
.products-main__item-desc {
  color: rgba(15, 16, 32, 0.7);
  font-size: 13px;
  font-weight: 700;
  line-height: 145%;
  margin-bottom: 12px;
}
.products-main__item-bottom {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.products-main__item-price {
  font-size: 13px;
  font-weight: 700;
  line-height: 174%;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products-main__item-btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: right;
          transform-origin: right;
}
.products-main__item-btn a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 13px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: #FADB3D;
  -webkit-box-shadow: 0 16px 34px 0 rgba(255, 154, 42, 0.24);
          box-shadow: 0 16px 34px 0 rgba(255, 154, 42, 0.24);
  color: #343434;
  font-size: 15px;
  font-weight: 700;
  line-height: 145%;
  letter-spacing: 0.2px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products-main__item-btn a:hover {
  background: #9A80FF;
  color: #fff;
}
.products-main__item:hover .products-main__item-title {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.products-main__item:hover .products-main__item-price {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.products-main__item:hover .products-main__item-btn {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}

.about-main {
  margin-bottom: 100px;
  display: none;
}
.about-main__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.about-main__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.about-main__content h2 {
  color: #9A80FF;
  font-family: "Montserrat Alternates";
  font-size: 48px;
  font-weight: 900;
  line-height: 170.833%;
  letter-spacing: -1px;
  margin-bottom: 40px;
}
.about-main__content h2 strong {
  color: #3A3A3A;
}
.about-main__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.about-main__faq {
  width: 500px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.about-main .accordion__title {
  color: #3A3A3A;
  font-family: "Montserrat Alternates";
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.6px;
  padding: 6px 10px 6px 20px;
}
.about-main .accordion__title i {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #9A80FF;
}
.about-main .accordion__title i svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-main .accordion__title.active i svg {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.about-main .accordion__content {
  color: #A1A1A1;
  font-family: "Montserrat Alternates";
  font-size: 16px;
  font-weight: 700;
  line-height: 168.75%;
  padding: 10px 20px 30px;
}

.news {
  margin-bottom: 40px;
  overflow: hidden;
}
.news .section-head_mobile {
  display: block;
}
.news__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.news__item-image {
  border-radius: 12px 12px 0 0;
  margin-bottom: 8px;
  overflow: hidden;
}
.news__item-image img {
  display: block;
  width: 100%;
  height: auto;
}
.news__item-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 117%;
  margin-bottom: 12px;
  color: #242231;
}
.news__item-date {
  font-weight: 700;
  font-size: 10px;
  line-height: 110%;
  color: #8C86A5;
}

.accordion {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
  position: relative;
}
.accordion__image {
  position: absolute;
  top: 20px;
  left: -146px;
  width: 136px;
}
.accordion__image img {
  display: block;
  width: 100%;
  height: auto;
}
.accordion__block {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
}
.accordion__title {
  padding: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 12px;
  font-weight: 900;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.accordion__title:hover {
  color: #9A80FF;
}
.accordion__title span {
  color: rgba(20, 20, 41, 0.55);
  font-size: 13px;
  font-weight: 900;
}
.accordion__title-minus {
  display: none;
}
.accordion__title.active .accordion__title-plus {
  display: none;
}
.accordion__title.active .accordion__title-minus {
  display: block;
}
.accordion__content {
  padding: 0 10px 10px;
  display: none;
}

.postomat-main {
  margin-bottom: 100px;
}
.postomat-main__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border: 1px solid #CACACA;
  background: rgba(255, 255, 255, 0.76);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 16px;
  gap: 16px;
}
.postomat-main__map {
  border-radius: 4px;
  border: 1px solid #CACACA;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.postomat-main__map img {
  display: block;
  width: 100%;
}
.postomat-main__info {
  font-family: "Inter";
  width: 396px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #CACACA;
  background: rgba(255, 255, 255, 0.76);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 13px 24px 17px 15px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.postomat-main__info-title {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.postomat-main__info-image {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 9px;
}
.postomat-main__info-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.postomat-main__info-fields {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}
.postomat-main__info-fields span {
  color: rgba(15, 16, 32, 0.7);
  font-size: 11px;
  font-weight: 700;
  padding: 11px 16px 12px 11px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 8px;
  border: 1px solid rgba(15, 16, 32, 0.12);
  background: rgba(255, 255, 255, 0.72);
}
.postomat-main__info-fields span strong {
  color: #000;
  font-size: 12px;
  font-weight: 700;
}
.postomat-main__info-text {
  border-radius: 8px;
  border: 1px dashed rgba(15, 16, 32, 0.18);
  background: rgba(139, 120, 216, 0.1);
  padding: 12px 16px 12px 11px;
  color: rgba(15, 16, 32, 0.7);
  font-size: 11px;
  font-weight: 700;
  line-height: 151.402%;
  margin-bottom: 20px;
}
.postomat-main__info-btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.postomat-main__info-btns .btn {
  padding: 0;
  width: 100%;
}

.delivery-popup {
  display: none;
}

.footer {
  padding-bottom: 70px;
}
.footer__bg {
  border-radius: 18px;
  border: 1px solid rgba(15, 16, 32, 0.12);
  background: #FADB3D;
  -webkit-box-shadow: 0 10px 24px 0 rgba(26, 18, 60, 0.1);
          box-shadow: 0 10px 24px 0 rgba(26, 18, 60, 0.1);
  padding: 20px;
}
.footer__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__title {
  color: rgba(15, 16, 32, 0.82);
  font-size: 15px;
  font-weight: 500;
  line-height: 145%;
  margin-bottom: 8px;
}
.footer__info {
  width: 352px;
  margin-right: 60px;
}
.footer__text {
  color: rgba(15, 16, 32, 0.7);
  font-size: 13px;
  font-weight: 500;
  line-height: 145%;
  margin-bottom: 14px;
}
.footer__support {
  color: rgba(15, 16, 32, 0.66);
  font-size: 15px;
  font-weight: 500;
  line-height: 145%;
}
.footer__support a {
  color: rgba(15, 16, 32, 0.66);
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer__support a:hover {
  color: #9A80FF;
}
.footer__menu {
  width: 300px;
  margin-right: 12px;
}
.footer__menu .footer__title {
  margin-bottom: 6px;
}
.footer__menu ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer__menu ul li {
  list-style-type: none;
  padding: 11px 0;
}
.footer__menu ul li a {
  color: rgba(15, 16, 32, 0.74);
  font-size: 15px;
  font-weight: 500;
  line-height: 145%;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer__menu ul li a:hover {
  color: #9A80FF;
}
.footer__copyright {
  margin-top: 12px;
  color: rgba(15, 16, 32, 0.66);
  font-size: 12px;
  font-weight: 500;
  line-height: 145%;
}

.catalog-toolbar {
  margin-bottom: 14px;
}
.catalog-toolbar__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.catalog-toolbar__left {
  border-radius: 14px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 11px;
  width: 610px;
}
.catalog-toolbar__search {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 48px;
  gap: 10px;
}
.catalog-toolbar__search input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 18px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: url(../img/svg/search.svg) no-repeat left 13px center rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
  height: 100%;
  padding: 0 13px 0 47px;
  color: rgba(20, 20, 41, 0.45);
  font-family: Inter;
  font-size: 13px;
  font-weight: 400;
  outline: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__search input:focus {
  border-color: #9A80FF;
}
.catalog-toolbar__search input::-webkit-input-placeholder {
  color: rgba(20, 20, 41, 0.45);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__search input::-moz-placeholder {
  color: rgba(20, 20, 41, 0.45);
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__search input:-ms-input-placeholder {
  color: rgba(20, 20, 41, 0.45);
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__search input::-ms-input-placeholder {
  color: rgba(20, 20, 41, 0.45);
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__search input::placeholder {
  color: rgba(20, 20, 41, 0.45);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__search input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.catalog-toolbar__search input:focus::-moz-placeholder {
  opacity: 0;
}
.catalog-toolbar__search input:focus:-ms-input-placeholder {
  opacity: 0;
}
.catalog-toolbar__search input:focus::-ms-input-placeholder {
  opacity: 0;
}
.catalog-toolbar__search input:focus::placeholder {
  opacity: 0;
}
.catalog-toolbar__search button {
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid rgba(58, 42, 8, 0.12);
  background: #9A80FF;
  -webkit-box-shadow: 0 10px 18px 0 rgba(20, 20, 41, 0.1);
          box-shadow: 0 10px 18px 0 rgba(20, 20, 41, 0.1);
  outline: 0;
  height: 39px;
  padding: 0 15px;
  color: #FFF;
  font-family: Inter;
  font-size: 13px;
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__search button:hover {
  background: #FADB3D;
  color: #141429;
}
.catalog-toolbar__btn a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  height: 39px;
  padding: 0 15px;
  text-decoration: none;
  color: rgba(20, 20, 41, 0.86);
  font-family: Inter;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__btn a:hover {
  background: #FADB3D;
  color: #141429;
}
.catalog-toolbar__right {
  border-radius: 14px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  padding: 21px 11px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.catalog-toolbar__right .catalog-toolbar__sort, .catalog-toolbar__right .catalog-toolbar__limit, .catalog-toolbar__right .catalog-toolbar__filter-btn {
  border-radius: 18px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #fff;
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
  height: 44px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 29px 0 13px;
}
.catalog-toolbar__right .catalog-toolbar__sort span, .catalog-toolbar__right .catalog-toolbar__limit span, .catalog-toolbar__right .catalog-toolbar__filter-btn span {
  color: rgba(20, 20, 41, 0.62);
  font-family: Roboto;
  font-size: 13px;
  font-weight: 400;
  line-height: 120.968%;
}
.catalog-toolbar__right .catalog-toolbar__sort select, .catalog-toolbar__right .catalog-toolbar__limit select, .catalog-toolbar__right .catalog-toolbar__filter-btn select {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  color: #141429;
  font-family: "Inter";
  font-size: 13px;
  line-height: 120.968%;
  padding: 0 12px;
  outline: 0;
}
.catalog-toolbar__right .catalog-toolbar__limit {
  display: none;
}
.catalog-toolbar__right .catalog-toolbar__filter-btn {
  cursor: pointer;
  gap: 4px;
  font-weight: 600;
  color: #141429;
  padding: 0 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog-toolbar__right .catalog-toolbar__filter-btn:hover {
  background: #FADB3D;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.catalog {
  margin-bottom: 60px;
}
.catalog h1 {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.13px;
  margin-bottom: 20px;
}
.catalog__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
}
.catalog__sidebar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28.5714285714%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.catalog__menu-title {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.14px;
  margin-bottom: 12px;
}
.catalog__menu ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 9px;
  border-radius: 12px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.78);
  padding: 16px 12px;
}
.catalog__menu ul li {
  list-style-type: none;
}
.catalog__menu ul li a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 12px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.78);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog__menu ul li a i {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
.catalog__menu ul li a i img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.catalog__menu ul li a span {
  margin-left: auto;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  font-weight: 400;
}
.catalog__menu ul li a:hover, .catalog__menu ul li a.active {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.catalog__menu ul li.active a {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.filter {
  position: fixed;
  top: 0;
  right: -360px;
  z-index: 1001;
  height: 100vh;
  width: 360px;
  overflow: auto;
  border-radius: 14px 0 0 14px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.filter.active {
  right: 0;
}
.filter__decore {
  position: absolute;
  width: 125px;
  left: -122px;
  top: 101px;
  z-index: 1;
}
.filter__decore img {
  display: block;
  width: 100%;
  height: auto;
}
.filter__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 12px 0 17px;
  border-bottom: 1px dashed rgba(20, 20, 41, 0.14);
}
.filter__head-close {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F5F4F8;
  border: 1px solid rgba(15, 16, 32, 0.08);
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__head-close path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__head-close:hover {
  background: #9A80FF;
}
.filter__head-close:hover path {
  stroke: #fff;
}
.filter__head-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.14px;
}
.filter__head-reset {
  color: #9A80FF;
  font-family: Inter;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  margin-left: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__head-reset:hover {
  color: #141429;
}
.filter__block {
  border-radius: 14px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.74)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.74) 100%);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
}
.filter__title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 10px;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.filter__title:hover {
  color: #9A80FF;
}
.filter__title i {
  height: 28px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__title i img {
  display: block;
  height: 100%;
}
.filter__title.active i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.filter__content {
  padding: 12px;
  border-top: 1px solid rgba(20, 20, 41, 0.1);
  display: none;
}
.filter__checkboxes {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-height: 416px;
  padding-right: 10px;
  overflow: auto;
}
.filter__checkboxes::-webkit-scrollbar {
  width: 6px;
  border-radius: 40px;
  background: #eee;
}
.filter__checkboxes::-webkit-scrollbar-thumb {
  background: #9A80FF;
  border-radius: 40px;
}
.filter__checkboxes::-webkit-scrollbar-track {
  background: #eee;
}
.filter__checkbox {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 11px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.78);
  position: relative;
  cursor: pointer;
}
.filter__checkbox input {
  display: none;
}
.filter__checkbox input:checked + span i {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(123, 108, 255, 0.22)), to(rgba(123, 108, 255, 0.12)));
  background: linear-gradient(180deg, rgba(123, 108, 255, 0.22) 0%, rgba(123, 108, 255, 0.12) 100%);
  border-color: rgba(123, 108, 255, 0.55);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.85) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.85) inset;
}
.filter__checkbox input:checked + span i:before {
  opacity: 1;
}
.filter__checkbox span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.filter__checkbox span i {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1px solid rgba(20, 20, 41, 0.18);
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.85) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.85) inset;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 4px;
}
.filter__checkbox span i:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#7B6CFF), to(#C7BAFF));
  background: linear-gradient(180deg, #7B6CFF 0%, #C7BAFF 100%);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__checkbox span strong {
  font-size: 13px;
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filter__checkbox span small {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  font-weight: 400;
}
.filter__checkbox:hover span strong {
  color: #9A80FF;
}
.filter__prices {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.filter__price {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 11px;
  border-radius: 12px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.75);
}
.filter__price span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  font-weight: 400;
}
.filter__price input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  font-family: Inter;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.filter__price small {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: rgba(20, 20, 41, 0.62);
  font-size: 7px;
  font-weight: 400;
}
.filter__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.filter__btns .btn {
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: Inter;
  font-size: 12px;
  font-weight: 700;
  padding: 0 10px;
  border-radius: 8px;
  width: 100%;
}
.filter__btns .btn-yellow {
  border: 1px solid rgba(58, 42, 8, 0.12);
  -webkit-box-shadow: 0 12px 18px 0 rgba(255, 201, 126, 0.22);
          box-shadow: 0 12px 18px 0 rgba(255, 201, 126, 0.22);
}
.filter__btns .btn-purple {
  border: 1px solid rgba(20, 20, 41, 0.1);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
}

.products {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 14px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  padding: 15px;
}
.products__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 12px;
  margin-bottom: 10px;
}
.products__head h2 {
  color: #141429;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.13px;
  margin: 0;
}
.products__head .btn-2 {
  height: 30px;
}
.products__tags {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.products__tag {
  border-radius: 999px;
  border: 1px solid rgba(123, 108, 255, 0.18);
  background: rgba(123, 108, 255, 0.1);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
  padding: 9px 11px;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 12px;
}
.products__tag strong {
  color: rgba(123, 108, 255, 0.98);
  font-weight: 700;
}
.products__tag-del {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.8);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  cursor: pointer;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products__tag-del svg {
  display: block;
  width: 7px;
  height: 7px;
}
.products__tag-del path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.products__tag-del:hover {
  background: #9A80FF;
}
.products__tag-del:hover path {
  fill: #F0F0F0;
}
.products__info {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 12px;
  margin-bottom: 18px;
}
.products__info-find {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
}
.products__info-find strong {
  color: rgba(20, 20, 41, 0.86);
}
.products__info-text {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: 1px dashed rgba(20, 20, 41, 0.18);
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  padding: 9px 11px;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
}
.products__info-text:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 99px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE4A7), to(#FFC97E));
  background: linear-gradient(180deg, #FFE4A7 0%, #FFC97E 100%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.products__info-sort {
  display: none;
}
.products__block {
  margin-bottom: 30px;
}
.products__block:last-child {
  margin-bottom: 0 !important;
}
.products__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.products__empty {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.products__empty-content {
  border-radius: 28px;
  border: 1px solid #ECE8F6;
  background: #FBFAFF;
  max-width: 356px;
  margin-bottom: 15px;
  padding: 30px 20px 24px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.products__empty-icon {
  padding: 9px 11px 0;
  width: 132px;
  height: 132px;
  margin-bottom: 20px;
  border-radius: 28px;
  background: #F2EDFF;
}
.products__empty-icon img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}
.products__empty-title {
  color: #201F31;
  text-align: center;
  font-size: 22px;
  font-weight: 900;
  line-height: 115%;
  margin-bottom: 10px;
}
.products__empty-text {
  max-width: 255px;
  color: #8C86A5;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 20px;
}
.products__empty-btn {
  width: 100%;
}
.products__empty-btn a {
  width: 100%;
}

.product {
  border-radius: 16px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.92)), to(rgba(255, 255, 255, 0.78)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.78) 100%);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.product__image {
  background: radial-gradient(95.89% 90.41% at 18% 30%, rgba(123, 108, 255, 0.2) 0%, rgba(123, 108, 255, 0) 62%), radial-gradient(95.89% 90.41% at 82% 28%, rgba(255, 201, 126, 0.24) 0%, rgba(255, 201, 126, 0) 60%), -webkit-gradient(linear, left top, left bottom, from(rgba(20, 20, 41, 0.06)), to(rgba(20, 20, 41, 0.02)));
  background: radial-gradient(95.89% 90.41% at 18% 30%, rgba(123, 108, 255, 0.2) 0%, rgba(123, 108, 255, 0) 62%), radial-gradient(95.89% 90.41% at 82% 28%, rgba(255, 201, 126, 0.24) 0%, rgba(255, 201, 126, 0) 60%), linear-gradient(180deg, rgba(20, 20, 41, 0.06) 0%, rgba(20, 20, 41, 0.02) 100%);
  padding: 10px;
  position: relative;
}
.product__image a {
  display: block;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.42)), to(rgba(255, 255, 255, 0.12)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.12) 100%);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.8) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.8) inset;
  position: relative;
  overflow: hidden;
}
.product__image a img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.product__image a:hover img {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.product__label {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 10;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.78);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  padding: 0 11px;
  font-size: 11px;
  font-weight: 700;
}
.product__label small {
  font-size: 11px;
}
.product__favorite {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 34px;
  height: 34px;
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 10;
  cursor: pointer;
  border-radius: 999px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #F5F4F8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product__favorite path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product__favorite:hover {
  background: #9A80FF;
}
.product__favorite:hover path {
  stroke: #fff;
}
.product__favorite.active path {
  fill: #000;
  stroke: #000;
}
.product__content {
  padding: 20px 12px 12px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product__title {
  margin-bottom: 10px;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product__title a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.13px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product__title a:hover {
  color: #9A80FF;
}
.product__desc {
  color: rgba(20, 20, 41, 0.62);
  font-family: Roboto;
  font-size: 11.8px;
  font-style: normal;
  font-weight: 400;
  line-height: 137.288%;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* Chrome, Safari */
  line-clamp: 2;
  /* Firefox */
  overflow: hidden;
}
.product__tags {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.product__tag {
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.72);
  padding: 9px 11px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.product__tag:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  background: rgba(20, 20, 41, 0.18);
  width: 7px;
  height: 7px;
}
.product__tag_online:before {
  background: rgba(34, 197, 94, 0.9);
}
.product__tag_offline:before {
  background: rgba(239, 68, 68, 0.9);
}
.product__bottom {
  border-top: 1px solid rgba(20, 20, 41, 0.08);
  position: relative;
  margin: auto -12px 0;
  padding: 12px 12px 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product__price {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
}
.product__price del {
  margin-left: 10px;
  color: rgba(20, 20, 41, 0.45);
  font-size: 11px;
  font-weight: 400;
  text-decoration-line: line-through;
}
.product__buy-block {
  height: 40px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-top: auto;
}
.product__btns a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  height: 40px;
  width: 100%;
  padding: 0 13px;
  text-decoration: none;
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-weight: 700;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product__btns a.product__btn-buy {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid rgba(58, 42, 8, 0.12);
  background: #FADB3D;
  -webkit-box-shadow: 0 12px 18px 0 rgba(255, 201, 126, 0.22);
          box-shadow: 0 12px 18px 0 rgba(255, 201, 126, 0.22);
}
.product__btns a.product__btn-buy:hover {
  background: #9A80FF;
  color: #F0F0F0;
}
.product__btns a.product__btn-buy.inactive {
  display: none;
}
.product__btns a.product__btn-more {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.88)), to(rgba(255, 255, 255, 0.74)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.74) 100%);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
}
.product__btns a.product__btn-more:hover {
  background: #9A80FF;
  color: #F0F0F0;
}
.product__counter {
  display: none;
}
.product__counter.active {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product__counter-input {
  width: 50px;
  color: #141429;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  border: 0;
  outline: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 5px;
}
.product__counter-minus, .product__counter-plus {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 34px;
  height: 34px;
  border: 0;
  outline: 0;
  border-radius: 50%;
  background: #FFF;
  -webkit-box-shadow: 0 1px 2.1px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 2.1px 0 rgba(0, 0, 0, 0.18);
  color: #0F1020;
  font-family: Roboto;
  font-size: 22px;
  line-height: 100%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product__counter-minus:hover, .product__counter-plus:hover {
  background: #9A80FF;
  color: #fff;
}
.product:hover .product__title {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}

.page-nav {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 13px;
  gap: 8px;
}
.page-nav__item a,
.page-nav__item span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: rgba(255, 255, 255, 0.78);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
  color: #141429;
  font-size: 12px;
  font-weight: 700;
}
.page-nav__item a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.page-nav__item a:hover {
  background: #9A80FF;
  color: #F0F0F0;
}
.page-nav__active span {
  border: 1px solid rgba(123, 108, 255, 0.35);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(123, 108, 255, 0.18)), to(rgba(123, 108, 255, 0.1)));
  background: linear-gradient(180deg, rgba(123, 108, 255, 0.18) 0%, rgba(123, 108, 255, 0.1) 100%);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
}

.breadcrumbs {
  margin-bottom: 13px;
}
.breadcrumbs__page {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 9px 11px;
  font-size: 12px;
  font-weight: 900;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  margin-bottom: 12px;
}
.breadcrumbs__page:before {
  content: "";
  display: block;
  border-radius: 999px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(186, 161, 255, 0.95)), to(rgba(186, 161, 255, 0.55)));
  background: linear-gradient(180deg, rgba(186, 161, 255, 0.95) 0%, rgba(186, 161, 255, 0.55) 100%);
  -webkit-box-shadow: 0 0 0 3px rgba(186, 161, 255, 0.14);
          box-shadow: 0 0 0 3px rgba(186, 161, 255, 0.14);
  width: 10px;
  height: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
}
.breadcrumbs__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 20px;
}
.breadcrumbs ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.breadcrumbs ul li {
  color: rgba(20, 20, 41, 0.82);
  font-size: 12px;
  list-style-type: none;
}
.breadcrumbs ul li a {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 8px;
  border: 1px dashed rgba(20, 20, 41, 0.18);
  background: rgba(255, 255, 255, 0.7);
  padding: 8px;
  color: rgba(20, 20, 41, 0.62);
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.breadcrumbs ul li a:hover {
  background: rgba(20, 20, 41, 0.18);
}

.nutritional-value {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 20px;
}
.nutritional-value__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
}
.nutritional-value__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  text-align: center;
  padding: 5px;
  border-right: 1px solid #A5A5A5;
  width: 124px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.nutritional-value__item:last-child {
  border-right: 0;
}
.nutritional-value__item strong {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.22px;
}
.nutritional-value__item small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  font-weight: 400;
}

.related {
  margin-top: 20px;
}
.related__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  gap: 12px;
  margin-bottom: 10px;
}
.related__head h2 {
  margin: 0;
  font-size: 14px;
}
.related__head a {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 9px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.related__head a:hover {
  border-color: #9A80FF;
  background: #9A80FF;
  color: #fff;
}
.related__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 17px 1fr 17px 1fr 17px 1fr 17px 1fr;
  grid-template-columns: repeat(5, 1fr);
  gap: 17px;
}
.related__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 11px;
}
.related__item-image {
  margin-bottom: 9px;
  position: relative;
}
.related__item-image a {
  position: relative;
  display: block;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(112.5% 117.57% at 30% 30%, rgba(186, 161, 255, 0.28) 0%, rgba(186, 161, 255, 0) 65%), radial-gradient(112.5% 117.57% at 70% 20%, rgba(255, 213, 0, 0.22) 0%, rgba(255, 213, 0, 0) 65%), rgba(20, 20, 41, 0.02);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  overflow: hidden;
}
.related__item-image a img {
  width: 100%;
  height: auto;
  display: block;
}
.related__item-favorite {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 34px;
  height: 34px;
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 10;
  border-radius: 999px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #F5F4F8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.related__item-favorite path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.related__item-favorite:hover {
  background: #9A80FF;
}
.related__item-favorite:hover path {
  stroke: #fff;
}
.related__item-favorite.active path {
  fill: #000;
  stroke: #000;
}
.related__item-content {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.related__item-title {
  margin-bottom: 6px;
}
.related__item-title a {
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* Chrome, Safari */
  line-clamp: 2;
  /* Firefox */
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.related__item-title a:hover {
  color: #9A80FF;
}
.related__item-desc {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  margin-bottom: 10px;
}
.related__item-bottom {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 10px;
  margin-top: auto;
}
.related__item-price {
  font-size: 13px;
  font-weight: 700;
}
.related__item-btn .btn {
  font-family: Inter;
  font-size: 13px;
  font-weight: 700;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  -webkit-box-shadow: 0 12px 18px 0 rgba(255, 213, 0, 0.22);
          box-shadow: 0 12px 18px 0 rgba(255, 213, 0, 0.22);
  height: 35px;
  padding: 0 11px;
}

.favorites {
  margin-bottom: 20px;
}
.favorites .page-head__btns {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.favorites__clear {
  font-size: 16px;
  width: 172px;
}
.favorites .products {
  padding: 0;
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.favorites .products__items {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}

.favorites-empty {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px auto;
  text-align: center;
  -ms-grid-column-span: 6;
  grid-column: span 6;
  border-radius: 28px;
  border: 1px solid #ECE8F6;
  background: #FBFAFF;
  max-width: 356px;
  padding: 30px 20px;
}
.favorites-empty__icon {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 132px;
  height: 132px;
  padding: 9px 11px 0;
  border-radius: 28px;
  background: #F2EDFF;
  margin-bottom: 16px;
}
.favorites-empty__title {
  color: #201F31;
  font-size: 22px;
  font-weight: 900;
  line-height: 115%;
  margin-bottom: 10px;
}
.favorites-empty__text {
  color: #8C86A5;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 18px;
}
.favorites-empty__btn {
  width: 100%;
  max-width: 310px;
}
.favorites-empty .btn-2 {
  width: 100%;
  max-width: 310px;
}

.product-status {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 8px;
}
.product-status span {
  padding: 9px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.product-status span:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #141429;
}
.product-status__purple:before {
  background: #9A80FF !important;
}
.product-status__yellow:before {
  background: #FADB3D !important;
}
.product-status__green:before {
  background: rgba(34, 197, 94, 0.9) !important;
}
.product-status__red:before {
  background: rgba(239, 68, 68, 0.9) !important;
}
.product-status__orange:before {
  background: rgba(245, 158, 11, 0.9490196078) !important;
}

.product-full {
  margin-bottom: 30px;
}
.product-full__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.product-full__left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}
.product-full__images {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  margin-bottom: 20px;
}
.product-full__slider {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(57.42% 93.92% at 20% 22%, rgba(186, 161, 255, 0.28) 0%, rgba(186, 161, 255, 0) 62%), radial-gradient(57.42% 93.92% at 82% 18%, rgba(255, 213, 0, 0.22) 0%, rgba(255, 213, 0, 0) 60%), -webkit-gradient(linear, left top, left bottom, from(rgba(20, 20, 41, 0.05)), to(rgba(20, 20, 41, 0.02)));
  background: radial-gradient(57.42% 93.92% at 20% 22%, rgba(186, 161, 255, 0.28) 0%, rgba(186, 161, 255, 0) 62%), radial-gradient(57.42% 93.92% at 82% 18%, rgba(255, 213, 0, 0.22) 0%, rgba(255, 213, 0, 0) 60%), linear-gradient(180deg, rgba(20, 20, 41, 0.05) 0%, rgba(20, 20, 41, 0.02) 100%);
  -webkit-box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
          box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
  padding: 13px;
  margin-bottom: 10px;
}
.product-full__slider-js {
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.32)), to(rgba(255, 255, 255, 0.08)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.08) 100%);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.8) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.8) inset;
}
.product-full__slide a {
  display: block;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.product-full__slide a img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.product-full__slide a:hover img {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
.product-full__slide-label {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 2;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(186, 161, 255, 0.55);
  background: rgba(255, 255, 255, 0.82);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  color: #141429;
  font-size: 11px;
  font-weight: 700;
  padding: 9px 11px;
}
.product-full__slide-favorite {
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 2;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(15, 16, 32, 0.08);
  background: #F5F4F8;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-full__slide-favorite path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-full__slide-favorite:hover {
  background: #9A80FF;
}
.product-full__slide-favorite:hover path {
  stroke: #fff;
}
.product-full__slide-favorite.active path {
  stroke: #000;
  fill: #000;
}
.product-full__thumbs {
  padding: 4px;
}
.product-full__thumb {
  position: relative;
  cursor: pointer;
}
.product-full__thumb:before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 10px;
  border: 2px solid rgba(186, 161, 255, 0.65);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-full__thumb img {
  display: block;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(129.03% 116.81% at 30% 30%, rgba(186, 161, 255, 0.28) 0%, rgba(186, 161, 255, 0) 65%), radial-gradient(129.03% 116.81% at 70% 20%, rgba(255, 213, 0, 0.22) 0%, rgba(255, 213, 0, 0) 65%), rgba(20, 20, 41, 0.02);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
}
.product-full__thumb.swiper-slide-thumb-active:before {
  opacity: 1;
}
.product-full__right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 46.7971530249%;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 15px 13px 10px;
}
.product-full__right h1 {
  color: #141429;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}
.product-full__right p {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  line-height: 135%;
  margin-bottom: 12px;
}
.product-full__info {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.product-full__info-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 8px 11px;
}
.product-full__info-block img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: auto;
}
.product-full__info-block strong {
  color: #141429;
}
.product-full__buy {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.92)), to(rgba(255, 255, 255, 0.82)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.82) 100%);
  -webkit-box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
          box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
  padding: 13px;
  margin-bottom: 10px;
}
.product-full__buy-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -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: 10px;
}
.product-full__price {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.22px;
  gap: 20px;
}
.product-full__price del {
  color: rgba(20, 20, 41, 0.42);
  font-size: 14px;
  font-weight: 400;
  text-decoration-line: line-through;
  padding-bottom: 3px;
}
.product-full__profit {
  border-radius: 999px;
  border: 1px solid rgba(255, 213, 0, 0.55);
  background: rgba(255, 213, 0, 0.22);
  padding: 9px 11px;
  font-size: 12px;
  font-weight: 700;
}
.product-full__tags {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.product-full__tag {
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 10px 11px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
}
.product-full__tag:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: rgba(20, 20, 41, 0.2);
  border-radius: 50%;
}
.product-full__tag_online:before {
  background: rgba(34, 197, 94, 0.9);
}
.product-full__tag_offline:before {
  background: rgba(239, 68, 68, 0.9);
}
.product-full__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-full__btns .btn {
  border-radius: 8px;
  height: 40px;
  padding: 0 13px;
  color: #343434;
  font-family: Inter;
  font-size: 13px;
  font-weight: 700;
}
.product-full__btns .product-full__buy-block {
  width: 128px;
  margin-right: 30px;
}
.product-full__btns .product-full__btn-buy {
  width: 100%;
  border: 1px solid rgba(20, 20, 41, 0.1);
  -webkit-box-shadow: 0 12px 18px 0 rgba(255, 213, 0, 0.22);
          box-shadow: 0 12px 18px 0 rgba(255, 213, 0, 0.22);
  position: relative;
}
.product-full__btns .product-full__btn-buy:after {
  content: "";
  display: block;
  width: 19px;
  height: 34px;
  background: url(../img/btn-buy.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  bottom: 4px;
  right: -17px;
}
.product-full__btns .product-full__btn-buy.inactive {
  display: none;
}
.product-full__btns .product-full__btn-quick {
  border: 1px solid #BAA1FF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  color: #fff;
  margin-right: 10px;
}
.product-full__btns .product-full__btn-share {
  border: 1px solid rgba(20, 20, 41, 0.1) !important;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  background: none;
  position: relative;
}
.product-full__btns .product-full__btn-share:hover {
  background: rgba(20, 20, 41, 0.1);
}
.product-full__btns .product-full__btn-share .copy-tooltip {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #111;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  white-space: nowrap;
}
.product-full__btns .product-full__btn-share .copy-tooltip.active {
  opacity: 1;
  visibility: visible;
}
.product-full__btns .product-full__counter {
  display: none;
}
.product-full__btns .product-full__counter.active {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-full__btns .product-full__counter-input {
  width: 50px;
  color: #141429;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  border: 0;
  outline: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 5px;
}
.product-full__btns .product-full__counter-minus, .product-full__btns .product-full__counter-plus {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 34px;
  height: 34px;
  border: 0;
  outline: 0;
  border-radius: 50%;
  background: #FFF;
  -webkit-box-shadow: 0 1px 2.1px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 1px 2.1px 0 rgba(0, 0, 0, 0.18);
  color: #0F1020;
  font-family: Roboto;
  font-size: 22px;
  line-height: 100%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-full__btns .product-full__counter-minus:hover, .product-full__btns .product-full__counter-plus:hover {
  background: #9A80FF;
  color: #fff;
}
.product-full__receive {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  margin-bottom: 10px;
}
.product-full__receive-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 12px;
  margin-bottom: 10px;
}
.product-full__receive-head strong {
  color: #141429;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.product-full__receive-head span {
  color: rgba(20, 20, 41, 0.62);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.product-full__receive-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.product-full__receive-items span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 8px;
  padding: 10px 11px;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
}
.product-full__receive-items span:last-child {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.product-full__receive-items strong {
  color: rgba(20, 20, 41, 0.8);
  font-weight: 700;
}
.product-full__desc {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.product-full__desc-block {
  border-radius: 14px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.74)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.74) 100%);
  -webkit-box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 16px 0 rgba(20, 20, 41, 0.06);
}
.product-full__desc-title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 10px;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.product-full__desc-title:hover {
  color: #9A80FF;
}
.product-full__desc-title i {
  height: 28px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-full__desc-title i img {
  display: block;
  height: 100%;
}
.product-full__desc-title.active i {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.product-full__desc-content {
  padding: 12px;
  border-top: 1px solid rgba(20, 20, 41, 0.1);
  display: none;
  color: rgba(20, 20, 41, 0.8);
  font-size: 13px;
  line-height: 145%;
}
.product-full__desc-content p {
  margin-bottom: 8px;
  color: rgba(20, 20, 41, 0.8);
  font-size: 13px;
}

.cart {
  margin-bottom: 45px;
}
.cart__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin-bottom: 15px;
}
.cart__head-text {
  max-width: 480px;
}
.cart__head-text h1 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}
.cart__head-text p {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  line-height: 135%;
}
.cart__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.cart__left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cart__body {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  position: relative;
}
.cart__body-decore {
  position: absolute;
  right: 70px;
  top: -88px;
  width: 131px;
}
.cart__body-decore img {
  display: block;
  width: 100%;
}
.cart__body-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cart__body-state {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.cart__body-count {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
}
.cart__body-count strong {
  color: rgba(20, 20, 41, 0.86);
  font-weight: 700;
}
.cart__body-status {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.cart__body-status span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.82);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  padding: 9px 11px;
}
.cart__body-status span:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.cart__body-online:before {
  background: rgba(34, 197, 94, 0.9);
}
.cart__body-offline:before {
  background: rgba(239, 68, 68, 0.9);
}
.cart__body-btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.cart__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.cart__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.92)), to(rgba(255, 255, 255, 0.8)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.8) 100%);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 11px 6px 11px 11px;
  position: relative;
}
.cart__item-image {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 86px;
  margin-right: 10px;
}
.cart__item-image a {
  display: block;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(132.35% 190.48% at 30% 30%, rgba(186, 161, 255, 0.28) 0%, rgba(186, 161, 255, 0) 65%), radial-gradient(132.35% 190.48% at 70% 20%, rgba(255, 213, 0, 0.22) 0%, rgba(255, 213, 0, 0) 65%), rgba(20, 20, 41, 0.02);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  overflow: hidden;
}
.cart__item-image a img {
  width: 100%;
  height: auto;
}
.cart__item-content {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 240px;
  margin-right: auto;
}
.cart__item-title a {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.13px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__item-title a:hover {
  color: #9A80FF;
}
.cart__item-desc {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 125%;
}
.cart__item-tags {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.cart__item-tag {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  gap: 8px;
}
.cart__item-tag:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(20, 20, 41, 0.2);
}
.cart__item-tag_online:before {
  background: rgba(34, 197, 94, 0.9);
}
.cart__item-tag_offline:before {
  background: rgba(239, 68, 68, 0.9);
}
.cart__item-price {
  color: rgba(20, 20, 41, 0.9);
  text-align: right;
  font-size: 14px;
  font-weight: 700;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 30px;
  width: 70px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 10px;
}
.cart__item-price small {
  color: rgba(20, 20, 41, 0.62);
  text-align: right;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
}
.cart__item-counter {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 10px;
  height: 34px;
}
.cart__item-counter-minus, .cart__item-counter-plus {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.88);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  width: 34px;
  height: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: rgba(20, 20, 41, 0.78);
  text-align: center;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__item-counter-minus:hover, .cart__item-counter-plus:hover {
  background: #9A80FF;
  color: #F0F0F0;
}
.cart__item-counter-input {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
  width: 44px;
  height: 100%;
  text-align: center;
  cursor: pointer;
  outline: 0;
  color: rgba(20, 20, 41, 0.86);
  font-family: Roboto;
  font-size: 13px;
  font-weight: 700;
}
.cart__item-counter-input:focus {
  border-color: #9A80FF;
}
.cart__item-price-total {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  text-align: right;
  font-size: 15px;
  font-weight: 700;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 10px;
  width: 70px;
}
.cart__item-price-total del {
  color: rgba(20, 20, 41, 0.38);
  font-size: 12px;
  font-weight: 400;
  text-decoration-line: line-through;
}
.cart__item-del {
  position: absolute;
  right: 6px;
  top: 3px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__item-del:hover {
  background: #9A80FF;
  color: #F0F0F0;
}
.cart__attention {
  margin-top: 10px;
  border-radius: 8px;
  border: 1px dashed rgba(20, 20, 41, 0.18);
  background: rgba(255, 255, 255, 0.74);
  padding: 12px;
}
.cart__attention-title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: rgba(20, 20, 41, 0.76);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.cart__attention-title img {
  width: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cart__attention p {
  color: rgba(20, 20, 41, 0.76);
  font-size: 12px;
}
.cart__right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 360px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
}
.cart__info-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  gap: 12px;
}
.cart__info-head strong {
  font-size: 14px;
  font-weight: 700;
}
.cart__info-head span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 11px;
  border-radius: 999px;
  gap: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.82);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
}
.cart__info-head span:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FADB3D;
}
.cart__info-fields {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
.cart__info-fields span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 12px 11px 13px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
}
.cart__info-fields strong {
  font-weight: 700;
  color: #141429;
}
.cart__buy-block {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(62.81% 126.51% at 16% 20%, rgba(186, 161, 255, 0.2) 0%, rgba(186, 161, 255, 0) 60%), radial-gradient(62.81% 126.51% at 86% 10%, rgba(255, 213, 0, 0.18) 0%, rgba(255, 213, 0, 0) 60%), rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
          box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
  padding: 15px 13px 13px;
  margin-bottom: 10px;
}
.cart__total {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 12px;
  margin-bottom: 12px;
  color: rgba(20, 20, 41, 0.62);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.cart__total strong {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: flex-end;
  gap: 3px;
  text-align: right;
  color: #141429;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.22px;
}
.cart__total strong del {
  color: rgba(20, 20, 41, 0.38);
  font-size: 12px;
  font-weight: 400;
  text-decoration-line: line-through;
}
.cart__promo {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.cart__promo .inputbox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.cart__promo .btn-secondary {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.cart__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cart__text {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  line-height: 135%;
}
.cart__text strong {
  color: rgba(20, 20, 41, 0.9);
}

.block-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  gap: 12px;
}
.block-head__intro {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.block-head__title {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
}
.block-head__text {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.block-head__action {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.head-bordered,
.block-bordered {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed rgba(20, 20, 41, 0.14);
}

.block-cover-16 {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #fff;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 16px;
}

.block-cover-13 {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #fff;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
}

.block-cover-11 {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 11px;
  background: #fff;
}

.hide-d {
  display: none !important;
}

.order {
  margin-bottom: 30px;
}
.order__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin-bottom: 15px;
}
.order__head-text_mobile {
  display: none;
}
.order__head-text h1 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}
.order__head-text p {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  line-height: 135%;
}
.order__steps {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  counter-reset: delivery-step;
  margin-bottom: 12px;
}
.order__steps-mobile {
  display: none;
}
.order__steps span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  counter-increment: delivery-step;
}
.order__steps span:before {
  content: counter(delivery-step);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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%;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.04);
  width: 22px;
  height: 22px;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  font-weight: 700;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order__steps span.current {
  border: 1px solid rgba(186, 161, 255, 0.65);
  background: #9A80FF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  color: #F0F0F0;
}
.order__steps span.current:before {
  border: 1px solid rgba(186, 161, 255, 0.65);
  background: rgba(255, 255, 255, 0.92);
}
.order__steps span.passed {
  border: 1px solid rgba(34, 197, 94, 0.35);
  background: #9A80FF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  color: rgba(255, 255, 255, 0.5);
}
.order__steps span.passed:before {
  color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.12);
}
.order__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.order__left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
}
.order__delivery-fields {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}
.order__delivery-field {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  gap: 12px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
}
.order__delivery-field strong {
  color: #141429;
  font-weight: 900;
}
.order__delivery-note {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  margin-bottom: 10px;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  line-height: 135%;
}
.order__delivery-actions {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.order__tabs-titles {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.order__tabs-title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  cursor: pointer;
}
.order__tabs-title.active {
  background: #9A80FF;
  color: #F0F0F0;
}
.order__tabs-content {
  min-height: 376px;
  display: none;
}
.order__tabs-content.active {
  display: block;
}
.order__postomat-blocks {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}
.order__postomat-map {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.86)), to(rgba(255, 255, 255, 0.78))), radial-gradient(43.06% 98.78% at 20% 20%, rgba(186, 161, 255, 0.25) 0%, rgba(186, 161, 255, 0) 60%), radial-gradient(43.06% 98.78% at 80% 10%, rgba(255, 213, 0, 0.18) 0%, rgba(255, 213, 0, 0) 60%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0.78) 100%), radial-gradient(43.06% 98.78% at 20% 20%, rgba(186, 161, 255, 0.25) 0%, rgba(186, 161, 255, 0) 60%), radial-gradient(43.06% 98.78% at 80% 10%, rgba(255, 213, 0, 0.18) 0%, rgba(255, 213, 0, 0) 60%);
  -webkit-box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
          box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 376px;
}
.order__postomat-map iframe {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}
.order__postomat-map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.order__postomats {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.order__postomat {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 14px 12px 12px;
}
.order__postomat-title {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  margin-bottom: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.order__postomat-title strong {
  color: #141429;
  font-size: 13px;
  font-weight: 700;
}
.order__postomat-status {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 8px;
}
.order__postomat-status span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
}
.order__postomat-status span:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.order__postomat-online span:before {
  background: rgba(34, 197, 94, 0.9);
}
.order__postomat-offline span:before {
  background: rgba(239, 68, 68, 0.9);
}
.order__postomat-tags {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}
.order__postomat-tags span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
}
.order__postomat-tags span i {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.order .postomat-list {
  min-height: 376px;
  margin-bottom: 20px;
}
.order .postomat-list__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.order .postomat-list__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 12px;
  padding: 11px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
}
.order .postomat-list__item-icon {
  display: none;
}
.order .postomat-list__item-title {
  font-size: 12px;
  color: rgba(20, 20, 41, 0.62);
}
.order .postomat-list__item-title strong {
  font-size: 14px;
  color: #141429;
}
.order .postomat-list__item-btn {
  text-align: center;
  width: 124px;
  padding: 10px 20px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  color: #fff;
  background: #BAA1FF;
  text-align: center;
  font-family: "Inter";
  font-size: 12px;
  font-weight: 700;
}
.order .postomat-list__item-btn.active {
  pointer-events: none;
  border-radius: 999px;
  background: #fff;
  color: rgba(37, 37, 37, 0.78);
}
.order__postomat-actions {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.order__right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 360px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.order__info {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
}
.order__info-mobile {
  display: none;
}
.order__info-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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;
  gap: 12px;
}
.order__info-head strong {
  font-size: 14px;
  font-weight: 700;
}
.order__info-head span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 11px;
  border-radius: 999px;
  gap: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.82);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
}
.order__info-head span:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FADB3D;
}
.order__info-head span.postomat:before {
  background: #9A80FF;
}
.order__info-fields {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}
.order__info-fields span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 12px 11px 13px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
}
.order__info-fields strong {
  font-weight: 700;
  color: #141429;
}
.order__info-block {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
          box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
  padding: 15px 13px 13px;
}
.order__info-total {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 12px;
  margin-bottom: 12px;
  color: rgba(20, 20, 41, 0.62);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.order__info-total strong {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: flex-end;
  gap: 3px;
  text-align: right;
  color: #141429;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.22px;
}
.order__info-total strong del {
  color: rgba(20, 20, 41, 0.38);
  font-size: 12px;
  font-weight: 400;
  text-decoration-line: line-through;
}
.order__info-text {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  line-height: 135%;
}
.order__info-text strong {
  color: rgba(20, 20, 41, 0.9);
}
.order__aside-image {
  border: 8px solid #fef6e9;
  border-radius: 8px;
  overflow: hidden;
}
.order__aside-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.order__head-mobile {
  display: none;
}
.order__action {
  display: none;
}

.order-auth__head-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 25px;
}
.order-auth__head-title_alted {
  margin-bottom: 0;
}
.order-auth__forms {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.order-auth__forms .form {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.order-auth__forms .form_guest {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60%;
}
.order-auth__forms .form__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.order-auth__form {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
}
.order-auth__form-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 10px;
}
.order-auth__form-intro {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px;
}
.order-auth__form-title {
  font-size: 14px;
  font-weight: 700;
}
.order-auth__form-text {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.order-auth__form-tag {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
}
.order-auth__form-tag:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9A80FF;
}
.order-auth__form-tag_style2:before {
  background: #FADB3D;
}
.order-auth__form-body {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.order-auth__form-row {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.order-auth__form-field {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 11px;
  width: 100%;
}
.order-auth__form-label {
  color: rgba(20, 20, 41, 0.8);
  font-size: 12px;
  font-weight: 900;
  display: block;
  margin-bottom: 6px;
}
.order-auth__form-accept {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.order-auth__form-btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.order-confirmation__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
}
.order-confirmation__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 11px;
}
.order-confirmation__item-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 56px;
}
.order-confirmation__item-image a {
  display: block;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(159.09% 222.22% at 30% 30%, rgba(186, 161, 255, 0.28) 0%, rgba(186, 161, 255, 0) 65%), radial-gradient(159.09% 222.22% at 70% 20%, rgba(255, 213, 0, 0.22) 0%, rgba(255, 213, 0, 0) 65%), rgba(20, 20, 41, 0.02);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  overflow: hidden;
}
.order-confirmation__item-image a img {
  width: 100%;
}
.order-confirmation__item-content {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.order-confirmation__item-title a {
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.order-confirmation__item-title a:hover {
  color: #9A80FF;
}
.order-confirmation__item-text {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
}
.order-confirmation__item-price {
  margin-left: auto;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
}
.order-confirmation__postomat-fields {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.order-confirmation__postomat-fields span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 12px 11px 13px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
}
.order-confirmation__postomat-fields strong {
  font-weight: 700;
  color: #141429;
}
.order-confirmation__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.payment {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  max-width: 920px;
  margin: 0 auto 70px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 15px;
}
.payment > div {
  width: 100%;
}
.payment__content {
  background: radial-gradient(59.43% 117.91% at 20% 22%, rgba(186, 161, 255, 0.28) 0%, rgba(186, 161, 255, 0) 62%), radial-gradient(59.43% 117.91% at 82% 18%, rgba(255, 213, 0, 0.2) 0%, rgba(255, 213, 0, 0) 60%);
  padding: 15px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  border-radius: 8px;
  position: relative;
}
.payment__image {
  position: absolute;
  left: -141px;
  bottom: 35px;
  width: 125px;
}
.payment__image img {
  display: block;
  width: 100%;
  height: auto;
}
.payment__icon {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 56px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid rgba(255, 213, 0, 0.55);
  background: rgba(255, 213, 0, 0.18);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  margin-bottom: 10px;
}
.payment__icon_success {
  border: 1px solid rgba(34, 197, 94, 0.35);
  background: rgba(34, 197, 94, 0.12);
}
.payment__icon_error {
  border: 1px solid rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.12);
}
.payment__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
  margin-bottom: 7px;
}
.payment__text {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  line-height: 140%;
  margin-bottom: 14px;
}
.payment__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.payment__note {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  line-height: 135%;
}
.payment__note strong {
  color: rgba(20, 20, 41, 0.9);
}
.payment__details {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  position: relative;
}
.payment__details-image {
  position: absolute;
  left: 44px;
  top: -137px;
  width: 229px;
}
.payment__details-image img {
  display: block;
  width: 100%;
  height: auto;
}
.payment__details-fields {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(20, 20, 41, 0.1);
}
.payment__details-fields:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.payment__details-fields {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.payment__details-fields span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  padding: 12px 11px 13px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
}
.payment__details-fields strong {
  font-weight: 700;
  color: #141429;
}
.payment__details-note {
  padding: 12px 11px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  margin-top: 2;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  line-height: 135%;
}
.payment__details-note strong {
  color: rgba(20, 20, 41, 0.9);
}

.tags {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 11px;
}

.tag {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 11px;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  border-radius: 999px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
}
.tag:before {
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background: rgba(20, 20, 41, 0.18);
}
.tag_purple:before {
  background: #9A80FF;
}
.tag_yellow:before {
  background: #FADB3D;
}
.tag_orange:before {
  background: rgba(245, 158, 11, 0.9490196078);
}
.tag_green:before {
  background: rgba(34, 197, 94, 0.9);
}
.tag_ref:before {
  background: rgba(34, 197, 94, 0.9);
}
.tag_style2:before {
  display: none !important;
}

.page-head {
  margin-bottom: 30px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  margin-bottom: 15px;
}
.page-head__text h1 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}
.page-head__text p {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  line-height: 135%;
}
.page-head__icon {
  display: none;
}

.profile {
  margin-bottom: 50px;
}
.profile__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.profile__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.profile__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 11px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.profile__head-title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px;
}
.profile__head-title strong {
  font-size: 14px;
  font-weight: 700;
}
.profile__head-title small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.profile__head .tags {
  margin: 0;
}
.profile__order {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.profile__order-left {
  width: 748px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.profile__order-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.profile__saved {
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid #2e9b57;
  border-radius: 8px;
  color: #2e9b57;
}

.profile-sidebar {
  width: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 13px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
}
.profile-sidebar__head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 10px;
}
.profile-sidebar__head-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(190.48% 285.71% at 30% 30%, rgba(186, 161, 255, 0.3) 0%, rgba(186, 161, 255, 0) 65%), radial-gradient(190.48% 285.71% at 70% 20%, rgba(255, 213, 0, 0.22) 0%, rgba(255, 213, 0, 0) 65%), rgba(20, 20, 41, 0.02);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  overflow: hidden;
}
.profile-sidebar__head-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-sidebar__head-text {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  width: calc(100% - 54px);
}
.profile-sidebar__head-text strong {
  font-size: 13px;
  font-weight: 700;
}
.profile-sidebar__head-text small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
}
.profile-sidebar__head-id {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.profile-sidebar__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.profile-sidebar__item a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  text-decoration: none;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 11px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.profile-sidebar__item a:hover, .profile-sidebar__item a.active {
  border: 1px solid rgba(186, 161, 255, 0.65);
  background: rgba(186, 161, 255, 0.18);
}
.profile-sidebar__item a:hover .profile-sidebar-icon, .profile-sidebar__item a.active .profile-sidebar-icon {
  background: rgba(255, 255, 255, 0.9);
}
.profile-sidebar__item-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(186, 161, 255, 0.55);
  background: rgba(186, 161, 255, 0.22);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.profile-sidebar__item-icon img {
  max-height: 15px;
  max-width: 15px;
}
.profile-sidebar__item-title {
  color: rgba(20, 20, 41, 0.86);
  font-size: 13px;
  font-weight: 900;
}
.profile-sidebar__item-text {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  font-weight: 700;
  margin-left: auto;
}
.profile-sidebar__btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.profile-sidebar__btns a {
  width: 100%;
}

.profile-info-blocks {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 11px;
}

.profile-info-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  background: radial-gradient(156.56% 169.54% at 20% 22%, rgba(186, 161, 255, 0.24) 0%, rgba(186, 161, 255, 0) 62%), radial-gradient(156.56% 169.54% at 82% 18%, rgba(255, 213, 0, 0.18) 0%, rgba(255, 213, 0, 0) 60%);
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  -webkit-box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
          box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
  padding: 13px;
  width: 100%;
}
.profile-info-block__title {
  color: rgba(20, 20, 41, 0.74);
  font-size: 12px;
  font-weight: 700;
}
.profile-info-block__text {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.22px;
}
.profile-info-block__note {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  line-height: 135.338%;
}

.profile-quick {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 11px;
}
.profile-quick__text {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1px;
}
.profile-quick__text strong {
  font-size: 14px;
  font-weight: 700;
}
.profile-quick__text small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.profile-quick__actions {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.profile-orders {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: #FFF;
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 13px;
  position: relative;
}
.profile-orders__decore {
  position: absolute;
  width: 131px;
  left: 417px;
  top: -87px;
}
.profile-orders__decore img {
  display: block;
  width: 100%;
}
.profile-orders__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.profile-orders__item {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  padding: 11px;
}
.profile-orders__item-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 11px;
}
.profile-orders__item-info {
  margin-bottom: 8px;
}
.profile-orders__item-info strong {
  font-size: 13px;
  font-weight: 700;
}
.profile-orders__item-info small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  margin-left: 4px;
}
.profile-orders__item-bottom {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 11px;
}
.profile-orders__item-life {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 72px;
  height: 40px;
  min-width: 220px;
  padding: 0 11px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
}
.profile-orders__item-life strong {
  color: rgba(20, 20, 41, 0.8);
  font-weight: 900;
}
.profile-orders__item-btns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.profile-toolbar {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.profile-toolbar__search {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 372px;
}
.profile-toolbar__search .inputbox {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.profile-toolbar__search .btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.profile-toolbar__select {
  width: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
  padding: 0 11px;
}
.profile-toolbar__select span {
  color: rgba(20, 20, 41, 0.62);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.profile-toolbar__select select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  color: #141429;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 120.968%;
  padding: 0 11px;
  outline: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.profile-form {
  margin-bottom: 12px;
}

.profile-security__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.profile-security__item-head {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 11px;
  margin-bottom: 8px;
}
.profile-security__item-title strong {
  font-size: 13px;
  font-weight: 700;
}
.profile-security__item-title small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  margin-left: 4px;
}

.profile-qr {
  margin-bottom: 12px;
}
.profile-qr .profile__head {
  margin-bottom: 12px;
}
.profile-qr-btns {
  margin-top: 12px;
}
.profile-qr-btns .js-copy-pin {
  position: relative;
  overflow: visible;
}
.profile-qr-btns .js-copy-pin .copy-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  -webkit-transform: translateX(-50%) translateY(6px);
          transform: translateX(-50%) translateY(6px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 10px;
  background: #0f1020;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 20;
}
.profile-qr-btns .js-copy-pin .copy-tooltip:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 6px 5px 0 5px;
  border-style: solid;
  border-color: #0f1020 transparent transparent transparent;
}
.profile-qr-btns .js-copy-pin .copy-tooltip.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.profile-qr-body {
  background: radial-gradient(118.16% 72.22% at 20% 22%, rgba(186, 161, 255, 0.22) 0%, rgba(186, 161, 255, 0) 62%), radial-gradient(118.16% 72.22% at 82% 18%, rgba(255, 213, 0, 0.18) 0%, rgba(255, 213, 0, 0) 60%), rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
          box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
}
.profile-qr-info {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.profile-qr-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120px;
}
.profile-qr-image img {
  display: block;
  width: 100%;
}
.profile-qr-title {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
}
.profile-qr-numbers {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.12);
  background: rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
          box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.75) inset;
  padding: 11px 13px;
  min-width: 234px;
  color: #141429;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 23px;
}
.profile-qr-note {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
  margin-top: 9px;
}

.profile-postomat {
  display: none;
}

.profile-order__items {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.profile-order__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.profile-order__item-image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(159.09% 222.22% at 30% 30%, rgba(186, 161, 255, 0.28) 0%, rgba(186, 161, 255, 0) 65%), radial-gradient(159.09% 222.22% at 70% 20%, rgba(255, 213, 0, 0.22) 0%, rgba(255, 213, 0, 0) 65%), rgba(20, 20, 41, 0.02);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  overflow: hidden;
}
.profile-order__item-image a {
  display: block;
  height: 100%;
}
.profile-order__item-image a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.profile-order__item-content {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.profile-order__item-title a {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.profile-order__item-title a:hover {
  color: #9A80FF;
}
.profile-order__item-desc {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
}
.profile-order__item-price {
  margin-left: auto;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
}

.profile-info__fields {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  margin-bottom: 3px;
}
.profile-info__field {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
  padding: 10px 11px;
}
.profile-info__field strong {
  color: rgba(20, 20, 41, 0.8);
  font-weight: 900;
}
.profile-info__text {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  font-weight: 400;
  line-height: 135%;
}
.profile-info__btns {
  margin-top: 8px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.profile-info__btns .btn {
  width: 100%;
}

.service {
  margin-bottom: 50px;
  position: relative;
}
.service__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 11px;
  position: relative;
}
.service__image {
  position: absolute;
  left: -133px;
  top: -20px;
  width: 136px;
}
.service__image img {
  display: block;
  width: 100%;
  height: auto;
}
.service__content {
  width: 666px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.service__content_lg {
  width: 768px;
}
.service__block {
  background: radial-gradient(118.16% 72.22% at 20% 22%, rgba(186, 161, 255, 0.22) 0%, rgba(186, 161, 255, 0) 62%), radial-gradient(118.16% 72.22% at 82% 18%, rgba(255, 213, 0, 0.18) 0%, rgba(255, 213, 0, 0) 60%), rgba(255, 255, 255, 0.86);
  position: relative;
  border-radius: 8px;
  margin: -16px;
  padding: 16px;
}
.service__block-image {
  position: absolute;
  left: -122px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 128px;
}
.service__block-image img {
  display: block;
  width: 100%;
}
.service__block-icon {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 64px;
  height: 64px;
  border-radius: 8px;
  border: 1px solid rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.12);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 900;
}
.service__block-icon_yellow {
  border: 1px solid rgba(255, 213, 0, 0.55);
  background: rgba(255, 213, 0, 0.18);
}
.service__block-icon_red {
  border: 1px solid rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.12);
}
.service__block-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
  margin-bottom: 7px;
}
.service__block-text {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  line-height: 140%;
  margin-bottom: 14px;
}
.service__sidebar {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.service__sidebar-block {
  position: relative;
}
.service__sidebar-block .profile__head {
  margin-bottom: 11px;
}
.service__sidebar-image {
  position: absolute;
  top: 0;
  right: -124px;
  width: 128px;
}
.service__sidebar-image img {
  display: block;
  width: 100%;
  height: auto;
}
.service__sidebar .tags .tag:before {
  display: none !important;
}
.service__sidebar-fields {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.service__sidebar-field {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  padding: 10px 11px;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(20, 20, 41, 0.02);
}
.service__sidebar-field strong {
  color: #141429;
  font-weight: 900;
}
.service__sidebar-note {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 145%;
  margin-bottom: 12px;
}
.service__sidebar-btns .btn-2 {
  width: 100%;
}

.order-steps {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  margin-bottom: 12px;
  counter-reset: order-steps;
}

.order-step {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap: 10px;
  counter-increment: order-steps;
}
.order-step:before {
  content: counter(order-steps);
  border-radius: 8px;
  border: 1px solid rgba(186, 161, 255, 0.55);
  background: rgba(186, 161, 255, 0.22);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 34px;
  height: 34px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
}
.order-step__title {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 4px;
}
.order-step__desc {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 140%;
}
.order-step__tags {
  margin-top: 8px !important;
}
.order-step__tags .tag:before {
  display: none !important;
}

.contacts {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.contacts__item-title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}
.contacts__item-title strong {
  font-size: 13px;
  font-weight: 700;
}
.contacts__item-title small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.contacts__item-btns {
  margin-top: 12px;
}
.contacts__btns {
  margin-top: 12px;
}

.switcher {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 999px;
  padding: 7px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  gap: 8px;
}
.switcher a,
.switcher span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  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: 9px 11px;
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.switcher a:hover {
  color: #141429;
  background: #FADB3D;
  border: 1px solid rgba(186, 161, 255, 0.6);
}
.switcher span {
  border: 1px solid rgba(186, 161, 255, 0.6);
  background: rgba(186, 161, 255, 0.18);
}

.auth {
  margin-bottom: 50px;
}
.auth__inner {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.auth__info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 582px;
  background: radial-gradient(118.16% 72.22% at 20% 22%, rgba(186, 161, 255, 0.22) 0%, rgba(186, 161, 255, 0) 62%), radial-gradient(118.16% 72.22% at 82% 18%, rgba(255, 213, 0, 0.18) 0%, rgba(255, 213, 0, 0) 60%), rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
          box-shadow: 0 10px 22px 0 rgba(20, 20, 41, 0.08);
}
.auth__info .profile__head {
  margin-bottom: 16px;
}
.auth__info-title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  margin-bottom: 16px;
}
.auth__info-title strong {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.18px;
}
.auth__info-title small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 13px;
  line-height: 145%;
}
.auth__info-blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}
.auth__info-block {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}
.auth__info-block strong {
  font-size: 13px;
  font-weight: 700;
}
.auth__info-block small {
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 135%;
}
.auth__info-note {
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  line-height: 17.4px;
}
.auth__info-note strong {
  color: rgba(20, 20, 41, 0.9);
}
.auth__auth .profile__head {
  margin-bottom: 12px;
}
.auth .form {
  border: 0 !important;
  border-bottom: 1px solid rgba(20, 20, 41, 0.1) !important;
  margin-bottom: 10px;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 0 10px !important;
}
.auth__switch {
  margin-bottom: 12px;
  color: rgba(20, 20, 41, 0.62);
  font-size: 12px;
  line-height: 145%;
}
.auth__switch a {
  color: rgba(20, 20, 41, 0.62);
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.auth__switch a:hover {
  color: #9A80FF;
}
.auth__switch strong {
  font-weight: 900;
}
.auth__links {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.auth__link a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.auth__link a:hover {
  background: rgba(186, 161, 255, 0.18);
}
.auth__link-image {
  border-radius: 8px;
  border: 1px solid rgba(20, 20, 41, 0.1);
  background: radial-gradient(233.33% 400% at 30% 30%, rgba(186, 161, 255, 0.22) 0%, rgba(186, 161, 255, 0) 65%), radial-gradient(233.33% 400% at 70% 20%, rgba(255, 213, 0, 0.18) 0%, rgba(255, 213, 0, 0) 65%), rgba(20, 20, 41, 0.02);
  -webkit-box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
          box-shadow: 0 6px 14px 0 rgba(20, 20, 41, 0.06);
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.auth__link-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.auth__link-title {
  color: rgba(20, 20, 41, 0.86);
  font-family: "Inter";
  font-size: 13px;
  font-weight: 700;
}
.auth__link-icon {
  margin-left: auto;
}
.auth__link-icon svg {
  display: block;
}
.auth__note {
  color: rgba(20, 20, 41, 0.78);
  font-size: 12px;
  line-height: 17.4px;
  margin-top: 12px;
}
.auth__note strong {
  color: rgba(20, 20, 41, 0.9);
}
.auth_registration .auth__info {
  width: 520px;
}

.js-profile-orders-page.is-loading .js-profile-orders-items {
  opacity: 0.5;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

#kshop-loadmore-status {
  text-align: center;
  padding: 20px 0;
  font-size: 14px;
}