*,
*::before,
*::after {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: inherit;
}
ul,
ol,
li {
	list-style: none;
}
img {
	vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}
html,
body {
	height: 100%;
	line-height: 1;
}
button,
input {
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
	font-family: inherit;
}
button {
	cursor: pointer;
	background-color: inherit;
}

@font-face {
  font-family: 'Speedee';
  font-weight: 400;
  src: url(860bb19da4b249b841d1.woff2) format('truetype');
}

@font-face {
  font-family: 'Speedee';
  font-weight: 700;
  src: url(1abd73c26cab43c8443e.woff2) format('truetype');
}

@font-face {
  font-family: 'Speedee-cd';
  font-weight: 400;
  src: url(ac14880778b161c145b3.woff2)
    format('truetype');
}
@font-face {
  font-family: 'Speedee-cd';
  font-weight: 700;
  src: url(88191f5ee2efcdde79b9.woff2)
    format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-weight: 600;
  src: url(eccbcfa9bc0203198ac6.woff2) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-weight: 900;
  src: url(51d61d733d65ebf2458a.woff2) format('truetype');
}

:root {
  --green: #3d6632;
  --yellow: #ffbc0d;
  --light-yellow: #ffdd8c;
  --text-colot: #30343d;
  --btn-color: #ffffff;
  --light-grey: #c6c6c6;
  --doc-height: 100%;
}

