* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400;
}
@import url("../css2");
* {
  font-family: "IBM Plex Sans", serif;
  font-weight: 400;
  font-size: 14px;
  -webkit-transition: 0.25s all ease-in-out;
  -o-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
  scrollbar-color: rgb(209, 228, 246) white;
  scrollbar-width: thin;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 96px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
  position: fixed;
  width: 100%;
  height: 64px;
  z-index: 2;
  background: #fff;
}
.header__logo {
  height: 28px;
  cursor: pointer;
}
.header__logo img {
  height: 100%;
  width: auto;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
}
.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.header__login {
  background-color: rgb(209, 228, 246);
  padding: 8px 25px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  cursor: pointer;
}
.header__login p {
  color: rgb(25, 118, 210);
}
.header__login:hover {
  background-color: rgb(184, 222, 255);
}
.header__registration {
  background-color: rgb(117, 173, 228);
  padding: 8px 25px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  cursor: pointer;
}
.header__registration p {
  color: #fff;
}
.header__registration:hover {
  background-color: rgb(49, 136, 223);
}

.copy {
  position: fixed;
  top: 74px;
  right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #E6FAE6;
  width: 600px;
  height: 40px;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.46) 0px 0px 10px;
          box-shadow: rgba(25, 118, 210, 0.46) 0px 0px 10px;
  cursor: default;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.copy p {
  font-size: 16px;
}

.main {
  max-width: 1088px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
}

