@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
body {
  background-color: #1E1E1E;
  font-size: 15px;
}
body:has(.app) .row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex-direction: column;
}
body:has(.search-box.active) {
  overflow: hidden;
}
body:has(.slider) .main-title:first-of-type {
  margin: 45px 0 23px 0;
}
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background: #333;
}
body::-webkit-scrollbar-thumb {
  background: #888;
}
body::-webkit-scrollbar-thumb:hover {
  background: #777;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 100%;
  font-family: "Montserrat", sans-serif;
  font-size: initial;
}

a {
  color: #fff;
}

header {
  margin-bottom: 18px;
  position: sticky;
  top: 0;
  background-color: #1E1E1E;
  z-index: 2;
  padding-top: 15px;
  padding-bottom: 15px;
}
header .row {
  flex-direction: row !important;
  gap: 15px !important;
}
header .row .column {
  width: 100%;
}
header .row .column:nth-child(2) {
  width: unset;
}
header .row .column .header-search {
  position: relative;
}
header .row .column .header-search input {
  background-color: #323437;
  color: #fff;
  border: 0;
  border-radius: 10px;
  line-height: 42px;
  padding: 0 10px 0 35px;
  outline: none;
  width: 100%;
}
header .row .column .header-search input::placeholder {
  color: #92979D;
}
header .row .column .header-search::before {
  content: url("../images/search.svg");
  color: #92979D;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
header .row .column .header-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
header .row .column .header-menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #323437;
  border-radius: 10px;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
header .row .column .header-menu a.cart {
  background-image: url("../images/cart.svg");
}
header .row .column .header-menu a.flag {
  background-image: url("../images/flag.svg");
}
header .row .column .header-menu a.account {
  background-image: url("../images/account.svg");
}
header .row .column .header-menu a span {
  position: absolute;
  left: 2px;
  bottom: 2px;
  background-color: #44B1EE;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 11px;
}
header .row .column .header-menu a.sections i {
  transition: transform 0.2s ease;
}
header .row .column .header-menu a.sections.active i {
  transform: rotate(90deg);
}
header .row .column .header-menu a.sections.active i::before {
  content: "\e59b";
}
header .bottom-notification.show {
  bottom: 15px;
}

.slider-container .swiper-wrapper .swiper-slide:first-child {
  margin-left: auto;
}
.slider-container .swiper-wrapper .swiper-slide:last-child {
  margin-right: auto;
}

.main-title {
  font-size: 22px;
  font-weight: 500;
  margin: 45px 0 23px 0;
}
.main-title:first-of-type {
  margin-top: 0;
}

.sub-title {
  font-size: 20px;
  color: #92979D;
  padding-left: 12px;
  border-left: 1px solid #92979D;
  text-transform: uppercase;
}

.go-to-cart {
  text-decoration: none;
  color: #44B1EE;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 40px;
  border: 1px solid #44B1EE;
  border-radius: 10px;
  overflow: hidden;
}
.go-to-cart span {
  width: 100%;
  text-align: center;
}
.go-to-cart::before {
  content: "";
  width: 70px;
  height: 40px;
  display: block;
  background-image: url("../images/cart.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #44B1EE;
}

.go-to-catalog {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 45px;
  border-radius: 5px;
  overflow: hidden;
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}

.go-to-help {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 45px;
  border-radius: 5px;
  overflow: hidden;
  background: #6629CA;
  margin-bottom: 1rem;
}

.add-review {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 45px;
  border-radius: 5px;
  overflow: hidden;
  background: #33b66a;
  margin-bottom: 1rem;
}

.breadcrumbs {
  margin-top: -10px;
  margin-bottom: 25px;
}
.breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs ul li a {
  color: #92979D;
  text-decoration: none;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.breadcrumbs ul li a.back::before {
  content: url("../images/back.svg");
}

.fixed {
  background-color: #1E1E1E;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 15px 25px 15px;
  z-index: 10;
}

.app:has(.fixed:not(.d-none)) {
  padding-bottom: 110px;
}
.app:has(.fixed:not(.d-none)) .search-box {
  height: calc(100vh - 140px);
}
.app:has(.fixed:not(.d-none)) .bottom-notification {
  bottom: 82px;
}

.email-form {
  margin-top: 1rem;
}
.email-form form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.email-form form input {
  background-color: #323437;
  color: #fff;
  border: 0;
  border-radius: 10px;
  line-height: 48px;
  padding: 0 10px 0 50px;
  outline: none;
  width: 100%;
}
.email-form form input::placeholder {
  color: #92979D;
}
.email-form form button {
  border: 1px solid #44B1EE;
  border-radius: 10px;
  line-height: 46px;
  padding: 0 20px;
  width: fit-content;
  background-color: transparent;
  color: #44B1EE;
}
.email-form form::before {
  content: url("../images/email.svg");
  color: #92979D;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.promocode-form {
  margin-top: 1rem;
}
.promocode-form form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.promocode-form form input {
  background-color: #323437;
  color: #fff;
  border: 0;
  border-radius: 10px;
  line-height: 38px;
  padding: 0 10px 0 50px;
  outline: none;
  width: 100%;
  font-size: 14px;
}
.promocode-form form input::placeholder {
  color: #92979D;
}
.promocode-form form button {
  border: 1px solid #44B1EE;
  border-radius: 10px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  background-color: transparent;
  color: #44B1EE;
  min-width: 100px;
}
.promocode-form form button[type=button] {
  border: 1px solid #ee4444;
  color: #ee4444;
}
.promocode-form form::before {
  content: "\f02c";
  font-family: "Font Awesome 5 Pro";
  color: #92979D;
  font-size: 20px;
  font-weight: 100;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.promocode-form p.info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
}
.promocode-form p.info span {
  display: block;
  font-size: 16px;
  padding: 1rem 0;
}
.promocode-form p.info span:last-of-type {
  font-weight: bold;
  color: #33b66a;
  margin-left: 0.5rem;
}

.review-form {
  margin-top: 1rem;
  display: none;
}
.review-form form {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
.review-form form textarea {
  background-color: #323437;
  color: #fff;
  border: 0;
  border-radius: 10px;
  line-height: 120%;
  padding: 10px;
  min-height: 90px;
  outline: none;
  width: 100%;
  resize: none;
}
.review-form form textarea::placeholder {
  color: #92979D;
}
.review-form form button {
  border: 1px solid #44B1EE;
  border-radius: 10px;
  line-height: 46px;
  padding: 0 20px;
  width: fit-content;
  background-color: transparent;
  color: #44B1EE;
}
.review-form form .d-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.review-form form .d-flex .good-review {
  width: 100%;
  background-color: #76c267;
  border-color: #387238;
  color: #fff;
}
.review-form form .d-flex .bad-review {
  width: 100%;
  background-color: #c26767;
  border-color: #723838;
  color: #fdbfbf;
}
.review-form.show {
  display: block;
}

.not-telegram {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.tg-star {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  font-style: normal;
  overflow: hidden;
  position: relative;
  background: url(data:image/svg+xml,%3Csvg%20height%3D%2245%22%20viewBox%3D%220%200%2046%2045%22%20width%3D%2246%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2225%25%22%20x2%3D%2274.92%25%22%20y1%3D%22.825%25%22%20y2%3D%22107.86%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd951%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffb222%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%2299.795%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e58f0d%22%2F%3E%3Cstop%20offset%3D%22.99963%22%20stop-color%3D%22%23eb7915%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22c%22%20d%3D%22m15.45%2013.17%205.29-10.61c.61-1.22%202.09-1.71%203.3-1.09.47.24.86.63%201.09%201.11l5%2010.23c.41.83%201.21%201.4%202.12%201.51l10.47%201.27c1.42.17%202.43%201.47%202.26%202.91-.07.59-.34%201.14-.76%201.56l-8.27%208.2c-.33.33-.49.8-.44%201.27l1.38%2011.08c.2%201.59-.92%203.04-2.49%203.23-.59.08-1.19-.04-1.72-.32l-8.74-4.81c-.63-.35-1.39-.36-2.03-.03l-9.06%204.68c-1.27.66-2.83.14-3.48-1.14-.25-.49-.34-1.03-.26-1.57l.72-5.08c.36-2.49%201.89-4.64%204.1-5.78l10.06-5.17c.27-.14.37-.47.24-.74-.11-.21-.34-.33-.57-.29l-12.3%201.77c-1.88.27-3.78-.27-5.26-1.48l-4.09-3.36c-1.17-.96-1.35-2.7-.4-3.88.44-.55%201.08-.9%201.77-.99l10.5-1.36c.68-.09%201.26-.51%201.57-1.12z%22%2F%3E%3Cfilter%20id%3D%22d%22%20height%3D%22111.7%25%22%20width%3D%22111.4%25%22%20x%3D%22-5.7%25%22%20y%3D%22-5.9%25%22%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%223%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetInner1%22%2F%3E%3CfeComposite%20in%3D%22shadowOffsetInner1%22%20in2%3D%22SourceAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%20result%3D%22shadowInnerInner1%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowInnerInner1%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%201%20%20%200%200%200%200%201%20%20%200%200%200%200%201%20%200%200%200%200.65667938%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cuse%20fill%3D%22url%28%23a%29%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23d%29%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3Cuse%20stroke%3D%22url%28%23b%29%22%20stroke-width%3D%222%22%20xlink%3Ahref%3D%22%23c%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) no-repeat center;
  background-size: contain;
  letter-spacing: 10em;
  text-indent: -10em;
  width: 1.3em;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 2px;
}
.tg-star::after {
  content: "⭐️";
  font-size: inherit;
  line-height: inherit;
  display: block;
}

.form-check-input {
  cursor: pointer;
  outline: unset !important;
  box-shadow: unset !important;
}

.scroll {
  overflow: auto;
  max-height: 80vh;
}
.scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.scroll::-webkit-scrollbar-track {
  background: #aaa;
}
.scroll::-webkit-scrollbar-thumb {
  background: #888;
}
.scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.scroll > * {
  min-width: 100%;
  width: max-content !important;
  margin-bottom: 0 !important;
}

.blur {
  filter: blur(4px);
  text-decoration: line-through;
  color: #333;
  transition: all 0.2s ease;
}
.blur:hover {
  color: #000;
  filter: unset;
  text-decoration: none;
}

.sticky {
  position: sticky;
  left: -1px;
  background-color: #fff !important;
}

.sticky-right {
  position: sticky;
  right: -1px;
  background-color: #fff !important;
}

thead:has(.sticky) .sticky {
  background-color: #212529 !important;
}

thead:has(.sticky-right) .sticky-right {
  background-color: #212529 !important;
}

tfoot.delete {
  position: sticky;
  bottom: 1px;
  background-color: #dee2e6 !important;
}

.clipboard {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}

.bottom-notification {
  position: fixed;
  z-index: 9;
  left: 15px;
  right: 15px;
  bottom: 0;
  padding: 15px;
  background-color: #b1e587;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: translateY(100%);
  transition: transform 0.1s ease;
  text-align: center;
}
.bottom-notification.show {
  transform: unset;
}
.bottom-notification.error {
  background-color: #c27171;
  color: #fff;
}

.d-none {
  display: none;
}

.w-100 {
  width: 100% !important;
  max-width: 100% !important;
}

.m-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.tooltip .tooltip-inner {
  padding: 1rem;
  max-width: 320px;
}

.mb-3 {
  margin-bottom: 1rem;
}

.text-danger {
  color: #dc3545;
}

.text-center {
  text-align: center;
}

.brand-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: 46px;
  text-decoration: none;
  color: #44B1EE;
  border: 1px solid #44B1EE;
  border-radius: 10px;
  width: fit-content;
  padding: 0 1rem;
  margin: 0.5rem 0;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.anychart-credits,
#anychart-menu-wrapper > .anychart-menu:first-of-type > div:last-of-type,
#anychart-menu-wrapper > .anychart-menu:first-of-type > div:nth-last-child(1 of .anychart-menuseparator) {
  display: none;
}

.charts {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.charts .chart {
  width: calc(50% - 0.5rem) !important;
  height: 480px;
}
.charts * {
  font-size: 13px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 8px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 5px !important;
  margin-bottom: 1px !important;
}

.app {
  width: 100%;
  min-height: 100vh;
  max-width: 480px;
  margin: 0 auto;
  background-color: #1E1E1E;
  color: #fff;
  padding: 15px;
  padding-top: 0;
}
.app .slider {
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.app .slider * {
  user-select: none;
}
.app .slider .slide {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 131/160;
}
.app .slider .slide img {
  width: 100%;
  height: auto;
  pointer-events: none;
}
.app .slider .slide .hints {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
  line-height: 30px;
  display: flex;
  gap: 5px;
}
.app .slider .slide .hints * {
  padding: 0 13px;
  border-radius: 10px;
  line-height: inherit;
  width: fit-content;
}
.app .slider .slide .hints .new {
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app .slider .slide .hints .sale {
  background: rgb(202, 41, 49);
  background: -moz-linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  background: -webkit-linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  background: linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ca2931",endColorstr="#ee444d",GradientType=1);
}
.app .slider .slide .price {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  z-index: 1;
  gap: 5px;
}
.app .catalog * {
  user-select: none;
}
.app .catalog .items {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 13px));
  gap: 30px 20px;
}
.app .catalog .items .item {
  position: relative;
  width: 100%;
}
.app .catalog .items .item .hints {
  position: absolute;
  left: 5px;
  top: 5px;
  width: calc(100% - 10px);
  pointer-events: none;
  display: flex;
  gap: 5px;
}
.app .catalog .items .item .hints .count {
  font-size: 12px;
  background-color: #5fa742;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px rgb(0, 0, 0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 0;
  transition: transform 0.1s ease;
  opacity: 0;
}
.app .catalog .items .item .hints .count.animate {
  transform: scale(1.5);
}
.app .catalog .items .item .hints .count.active {
  opacity: 1;
}
.app .catalog .items .item .image {
  display: flex;
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 1;
}
.app .catalog .items .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.app .catalog .items .item .title {
  font-size: 15px;
  padding: 10px 0;
  line-height: 13px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.app .catalog .items .item .title i {
  vertical-align: top;
  margin: 0;
}
.app .catalog .items .item .buy .arrows {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.app .catalog .items .item .buy .arrows a {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  text-decoration: none;
  font-size: 22px;
  font-weight: 400;
  line-height: 20px;
  background-color: #323437;
}
.app .catalog .items .item .buy .add-to-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  line-height: 32px;
  min-height: 32px;
  border-radius: 10px;
  padding: 0 5px;
  font-size: 15px;
  text-decoration: none;
  font-weight: normal;
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app .catalog .items .item .buy .add-to-cart::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/cart.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-right: 5px;
  border-right: 1px solid #44B1EE;
}
.app .catalog .items .item .buy .add-to-cart.out {
  font-size: 13px;
  filter: grayscale(1);
  pointer-events: none;
}
.app .catalog .items .item .buy .add-to-cart.out::before {
  display: none;
}
.app .catalog .items .item .buy:has(.arrows.active) .arrows {
  display: flex;
}
.app .catalog .items .item .buy:has(.arrows.active) .arrows + * {
  display: none;
}
.app .catalog.category .main-title {
  margin-top: 0;
}
.app .categories * {
  user-select: none;
}
.app .categories .selector {
  border: 1px solid #323437;
  border-radius: 10px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 32px;
}
.app .categories .selector a {
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #323437;
}
.app .categories .selector a.active {
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app .categories container {
  display: none;
}
.app .categories container:first-of-type {
  display: block;
}
.app .categories container .items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
}
.app .categories container .items .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.app .categories container .items .item .left {
  width: 136px;
}
.app .categories container .items .item .left .image {
  width: 136px;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}
.app .categories container .items .item .left .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app .categories container .items .item .right {
  width: calc(100% - 136px - 25px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.app .categories container .items .item .right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.app .categories container .items .item .right .top .price {
  font-size: 20px;
  font-weight: 500;
}
.app .categories container .items .item .right .top .add-to-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  border-radius: 5px;
  position: relative;
  padding: 8px 15px;
  font-size: 15px;
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app .categories container .items .item .right .top .add-to-cart::before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-image: url("../images/cart.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
}
.app .categories container .items .item .right .middle {
  margin-top: 11px;
  margin-bottom: 4px;
}
.app .categories container .items .item .right .middle p {
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app .categories container .items .item .right .middle .tg-star {
  margin-bottom: 0;
}
.app .categories container .items .item .right .bottom {
  width: 100%;
}
.app .categories container .items .item .right .bottom p {
  width: 100%;
  font-size: 15px;
  color: #92979D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app .item-page .image {
  width: 100%;
  height: 250px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.app .item-page .image .hints {
  position: absolute;
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
  line-height: 30px;
  display: flex;
  gap: 5px;
}
.app .item-page .image .hints * {
  padding: 0 13px;
  border-radius: 10px;
  width: fit-content;
  line-height: inherit;
}
.app .item-page .image .hints .new {
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app .item-page .image .hints .sale {
  background: rgb(202, 41, 49);
  background: -moz-linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  background: -webkit-linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  background: linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ca2931",endColorstr="#ee444d",GradientType=1);
}
.app .item-page .image img,
.app .item-page .image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.app .item-page .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.app .item-page .top .title {
  margin: 29px 0 20px 0;
  font-size: 18px;
  line-height: 110%;
}
.app .item-page .top .favorite a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background-color: #323437;
}
.app .item-page .top .favorite a::after {
  content: "";
  mask: url("../images/favorite.svg") no-repeat center;
  mask-size: cover;
  width: 20px;
  height: 18px;
  background-color: #92979D;
}
.app .item-page .top .favorite a.active::after {
  background-color: #6629CA;
}
.app .item-page .middle {
  margin-bottom: 10px;
}
.app .item-page .middle p {
  font-size: 15px;
  color: #92979D;
  margin-bottom: 1.5rem;
}
.app .item-page .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app .item-page .bottom .price {
  font-size: 22px;
  font-weight: 500;
  height: 32px;
  padding-top: 5px;
}
.app .item-page .bottom .buy .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.app .item-page .bottom .buy .arrows a {
  width: 39px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  text-decoration: none;
  font-size: 22px;
  font-weight: 400;
  line-height: 20px;
  background-color: #323437;
}
.app .item-page .bottom .buy .arrows input {
  width: 56px;
  border-radius: 5px;
  border: 1px solid #323437;
  height: 32px;
  background-color: transparent;
  text-align: center;
  color: #fff;
  font-size: 14px;
  outline: none;
}
.app .item-page .add-to-cart {
  margin-top: 1rem;
  padding: 6px 20px;
  text-align: center;
  width: 100%;
  border-radius: 5px;
  display: flex;
  font-size: 15px;
  align-items: center;
  text-decoration: none;
  justify-content: space-between;
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app .item-page .add-to-cart span {
  width: 100%;
}
.app .item-page .add-to-cart::before {
  content: "";
  width: 24px;
  height: 33px;
  background-image: url("../images/cart.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-right: 13px;
  border-right: 1px solid #44B1EE;
}
.app .item-page .add-to-cart.active {
  background: #5fa742;
}
.app .item-page .add-to-cart.active::before {
  border-right: 1px solid #5e913c;
}
.app .item-page .add-to-cart.progress {
  background: #427aa7;
  pointer-events: none;
}
.app .item-page .add-to-cart.progress::before {
  border-right: 1px solid #3c4991;
}
.app .item-page .add-to-cart.out {
  pointer-events: none;
  filter: grayscale(1);
}
.app .cart-page .cart-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app .cart-page .cart-title .main-title {
  margin: 0;
}
.app .cart-page .cart-title .total {
  font-size: 22px;
  font-weight: 500;
}
.app .cart-page .items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
  border-top: 1px solid #323437;
  padding-top: 20px;
  margin-top: 1.5rem;
}
.app .cart-page .items .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #323437;
  padding-bottom: 20px;
}
.app .cart-page .items .item .left {
  width: 136px;
}
.app .cart-page .items .item .left .image {
  width: 136px;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  font-size: 0;
  border-radius: 10px;
}
.app .cart-page .items .item .left .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app .cart-page .items .item .right {
  width: calc(100% - 136px - 15px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.app .cart-page .items .item .right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.app .cart-page .items .item .right .top .price {
  font-size: 20px;
  font-weight: 500;
}
.app .cart-page .items .item .right .top .remove-from-cart {
  background-color: #323437;
  width: 39px;
  height: 39px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/trashcan.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.app .cart-page .items .item .right .middle {
  margin-top: 14px;
  margin-bottom: 8px;
}
.app .cart-page .items .item .right .middle p {
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app .cart-page .items .item .right .bottom {
  width: 100%;
}
.app .cart-page .items .item .right .bottom p {
  width: 100%;
  font-size: 15px;
  color: #92979D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app .cart-page .items .item.disabled .image,
.app .cart-page .items .item.disabled .price,
.app .cart-page .items .item.disabled .middle {
  opacity: 0.5;
}
.app .cart-page .payment-methods {
  margin-top: 1rem;
}
.app .cart-page .payment-methods ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}
.app .cart-page .payment-methods ul li {
  width: 100%;
}
.app .cart-page .payment-methods ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-decoration: none;
  border-radius: 5px;
  line-height: 45px;
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app .cart-page .payment-methods ul li a * {
  line-height: inherit;
}
.app .cart-page .payment-methods ul li a.progress {
  opacity: 0.6;
  pointer-events: none;
}
.app .cart-page .payment-methods ul li a .currency {
  height: 24px;
  vertical-align: top;
  margin-top: 9px;
}
.app .cart-page .payment-methods ul li a i,
.app .cart-page .payment-methods ul li a img {
  margin-left: 0.25rem;
}
.app .cart-page:has(.empty) p {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
  font-size: 18px;
  color: #aca9a9;
}
.app .cart-page small.unavailable {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 1rem;
  gap: 0.5rem;
  font-size: 14px;
  color: #aca9a9;
}
.app .cart-page small.unavailable span {
  color: red;
  margin-top: 3px;
}
.app .cart-page .d-none {
  display: none !important;
}
.app .account-page .account-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.app .account-page .account-title .main-title {
  margin: 0;
}
.app .account-page .rows {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
}
.app .account-page .rows .row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 10px;
  width: 100%;
}
.app .account-page .rows .row .col {
  width: 45%;
}
.app .account-page .rows .row .col:last-of-type {
  width: 55%;
  max-width: 50%;
}
.app .account-page .rows .row .col span {
  color: #92979D;
}
.app .account-page .rows .row .col a {
  width: 100%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  line-height: 48px;
  background-color: #323437;
  border-radius: 10px;
  text-decoration: none;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app .account-page .rows .row .col:has(.language-selector.active) a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.app .account-page .links-list {
  margin-top: 2rem;
}
.app .account-page .links-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
}
.app .account-page .links-list ul li {
  width: 100%;
}
.app .account-page .links-list ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: 46px;
  text-decoration: none;
  color: #fff;
  border: 1px solid #44B1EE;
  border-radius: 10px;
  width: 100%;
}
.app .account-page .links-list ul li a::before {
  content: "";
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.app .account-page .links-list ul li a.favorite::before {
  background-image: url("../images/account-favorite.svg");
}
.app .account-page .links-list ul li a.history::before {
  width: 22px;
  background-image: url("../images/account-cart.svg");
}
.app .account-page .links-list ul li a.help::before {
  width: 22px;
  background-image: url("../images/account-help.svg");
}
.app .account-page.favorite .items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 22px;
}
.app .account-page.favorite .items .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}
.app .account-page.favorite .items .item .left {
  width: 136px;
}
.app .account-page.favorite .items .item .left .image {
  width: 136px;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}
.app .account-page.favorite .items .item .left .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app .account-page.favorite .items .item .right {
  width: calc(100% - 136px - 25px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.app .account-page.favorite .items .item .right .top {
  font-size: 20px;
  font-weight: 500;
}
.app .account-page.favorite .items .item .right .middle {
  margin-top: 14px;
  margin-bottom: 8px;
}
.app .account-page.favorite .items .item .right .middle p {
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app .account-page.favorite .items .item .right .bottom {
  width: 100%;
}
.app .account-page.favorite .items .item .right .bottom p {
  width: 100%;
  font-size: 15px;
  color: #92979D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app .account-page.favorite .items:has(.empty) {
  margin-top: 3rem;
}
.app .account-page.favorite .items:has(.empty) p {
  font-size: 18px;
  color: #aca9a9;
}
.app .account-page.history .orders {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
}
.app .account-page.history .orders .order {
  display: block;
  text-decoration: none;
  width: 100%;
  border: 1px solid #323437;
  border-radius: 15px;
  padding: 15px;
}
.app .account-page.history .orders .order .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.app .account-page.history .orders .order .top .left {
  color: #fff;
}
.app .account-page.history .orders .order .top .right {
  color: #92979D;
}
.app .account-page.history .orders .order .items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  overflow: hidden;
}
.app .account-page.history .orders .order .items .image {
  width: 73px;
  height: 52px;
  aspect-ratio: 1;
}
.app .account-page.history .orders .order .items .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app .account-page.history .orders:has(.empty) {
  margin-top: 3rem;
}
.app .account-page.history .orders:has(.empty) p {
  font-size: 18px;
  color: #aca9a9;
}
.app .account-page.order .items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
  border-top: 1px solid #323437;
  padding-top: 20px;
  margin-top: 1.5rem;
}
.app .account-page.order .items .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid #323437;
  padding-bottom: 20px;
}
.app .account-page.order .items .item .left .image {
  border-radius: 10px;
  overflow: hidden;
  display: block;
  font-size: 0;
  max-width: 120px;
}
.app .account-page.order .items .item .left .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app .account-page.order .items .item .right {
  width: calc(100% - 25px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.app .account-page.order .items .item .right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.app .account-page.order .items .item .right .top .key {
  font-size: 18px;
  font-weight: 400;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.app .account-page.order .items .item .right .top .copy-key {
  background-color: #323437;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app .account-page.order .items .item .right .top .copy-key span {
  display: flex;
  width: 39px;
  height: 39px;
  mask: url("../images/copy.svg") no-repeat center;
  mask-size: 16px;
  background-color: #fff;
  transition: background-color 0.1s ease;
}
.app .account-page.order .items .item .right .top .copy-key span.active {
  background-color: #b1e587;
}
.app .account-page.order .items .item .right .middle {
  margin-top: 5px;
  margin-bottom: 8px;
}
.app .account-page.order .items .item .right .middle p {
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
}
.app .account-page.order .items .item .right .bottom {
  width: 100%;
}
.app .account-page.order .items .item .right .bottom p {
  width: 100%;
  font-size: 15px;
  color: #92979D;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.app .account-page .change-language {
  position: relative;
}
.app .account-page .change-language i {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1px;
}
.app .account-page .language-selector {
  position: absolute;
  left: 0;
  top: 48px;
  width: 100%;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}
.app .account-page .language-selector ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.app .account-page .language-selector ul li {
  width: 100%;
}
.app .account-page .language-selector ul li span {
  cursor: pointer;
  display: block;
  width: 100%;
  line-height: 48px;
  text-align: center;
  background-color: #323437;
}
.app .account-page .language-selector ul li span:hover {
  background-color: #4c4e52;
}
.app .account-page .language-selector.active {
  visibility: visible;
  opacity: 1;
}
.app pre {
  color: #000;
}
.app .search-box {
  position: absolute;
  left: -15px;
  top: 72px;
  width: calc(100% + 30px);
  height: calc(100vh - 72px);
  padding: 15px;
  background-color: #1E1E1E;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  transition: visibility 0.1s ease, opacity 0.1s ease;
}
.app .search-box.active {
  visibility: visible;
  opacity: 1;
}
.app .search-box .items {
  display: none;
  grid-template-columns: repeat(2, calc(50% - 13px));
  grid-auto-rows: max-content;
  gap: 30px 20px;
  overflow: auto;
  height: 100%;
}
.app .search-box .items .item {
  position: relative;
  width: 100%;
}
.app .search-box .items .item .hints {
  position: absolute;
  left: 5px;
  top: 5px;
  width: calc(100% - 10px);
  pointer-events: none;
  display: flex;
  gap: 5px;
}
.app .search-box .items .item .hints .count {
  font-size: 12px;
  background-color: #5fa742;
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px rgb(0, 0, 0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 0;
  transition: transform 0.1s ease;
  opacity: 0;
}
.app .search-box .items .item .hints .count.animate {
  transform: scale(1.5);
}
.app .search-box .items .item .hints .count.active {
  opacity: 1;
}
.app .search-box .items .item .image {
  display: flex;
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 1;
}
.app .search-box .items .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.app .search-box .items .item .title {
  font-size: 15px;
  line-height: 13px;
  padding: 10px 0;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.app .search-box .items .item .title i {
  vertical-align: top;
  margin: 0;
}
.app .search-box .items .item .buy .arrows {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.app .search-box .items .item .buy .arrows a {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  text-decoration: none;
  font-size: 22px;
  font-weight: 400;
  line-height: 20px;
  background-color: #323437;
}
.app .search-box .items .item .buy .add-to-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  line-height: 32px;
  border-radius: 10px;
  padding: 0 5px;
  font-size: 15px;
  text-decoration: none;
  font-weight: normal;
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app .search-box .items .item .buy .add-to-cart::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../images/cart.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-right: 5px;
  border-right: 1px solid #44B1EE;
}
.app .search-box .items .item .buy:has(.arrows.active) .arrows {
  display: flex;
}
.app .search-box .items .item .buy:has(.arrows.active) .arrows + * {
  display: none;
}
.app .search-box .items.active {
  display: grid;
}
.app .search-box .info {
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #939393;
}
.app .search-box .info.active {
  display: flex;
}
.app .search-box .error {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
.app .search-box .error.active {
  display: flex;
}
.app .search-box .error p {
  text-align: center;
}
.app .search-box .back-to-catalog {
  display: none;
}
.app .search-box .back-to-catalog.active {
  display: block;
}
.app .search-box [data-item-request] {
  display: none;
}
.app .search-box [data-item-request].active {
  display: block;
}
.app .search-box ::-webkit-scrollbar {
  width: 10px;
}
.app .search-box ::-webkit-scrollbar-track {
  background: #333;
}
.app .search-box ::-webkit-scrollbar-thumb {
  background: #888;
}
.app .search-box ::-webkit-scrollbar-thumb:hover {
  background: #777;
}
.app .sections-box {
  position: absolute;
  left: -15px;
  top: 72px;
  width: calc(100% + 30px);
  height: calc(100vh - 72px);
  padding: 15px;
  background-color: #1E1E1E;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  transition: visibility 0.1s ease, opacity 0.1s ease;
}
.app .sections-box.active {
  visibility: visible;
  opacity: 1;
}
.app .sections-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
.app .sections-box ul li {
  width: 100%;
}
.app .sections-box ul li a {
  font-size: 22px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  width: 100%;
}
.app .e404 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
}

.app-cp {
  min-height: 100vh;
}
.app-cp main {
  min-height: 100vh;
  padding: 15px 0;
}
.app-cp main .login-form {
  max-width: 320px;
  background-color: #eee;
}
.app-cp main .side-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.app-cp main .side-menu li {
  width: 100%;
  min-height: 10px;
}
.app-cp main .side-menu li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 5px;
  text-decoration: none;
  color: #000;
  padding: 8px 3px;
  overflow: hidden;
  border: 1px solid #333;
  border-right: 1px solid #333;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: background 0.2s ease, color 0.2s ease;
}
.app-cp main .side-menu li a i {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.1s ease;
}
.app-cp main .side-menu li a:hover, .app-cp main .side-menu li a.active {
  background: #1E1E1E;
  color: #fff;
  border-right: 3px solid red;
}
.app-cp main .side-menu li a:hover i, .app-cp main .side-menu li a.active i {
  color: red;
}
.app-cp main .side-menu li a:hover small, .app-cp main .side-menu li a.active small {
  right: calc(1rem - 2px);
  transform: rotate(360deg) translateY(-50%);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
}
.app-cp main .side-menu li a small {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: rotate(0deg) translateY(-50%);
  background-color: #244d1f;
  border: 1px solid #6fbe64;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.8);
  border-radius: 100%;
  padding: 3px;
  aspect-ratio: 1;
  height: 60%;
  text-align: center;
  color: #00ff0d;
  line-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  transform-origin: top;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.app-cp main .side-menu li span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  text-decoration: none;
  color: #000;
  padding: 8px 3px;
  overflow: hidden;
  border: 1px solid #333;
  border-right: 1px solid #333;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: background 0.2s ease, color 0.2s ease;
  cursor: default;
}
.app-cp main .side-menu li span i {
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-cp main .side-menu li span.active {
  background: #1E1E1E;
  color: #fff;
  border-right: 3px solid red;
}
.app-cp main .side-menu li .side-menu {
  margin-top: 5px;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 3px solid red;
  width: calc(100% - 0.5rem);
}
.app-cp main .side-menu li:has(a.active) span {
  background: #473b3b;
  color: #fff;
}
.app-cp main .side-menu li:has(a.active) span i {
  color: red;
}
.app-cp main .top-menu {
  border-bottom: 1px solid #ced4da;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.app-cp main .top-menu h5 {
  margin: 0;
}
.app-cp main .top-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.app-cp main .addProduct {
  border-collapse: separate;
  border-spacing: 1em;
}
.app-cp main .addProduct td {
  vertical-align: top;
}
.app-cp main .addProduct td:first-of-type {
  padding-top: 5px;
  width: 120px;
}
.app-cp main .addProduct td input[type=file],
.app-cp main .addProduct td input[type=number],
.app-cp main .addProduct td select {
  width: auto;
  min-width: 240px;
}
.app-cp main .addProduct td .image {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: fit-content;
}
.app-cp main .addProduct td .image button {
  position: absolute;
  right: 5px;
  top: 5px;
}
.app-cp main .addProduct img,
.app-cp main .addProduct video {
  border: 1px solid #ced4da;
  border-radius: 10px;
}
.app-cp main .addProduct #previewIMG-1 {
  width: 450px;
  height: 250px;
}
.app-cp main .addProduct #previewIMG-2 {
  width: 136px;
  height: 136px;
}
.app-cp main .addProduct #previewIMG-3 {
  width: 136px;
  height: 98px;
}
.app-cp main .addProduct.addBanners #previewIMG-1,
.app-cp main .addProduct.addBanners #previewIMG-2 {
  width: 262px;
  height: 320px;
}
.app-cp main .addProduct.addBanners .select2-container--default .select2-selection--single {
  height: 36px;
  border: 1px solid #ced4da;
}
.app-cp main .addProduct.addBanners .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}
.app-cp main .addProduct.addBanners .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}
.app-cp main .addProduct.addBanners .input-daterange .input-group-addon {
  padding: 6px 12px;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.app-cp main .addProduct.addBanners .input-daterange .form-control {
  width: auto !important;
  min-width: unset !important;
  flex: unset !important;
}
.app-cp main .items {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 7.5px));
  grid-gap: 10px;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}
.app-cp main .items .item {
  width: 100%;
  text-decoration: none;
  padding-bottom: 0.5rem;
  border-radius: 10px;
  overflow: hidden;
  transition: opacity 0.2s ease, background 0.1s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.app-cp main .items .item .image {
  position: relative;
  background-color: #1E1E1E;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}
.app-cp main .items .item .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app-cp main .items .item .image .price {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  z-index: 1;
  color: #fff;
}
.app-cp main .items .item .image::after {
  content: "";
  background: rgb(50, 52, 55);
  background: -moz-linear-gradient(180deg, rgba(50, 52, 55, 0) 0%, rgb(50, 52, 55) 100%);
  background: -webkit-linear-gradient(180deg, rgba(50, 52, 55, 0) 0%, rgb(50, 52, 55) 100%);
  background: linear-gradient(180deg, rgba(50, 52, 55, 0) 0%, rgb(50, 52, 55) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#323437",endColorstr="#323437",GradientType=1);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
}
.app-cp main .items .item .image .hints {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
  line-height: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}
.app-cp main .items .item .image .hints * {
  padding: 0 13px;
  border-radius: 10px;
  color: #fff;
  line-height: inherit;
  width: fit-content;
}
.app-cp main .items .item .image .hints .new {
  background: rgb(102, 41, 202);
  background: -moz-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: -webkit-linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  background: linear-gradient(78deg, rgb(102, 41, 202) 0%, rgb(68, 177, 238) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6629ca",endColorstr="#44b1ee",GradientType=1);
}
.app-cp main .items .item .image .hints .sale {
  background: rgb(202, 41, 49);
  background: -moz-linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  background: -webkit-linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  background: linear-gradient(78deg, rgb(202, 41, 49) 0%, rgb(238, 68, 77) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ca2931",endColorstr="#ee444d",GradientType=1);
}
.app-cp main .items .item .image .controls {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
}
.app-cp main .items .item .image.keys::after {
  background: rgb(16, 17, 17);
  background: -moz-linear-gradient(180deg, rgba(16, 17, 17, 0) 0%, rgb(16, 17, 17) 50%);
  background: -webkit-linear-gradient(180deg, rgba(16, 17, 17, 0) 0%, rgb(16, 17, 17) 50%);
  background: linear-gradient(180deg, rgba(16, 17, 17, 0) 0%, rgb(16, 17, 17) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#101111",endColorstr="#101111",GradientType=1);
  height: 60%;
}
.app-cp main .items .item .image.keys .price {
  font-size: 18px;
}
.app-cp main .items .item .title {
  text-align: center;
  color: #fff;
  margin-top: 0.5rem;
  font-size: 18px;
}
.app-cp main .items .item.active-Y {
  border: 1px solid #157347;
  background-color: #157347;
}
.app-cp main .items .item.active-N {
  border: 3px solid #b02a37;
  background: #b02a37;
  opacity: 0.6;
}
.app-cp main .items .item.sended {
  padding-bottom: 0.5rem !important;
  background: #ffc107;
  border-color: #ffc107;
}
.app-cp main .items .item.sended .title {
  color: #000;
}
.app-cp main .items .item.sended .image .controls {
  display: none;
}
.app-cp main .items .item.sended .image img {
  min-height: 159px;
}
.app-cp main .items .item.sended .send {
  display: none;
}
.app-cp main .items .item:hover {
  opacity: 1;
}
.app-cp main .items .item:has(.send) {
  padding-bottom: 0 !important;
}
.app-cp main .items .item:has(.send) .send {
  width: 100%;
}
.app-cp main .items .item:has(.send) .send input {
  width: 100%;
  outline: unset;
  box-shadow: unset;
  transition: background 0.1s ease;
}
.app-cp main .items .item:has(.send) .send input:hover {
  background-color: #f7d46c;
}
.app-cp main .items .item:has(.send) .send input:active {
  background-color: #ebc143;
}
.app-cp main .items .item:has(.send) .title {
  margin-bottom: 0.5rem;
}
.app-cp main .items.banners .item {
  padding: 0;
}
.app-cp main .items.banners .item .image {
  font-size: 0;
  aspect-ratio: 131/160;
}
.app-cp main .items.banners .item .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app-cp main .items.banners .item .image::after {
  display: none;
}
.app-cp main .sections {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}
.app-cp main .sections .section {
  text-decoration: none;
}
.app-cp main .sections .section .image {
  border: 1px solid #ced4da;
  background-color: #1E1E1E;
  width: 240px;
  height: 240px;
  aspect-ratio: 1;
}
.app-cp main .sections .section .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app-cp main .sections .section .title {
  text-align: center;
  color: #000;
  margin-top: 0.5rem;
  font-size: 18px;
}
.app-cp main .list-empty {
  font-weight: 500;
  border-bottom: 1px solid #ced4da;
  padding: 1rem 0 2rem 0;
  margin-bottom: 0.5rem;
}
.app-cp main .keys-table th {
  padding: 0.5rem 1rem !important;
  vertical-align: middle;
}
.app-cp main .keys-table td {
  padding: 0.5rem !important;
  vertical-align: middle;
}
.app-cp main .keys-table .table-empty {
  padding: 1.5rem !important;
  text-align: center;
}
.app-cp main .items-filter {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #ced4da;
  gap: 0.5rem;
}
.app-cp main .items-filter .title {
  font-weight: 500;
}
.app-cp main .items-filter .blocks {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.app-cp main table tr td .block {
  position: relative;
}
.app-cp main table tr td .block input {
  padding-right: 40px;
  width: fit-content !important;
  min-width: unset !important;
  max-width: 180px;
}
.app-cp main table tr td .block .currency-mark {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-left: 1px solid #ced4da;
}
.app-cp main .review-BAD {
  background-color: #d6a4a4;
}
.app-cp main .review-BAD .sticky {
  background-color: #d6a4a4 !important;
}
.app-cp main .disabled .addProduct button,
.app-cp main .disabled .addProduct input[type=submit] {
  display: none;
}
.app-cp .addManager .select2-container--default .select2-selection--single {
  height: 36px;
  border: 1px solid #ced4da;
}
.app-cp .addManager .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}
.app-cp .addManager .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}
.app-cp .chat-history {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column-reverse;
  gap: 1rem;
  height: calc(100vh - 335px);
  overflow: auto;
  padding: 1rem;
  background-color: #0E1621;
  border: 1px solid #777;
}
.app-cp .chat-history .message {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  flex-direction: column;
  padding: 0.75rem 1rem;
  border-radius: 15px;
  background-color: #2B5278;
  max-width: 50%;
  color: #fff;
}
.app-cp .chat-history .message.manager {
  align-self: flex-start;
  background-color: #182533;
}
.app-cp .chat-history .message.manager .top {
  border-bottom: 1px solid #313e4a;
}
.app-cp .chat-history .message .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #537597;
  padding-bottom: 0.5rem;
}
.app-cp .chat-history .message .middle {
  width: 100%;
  text-align: left;
  word-break: break-word;
}
.app-cp .chat-history .message .middle img,
.app-cp .chat-history .message .middle video {
  max-width: 320px;
}
.app-cp .chat-history .message .middle .video {
  width: 320px;
  height: 320px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.app-cp .chat-history .message .middle .video .play {
  position: absolute;
  border-radius: 100%;
  z-index: 9;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.app-cp .chat-history .message .middle .video .play i {
  font-size: 2rem;
  color: #fff;
  transition: opacity 0.2s ease;
}
.app-cp .chat-history .message .middle .video .play.active i {
  opacity: 0;
}
.app-cp .chat-history .message .middle .video:hover .play {
  opacity: 1 !important;
}
.app-cp .chat-history .message .middle img {
  border: 1px solid #333;
  cursor: pointer;
}
.app-cp .chat-history::-webkit-scrollbar {
  width: 10px;
}
.app-cp .chat-history::-webkit-scrollbar-track {
  background: #333;
}
.app-cp .chat-history::-webkit-scrollbar-thumb {
  background: #888;
}
.app-cp .chat-history::-webkit-scrollbar-thumb:hover {
  background: #777;
}
.app-cp #preview_image .modal-dialog {
  max-width: max-content;
}
.app-cp tr.new {
  background-color: #b7f1af !important;
}
.app-cp tr.new td {
  background-color: #b7f1af !important;
}