html,
body {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

html {
  font-size: 20px;
}
body {
  color: var(--text-colot);
}

body {
  min-height: 100vh;
  min-height: fill-available;
  min-height: -webkit-fill-available;
  min-height: -moz-available;
}
html {
  height: -moz-available;
  height: fill-available;
  height: -webkit-fill-available;
}
h1,
h2 {
  font-family: 'Speedee-cd', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
h2 {
  font-size: 5.1vh;
  line-height: 6.37vh;
  text-align: center;
  letter-spacing: 0.004em;
  text-transform: uppercase;
  margin-bottom: 1vh;
}
h3,
p,
ul {
  font-family: 'Speedee', sans-serif;
  font-style: normal;
  font-size: 2.17vh;
  line-height: 2.7vh;
}
h3 {
  font-weight: 700;
  margin-bottom: 2.8vh;
}
p,
ul {
  font-weight: 400;
  margin-bottom: 3.1vh;
}
svg {
  transform: unset !important;
}
.btn {
  padding: 1.6vh 1.23vh 1.23vh;
  max-width: 23.9vw;
  width: 100%;
  height: 4.8vh;
  background-color: var(--btn-color);
  border-radius: 1.4vh;
  color: #242424;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.42vh;
  line-height: 1.42vh;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: scale;
  transition: transform 0.5s ease-in-out;
}
.btn-orange {
  background-color: transparent;
  border: 0.3vh solid #fff;
  color: #242424;
}
.btn + .btn {
  margin-top: 0.98vh;
}
.btn:hover {
  position: relative;
  transform: scale(1.04);
}

.cashback {
  max-height: 100vh;
  height: 100%;
  overflow: hidden;
}
.cashback__slider {
  height: 100vh;
}

.cashback__slide {
  pointer-events: none;
  background: url(fb519ad2e7def9e55959.png) center / cover no-repeat;
  background-color: #fff;
}
.cashback__slide.swiper-slide-active {
  pointer-events: inherit;
}
.cashback__title {
  font-size: 12.9vh;
  line-height: 77%;
  position: absolute;
  top: 5.8vh;
  left: 2.7vw;
}
.slide__wrapper {
  display: flex;
  height: 100%;
}

.slide__content {
  flex: 1 1 auto;
  margin-right: -4.4vw;
}

.slide__inner {
  position: relative;
  height: 100%;
  background: url(79283539729cf53e289c.png) bottom left/ contain no-repeat;
  background-size: 115% 46.5vh;
}
.cashback__picture {
  height: 44.6vh;
  width: 60.47vh;
  position: absolute;
  bottom: 14vh;
  left: 30%;
  transform: translateX(-51%);
}
.cashback__picture_second {
  left: 65%;
}
.picture__coffee {
  position: absolute;
  z-index: 1;
  height: 52%;
  bottom: 16%;
  width: auto;
}
.picture__drink {
  height: 100%;
  position: absolute;
  left: 10%;
  z-index: 2;
}
.picture__juice {
  position: absolute;
  height: 100%;
  left: 35%;
  z-index: 1;
}
.picture__label {
  width: 11vh;
  height: 11vh;
  position: absolute;
  left: 35%;
  bottom: 0%;
  z-index: 3;
  background: rgba(255, 255, 255, 0.3);
  border: 0.7vh solid #fff;
  -webkit-backdrop-filter: blur(10.7042px);
  backdrop-filter: blur(10.7042px);

  border-radius: 50%;
}
.label__icon {
  width: 5vh;
  height: 5vh;
  z-index: 2;

  position: absolute;

  top: 50%;
  left: -40%;
}
.label__round img {
  position: absolute;
  width: 81%;
  height: 81%;
  left: 51%;
  top: 51%;
  transform: translate(-48%, -50%);
  transform-origin: center;
  -webkit-animation: moveRound 5s infinite;
  animation: moveRound 5s infinite;
}
.label__price {
  position: absolute;
  left: 50%;
  top: 43%;
  transform: translate(-78%, -36%);
  font-family: 'Speedee', sans-serif;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 3vh;
  line-height: 5.9vh;
  letter-spacing: -0.4vh;
}
.label__price span:nth-of-type(2) {
  font-size: 3vh;
  line-height: 6vh;
  margin-left: 3px;
}
.label__price span:nth-of-type(3) {
  font-size: 1.6vh;
  line-height: 4.3vh;
  position: absolute;
  top: 2%;
  left: 95%;
  letter-spacing: 0;
}
.slide__aside {
  position: relative;
  z-index: 5;
  flex-basis: 38.4vw;
  height: 100%;
  background-color: var(--yellow);
  border-radius: 6vh 0 0 6vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.23vh 1.23vh 3.4vh;
  overflow: hidden;
}
.aside__popups {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(100%);
  background-color: var(--yellow);
  border-radius: 6vh 0 0 6vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  will-change: transform;
  transition: transform 0.5s;
  /* transform: translate(100%); */
  transform: scale(0);
}
.aside__popups.active {
  /* transform: translate(0); */
  transform: scale(1);
  transition: transform 0.5s;
}
.aside__popups .popup {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5vh 2vh 0;
  overflow: hidden;
}

.aside__popups .popup__close {
  position: absolute;
  top: 6vh;
  left: 6vh;
  cursor: pointer;
  z-index: 2;
}
.aside__popups .popup__title {
  margin-bottom: 0.3vh;
  letter-spacing: 0.015em;
}
.aside__popups .popup__text {
  margin-bottom: 4.1vh;
  letter-spacing: 0.01em;
}
.aside__popups .popup__close img {
  height: 3.9vh;
  width: auto;
}
.popup__title {
  font-size: 3.8vh;
}
.popup__content {
  padding: 0 3vw 0 3.6vw;
}
.cashback__slide[aria-label='1 / 3'] .aside__content > .popup__content,
.cashback__slide[aria-label='2 / 3'] .aside__content > .popup__content {
  overflow-y: auto;
  max-height: 84.67vh;
}
.popup__gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  gap: 2.98vh 1.3vw;
  /* max-height: 65.67vh; */
  /* overflow-y: auto; */

  margin-right: -2vw;
  padding-right: 2vw;
}
.gallery__item {
  border-radius: 1vh;
  overflow: hidden;
  height: 30.85vh;
  position: relative;
}
.gallery__photo {
  height: 22.95vh;
  background-color: #f1ecec;
}
.gallery__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.gallery__photo.contain img {
  -o-object-fit: contain;
  object-fit: contain;
}
.gallery__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 7.9vh;
  background-color: #fff;
  text-align: left;
  padding: 1.6vh 1.5vh;
  font-family: 'Speedee', sans-serif;
  font-style: normal;
  color: #000;
}
.gallery__title {
  font-weight: 700;
  font-size: 2.1vh;
  line-height: 2vh;
}
.gallery__text {
  font-weight: 400;
  font-size: 1.86vh;
  line-height: 2.64vh;
}