.market {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-top: 40px;
}
.market__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.market__option p {
  font-size: 16px;
  line-height: 28px;
  white-space: nowrap;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.market__option span {
  color: orange;
  font-weight: 600;
  padding-right: 4px;
  font-size: 16px;
  line-height: 28px;
}
.market__option-active p {
  color: rgb(25, 118, 210);
  border-bottom: 2px solid rgb(25, 118, 210);
  -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
          transform: translateY(1px);
}
.market__option-last p {
  color: #b1b1b1;
}
.market__option:hover p {
  color: rgb(25, 118, 210);
}

.platform {
  width: 100%;
  height: 56px;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 2px solid #F9F9F9;
  cursor: pointer;
  display: none;
}
.platform__default {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.platform__default p {
  font-size: 16px;
  color: #191C1F;
}
.platform__option {
  height: 28px;
  background: #EDF4FC;
  padding: 2px 8px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: none;
}
.platform__option p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  color: rgb(25, 118, 210);
}
.platform__option span {
  color: orange;
  font-weight: 600;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.filter {
  background-color: rgb(25, 118, 210);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2px;
  height: 64px;
  margin-top: 14px;
}
.filter__body {
  background: #fff;
  background-color: rgb(249, 249, 249);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
  border-radius: 8px;
  width: calc(100% - 116px);
}
.filter__area {
  width: 135.3px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 22px;
  cursor: pointer;
  position: relative;
  background: #fff;
  border-radius: 8px;
}
.filter__area p {
  font-size: 16px;
  padding-left: 1px;
}
.filter__area-city p {
  color: rgb(25, 118, 210);
  font-size: 16px;
}
.filter__load {
  position: absolute;
  top: 53%;
  right: 2px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 14px;
}
.filter__load img {
  width: 100%;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
.filter__mobile {
  display: none;
}
.filter__input {
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 8px 14px 16px;
  position: relative;
  background: #fff;
}
.filter__input input {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}
.filter__input input::-webkit-input-placeholder {
  color: #ABABAD;
}
.filter__input input::-moz-placeholder {
  color: #ABABAD;
}
.filter__input input:-ms-input-placeholder {
  color: #ABABAD;
}
.filter__input input::-ms-input-placeholder {
  color: #ABABAD;
}
.filter__input input::placeholder {
  color: #ABABAD;
}
.filter__input p {
  font-size: 14px;
  color: #ABABAD;
  position: absolute;
  top: calc(50% + 1px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 8px;
}
.filter__search {
  width: 116px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.filter__search span {
  display: none;
}

.modal {
  position: absolute;
  left: 0px;
  width: 336px;
  height: 440px;
  padding: 12px;
  background: #fff;
  z-index: 100;
  top: 64px;
  border-radius: 6px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
}
.modal-city {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  display: none;
}
.modal-location {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  display: none;
}
.modal-location .modal__block p {
  padding-left: 24px;
}
.modal-category {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  display: none;
}
.modal-category .modal__block p {
  padding-left: 24px;
}
.modal-category .modal__block p strong {
  margin-left: -8px;
  color: #b1b1b1;
  font-size: 16px;
  font-weight: 600;
}
.modal-type {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0;
  display: none;
}
.modal-type .modal__block p {
  padding-left: 26px;
}
.modal-platform {
  cursor: default;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
  display: none;
}
.modal__close {
  display: none;
  cursor: pointer;
}
.modal__find {
  height: 40px;
  padding: 8px 16px;
  position: relative;
  border-radius: 4px;
  background: #F9F9F9;
}
.modal__find input {
  width: 100%;
  height: 24px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  background: none;
}
.modal__find input::-webkit-input-placeholder {
  color: #B1B1B1;
}
.modal__find input::-moz-placeholder {
  color: #B1B1B1;
}
.modal__find input:-ms-input-placeholder {
  color: #B1B1B1;
}
.modal__find input::-ms-input-placeholder {
  color: #B1B1B1;
}
.modal__find input::placeholder {
  color: #B1B1B1;
}
.modal__find svg {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  fill: #B1B1B1;
}
.modal__block {
  overflow: auto;
  height: 366px;
  padding-top: 6px;
}
.modal__block p {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  color: #b1b1b1;
  font-size: 16px;
  margin: 3px 0px;
}
.modal__block p:hover {
  color: #1976D2;
}
.modal__block span {
  font-size: 16px;
  border-radius: 4px;
  background: #EDF4FC;
  height: 40px;
  margin: 3px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  color: #1976D2;
}
.modal__plat {
  color: #191C1F;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  font-size: 16px;
  margin: 3px 0px;
  cursor: pointer;
}
.modal__plat svg {
  display: none;
}
.modal__plat strong {
  color: orange;
  font-weight: 600;
  padding-right: 4px;
}
.modal__plat-active, .modal__plat-global {
  color: #1976D2;
  background: #EDF4FC;
  border-radius: 4px;
}
.modal__plat-active {
  position: relative;
}
.modal__plat-active svg {
  position: absolute;
  right: 20px;
  fill: #ff8787;
  width: 20px;
  height: 20px;
  display: block;
}
.modal__go {
  width: 100%;
  height: 84px;
  padding: 20px 16px;
  cursor: pointer;
  display: none;
}
.modal__go p {
  height: 44px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #1976D2;
  border-radius: 8px;
}
.modal__go p:hover {
  opacity: 0.8;
}

.links {
  margin-top: 16px;
  padding: 16px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
.links-mobile {
  display: none;
  margin: 16px;
  margin-top: 0px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px 0px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.links-mobile .links__right {
  position: absolute;
  top: 16px;
  right: 16px;
  height: 26px;
  width: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.links-mobile .links__right p {
  display: none;
}
.links-mobile .links__middle {
  width: 100%;
}
.links-mobile .links__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.links__left {
  width: 148px;
}
.links__left p {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  color: rgb(25, 118, 210);
}
.links__middle {
  width: calc(100% - 300px);
  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-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 12px;
}
.links__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 16px;
  color: #191C1F;
  position: relative;
}
.links__link p {
  font-size: 16px;
}
.links__link-first .links__table {
  position: relative;
}
.links__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 22px;
  border-radius: 4px;
  padding: 2px 4px;
  background: #EEF1F8;
  background: #FF6635;
  color: #191C1F;
  cursor: pointer;
}
.links__table svg {
  fill: #4791DB;
  fill: #FFF;
}
.links__table span {
  color: #fff;
}
.links__window {
  position: absolute;
  bottom: 26px;
  right: 0px;
  padding: 12px;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.32) 8px 12px 32px 0px;
          box-shadow: rgba(25, 118, 210, 0.32) 8px 12px 32px 0px;
  opacity: 0;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
  display: none;
}
.links__name {
  margin: 0px 0px 0px auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: rgb(25, 118, 210);
  text-align: right;
}
.links__descr {
  margin: 0px 0px 4px auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  white-space: nowrap;
  color: rgb(177, 177, 177);
  text-align: right;
}
.links__time {
  margin-left: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  white-space: nowrap;
  color: rgb(25, 28, 31);
  text-align: right;
}
.links__right {
  width: 120px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 8px;
  background-color: rgb(25, 118, 210);
  border-radius: 6px;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.links__right p {
  color: #fff;
}
.links__right svg {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
.links__right:hover {
  opacity: 0.8;
}

.payment {
  position: relative;
  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;
  width: 100%;
  max-width: 1088px;
  padding: 16px;
  background-color: white;
  border-radius: 8px;
  margin-top: 16px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
}
.payment-mobile {
  display: none;
}
.payment__close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.payment__close:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.payment__title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 2px 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: rgb(25, 28, 31);
  background-color: #eef1f8;
  background-color: #ffd3c6;
  border-radius: 4px;
}
.payment__title-two {
  background: #ffd05e;
}
.payment__text {
  font-size: 16px;
  line-height: 22px;
}
.payment__text-middle {
  margin: 10px 0px;
}

.slider {
  padding: 16px 6px 26px;
}
.slider__wrapper {
  position: relative;
}
.slider__slide {
  border-radius: 8px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.24) 0px 2px 14px;
          box-shadow: rgba(25, 118, 210, 0.24) 0px 2px 14px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.24) 0px 4px 10px;
          box-shadow: rgba(25, 118, 210, 0.24) 0px 4px 10px;
  width: 812px;
  height: 258px;
  cursor: pointer;
}
.slider__slide img {
  width: 100%;
  height: 100%;
}
.slider__left, .slider__right {
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  background: rgb(255, 255, 255);
  border-radius: 50%;
  color: rgb(25, 118, 210);
  font-weight: 500;
  line-height: 20px;
  font-size: 18px;
  z-index: 1;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.slider__left {
  left: -12px;
}
.slider__right {
  right: -12px;
}
.slider__pagination {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}

.shop {
  margin-bottom: 16px;
  padding-top: 14px;
}
.shop__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  margin-bottom: 16px;
}
.shop__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: rgb(25, 28, 31);
}
.shop__all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.shop__all p {
  letter-spacing: -0.32px;
  color: rgb(25, 118, 210);
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.shop__all svg {
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
  width: 7px;
  height: 11px;
}
.shop__all:hover {
  opacity: 0.7;
}
.shop__body {
  grid-template-columns: repeat(auto-fill, minmax(168px, auto));
  display: -ms-grid;
  display: grid;
  gap: 16px;
  width: 100%;
}
.shop__slider {
  display: none;
}
.shop__card {
  position: relative;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 168px;
  height: 168px;
  padding: 12px 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4.8px 28.8px 0px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4.8px 28.8px 0px;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.shop__card:hover {
  -webkit-box-shadow: rgba(25, 118, 210, 0.333) 10px 10px 28.8px 0px;
          box-shadow: rgba(25, 118, 210, 0.333) 10px 10px 28.8px 0px;
}
.shop__favorite {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.shop__favorite svg {
  width: 20px;
  height: 18px;
  fill: #E3E3E5;
}
.shop__favorite:hover svg {
  fill: rgba(25, 118, 210, 0.278);
}
.shop__picture {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}
.shop__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shop__name {
  max-width: 100%;
  color: rgb(25, 28, 31);
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  overflow: hidden;
  padding: 0px 20px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 24.999px;
  margin-bottom: 4px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.shop__review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.shop__review svg {
  width: 14px;
  height: 14px;
}
.shop__review p {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 23.999px;
  color: rgb(25, 28, 31);
}

.best {
  margin-bottom: 16px;
}
.best__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: rgb(25, 28, 31);
  height: 20px;
  margin-bottom: 16px;
}
.best__title-mobile {
  display: none;
}
.best__body {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: -ms-grid;
  display: grid;
  width: 100%;
}
.best__card {
  width: 100%;
  height: 186px;
  max-width: 720px;
  padding: 12px 16px;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 24px;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.best__card:hover {
  -webkit-box-shadow: rgba(25, 118, 210, 0.333) 10px 10px 28.8px 0px;
          box-shadow: rgba(25, 118, 210, 0.333) 10px 10px 28.8px 0px;
}
.best__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
}
.best__picture {
  width: 108px;
  min-width: 108px;
  height: 108px;
  min-height: 108px;
  border-radius: 12px;
  overflow: hidden;
}
.best__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.best__name {
  max-height: 28px;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
  max-width: 218px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.best__logo {
  height: 26px;
  margin-bottom: 8px;
}
.best__logo img {
  height: 100%;
  max-width: 116px;
}
.best__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8px;
  height: 28px;
}
.best__price p {
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  white-space: nowrap;
  color: rgb(25, 28, 31);
}
.best__price span {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  white-space: nowrap;
  color: rgb(177, 177, 177);
}
.best__right {
  min-width: 155px;
  padding-top: 4px;
}
.best__rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.best__rate p {
  font-size: 16px;
  color: #191C1F;
  height: 20px;
}
.best__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -3px;
}
.best__stars svg {
  width: 18px;
  height: 18px;
  fill: rgb(255, 208, 94);
}
.best__shop {
  height: 26px;
  text-align: right;
  font-size: 18px;
  line-height: 26px;
  color: #1976D2;
  margin-bottom: 12px;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.best__shop:hover {
  opacity: 0.6;
}
.best__favorite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.best__favorite svg {
  width: 20px;
  height: 18px;
  fill: #E3E3E5;
}
.best__favorite svg:hover {
  fill: rgba(25, 118, 210, 0.278);
}
.best__down {
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  max-height: 44px;
  height: 44px;
  gap: 4px;
  position: relative;
}
.best__down p {
  height: 20px;
  padding: 4px 8px;
  background: #EEF1F8;
  font-size: 11px;
  color: #1976D2;
  line-height: 12px;
  border-radius: 4px;
}
.best__hide {
  position: absolute;
  width: 93px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #b1b1b1;
  background: #fff;
  padding-left: 8px;
  right: 0px;
  bottom: 0px;
}

.message {
  padding: 16px;
  background: #F6F6F6;
  border-radius: 8px;
}
.message__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: rgb(25, 118, 210);
  margin-bottom: 6px;
  margin-left: 0px;
}
.message__text {
  color: rgb(25, 28, 31);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 21px;
  font-weight: 400;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

.app {
  margin-top: 36px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
}
.app__left {
  width: 536px;
}
.app__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  height: 22px;
  color: #191C1F;
}
.app__subtitle {
  height: 18px;
  margin-top: 10px;
  font-size: 14px;
  color: #B1B1B1;
}
.app__icons {
  margin: 10px 0px;
}
.app__text {
  width: 100%;
  max-width: 536px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.app__replace {
  display: none;
}
.app__open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
  gap: 4px;
  cursor: pointer;
}
.app__open p {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: rgb(25, 118, 210);
}
.app__open svg {
  width: 8px;
  height: 5px;
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
}
.app__right {
  max-width: 352px;
  width: 100%;
}
.app__right img {
  width: 100%;
}
.app__platform {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  overflow: hidden;
  max-height: 0px;
  height: auto;
}
.app__button {
  width: 128px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  cursor: pointer;
}
.app__button p {
  text-align: center;
  font-size: 14px;
  color: #191C1F;
}
.app__button-active {
  background: #EEF1F8;
}

.hide {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 32px 16px;
  display: -ms-grid;
  display: grid;
  margin-bottom: 50px;
  overflow: hidden;
  max-height: 0px;
  height: auto;
}
.hide__card {
  width: 536px;
  height: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.hide__mobile {
  font-size: 12px;
  color: #b1b1b1;
  display: none;
}
.hide__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6px;
}
.hide__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  height: 20px;
}
.hide__subtitle {
  width: 100%;
  max-width: 536px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  height: 40px;
}
.hide__text {
  width: 100%;
  max-width: 536px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.hide__qr {
  width: 128px;
  height: 128px;
  margin: 12px 0px;
  padding: 14px;
  background: #EEF1F8;
  border-radius: 12px;
}
.hide__qr img {
  width: 100px;
  height: 100px;
}
.hide__right {
  width: 260px;
  min-width: 260px;
  height: 278px;
  min-height: 278px;
}
.hide__right img {
  width: 100%;
}

.footer {
  padding: 16px 96px 22px;
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid rgb(209, 228, 246);
}
.footer__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.footer__logo {
  width: 90px;
  height: 20px;
}
.footer__logo img {
  width: 90px;
  height: 20px;
}
.footer__text p {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: rgb(171, 171, 173);
}
.footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.footer__right p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: underline;
  letter-spacing: 0.15px;
  white-space: nowrap;
  color: rgb(25, 118, 210);
  cursor: pointer;
}

.popup {
  position: fixed;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  background-color: rgba(12, 44, 75, 0.64);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  opacity: 0;
  display: none;
  cursor: pointer;
}
.popup__body {
  width: 536px;
  height: 480px;
  padding: 24px 16px;
  background: #fff;
  border-radius: 8px;
  cursor: default;
}
.popup__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup__top svg {
  width: 52px;
  height: 44px;
  margin-top: 8px;
  margin-bottom: 26px;
}
.popup__top p {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
}
.popup__hr {
  width: 100%;
  height: 1px;
  background: #e3e3e5;
  margin: 16px 0px;
}
.popup__title {
  font-size: 14px;
  text-align: center;
  color: #191C1F;
  font-weight: 600;
  line-height: 20px;
}
.popup__text {
  font-size: 14px;
  text-align: center;
  color: #191C1F;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 20px;
}
.popup__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1976D2;
  height: 44px;
  border-radius: 12px;
  cursor: pointer;
}
.popup__button p {
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.popup__button:hover {
  opacity: 0.7;
}

.auth {
  min-height: calc(100% - 113px);
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.auth__body {
  width: 336px;
}
.auth__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  margin-bottom: 96px;
  cursor: pointer;
}
.auth__logo img {
  height: 100%;
}
.auth__btns {
  height: 36px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 16px;
}
.auth__hr {
  position: absolute;
  bottom: -2px;
  width: 50%;
  left: 0px;
  height: 2px;
  background: #1976D2;
}
.auth__btn {
  height: 36px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.auth__btn p {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: rgb(25, 28, 31);
}
.auth__block {
  background-color: #fff;
  border-radius: 8px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 32px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 32px;
}
.auth__input {
  height: 56px;
  width: 100%;
  position: relative;
  margin-bottom: 2px;
}
.auth__input input {
  height: 100%;
  width: 100%;
  padding: 16px 56px 14px 16px;
  font-size: 16px;
  position: relative;
  background: none;
  z-index: 2;
}
.auth__input-big {
  height: 80px;
}
.auth__border {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #1976D2;
  left: 0px;
  bottom: -2px;
  opacity: 0;
}
.auth__placeholder {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  font-size: 16px;
  color: #b1b1b1;
  z-index: 1;
}
.auth__eye {
  position: absolute;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  cursor: pointer;
  z-index: 5;
}
.auth__look {
  position: absolute;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  display: none;
  cursor: pointer;
  z-index: 5;
}
.auth__check {
  position: absolute;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 44px;
  display: none;
}
.auth__close {
  position: absolute;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 44px;
  display: none;
  z-index: 5;
  cursor: pointer;
}
.auth__good {
  position: absolute;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  display: none;
}
.auth__bottom {
  width: 100%;
  padding: 30px 16px 32px;
}
.auth__okay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
  margin-bottom: 24px;
}
.auth__okay p {
  font-size: 13px;
  letter-spacing: 1px;
  color: #ABABAD;
}
.auth__okay p span {
  letter-spacing: 1px;
  font-size: 13px;
  color: #1976D2;
  text-decoration: underline;
}
.auth__sqr {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid rgb(171, 171, 173);
  border-radius: 2px;
}
.auth__ok {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #4791DB;
  border-radius: 2px;
  opacity: 0;
}
.auth__button, .auth__enter {
  height: 44px;
  width: 100%;
  background: #b1b1b1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  cursor: default;
  position: relative;
}
.auth__button p, .auth__enter p {
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.auth__button img, .auth__enter img {
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}
.auth__button-active, .auth__enter-active {
  background: #1976D2;
  cursor: pointer;
}
.auth__button-active:hover, .auth__enter-active:hover {
  opacity: 0.7;
}
.auth__fix {
  text-align: center;
  color: #1976D2;
  text-decoration: underline;
  padding-top: 16px;
  cursor: pointer;
  letter-spacing: 1px;
  display: none;
}
.auth__login {
  display: none;
}
.auth__warning {
  position: absolute;
  left: 16px;
  font-size: 14px;
  color: #FF6635;
  bottom: -4px;
  display: none;
}

.forgot {
  min-height: calc(100% - 113px);
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.forgot__body {
  width: 336px;
}
.forgot__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  margin-bottom: 48px;
  cursor: pointer;
}
.forgot__logo img {
  height: 100%;
}
.forgot__top {
  height: 136px;
  background: #f9f9f9;
  padding: 16px;
  border: 1px solid rgb(242, 242, 242);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  margin-bottom: 16px;
}
.forgot__top svg {
  width: 57px;
  height: 56px;
  margin: 0 auto;
}
.forgot__top p {
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: -0.32px;
}
.forgot__block {
  border-radius: 8px;
  -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 32px;
          box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 32px;
}
.forgot__bottom {
  width: 100%;
  padding: 20px 16px 32px;
}
.forgot__enter {
  height: 44px;
  width: 100%;
  background: #b1b1b1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  cursor: default;
  position: relative;
}
.forgot__enter p {
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.forgot__enter img {
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}
.forgot__enter-back {
  margin-top: 16px;
  background: none;
}
.forgot__enter-back p {
  color: #151515;
}

.tab {
  position: fixed;
  z-index: 5;
  left: 0px;
  right: 0px;
  bottom: -2px;
  width: 100%;
  height: 72px;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid rgb(177, 177, 177);
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 16px;
  gap: 16px;
  cursor: pointer;
}
.tab__left {
  width: 73px;
}
.tab__middle {
  width: calc(100% - 120px);
}
.tab__middle p {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: start;
}

@media (max-width: 1140px) {
  .market {
    padding-left: 16px;
    padding-right: 16px;
  }
  .shop__top {
    padding: 0px 16px;
  }
  .best__title {
    padding: 0px 16px;
  }
  .best__title-mobile {
    display: block;
  }
  .best__title-desktop {
    display: none;
  }
  .best__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
  }
  .best__card {
    height: 134px;
    position: relative;
  }
  .best__picture {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    max-width: 80px;
    max-height: 80px;
  }
  .best__hide {
    display: none;
  }
  .best__down {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 34px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: auto;
    overflow-x: auto;
  }
  .best__down p {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .best__rate {
    position: absolute;
    left: 104px;
    top: 12px;
  }
  .best__rate p {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: 12px;
    margin-top: -4px;
  }
  .best__stars svg {
    width: 16px;
    height: 16px;
  }
  .best__name {
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 104px;
    top: 34px;
    max-width: 50%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: fit-content;
  }
  .best__logo {
    height: 13px;
    position: absolute;
    top: 12px;
    right: 16px;
  }
  .best__logo img {
    max-width: 64px;
  }
  .best__favorite {
    position: absolute;
    top: 32px;
    right: 16px;
  }
  .best__shop {
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    left: 104px;
    top: 56px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .best__price {
    position: absolute;
    left: 104px;
    top: 60px;
  }
  .best__price p {
    font-size: 14px;
    line-height: 14px;
  }
  .best__price span {
    font-size: 12px;
    line-height: 12px;
  }
  .app {
    padding: 0px 16px;
  }
}
@media (max-width: 1024px) {
  .header {
    padding: 20px 16px;
  }
  .header__right {
    position: fixed;
    z-index: 5;
    bottom: 16px;
    gap: 16px;
    width: calc(100% - 32px);
    padding: 16px;
    background-color: white;
    border-radius: 8px;
    -webkit-box-shadow: rgba(25, 118, 210, 0.32) 8px 12px 32px 0px;
            box-shadow: rgba(25, 118, 210, 0.32) 8px 12px 32px 0px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main {
    padding-top: 80px;
  }
  .market {
    display: none;
  }
  .copy {
    width: 100%;
    right: 0%;
    z-index: 3;
  }
  .links {
    gap: 12px;
  }
  .links-desktop {
    display: none;
  }
  .links-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .links__middle {
    gap: 4px;
  }
  .links__link {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .links__window {
    z-index: 2;
  }
  .payment {
    display: none;
  }
  .payment-mobile {
    margin: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 32px);
    gap: 10px;
  }
  .platform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
  }
  .shop {
    padding-top: 24px;
  }
  .shop__top {
    margin-bottom: 0px;
    padding: 0px 16px;
  }
  .shop__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 12px 16px;
    gap: 8px;
    display: none;
  }
  .shop__card {
    width: 168px;
    height: 168px;
    min-width: 168px;
    min-height: 168px;
    max-width: 168px;
    max-height: 168px;
    margin-right: 8px;
  }
  .shop__card-last {
    margin-right: 0px;
  }
  .shop__slider {
    display: block;
    padding: 12px 16px;
    padding-bottom: 34px;
  }
  .modal {
    border-radius: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: fixed;
    padding: 12px;
  }
  .modal__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 40px;
    margin-bottom: 6px;
  }
  .modal__close svg {
    width: 40px;
    height: 40px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
  .modal__block {
    height: calc(100% - 170px);
  }
  .modal__go {
    display: block;
  }
  .filter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    margin-top: 0px;
    -webkit-box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 32px;
            box-shadow: rgba(25, 118, 210, 0.16) 0px 4px 32px;
  }
  .filter__body {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .filter__area {
    width: 100%;
    height: 56px;
    padding: 14px 16px;
    border-bottom: 2px solid #F9F9F9;
  }
  .filter__load {
    right: 16px;
  }
  .filter__desktop {
    display: none;
  }
  .filter__mobile {
    display: block;
  }
  .filter__input {
    width: calc(50% - 1px);
    border-bottom: 2px solid #F9F9F9;
  }
  .filter__input-right {
    border-right: 1px solid #F9F9F9;
  }
  .filter__input-left {
    border-left: 1px solid #F9F9F9;
  }
  .filter__search {
    width: 100%;
    height: 44px;
    background: rgb(25, 118, 210);
    margin: 20px 16px;
    border-radius: 12px;
  }
  .slider__wrapper {
    display: none;
  }
  .app {
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
  }
  .app__left {
    width: 161px;
  }
  .app__subtitle {
    height: 16px;
    font-size: 12px;
    margin-top: 2px;
  }
  .app__right {
    width: 114px;
  }
  .app__state {
    display: none;
  }
  .app__replace {
    width: 100%;
    display: block;
  }
  .app__text {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    width: 100%;
    min-width: 100%;
  }
  .app__open {
    margin-top: 12px;
  }
  .app__open p {
    font-size: 12px;
  }
  .app__platform {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 12px;
  }
  .app__button {
    width: 140px;
  }
  .hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    margin-bottom: 14px;
  }
  .hide__card {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 200px;
    gap: 8px;
  }
  .hide__left {
    display: none;
  }
  .hide__right {
    width: 200px;
    min-width: 200px;
    height: 200px;
    min-height: 200px;
    padding: 16px 20px 0px;
    background: #EEF1F8;
    position: relative;
    border-radius: 4px;
  }
  .hide__right img {
    width: 160px;
    min-width: 160px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .hide__mobile {
    display: block;
  }
  .message {
    margin: 16px 16px;
    margin-bottom: -12px;
  }
  .message__text {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .footer {
    padding: 20px 16px;
    height: 131px;
  }
  .footer__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 46px;
  }
  .footer__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 0px;
  }
  .footer__link {
    width: 68px;
  }
  .auth, .forgot {
    min-height: calc(100% - 131px);
  }
  .auth__body, .forgot__body {
    width: 100%;
    overflow: hidden;
  }
  .auth__btns, .forgot__btns {
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }
  .auth__okay, .forgot__okay {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 12px;
    padding-right: 12px;
  }
  .auth__input, .forgot__input {
    border-bottom: 2px solid #F9F9F9;
  }
  .popup__body {
    width: 100%;
    max-width: calc(100% - 32px);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (max-width: 730px) {
  .shop__card {
    width: 196px;
    height: 196px;
    min-width: 196px;
    min-height: 196px;
    max-width: 196px;
    max-height: 196px;
    margin-right: 8px;
  }
  .shop__picture {
    width: 93px;
    height: 93px;
  }
  .shop__name {
    font-size: 18px;
  }
}