.aside__popups .popup__content > img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
  padding: 0 0.1vw;
}
#popup-21 .popup__content > img {
  padding: 0 3.7vw;
}
#popup-21 .popup__subtitle {
  letter-spacing: -0.01em;
  margin-top: 2.55vh;
}
#popup-21 .popup__title {
  margin-bottom: 0.2vh;
}
#popup-21 .popup__content {
  margin-top: -0.8vh;
}
.aside__popups .popup.with-picture,
#popup-12,
#popup-31,
#popup-32 {
  padding: 0;
  justify-content: flex-start;
}
.aside__popups #popup-12 .popup__text {
  margin-bottom: 3.5vh;
  letter-spacing: -0.01em;
  line-height: 3.8vh;
  margin-top: -2vh;
}
.aside__popups .popup.with-picture .popup__content {
  padding: 0 5vw 0 5.4vw;
}
.aside__popups .popup__content img.popup__bg-img,
.cashback__slide[aria-label='3 / 3'] .popup__content img.popup__bg-img {
  width: auto;
  padding: 0;
  margin: 0 -5vw 6.8vh -5.5vw;
  width: calc(100% + 6.7vw);
  max-height: 44.86vh;
  -o-object-fit: cover;
  object-fit: cover;
}
.cashback__slide[aria-label='3 / 3'] .slide__aside {
  justify-content: flex-start;
  padding-top: 0;
}
.cashback__slide[aria-label='2 / 3'] .slide__title,
.cashback__slide[aria-label='3 / 3'] .slide__title {
  line-height: 103.9%;
}
.cashback__slide[aria-label='1 / 3'] .aside__content > .popup__content,
.cashback__slide[aria-label='2 / 3'] .aside__content > .popup__content {
  padding: 0 3.51vw 0 3.91vw;
}
.cashback__slide[aria-label='1 / 3'] .aside__content .popup__title,
.cashback__slide[aria-label='2 / 3']
  .aside__content
  > .popup__content
  .popup__title {
  margin-bottom: 0.5vh;
  letter-spacing: 0.4px;
}
.cashback__slide[aria-label='1 / 3'] .aside__content .popup__text {
  margin: 0 1vw 4vh;
  letter-spacing: 0.2px;
}
.cashback__slide[aria-label='2 / 3']
  .aside__content
  > .popup__content
  .popup__text {
  margin: 0 0 2vh;
  letter-spacing: 0.2px;
}
.cashback__slide[aria-label='2 / 3'] .aside__content > .popup__content .btn {
  margin: 0 auto 2vh;
}
.popup__list {
  padding: 0 3.9vh 0 3.4vh;
}
.popup__list-item {
  background-color: var(--light-yellow);
  padding: 1.8vh 1.9vh;
  border-radius: 1vh;
  text-align: left;
}
.list__title {
  margin-bottom: 0.4vh;
}
.list__text {
  font-size: 1.68vh;
  line-height: 2.04vh;
  margin-bottom: 0;
}
.popup__list-item + .popup__list-item {
  margin-top: 1.3vh;
}
#popup-31 .popup__title,
#popup-32 .popup__title {
  font-size: 5.05vh;
  line-height: 99.9%;
  letter-spacing: 0.005em;
  text-align: left;
  margin-bottom: 0.8vh;
}
#popup-32 .popup__title {
  line-height: 100.9%;
}
#popup-31 .popup__content,
#popup-32 .popup__content {
  padding: 0 2vw 0 4.6vw;
}
#popup-31 .popup__content img.popup__bg-img,
#popup-32 .popup__content img.popup__bg-img,
.cashback__slide[aria-label='3 / 3'] .popup__content img.popup__bg-img {
  margin: 0 -6vw 3.8vh -6.5vw;
  width: calc(100% + 8.7vw);
}
#popup-12 article,
#popup-31 article,
#popup-32 article,
.cashback__slide[aria-label='3 / 3'] article {
  text-align: left;
  overflow-y: auto;
  max-height: 48vh;
  padding-right: 2vw;
}
#popup-12 article {
  max-height: 31vh;
  padding-right: 2vw;
}
#popup-31 .popup__content,
#popup-32 .popup__content,
.cashback__slide[aria-label='3 / 3'] .popup__content {
  position: relative;
}

#popup-12 .popup__content::after,
#popup-31 .popup__content::after,
#popup-32 .popup__content::after,
.cashback__slide[aria-label='3 / 3'] .popup__content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2vh;
  background: linear-gradient(to top, var(--yellow), transparent);
}
.cashback__slide[aria-label='3 / 3'] .popup__content::after {
  bottom: -1px;
}
.cashback__slide[aria-label='3 / 3'] .article__title,
.article__text {
  font-size: 1.68vh;
  line-height: 1.93vh;
  letter-spacing: 0.01em;
}
#popup-32 .article__title {
  font-size: 3.13vh;
  line-height: 3.13vh;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-align: left;
}
.article__title:not(:first-child) {
  margin-top: 1vh;
}
.article__title {
  margin-bottom: 0.6vh;
}
.article__text {
  margin-bottom: 1.8vh;
}
.article__list {
  padding-left: 1.9vw;
  margin-top: 1.5vh;
}
.article__list-item {
  position: relative;
  font-size: 1.93vh;
  line-height: 1.9vh;
  letter-spacing: 0.01em;
}
.article__list-item + .article__list-item {
  margin-top: 2vh;
}
.article__list-item::before {
  content: '';
  position: absolute;
  top: 0.3vh;
  left: -1.3vw;
  width: 0.5vh;
  height: 0.5vh;
  background-color: var(--text-colot);
  border-radius: 50%;
}
.aside__popups ::-webkit-scrollbar,
.popup__content::-webkit-scrollbar,
.cashback__slide[aria-label='3 / 3'] article::-webkit-scrollbar {
  width: 8px;
  background-color: var(--yellow);
}

.aside__popups ::-webkit-scrollbar-thumb,
.popup__content::-webkit-scrollbar-thumb,
.cashback__slide[aria-label='3 / 3'] article::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #b78a00;
}

.aside__popups ::-webkit-scrollbar-track,
.popup__content::-webkit-scrollbar-track,
.cashback__slide[aria-label='3 / 3'] article::-webkit-scrollbar-track {
  border-radius: 8px;
}
.cashback__slide[aria-label='3 / 3'] .popup__title {
  text-align: left;
}

.slide__coins img {
  position: absolute;
  width: 12.5vh;
  height: 12.5vh;
  bottom: 0;
  transition: all 1s;
}
.slide__coins img:first-child {
  left: 10.8vw;
}
.slide__coins img:last-child {
  left: 2.1vw;
}
.swiper-slide-active .slide__coins img:first-child {
  bottom: 24.3vh;
}
.swiper-slide-active .slide__coins img:last-child {
  bottom: 36.4vh;
}
.cashback__pagination {
  position: absolute;
  right: 42.4vw;
  top: 8.7vh;
  display: flex;
  flex-direction: column;
  padding: 0.9vh 0.8vh;
  background: rgba(255, 255, 255, 0.3);
  border: 0.08vh solid #ffffff;
  -webkit-backdrop-filter: blur(13.3333px);
  backdrop-filter: blur(13.3333px);
  border-radius: 10.26vh;
}
.swiper-pagination-bullet {
  overflow: hidden;
  border-radius: 50%;
  background-color: transparent;
}
.swiper-pagination-bullet div {
  font-family: 'Speedee', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.77vh;
  line-height: 0;
  color: var(--light-grey);
  width: 5.38vh;
  height: 5.38vh;
  background: rgba(255, 255, 255, 0.3);
  border: 0.276vh solid #ffffff;
  -webkit-backdrop-filter: blur(13.3333px);
  backdrop-filter: blur(13.3333px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  cursor: pointer;
}
.swiper-pagination-bullet span {
  position: relative;
  top: 0.3vh;
  padding-bottom: 4px;
}
.swiper-pagination-bullet-active div {
  background-color: var(--green);
  color: #fff;
  cursor: inherit;
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover div {
  border-color: var(--green);
}
.swiper-pagination-bullet:focus-visible div {
  outline: var(--yellow) auto 1px;
}
.swiper-pagination-bullet:not(:last-of-type) {
  margin-bottom: 1.4vh;
}
.slide__scroll {
  position: absolute;
  left: 26.6vw;
  bottom: 2vh;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 1.4vh;
  line-height: 1.45vh;
  text-align: center;
  color: var(--green);
  letter-spacing: 0.01em;
}
.slide__scroll img {
  width: 4vh;
}

.slide__image {
  margin-bottom: 20px;
}

.popups {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popups__overlay {
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.popups__wrapper {
  position: relative;
  z-index: 5;
  width: 47vw;
  height: 73.9vh;
  background: var(--yellow) url(790faf1c49d0b6515dc6.svg) 50% 60%;
  background-size: 35%;
  background-repeat: no-repeat;
  border-radius: 1.9vh;
  overflow: hidden;
}
.popups .popup {
  display: flex;
  flex-direction: column;
  height: 100%;

  background: url(fefa858d98d027f5ec79.png) bottom -42vh center/ cover no-repeat;
}
.popups .popups__close {
  position: absolute;
  top: 2.1vh;
  right: 1.8vw;
  padding: 1vw 1vh;
  cursor: pointer;
  z-index: 5;
}
.popups .popups__close img {
  width: 1.8vh;
  height: 1.8vh;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer;
}
.popups .popup__content {
  padding: 7.4vh 3.5vh;
  text-align: center;
  color: var(--text-colot);
}
.popups .popup__title {
  font-size: 3.1vh;
  line-height: 4vh;
  letter-spacing: 0.01em;
}
.popups .popup__text {
  font-size: 1.7vh;
  line-height: 1.9vh;
  letter-spacing: 0.005em;
  position: relative;
  z-index: 5;
}
.popups .pop__picture {
  width: 23.28vw;
  height: 37.5vh;
  transform: translate(-57%, 25%);
}
.popups .pop__picture img {
  width: 100%;
  height: 100%;
}

.popups .pop__picture .picture__label {
  width: 11vh;
  height: 11vh;
  left: 56%;
  bottom: 5%;
}

.popups .pop__picture:last-child .picture__label .label__icon {
  left: 87%;
}

.popups .pop__picture .picture__label .label__icon {
  width: 5vh;
  height: 5vh;
  top: 60%;
}

.popups .pop__picture:last-child .picture__label {
  left: 25%;
}

.popups .label__round img {
  position: absolute;
  width: 81%;
  height: 81%;
  left: 52%;
  transform: translate(-50%, -50%);
}
.popups .label__price {
  transform: translate(-78%, -33%);
}
.popups .label__price span:nth-of-type(2) {
  position: relative;
  left: 6%;
}
.popups .label__price span:nth-of-type(3) {
  left: 96%;
  bottom: 11.5%;
}

/* animation on load */
.cashback {
  opacity: 0;
}
.loaded .cashback {
  opacity: 1;
  transition: opacity 0.8s ease;
}

.popups__wrapper {
  /* opacity: 0; */
  /* transform: translate(0, 100%); */
  transform: scale(0);
}
.loaded .popups__wrapper {
  /* opacity: 1; */
  /* transform: translate(0, 0); */
  transform: scale(1);
  transition: all 1s ease;
}

.popups__overlay {
  background: rgba(0, 0, 0, 0.5);
}
.loaded .popups__overlay {
  background: rgba(0, 0, 0, 0.2);
  transition: all 2s ease 0.3s;
}
.popups .popup__title {
  opacity: 0;
}
.loaded .popups .popup__title {
  opacity: 1;
  transition: all 1s ease 0.5s;
}
.popups .popup__text {
  opacity: 0;
}
.loaded .popups .popup__text {
  opacity: 1;
  transition: all 1s ease 0.7s;
}
.popups .popup {
  background-position: bottom -102vh center;
}
.loaded .popups .popup {
  background-position: bottom -45vh center;
  transition: all 1s ease 0.9s;
}
.popups .pop__picture {
  left: -250%;
}
.loaded .popups .pop__picture {
  left: 25%;
  transition: all 1s ease 1.1s;
}

.loaded .popups .pop__picture:last-child {
  left: 75%;
}

.popups .pop__picture .picture__label {
  opacity: 0;
  will-change: transform, opacity;
}
.loaded .popups .pop__picture .picture__label {
  opacity: 1;
  transition: all 1s ease 2s;
}
.cashback__slide[aria-label='2 / 3'] .slide__subtitle br:nth-child(2) {
  display: none;
}

.cashback__slide[aria-label='3 / 3'] .popup__content img.popup__bg-img {
  margin: 0 -6vw 3.8vh -6.5vw;
  width: calc(100% + 8.7vw);
}
@-webkit-keyframes moveRound {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-40deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(00deg);
  }
}
@keyframes moveRound {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    transform: translate(-50%, -50%) rotate(-40deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(00deg);
  }
}

@media (orientation: portrait) and (max-width: 1000px) {
  .cashback__slide {
    background-position: bottom left;
    background-size: 200% 150%;
  }
  .slide__wrapper {
    flex-direction: column;
  }
  .cashback__title {
    font-size: 7.6vh;
    line-height: 75%;
    top: 6.6vh;
    left: 5.9vw;
  }
  .slide__inner {
    background-image: none;
  }
  .slide__wrapper {
    background: url(602ac27230f2ba496c56.png) bottom left/ contain no-repeat;
    background-size: 100% 51.5vh;
  }
  .slide__aside {
    flex-basis: 33.7vh;
    border-radius: 1.88vh;
    margin: 0 6.5vw 8vh 8vw;
    padding: 5.4vh 1.23vh 1.9vh;
    position: inherit;
  }
  .slide__scroll {
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.4vh;
  }
  .btn {
    max-width: 77.86vw;
  }
  h2 {
    font-size: 3.1vh;
    line-height: 3.1vh;
    margin-bottom: 1.5vh;
  }
  .popup__title {
    font-size: 3.1vh;
  }
  h3,
  p {
    font-size: 1.7vh;
    line-height: 1.9vh;
  }
  h3 {
    margin-bottom: 1vh;
  }
  p {
    margin-bottom: 1.4vh;
  }
  .cashback__picture {
    height: 72%;
    width: 55.26vw;
    top: 18.5vh;
    max-height: 323px;
    transform: translateX(-60%);
  }
  .popups .cashback__picture {
    top: 27.5vh;
  }
  .picture__coffee {
    height: 53%;
    bottom: 7%;
    left: -3%;
  }
  .picture__label {
    width: 11.5vh;
    height: 11.5vh;
    left: 68%;
    bottom: 11%;
  }
  .label__price {
    font-size: 3.5vh;
    line-height: 3.9vh;
    transform: translate(-85%, -36%);
  }
  .label__price span:nth-of-type(2) {
    font-size: 3vh;
    position: relative;
    line-height: 4vh;
    left: 10%;
  }
  .label__price span:nth-of-type(3) {
    font-size: 1.6vh;
    line-height: 2.1vh;
    top: 5%;
    left: 96%;
  }
  .label__round img {
    width: 85%;
    height: 85%;
  }
  .cashback__pagination {
    right: 4.5vw;
    top: 24.2vh;
    padding: 0.5vh 0.6vh;
    z-index: inherit;
  }
  .swiper-pagination-bullet div {
    width: 4.1vh;
    height: 4.1vh;
    font-size: 1.77vh;
  }
  .swiper-pagination-bullet {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .swiper-pagination-bullet span {
    margin: 0 auto;
  }
  .swiper-pagination-bullet:not(:last-of-type) {
    margin-bottom: 1vh;
  }
  .slide__coins img {
    width: 9.5vh;
    height: 9.5vh;
  }
  .slide__coins img:first-child {
    left: 9.8vw;
  }

  .swiper-slide-active .slide__coins img:first-child {
    bottom: 51.6vh;
  }
  .swiper-slide-active .slide__coins img:last-child {
    bottom: 62vh;
  }
  .aside__popups {
    opacity: 0;
    pointer-events: none;
    transition-duration: 0;
    transform: translate(0);
    border-radius: 0;
  }
  .aside__popups.active {
    opacity: 1;
    pointer-events: all;
    transition-duration: 0;
  }
  .aside__popups .aside-popups__wrapper {
    transform: scale(0);
    will-change: transform;
    transition: transform 1.5s;
    height: 68.3vh;
    width: 86.5vw;
    margin-top: 0;
  }
  .aside__popups.active .aside-popups__wrapper {
    transform: scale(1);
    transition: transform 1.5s;
    margin-left: 0;
  }
  .popup__content {
    padding: 4.3vh 3vw 1.1vh 3.6vw;
  }

  .aside__popups .popup__content img.popup__bg-img {
    margin: 0 -6vw 5.8vh -6.5vw;
    width: calc(100% + 12.4vw);
  }

  .aside__popups #popup-12 .popup__title {
    text-align: left;
  }
  .aside__popups #popup-12 .popup__text {
    margin-bottom: 1.5vh;
    text-align: left;
  }
  .popup__list {
    padding: 0;
  }
  .popup__list-item {
    padding: 2.1vh 1.9vh 1.6vh;
  }
  .popup__list-item .list__title {
    font-size: 2.11vh;
    margin-bottom: 1vh;
  }

  .aside__popups .popup__title {
    font-size: 3vh;
    margin-bottom: 2.2vh;
    letter-spacing: 0.01em;
  }
  .popup__text-wrapper {
    overflow-y: scroll;
  }

  .popup.with-picture {
    text-align: left;
  }
  .aside__popups .popup {
    padding: 1.5vh 0.5vh 0;
  }
  .popup__gallery {
    gap: 2.3vh 2.4vw;
    max-height: 49vh;
  }
  /* .cashback__slide[aria-label='1 / 3'] .popup__gallery,
  .cashback__slide[aria-label='2 / 3'] .popup__gallery {
    max-height: 20vh;
  } */
  .cashback__slide[aria-label='1 / 3'] .aside__content > .popup__content,
  .cashback__slide[aria-label='2 / 3'] .aside__content > .popup__content,
  .cashback__slide[aria-label='3 / 3'] .popup__content {
    padding: 0 3.51vw 0 3.91vw;
    max-height: 29vh;
    margin-top: 1vh;
  }
  .cashback__slide[aria-label='1 / 3'] .aside__content .popup__text,
  .cashback__slide[aria-label='2 / 3']
    .aside__content
    > .popup__content
    .popup__text {
    margin: 0 0 1vh;
  }
  .aside__popups .popup__text {
    margin-bottom: 3vh;
    letter-spacing: -0.01em;
  }
  .gallery__photo {
    height: 16.95vh;
  }
  .gallery__content {
    min-height: 5.9vh;
    padding: 0.8vh 1vh;
  }
  .gallery__item {
    height: 22.85vh;
  }
  .gallery__title {
    font-size: 1.7vh;
    line-height: 1.7vh;
  }
  .gallery__text {
    font-size: 1.5vh;
    line-height: 1.7vh;
    margin-top: 0.1vh;
  }
  .aside__popups .popup__close img {
    display: none;
  }
  .aside__popups .popup__close {
    background: url(9c47796a986087c4e8de.svg) center no-repeat;
    width: 3.05vh;
    height: 3.05vh;
    padding: 3vh;
    top: 0vh;
    right: 0vh;
    left: auto;
  }
  #popup-21 .popup__content > img {
    padding: 0 11vw 0 9.7vw;
  }
  #popup-21 .popup__title {
    margin-bottom: 2.2vh;
  }
  #popup-21 .popup__text {
    margin-bottom: 2.5vh;
    letter-spacing: 0em;
    line-height: 2vh;
  }
  #popup-21 .popup__subtitle {
    letter-spacing: 0;
    margin-top: 2.55vh;
  }
  #popup-21 .popup__content {
    margin-top: -3.3vh;
  }
  .cashback__slide .slide__aside {
    flex-basis: auto;
    width: calc(100% - 14.5vw);
    height: 46.4vh;
    margin: 0 6.5vw 0 8vw;
    top: 58.68vh;
  }
  .cashback__slide[aria-label='2 / 3'] .slide__subtitle {
    line-height: 1.8vh;
  }

  .cashback__slide[aria-label='3 / 3'] .slide__title br {
    display: none;
  }

  .cashback__slide[aria-label='2 / 3'] .slide__aside {
    padding: 3vh 1.23vh 1.9vh;
  }
  .cashback__slide[aria-label='3 / 3'] .slide__aside {
    padding: 3.4vh 1.23vh 1.9vh;
  }
  #popup-31 .popup__content,
  #popup-32 .popup__content {
    padding: 0 4vw 0 6.6vw;
  }
  #popup-31 .popup__content img.popup__bg-img,
  #popup-32 .popup__content img.popup__bg-img {
    margin: -1vh -9vw 5.8vh -9.5vw;
    width: calc(100% + 12.7vw);
  }
  #popup-31 .popup__title,
  #popup-32 .popup__title {
    font-size: 3.09vh;

    letter-spacing: 0em;
  }
  #popup-31 .popup__title {
    margin-bottom: 1.9vh;
  }
  #popup-32 .popup__title {
    margin-bottom: 0.4vh;
  }
  .article__title {
    margin-bottom: 0.4vh;
  }
  #popup-31 article,
  #popup-32 article {
    max-height: 36vh;
  }
  #popup-31 .popup__content::after,
  #popup-32 .popup__content::after {
    bottom: 0;
  }
  .article__list {
    margin-top: 1vh;
    padding-left: 5.9vw;
  }
  .article__list-item {
    position: relative;
    font-size: 1.65vh;
  }
  .article__list-item::before {
    left: -4.3vw;
  }

  .popups__overlay,
  .aside__popups,
  .loaded .popups__overlay {
    background: rgba(255, 255, 255, 0.9);
  }
  .aside__popups {
    padding: 0;
    align-items: center;
  }
  .aside-popups__overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
  }
  .popups__wrapper,
  .aside-popups__wrapper {
    width: 86.8vw;
    height: 72.5vh;
    margin-left: 1.6vw;
    margin-top: 0.5vh;
  }
  .aside-popups__wrapper {
    position: relative;
    z-index: 5;
    background: var(--yellow);
    border-radius: 1.9vh;
    overflow: hidden;
  }
  .popups .popups__close {
    right: 10%;
    transform: translateX(50%);
    padding: 3vh;
    top: 0;
  }
  .popups .popup__content {
    padding: 6.1vh 3.5vh;
  }
  .popups .popup__title {
    letter-spacing: 0;
    margin-bottom: 1.8vh;
  }
  .popups .popup__text {
    letter-spacing: 0;
  }
  .popups .pop__picture {
    width: 64.98vw;
    height: 43.1vh;
    transform: translate(-58%, -15%);
  }
  .popups .pop__picture .picture__label {
    width: 12.86vh;
    height: 12.86vh;
    left: 71%;
    bottom: 17.5%;
  }
  .popups .label__price span:nth-of-type(3) {
    font-size: 2.1vh;
    line-height: 2.3vh;
    left: 94%;
    bottom: 12.5%;
  }
  .popups .label__price {
    transform: translate(-81%, -36%);
    font-size: 4vh;
    line-height: 4vh;
  }
  .cashback,
  .cashback__slider,
  body {
    max-height: 100vh;
    max-height: calc(var(--vh, 1vh) * 100);
    min-height: 100%;
    height: 100%;
    overflow: hidden;
  }

  .slide__aside {
    background: transparent;
  }

  .slide__image {
    display: none;
  }
  .cashback__slide[aria-label='3 / 3'] .popup__content img.popup__bg-img {
    display: none;
  }

  .cashback__slide[aria-label='3 / 3'] .popup__content::after {
    background: linear-gradient(to top, #fff, transparent);
  }
  .cashback__slide[aria-label='3 / 3'] .slide__aside {
    justify-content: center;
  }
  .cashback__slide[aria-label='3 / 3'] article {
    overflow-y: visible;
  }
  .cashback__slide[aria-label='3 / 3'] .popup__content {
    text-align: left;
    overflow-y: auto;
    max-height: 29vh;
    padding-right: 2vw;
  }
}

@media screen and (max-width: 1350px) {
  .cashback__picture_second {
    left: 72%;
  }
}

@media screen and (max-width: 1050px) {
  .cashback__picture_second {
    left: 80%;
  }
}

@media screen and (max-width: 1000px) {
  .cashback__picture_second {
    left: 65%;
  }

  .picture__drink {
    height: 95%;
    left: 30%;
  }

  .cashback__picture {
    top: 30vh;
  }

  .cashback__picture:last-child .picture__drink {
    left: 40%;
  }

  .cashback__pagination {
    top: 5.2vh;
  }

  .picture__label {
    left: 55%;
    bottom: 0;
  }

  .cashback__picture:last-child .picture__label {
    left: 68%;
  }

  .btn {
    background-color: var(--yellow);
  }

  .btn-orange {
    background-color: transparent;
    border-color: var(--yellow);
  }

  .slide__scroll {
    bottom: 2vh;
  }

  .slide__scroll div {
    display: none;
  }

  .cashback__title {
    font-size: 9.6vh;
  }

  .loaded .popups .pop__picture {
    left: 25%;
  }

  .loaded .popups .pop__picture:last-child {
    left: 80%;
  }

  .popups .cashback__picture {
    top: 39vh;
  }

  .popups__wrapper {
    background-position: 50% 58%;
  }

  .popups .pop__picture .picture__label {
    left: 55%;
    top: 60%;
  }

  .popups .pop__picture:last-child .picture__label {
    left: 33%;
    top: 60%;
  }

  .label__price {
    left: 52%;
    top: 45%;
  }
}

@media screen and (max-width: 500px) {
  .picture__drink {
    height: 68%;
    left: 10%;
  }

  .cashback__picture {
    top: 28vh;
  }

  .cashback__picture:last-child .picture__drink {
    left: 27%;
  }

  .cashback__pagination {
    top: 5.2vh;
  }

  .picture__label {
    left: 36%;
    bottom: 26%;
  }

  .cashback__picture:last-child .picture__label {
    left: 52%;
  }

  .btn {
    background-color: var(--yellow);
  }

  .btn-orange {
    background-color: transparent;
    border-color: var(--yellow);
  }

  .slide__scroll {
    bottom: 1vh;
  }

  .slide__scroll div {
    display: none;
  }

  .cashback__slide {
    background: url(e87861867bb5dfdb6e13.png) center / cover no-repeat;
  }

  .cashback__title {
    font-size: 6.6vh;
  }

  .loaded .popups .pop__picture {
    left: 5%;
  }

  .loaded .popups .pop__picture:last-child {
    left: 93%;
  }

  .popups .cashback__picture {
    top: 39vh;
  }

  .popups__wrapper {
    background-position: 50% 58%;
  }

  .popups .pop__picture .picture__label {
    left: 70%;
    top: 60%;
  }

  .popups .pop__picture:last-child .picture__label {
    left: 10%;
    top: 60%;
  }

  .label__icon {
    left: -40%;
  }

  .pop__picture .label__icon {
    left: -33%;
  }

  .label__price {
    left: 52%;
    top: 45%;
  }

  .slide__aside {
    height: 265px;
  }
}

/* @media (orientation: landscape) and (max-height: 850px) {
  .picture__drink {
  }
} */
@media (orientation: landscape) and (min-height: 1000px) {
  .cashback__slide[aria-label='3 / 3'] .slide__text {
    padding: 0 2vw;
  }
}