@import './global.css';
@import './variables.css';
.breadcrumbs {
  margin-bottom: 20px;
}
.breadcrumbs__item {
  color: var(--breadcrumbs-text-color);
  display: inline-block;
  font-size: 16px;
  line-height: 163%;
  margin-right: 8px;
}
.breadcrumbs span {
  color: var(--breadcrumbs-text-color-active);
}
.breadcrumbs li:not(:last-child):after {
  color: var(--breadcrumbs-text-color);
  content: '•';
  display: inline-block;
  margin-left: 8px;
}
.cards__product {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(248px, 1fr) 20px minmax(248px, 1fr) 20px
    minmax(248px, 1fr) 20px minmax(248px, 1fr) 20px minmax(248px, 1fr);
  gap: 20px;
  -ms-grid-columns: minmax(248px, 1fr) 20px minmax(248px, 1fr) 20px
    minmax(248px, 1fr) 20px minmax(248px, 1fr) 20px minmax(248px, 1fr);
  grid-template-columns: repeat(5, minmax(248px, 1fr));
}
.card__product {
  height: 330px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  touch-action: pan-y;
  overflow: visible;
  transform: translateZ(0); /* Фикс для iOS */
  -webkit-overflow-scrolling: touch;
}
.card__product,
.flip-card {
  position: relative;
  width: 100%;
}
.flip-card {
  position: relative;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  touch-action: pan-y;
}
.card__product.flipped .flip-card {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip-card__back,
.flip-card__front {
  touch-action: pan-y;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: var(--white);
  border-radius: var(--border-r);
  -webkit-box-shadow: 0 1px 20px 0 rgb(111 94 145 / 0.2);
  box-shadow: 0 1px 20px 0 rgb(111 94 145 / 0.2);
  height: 100%;
  padding: 15px;
  position: absolute;
  width: 100%;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
.flip-card__front {
  gap: 15px;
}
.card__content,
.flip-card__front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.card__content {
  height: 100%;
}
.flip-card__back {
  padding-top: 63px;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.flip-btn {
  background-color: #fff0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath stroke='%23F82179' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m29 13 5 5m0 0-5 5m5-5H14m5 17.5-5-5m0 0 5-5m-5 5h20'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  display: block;
  height: 48px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 48px;
}
.strength {
  position: absolute;
  top: 15px;
  left: 15px;
  padding-top: 21px;
  width: 42px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='58' viewBox='0 0 42 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.6306 21.9317C27.4206 9.52895 15.8998 2.01671 10.4799 0C10.7914 3.48735 10.8021 6.3867 10.5863 8.81122C9.45177 21.5585 -3.49577 31.4893 1.23569 43.3802C3.16044 48.2175 6.14206 51.7856 9.43443 54.2804C17.1531 60.1292 28.6605 58.7649 35.6764 52.0893C47.7357 40.615 39.7068 22.0769 32.4116 12.8565C32.4116 12.8565 30.5217 19.6629 28.6306 21.9317Z' fill='%23E0E0E0'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-align: center;
}
.flip-card__back .wrapper {
  height: 100%;
  padding-right: 5px;
  position: relative;
}
.card__image {
  display: block;
  width: 170px;
  height: 154px;
  margin: 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.card__image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.card__product .price {
  color: var(--gray-800);
  font: var(--font-m-bold);
}
.card__title {
  color: var(--black);
  display: -webkit-box;
  font: var(--font-s);
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 10px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.card__actions {
  margin-top: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 11px;
  justify-content: space-between;
}
.card__actions,
.quantity-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quantity-control {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  max-width: 144px;
}
.quantity-control__btn {
  color: var(--primary-dark);
  font-size: 18px;
  font-weight: 700;
  height: 38px;
  line-height: 139%;
  width: 38px;
  -ms-flex-negative: 0;
  background: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  flex-shrink: 0;
}
@media (hover: hover) {
  .quantity-control__btn:hover {
    color: var(--primary-pink);
  }
}
@media (hover: none) {
  .quantity-control__btn:active {
    color: var(--primary-pink);
  }
}
.quantity-control__field {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  background-color: #fff0;
  border: none;
  border-radius: 5px;
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  height: 38px;
  line-height: 139%;
  margin: 0;
  padding: 0 4px;
  text-align: center;
  -webkit-transition: border-color 0.5s ease;
  -o-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
  width: 100%;
}
.quantity-control__field::-webkit-inner-spin-button,
.quantity-control__field::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}
.quantity-control__field:focus-visible {
  outline-color: var(--primary-dark);
}
.quantity-control__field.error {
  outline: 2px solid var(--red);
}
.quantity-control__field:active,
.quantity-control__field:focus,
.quantity-control__field:focus-visible {
  background-color: #fff0;
}
@media (hover: hover) {
  .quantity-control__field:hover {
    background-color: #fff0;
  }
}
@media (hover: none) {
  .quantity-control__field:active {
    background-color: #fff0;
  }
}
.card__back-title {
  color: var(--black);
  margin-bottom: 4px;
}
.card__back-title,
.volume {
  font: var(--font-s);
  font-weight: 700;
}
.volume {
  color: var(--gray-600);
}
.card__product .volume {
  margin-bottom: 5px;
}
.card__back-subtitle {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 3px;
  margin-top: 10px;
}
.composition {
  font-size: 16px;
  line-height: 18px;
}
.card__back-price {
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  margin-top: 15px;
}
.button-add {
  border-radius: var(--border-r-12);
  font-size: 18px;
  height: 48px;
  width: 63px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  padding: 6px 10px 6px 6px;
  white-space: nowrap;
}
.button-add,
.button-add:before {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.button-add:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='25' fill='none' viewBox='0 0 31 25'%3E%3Cpath fill='%23fff' d='M.666.026C.215.095 0 .329 0 .757c0 .22.049.359.166.497.16.18.195.186 1.055.234.686.035 1.005.083 1.387.214 1.144.4 2.066 1.325 2.413 2.429.062.193.388 2.553.728 5.243l.617 4.892.285.559c.152.31.416.71.582.904l.305.338-.242.248a3 3 0 0 0-.423.586c-.167.311-.18.415-.18 1.104s.013.794.194 1.153c.256.51.72.972 1.22 1.207l.402.186-.173.38c-.236.517-.284 1.297-.118 1.91a3.1 3.1 0 0 0 1.63 1.947c.347.172.45.186 1.179.186.749 0 .825-.014 1.255-.214 1.366-.649 2.101-2.429 1.519-3.733a2 2 0 0 1-.139-.372c0-.035 2.108-.062 4.785-.062s4.786.027 4.786.062c0 .034-.063.207-.146.386-.5 1.125.007 2.712 1.103 3.464.59.4 1.06.524 1.824.49.527-.028.672-.063 1.123-.283a2.9 2.9 0 0 0 1.387-1.415c.208-.434.222-.51.222-1.22 0-.725-.014-.78-.236-1.236a3.2 3.2 0 0 0-1.186-1.304c-.707-.407-.346-.393-9.737-.393-8.537 0-8.6 0-8.89-.145-.333-.159-.583-.566-.583-.96 0-.33.236-.772.5-.93.221-.139.416-.139 8.412-.173l8.183-.035.486-.193c.964-.38 1.796-1.193 2.15-2.118C28.15 13.797 31 4.62 31 4.434a1 1 0 0 0-.076-.352c-.174-.379.624-.358-12.428-.393l-12.06-.034-.16-.4C5.66 1.75 4.147.509 2.476.143 1.92.019 1.096-.037.666.026m28.572 5.23c-.471 1.6-2.794 8.886-2.884 9.058-.14.276-.645.766-.944.918-.492.255-.867.262-8.488.241l-7.456-.02-.395-.187c-.513-.234-.978-.717-1.151-1.18-.09-.248-.298-1.69-.666-4.601a553 553 0 0 1-.527-4.299c0-.027 5.077-.048 11.277-.048 10.7 0 11.27.007 11.234.117M11.673 20.771c.388.193.672.518.784.904.319 1.104-.597 2.049-1.755 1.815-1.297-.27-1.54-2.098-.354-2.684.368-.18.999-.194 1.325-.035m15.035.131c.888.621.79 1.973-.173 2.463-.541.283-1.415.152-1.782-.262-.507-.573-.493-1.518.02-2 .389-.373.59-.45 1.145-.422.423.014.54.049.79.221'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 30px;
  width: 37px;
}
.button.added {
  background-color: var(--purple);
  background-position: 6px;
  border-color: var(--purple);
  display: none;
  position: relative;
  width: 100%;
  height: 48px;
  font-size: 18px;
  gap: 8px;
}
.button.added:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='36' fill='none' viewBox='0 0 41 36'%3E%3Cpath fill='%23fff' d='M1.166 7.026C.715 7.095.5 7.329.5 7.757c0 .22.049.359.166.497.16.18.195.186 1.055.234.686.035 1.005.083 1.387.214 1.144.4 2.066 1.325 2.413 2.429.062.193.388 2.553.728 5.243l.617 4.892.285.559c.152.31.416.71.582.904l.305.338-.242.248a3 3 0 0 0-.423.586c-.167.311-.18.415-.18 1.104s.013.794.194 1.153c.256.51.72.972 1.22 1.207l.402.186-.173.38c-.236.517-.284 1.297-.118 1.91a3.1 3.1 0 0 0 1.63 1.947c.347.172.45.186 1.179.186.749 0 .825-.014 1.255-.214 1.366-.649 2.101-2.429 1.519-3.733a2 2 0 0 1-.139-.372c0-.035 2.108-.062 4.785-.062s4.786.027 4.786.062c0 .034-.063.207-.146.386-.5 1.125.007 2.712 1.103 3.464.59.4 1.06.524 1.824.49.527-.028.672-.063 1.123-.283a2.9 2.9 0 0 0 1.387-1.415c.208-.434.222-.51.222-1.22 0-.725-.014-.78-.236-1.236a3.2 3.2 0 0 0-1.186-1.304c-.707-.407-.346-.393-9.737-.393-8.537 0-8.6 0-8.89-.145-.333-.159-.583-.566-.583-.96 0-.33.236-.772.5-.93.221-.139.416-.139 8.412-.173l8.183-.035.486-.193c.964-.38 1.796-1.193 2.15-2.118.305-.793 3.155-9.97 3.155-10.156a1 1 0 0 0-.076-.351c-.174-.38.624-.36-12.428-.394l-12.06-.034-.16-.4c-.617-1.505-2.129-2.746-3.8-3.112-.555-.124-1.38-.18-1.81-.117m28.573 5.23c-.472 1.6-2.795 8.886-2.886 9.058-.138.276-.645.766-.943.918-.492.255-.867.262-8.488.241l-7.456-.02-.395-.187c-.513-.234-.978-.717-1.151-1.18-.09-.248-.298-1.69-.666-4.601a553 553 0 0 1-.527-4.299c0-.027 5.077-.048 11.277-.048 10.7 0 11.27.007 11.234.117M12.171 27.771c.388.193.672.518.784.904.319 1.104-.597 2.049-1.755 1.815-1.297-.27-1.54-2.098-.354-2.684.368-.18.999-.194 1.325-.035m15.035.131c.888.621.79 1.973-.173 2.463-.541.283-1.415.152-1.782-.262-.507-.573-.493-1.518.02-2 .389-.373.59-.45 1.145-.422.423.014.54.049.79.221'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M32.5 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14m3.53 5.53a.75.75 0 0 0-1.06-1.06L31.5 8.94l-1.47-1.47a.75.75 0 1 0-1.06 1.06l2 2a.75.75 0 0 0 1.06 0z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M25.5 1h14v14h-14z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  content: '';
  height: 36px;
  width: 40px;
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (hover: hover) {
  .button.added:hover {
    background-color: var(--primary-pink);
    border-color: var(--primary-pink);
    color: var(--white);
  }
}
@media (hover: none) {
  .button.added:active {
    background-color: var(--pink-900);
    border-color: var(--pink-900);
  }
}
.button.added:active {
  background-color: var(--pink-900);
  border-color: var(--pink-900);
}
.button.added:focus,
.button.added:focus-visible {
  background-color: var(--primary-pink);
  border-color: var(--primary-dark);
}
@media screen and (max-width: 767px) {
  .button-add {
    width: 100%;
  }
}
@media screen and (max-width: 1399px) {
  .cards__product {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(248px, 1fr) 20px minmax(248px, 1fr) 20px
      minmax(248px, 1fr) 20px minmax(248px, 1fr);
    grid-template-columns: repeat(4, minmax(248px, 1fr));
  }
}
@media screen and (max-width: 1199px) {
  .cards__product {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 991px) {
  .cards__product {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .card__product {
    height: 354px;
  }
  .card__product.food {
    height: 376px;
  }
  .flip-card__front {
    gap: 10px;
  }
  .card__title {
    margin-bottom: 0;
  }
  .card__actions {
    -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;
    gap: 0;
  }
  .quantity-control {
    height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .cards__product {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 429px) {
  .card__image {
    width: auto;
  }
}
.card__product--neon .flip-card__back,
.card__product--neon .flip-card__front {
  background-color: var(--dark-blue);
}
.card__product--neon .card__title,
.card__product--neon .composition,
.card__product--neon .price,
.card__product--neon .quantity-control__btn,
.card__product--neon .quantity-control__field,
.card__product--neon .strength,
.card__product--neon .card__back-title,
.card__product--neon .card__back-subtitle,
.card__product--neon .card__back-price {
  color: var(--white);
}
.card__product--neon .strength {
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='58' viewBox='0 0 42 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.6306 21.9317C27.4206 9.52895 15.8998 2.01671 10.4799 0C10.7914 3.48735 10.8021 6.3867 10.5863 8.81122C9.45177 21.5585 -3.49577 31.4893 1.23569 43.3802C3.16044 48.2175 6.14206 51.7856 9.43443 54.2804C17.1531 60.1292 28.6605 58.7649 35.6764 52.0893C47.7357 40.615 39.7068 22.0769 32.4116 12.8565C32.4116 12.8565 30.5217 19.6629 28.6306 21.9317Z' fill='%236F5E91'/%3E%3C/svg%3E");
}
.card__product--neon .quantity-control {
  background-color: var(--primary-dark);
  border-radius: var(--border-r-12);
}
@media (hover: hover) {
  .card__product--neon .quantity-control__btn:hover {
    color: var(--primary-pink);
  }
  .card__product--neon .quantity-control__field:hover {
    background-color: var(--primary-dark);
  }
}
.card__product--neon .quantity-control__field:focus-visible {
  background-color: var(--primary-dark);
}
.card__product--neon .button-add {
  background-color: var(--primary-pink);
  border-color: var(--primary-pink);
}
@media (hover: hover) {
  .card__product--neon .button-add:hover {
    background-color: var(--primary-dark);
    border-color: var(--white);
  }
}
.card__product--neon .button.added {
  background-color: var(--purple);
  border-color: var(--white);
}
.card__product.dark .button-add {
  background-color: var(--primary-pink);
  border-color: var(--primary-pink);
}
@media (hover: hover) {
  .card__product--neon
    .flip-card__front:hover
    .card__product--neon
    .flip-card__back:hover {
    -webkit-box-shadow: 1px 3px 20px 3px #6f5e91;
    box-shadow: 1px 3px 20px 3px #6f5e91;
  }
  .card__product.dark .button-add:hover {
    background-color: var(--white);
    border-color: var(--white);
  }
  .card__product.dark .button-add:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='26' viewBox='0 0 31 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.665772 0.525633C0.214989 0.594627 0 0.829206 0 1.25697C0 1.47775 0.0485459 1.61574 0.166443 1.75373C0.325951 1.93311 0.360626 1.94001 1.22058 1.9883C1.90716 2.0228 2.22617 2.0711 2.60761 2.20218C3.7519 2.60235 4.67427 3.52687 5.02103 4.63077C5.08345 4.82395 5.4094 7.18354 5.74922 9.8743L6.36644 14.766L6.65078 15.3248C6.80336 15.6353 7.06689 16.0355 7.23333 16.2286L7.53848 16.5667L7.29575 16.8151C7.16398 16.9462 6.97673 17.2084 6.87271 17.4015C6.70626 17.712 6.69239 17.8155 6.69239 18.5054C6.69239 19.1954 6.70626 19.2989 6.88658 19.6576C7.14318 20.1682 7.60783 20.6304 8.10716 20.865L8.5094 21.0513L8.33602 21.4308C8.10022 21.9482 8.05168 22.7279 8.21812 23.3419C8.44698 24.1767 9.0434 24.8943 9.84787 25.2875C10.1946 25.46 10.2987 25.4738 11.0268 25.4738C11.7758 25.4738 11.8521 25.46 12.2821 25.2599C13.6483 24.6114 14.3834 22.8314 13.8009 21.5274C13.7246 21.3549 13.6622 21.1893 13.6622 21.1548C13.6622 21.1203 15.7705 21.0927 18.4474 21.0927C21.1244 21.0927 23.2327 21.1203 23.2327 21.1548C23.2327 21.1893 23.1702 21.3618 23.087 21.5412C22.5877 22.6658 23.094 24.2526 24.1897 25.0047C24.7792 25.4048 25.2508 25.529 26.0136 25.4945C26.5407 25.4669 26.6864 25.4324 27.1371 25.2116C27.7682 24.9012 28.219 24.4389 28.5242 23.7973C28.7322 23.3626 28.7461 23.2867 28.7461 22.5761C28.7461 21.8516 28.7322 21.7964 28.5103 21.3411C28.2537 20.8098 27.8029 20.32 27.3244 20.0371C26.617 19.63 26.9776 19.6438 17.5875 19.6438C9.05033 19.6438 8.98792 19.6438 8.69664 19.499C8.36376 19.3403 8.11409 18.9332 8.11409 18.5399C8.11409 18.2088 8.34989 17.7672 8.61342 17.6085C8.83535 17.4705 9.02953 17.4705 17.0257 17.436L25.2092 17.4015L25.6946 17.2084C26.6586 16.8289 27.4908 16.0148 27.8445 15.0902C28.1497 14.2968 31 5.12063 31 4.93434C31 4.83085 30.9653 4.67216 30.9237 4.58247C30.7503 4.20301 31.5479 4.22371 18.496 4.18921L6.43579 4.15471L6.27629 3.75455C5.65906 2.25048 4.1472 1.00859 2.47584 0.642923C1.92103 0.518734 1.09575 0.463539 0.665772 0.525633ZM29.2385 5.75537C28.7669 7.35603 26.4436 14.6418 26.3535 14.8143C26.2148 15.0902 25.7085 15.5801 25.4103 15.7319C24.9179 15.9872 24.5434 15.9941 16.9217 15.9734L9.46644 15.9527L9.07114 15.7664C8.55794 15.5318 8.09329 15.0488 7.91991 14.5866C7.82975 14.3382 7.6217 12.8962 7.25414 9.98469C6.96286 7.6527 6.72707 5.72087 6.72707 5.68637C6.72707 5.65878 11.8036 5.63808 18.0036 5.63808C28.7045 5.63808 29.2732 5.64498 29.2385 5.75537ZM11.6718 21.2721C12.0602 21.4653 12.3445 21.7895 12.4555 22.1759C12.7745 23.2798 11.8591 24.225 10.7009 23.9905C9.40403 23.7214 9.1613 21.893 10.3472 21.3066C10.7148 21.1272 11.3459 21.1134 11.6718 21.2721ZM26.7072 21.4032C27.5949 22.0241 27.4978 23.3764 26.5338 23.8663C25.9928 24.1491 25.119 24.018 24.7515 23.6041C24.2452 23.0314 24.2591 22.0862 24.7723 21.6033C25.1606 21.2307 25.3617 21.1548 25.9166 21.1824C26.3396 21.1962 26.4575 21.2307 26.7072 21.4032Z' fill='%23F82179'/%3E%3C/svg%3E%0A");
  }
}
.card__product.dark .button-add:focus,
.card__product.dark .button-add:focus-visible {
  background-color: var(--white);
  border-color: var(--primary-pink);
  color: var(--btn-dark-text-focus);
  outline-color: var(--btn-dark-border-focus);
}
.card__product.dark .button-add:focus:before,
.card__product.dark .button-add:focus-visible::before {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='26' viewBox='0 0 31 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.665772 0.525633C0.214989 0.594627 0 0.829206 0 1.25697C0 1.47775 0.0485459 1.61574 0.166443 1.75373C0.325951 1.93311 0.360626 1.94001 1.22058 1.9883C1.90716 2.0228 2.22617 2.0711 2.60761 2.20218C3.7519 2.60235 4.67427 3.52687 5.02103 4.63077C5.08345 4.82395 5.4094 7.18354 5.74922 9.8743L6.36644 14.766L6.65078 15.3248C6.80336 15.6353 7.06689 16.0355 7.23333 16.2286L7.53848 16.5667L7.29575 16.8151C7.16398 16.9462 6.97673 17.2084 6.87271 17.4015C6.70626 17.712 6.69239 17.8155 6.69239 18.5054C6.69239 19.1954 6.70626 19.2989 6.88658 19.6576C7.14318 20.1682 7.60783 20.6304 8.10716 20.865L8.5094 21.0513L8.33602 21.4308C8.10022 21.9482 8.05168 22.7279 8.21812 23.3419C8.44698 24.1767 9.0434 24.8943 9.84787 25.2875C10.1946 25.46 10.2987 25.4738 11.0268 25.4738C11.7758 25.4738 11.8521 25.46 12.2821 25.2599C13.6483 24.6114 14.3834 22.8314 13.8009 21.5274C13.7246 21.3549 13.6622 21.1893 13.6622 21.1548C13.6622 21.1203 15.7705 21.0927 18.4474 21.0927C21.1244 21.0927 23.2327 21.1203 23.2327 21.1548C23.2327 21.1893 23.1702 21.3618 23.087 21.5412C22.5877 22.6658 23.094 24.2526 24.1897 25.0047C24.7792 25.4048 25.2508 25.529 26.0136 25.4945C26.5407 25.4669 26.6864 25.4324 27.1371 25.2116C27.7682 24.9012 28.219 24.4389 28.5242 23.7973C28.7322 23.3626 28.7461 23.2867 28.7461 22.5761C28.7461 21.8516 28.7322 21.7964 28.5103 21.3411C28.2537 20.8098 27.8029 20.32 27.3244 20.0371C26.617 19.63 26.9776 19.6438 17.5875 19.6438C9.05033 19.6438 8.98792 19.6438 8.69664 19.499C8.36376 19.3403 8.11409 18.9332 8.11409 18.5399C8.11409 18.2088 8.34989 17.7672 8.61342 17.6085C8.83535 17.4705 9.02953 17.4705 17.0257 17.436L25.2092 17.4015L25.6946 17.2084C26.6586 16.8289 27.4908 16.0148 27.8445 15.0902C28.1497 14.2968 31 5.12063 31 4.93434C31 4.83085 30.9653 4.67216 30.9237 4.58247C30.7503 4.20301 31.5479 4.22371 18.496 4.18921L6.43579 4.15471L6.27629 3.75455C5.65906 2.25048 4.1472 1.00859 2.47584 0.642923C1.92103 0.518734 1.09575 0.463539 0.665772 0.525633ZM29.2385 5.75537C28.7669 7.35603 26.4436 14.6418 26.3535 14.8143C26.2148 15.0902 25.7085 15.5801 25.4103 15.7319C24.9179 15.9872 24.5434 15.9941 16.9217 15.9734L9.46644 15.9527L9.07114 15.7664C8.55794 15.5318 8.09329 15.0488 7.91991 14.5866C7.82975 14.3382 7.6217 12.8962 7.25414 9.98469C6.96286 7.6527 6.72707 5.72087 6.72707 5.68637C6.72707 5.65878 11.8036 5.63808 18.0036 5.63808C28.7045 5.63808 29.2732 5.64498 29.2385 5.75537ZM11.6718 21.2721C12.0602 21.4653 12.3445 21.7895 12.4555 22.1759C12.7745 23.2798 11.8591 24.225 10.7009 23.9905C9.40403 23.7214 9.1613 21.893 10.3472 21.3066C10.7148 21.1272 11.3459 21.1134 11.6718 21.2721ZM26.7072 21.4032C27.5949 22.0241 27.4978 23.3764 26.5338 23.8663C25.9928 24.1491 25.119 24.018 24.7515 23.6041C24.2452 23.0314 24.2591 22.0862 24.7723 21.6033C25.1606 21.2307 25.3617 21.1548 25.9166 21.1824C26.3396 21.1962 26.4575 21.2307 26.7072 21.4032Z' fill='%23F82179'/%3E%3C/svg%3E%0A");
}
.card__product.dark .button-add:active {
  background-color: var(--pink-900);
  border-color: var(--pink-900);
}
.card__product.dark .button-add:active:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='25' fill='none' viewBox='0 0 31 25'%3E%3Cpath fill='%23fff' d='M.666.026C.215.095 0 .329 0 .757c0 .22.049.359.166.497.16.18.195.186 1.055.234.686.035 1.005.083 1.387.214 1.144.4 2.066 1.325 2.413 2.429.062.193.388 2.553.728 5.243l.617 4.892.285.559c.152.31.416.71.582.904l.305.338-.242.248a3 3 0 0 0-.423.586c-.167.311-.18.415-.18 1.104s.013.794.194 1.153c.256.51.72.972 1.22 1.207l.402.186-.173.38c-.236.517-.284 1.297-.118 1.91a3.1 3.1 0 0 0 1.63 1.947c.347.172.45.186 1.179.186.749 0 .825-.014 1.255-.214 1.366-.649 2.101-2.429 1.519-3.733a2 2 0 0 1-.139-.372c0-.035 2.108-.062 4.785-.062s4.786.027 4.786.062c0 .034-.063.207-.146.386-.5 1.125.007 2.712 1.103 3.464.59.4 1.06.524 1.824.49.527-.028.672-.063 1.123-.283a2.9 2.9 0 0 0 1.387-1.415c.208-.434.222-.51.222-1.22 0-.725-.014-.78-.236-1.236a3.2 3.2 0 0 0-1.186-1.304c-.707-.407-.346-.393-9.737-.393-8.537 0-8.6 0-8.89-.145-.333-.159-.583-.566-.583-.96 0-.33.236-.772.5-.93.221-.139.416-.139 8.412-.173l8.183-.035.486-.193c.964-.38 1.796-1.193 2.15-2.118C28.15 13.797 31 4.62 31 4.434a1 1 0 0 0-.076-.352c-.174-.379.624-.358-12.428-.393l-12.06-.034-.16-.4C5.66 1.75 4.147.509 2.476.143 1.92.019 1.096-.037.666.026m28.572 5.23c-.471 1.6-2.794 8.886-2.884 9.058-.14.276-.645.766-.944.918-.492.255-.867.262-8.488.241l-7.456-.02-.395-.187c-.513-.234-.978-.717-1.151-1.18-.09-.248-.298-1.69-.666-4.601a553 553 0 0 1-.527-4.299c0-.027 5.077-.048 11.277-.048 10.7 0 11.27.007 11.234.117M11.673 20.771c.388.193.672.518.784.904.319 1.104-.597 2.049-1.755 1.815-1.297-.27-1.54-2.098-.354-2.684.368-.18.999-.194 1.325-.035m15.035.131c.888.621.79 1.973-.173 2.463-.541.283-1.415.152-1.782-.262-.507-.573-.493-1.518.02-2 .389-.373.59-.45 1.145-.422.423.014.54.049.79.221'/%3E%3C/svg%3E");
}
.card__product.dark .flip-card__front {
  background-color: var(--primary-dark);
}
@media (hover: hover) {
  .flip-card__back:hover,
  .flip-card__front:hover {
    -webkit-box-shadow: 1px 3px 20px 3px rgba(111, 94, 145, 30%);
    box-shadow: 1px 3px 20px 3px rgba(111, 94, 145, 30%);
  }
  .dark-theme .flip-card__back:hover,
  .dark-theme .flip-card__front:hover {
    -webkit-box-shadow: 1px 3px 20px 3px #6f5e91;
    box-shadow: 1px 3px 20px 3px #6f5e91;
  }
  .card__product.dark .flip-card__back:hover,
  .card__product.dark .flip-card__front:hover {
    -webkit-box-shadow: 1px 3px 20px 3px #6f5e91;
    box-shadow: 1px 3px 20px 3px #6f5e91;
  }
}
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--primary-light);
  border: 1px solid var(--gray-300);
  border-radius: 12px;
  color: inherit;
  font-size: 18px;
  padding: 20px 15px;
  width: 100%;
}
@media (hover: hover) {
  input:hover,
  textarea:hover {
    background-color: var(--white);
    border-color: var(--primary-pink);
  }
  input:hover::-webkit-input-placeholder,
  textarea:hover::-webkit-input-placeholder {
    color: var(--primary-pink);
  }
  input:hover::-moz-placeholder,
  textarea:hover::-moz-placeholder {
    color: var(--primary-pink);
  }
  input:hover:-ms-input-placeholder,
  textarea:hover:-ms-input-placeholder {
    color: var(--primary-pink);
  }
  input:hover::-ms-input-placeholder,
  textarea:hover::-ms-input-placeholder {
    color: var(--primary-pink);
  }
  input:hover::placeholder,
  textarea:hover::placeholder {
    color: var(--primary-pink);
  }
}
input:focus,
textarea:focus {
  background-color: var(--white);
  border-color: var(--primary-pink);
  color: var(--black);
}
.form__row-input input:focus-visible,
.form__row-input textarea:focus-visible {
  outline-color: var(--primary-pink);
}
input:focus-visible::-webkit-input-placeholder,
textarea:focus-visible::-webkit-input-placeholder {
  color: var(--gray-200);
}
input:focus-visible::-moz-placeholder,
textarea:focus-visible::-moz-placeholder {
  color: var(--gray-200);
}
input:focus-visible:-ms-input-placeholder,
textarea:focus-visible:-ms-input-placeholder {
  color: var(--gray-200);
}
input:focus-visible::-ms-input-placeholder,
textarea:focus-visible::-ms-input-placeholder {
  color: var(--gray-200);
}
input:focus-visible::placeholder,
textarea:focus-visible::placeholder {
  color: var(--gray-200);
}
input:disabled,
textarea:disabled {
  background-color: var(--gray-200);
  border-color: var(--gray-200);
}
input:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder {
  color: var(--gray-200);
}
input:disabled::-moz-placeholder,
textarea:disabled::-moz-placeholder {
  color: var(--gray-200);
}
input:disabled:-ms-input-placeholder,
textarea:disabled:-ms-input-placeholder {
  color: var(--gray-200);
}
input:disabled::-ms-input-placeholder,
textarea:disabled::-ms-input-placeholder {
  color: var(--gray-200);
}
input:disabled::placeholder,
textarea:disabled::placeholder {
  color: var(--gray-200);
}
input.error,
textarea.error {
  border-color: var(--red);
}
input.error:focus-visible,
textarea.error:focus-visible {
  outline-color: var(--red);
}
textarea {
  resize: none;
}
.custom-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 0;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.checkmark {
  -ms-flex-negative: 0;
  background-color: var(--white);
  border: 1px solid var(--primary-pink);
  border-radius: 2px;
  flex-shrink: 0;
  height: 19px;
  margin-right: 8px;
  position: relative;
  -webkit-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
  width: 19px;
}
.custom-checkbox input[type='checkbox']:checked + .checkmark {
  background-color: var(--primary-pink);
}
.custom-checkbox input[type='checkbox']:checked + .checkmark:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 13 13'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m1 7.917 4.53 3.775a1 1 0 0 0 1.535-.321L12 1.5'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: '';
  height: 90%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
}
.custom-checkbox input[type='checkbox']:focus-visible + .checkmark {
  border-radius: 1px;
  outline: 2px solid var(--primary-dark);
  outline-offset: 4px;
}
@media (hover: hover) {
  .custom-checkbox:hover .checkmark {
    background-color: var(--gray-100);
  }
}
.iti {
  display: block;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: inherit;
  border-radius: 12px 0 0 12px;
}
.iti__selected-flag {
  padding-left: 15px;
}
.iti__selected-dial-code {
  font-weight: 700;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.iti__country-list li {
  font-size: 16px;
}
@media screen and (max-width: 500px) {
  .iti__country-list {
    border-radius: 8px;
    min-width: 300px;
  }
}
@media screen and (max-width: 359px) {
  .iti__country-list {
    min-width: 210px;
  }
}
input[type='range'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--primary-light);
  border-radius: var(--border-r);
  height: 8px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
input[type='range'],
input[type='range']:active,
input[type='range']:focus {
  border: 1px solid var(--gray-300);
}
@media (hover: hover) {
  input[type='range']:hover {
    border: 1px solid var(--gray-300);
  }
}
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--primary-pink);
  border: none;
  border-radius: 0 50% 50% 0;
  cursor: ew-resize;
  height: 8px;
  position: relative;
  width: 10px;
  z-index: 2;
}
input[type='range']::-moz-range-thumb {
  background: var(--primary-pink);
  border: none;
  border-radius: 0 50% 50% 0;
  cursor: ew-resize;
  height: 8px;
  width: 10px;
}
input[type='range']::-ms-thumb {
  background: var(--primary-pink);
  border: none;
  border-radius: 0 50% 50% 0;
  cursor: ew-resize;
  height: 8px;
  width: 10px;
}
input[name='no-name'] {
  display: none;
}
.swiper-container {
  position: relative;
  width: 100%;
}
.swiper-notification {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  white-space: nowrap;
}
.swiper-slide {
  cursor: grab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: fit-content;
}
.swiper-slide:active {
  cursor: grabbing;
}
.swiper-pagination {
  bottom: 10px;
  display: none;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}
.swiper-pagination-bullet {
  background-color: rgb(111 94 145 / 0.3);
  height: 10px;
  margin: 0 5px;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 10px;
}
@media (hover: hover) {
  .swiper-pagination-bullet:hover {
    opacity: 1;
  }
}
.swiper-pagination-bullet-active {
  background-color: var(--primary-pink);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-button-next,
.swiper-button-prev {
  background-color: #fff0;
  border-radius: 50%;
  color: var(--color-arrow-slider);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  position: absolute;
  top: -15px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 48px;
  z-index: 10;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-size: 18px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.swiper-not-active .swiper-button-next,
.swiper-not-active .swiper-button-prev {
  display: none;
}
.swiper-button-next {
  right: 0;
}
.swiper-button-prev {
  left: auto;
  right: 58px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 30px;
}
@media (hover: hover) {
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    color: var(--primary-pink);
  }
}
@media screen and (max-width: 767px) {
  .swiper-container {
    padding-bottom: 50px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  .swiper-pagination {
    display: block;
    width: 100%;
  }
}
.swiper-filtered {
  overflow: hidden;
}
.switch {
  flex-shrink: 0;
  background: none;
  border: none;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  height: 34px;
  position: relative;
  width: 64px;
}
.switch input {
  display: none;
  height: 0;
  opacity: 0;
  width: 0;
}
.slider {
  background-color: var(--white);
  border-radius: var(--border-r);
  height: 100%;
  position: relative;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  width: 100%;
}
.slider.outline {
  background-color: var(--primary-light);
  border: 1px solid #c7c7c7;
  box-sizing: content-box;
}
.ball {
  background-color: var(--primary-pink);
  border-radius: 50%;
  height: 27px;
  left: 4px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
  width: 27px;
}
input[type='checkbox']:checked + .slider .ball {
  left: 34px;
}
.switch.small {
  height: 26px;
  width: 53px;
}
.switch.small .ball {
  height: 22px;
  width: 22px;
}
.switch.small input[type='checkbox']:checked + .slider .ball {
  left: 29px;
}
.theme-icon {
  font-size: 0;
  position: absolute;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#sun-icon {
  color: var(--white);
  left: 10px;
  top: 9px;
  z-index: 1;
}
#moon-icon {
  right: 9px;
  top: 8px;
  z-index: 1;
}
#moon-icon,
input[type='checkbox']:checked + .slider #sun-icon {
  color: var(--primary-pink);
}
input[type='checkbox']:checked + .slider #moon-icon {
  color: var(--white);
}
.advantages {
  background-color: var(--pink-800);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='715' fill='none' viewBox='0 0 1600 715'%3E%3Cpath stroke='%23F82179' stroke-width='200' d='M592.576-137C395.658 42.283-15.43 438.008 130.817 535.783c175.009 117.006 488.869-66.995 534.059-89.642 44.78-22.44 338.514-188.718 488.054-277.416 155.28-92.111 423.96-306.669 326.18 0C1373.7 499.332 1106.09 791.182 961.485 850'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2000px;
  padding: 60px 0;
}
.advantages__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 25px;
  justify-content: space-between;
  margin-bottom: 30px;
}
.advantages__title {
  color: var(--section-title-light);
  margin-bottom: 0;
  max-width: 690px;
}
.button-advantages {
  max-width: 315px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.advantages__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
.advantages__item {
  background-color: var(--white);
  border-radius: var(--border-r);
  min-height: 426px;
  padding: var(--padding);
  position: relative;
  width: 100%;
}
.advantages__item-name {
  color: var(--gray-900);
  margin-bottom: 16px;
}
.advantages__item-description {
  color: var(--gray-800);
  font: var(--font-s);
  margin-bottom: 20px;
}
.advantages__item-image {
  bottom: 30px;
  max-width: 150px;
  position: absolute;
  right: 25px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
}
@media (hover: hover) {
  .advantages__item:hover .advantages__item-image {
    -webkit-transform: scale(1.05) translate(-5px, -5px);
    -ms-transform: scale(1.05) translate(-5px, -5px);
    transform: scale(1.05) translate(-5px, -5px);
  }
}
.advantages__item-image img {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .advantages {
    background-size: cover;
  }
  .advantages__items {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .advantages__item {
    min-height: 230px;
    min-width: calc(50% - 10px);
  }
  .advantages__item:first-child,
  .advantages__item:nth-child(2) {
    min-height: 209px;
  }
  .advantages__item-image {
    max-width: 70px;
  }
}
@media screen and (max-width: 991px) {
  .button-advantages {
    border-radius: var(--border-r-12);
    max-width: none;
  }
  .advantages {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='897' height='1551' fill='none' viewBox='0 0 897 1551'%3E%3Cpath stroke='%23F82179' stroke-width='200' d='M345.233 1516c-98.037-263.75-302.7-845.908-229.891-989.748 87.13-172.13 243.388 98.559 265.886 131.874 22.294 33.013 168.53 277.629 242.978 408.114 77.312 135.51 211.073 451.15 162.395 0C734.122 579.876 600.89 150.529 528.897 64'/%3E%3C/svg%3E");
    background-size: 1300px;
  }
  .advantages__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .advantages__item {
    min-height: 289px;
  }
  .advantages__item:first-child,
  .advantages__item:nth-child(2) {
    min-height: 230px;
  }
}
@media screen and (max-width: 767px) {
  .advantages {
    padding: 45px 0;
  }
  .advantages__header {
    gap: 15px;
    margin-bottom: 20px;
  }
  .advantages__item {
    min-height: 264px;
  }
  .advantages__item:first-child,
  .advantages__item:nth-child(2) {
    min-height: 216px;
  }
  .advantages__item-image {
    bottom: 25px;
  }
}
@media screen and (max-width: 575px) {
  .advantages__items {
    gap: 10px;
  }
  .advantages__item {
    min-width: calc(50% - 5px);
  }
  .advantages__item:first-child,
  .advantages__item:nth-child(2) {
    min-height: 232px;
  }
  .advantages__item-name {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    word-break: break-word;
  }
  .advantages__item-description {
    font-size: 14px;
    line-height: 16px;
  }
}
.banner {
  background-color: var(--banner-bg-color);
  background-image: url(../img/ellipse.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--border-r);
  color: var(--white);
  margin: 168px 40px 60px;
  overflow: hidden;
  position: relative;
}
.banner__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 74px;
  margin-top: 74px;
  -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;
}
.banner__cocktail {
  position: absolute;
}
.banner__cocktail--orange {
  bottom: -27px;
  height: auto;
  left: 50%;
  -webkit-transform: translateX(-170%);
  -ms-transform: translateX(-170%);
  transform: translateX(-170%);
  width: 400px;
}
.banner__cocktail--green {
  bottom: -9px;
  height: auto;
  right: 50%;
  -webkit-transform: translateX(183%);
  -ms-transform: translateX(183%);
  transform: translateX(183%);
  width: 400px;
}
.content__inner {
  max-width: 550px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 1399px) {
  .banner {
    margin: 168px 30px 60px;
  }
  .banner__content {
    margin-bottom: 183px;
  }
  .banner__cocktail--orange {
    bottom: -46px;
    -webkit-transform: translateX(-168.5%);
    -ms-transform: translateX(-168.5%);
    transform: translateX(-168.5%);
  }
  .banner__cocktail--green {
    bottom: 7px;
    -webkit-transform: translateX(181%);
    -ms-transform: translateX(181%);
    transform: translateX(181%);
  }
}
@media screen and (max-width: 1199px) {
  .banner {
    margin: 168px 16px 60px;
  }
  .banner__content {
    margin-bottom: 233px;
    margin-top: 164px;
  }
  .banner__cocktail--orange {
    bottom: -11px;
    -webkit-transform: translateX(-149%);
    -ms-transform: translateX(-149%);
    transform: translateX(-149%);
    width: 355px;
  }
  .banner__cocktail--green {
    bottom: -47px;
    -webkit-transform: translateX(144%);
    -ms-transform: translateX(144%);
    transform: translateX(144%);
    width: 355px;
  }
}
@media screen and (max-width: 991px) {
  .banner {
    margin: 15px 24px 60px;
  }
  .banner__content {
    margin-bottom: 87px;
    margin-top: 414px;
  }
  .banner__cocktail--orange {
    bottom: auto;
    top: 120px;
    -webkit-transform: translateX(-78%);
    -ms-transform: translateX(-78%);
    transform: translateX(-78%);
    width: 235px;
  }
  .banner__cocktail--green {
    bottom: auto;
    top: 176px;
    -webkit-transform: translateX(79%);
    -ms-transform: translateX(79%);
    transform: translateX(79%);
    width: 302px;
  }
}
@media screen and (max-width: 767px) {
  .banner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0 0 45px;
  }
  .banner__content {
    margin-bottom: 129px;
    margin-top: 379px;
  }
  .banner__cocktail--orange {
    bottom: auto;
    top: 124px;
    -webkit-transform: translateX(-79%);
    -ms-transform: translateX(-79%);
    transform: translateX(-79%);
    width: 228px;
  }
  .banner__cocktail--green {
    bottom: auto;
    top: 145px;
    -webkit-transform: translateX(65%);
    -ms-transform: translateX(65%);
    transform: translateX(65%);
    width: 294px;
  }
}
@media screen and (max-width: 575px) {
  .banner__cocktail--orange {
    top: 128px;
    -webkit-transform: translateX(-74%);
    -ms-transform: translateX(-74%);
    transform: translateX(-74%);
    width: 230px;
  }
  .banner__cocktail--green {
    top: 177px;
    -webkit-transform: translateX(75%);
    -ms-transform: translateX(75%);
    transform: translateX(75%);
    width: 230px;
  }
  .banner .content__inner {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.service-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--banner-bg-color);
  border-radius: 0 0 20px 20px;
  height: 640px;
  overflow: hidden;
  padding-top: 128px;
  position: relative;
}
.service-banner:after {
  background: #060022;
  background: -o-linear-gradient(bottom, #060022 0, #fff0 50%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#060022),
    color-stop(50%, #fff0)
  );
  background: -o-linear-gradient(bottom, #060022, #fff0 50%);
  background: linear-gradient(0deg, #060022, #fff0 50%);
  bottom: -4px;
  content: '';
  display: block;
  height: 101%;
  left: 0;
  position: absolute;
  width: 100%;
}
.service-banner__video-background {
  height: calc(100% - 57px);
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  top: 57px;
  width: 100%;
}
.service-banner .content__inner {
  text-align: left;
}
.service-banner .button-banner {
  margin: 45px 0 0;
}
@media screen and (max-width: 991px) {
  .service-banner {
    height: 100vh;
    padding-top: 0;
  }
  .service-banner__video-background {
    height: 100%;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .service-banner .button-banner {
    margin: 35px 0 0;
  }
}
.service-hero-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--banner-bg-color);
  border-radius: 0 0 20px 20px;
  height: 640px;
  overflow: hidden;
  padding-top: 128px;
  position: relative;
}
.service-hero-banner:after {
  background: #060022;
  background: -o-linear-gradient(bottom, #060022 0, #fff0 50%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#060022),
    color-stop(50%, #fff0)
  );
  background: -o-linear-gradient(bottom, #060022, #fff0 50%);
  background: linear-gradient(0deg, #060022, #fff0 50%);
  bottom: -4px;
  content: '';
  display: block;
  height: 101%;
  left: 0;
  position: absolute;
  width: 100%;
}
.service-hero-banner__video-background {
  height: calc(100% - 57px);
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  top: 57px;
  width: 100%;
}
.service-hero-banner .content__inner {
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .service-hero-banner {
    height: 100vh;
    padding-top: 0;
  }
  .service-hero-banner__video-background {
    height: 100%;
    top: 0;
  }
}
.callback--bg {
  background-color: var(--callback-bg-color);
  background-image: var(--callback-bg-image);
  background-position: 50%;
  border-radius: var(--border-r);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--padding);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 50px;
  justify-content: space-between;
}
.callback__heading {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
.callback__title {
  color: var(--section-title-light);
  margin-bottom: 0;
}
.callback__description {
  color: var(--white);
}
.callback__description:first-of-type {
  margin-top: 25px;
}
.callback__form {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
@media screen and (max-width: 1199px) {
  .callback--bg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }
  .callback__form,
  .callback__heading {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
}
@media screen and (max-width: 767px) {
  .callback__description:first-of-type {
    margin-top: 15px;
  }
}
@media screen and (max-width: 575px) {
  .callback--bg {
    padding: 25px;
  }
  .callback__form {
    padding: 20px;
  }
}
.clients__swiper {
  overflow: hidden;
}
.clients__slide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
}
.clients__slide,
.clients__slide-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.clients__slide-icon {
  height: 100px;
  width: 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: var(--purple);
  justify-content: center;
}
.clients__slide-icon svg {
  width: 100px;
  height: 100px;
}
@media (hover: hover) {
  .clients__slide-icon:hover {
    color: var(--primary-pink);
  }
}
.estimate--bg {
  background-color: var(--primary-pink);
  background-image: url(../img/bg-estimate.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--border-r);
  color: var(--white);
  overflow: hidden;
  padding: var(--padding);
  position: relative;
  text-align: center;
}
.estimate__title {
  color: var(--section-title-light);
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.estimate__subtitle {
  font: var(--font-m);
  font-weight: 400;
  margin: 0 auto 230px;
  max-width: 560px;
  position: relative;
  z-index: 1;
}
.estimate__image {
  bottom: -65px;
  height: auto;
  left: 50%;
  max-width: 830px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  z-index: 0;
}
.button-estimate {
  height: 60px;
  margin: 0 auto;
  max-width: 370px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .estimate--bg {
    text-align: left;
  }
  .estimate__title {
    margin-bottom: 15px;
  }
  .estimate__subtitle {
    max-width: none;
  }
  .estimate__image {
    bottom: -35px;
    max-width: 718px;
    -webkit-transform: translateX(-47%);
    -ms-transform: translateX(-47%);
    transform: translateX(-47%);
  }
}
.event-program--bg {
  background-color: var(--bg-block);
  border-radius: var(--border-r);
  padding: var(--padding);
  position: relative;
  overflow: hidden;
}
.decor-element {
  display: block;
  width: 141px;
  height: 77px;
  position: absolute;
  top: 30px;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='141' height='77' viewBox='0 0 141 77' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1H141' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M0 16H141' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M0 31H141' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M0 46H141' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M0 61H141' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M0 76H141' stroke='%23F82179' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.decor-element-2 {
  display: block;
  height: 48px;
  width: 92px;
  position: absolute;
  top: 0;
  left: 783px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='92' height='48' viewBox='0 0 92 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M91 0L91 48' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M76 0L76 29' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M61 0L61 39' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M46 0L46 48' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M31 0L31 39' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M16 0L16 29' stroke='%23F82179' stroke-width='2'/%3E%3Cpath d='M1 0L0.999998 48' stroke='%23F82179' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.event-program .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px 50px;
}
.event-program .info {
  width: 506px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.event-program .image-mask {
  width: calc(100% - 506px - 50px);
  aspect-ratio: 714 / 622;
  max-width: 714px;
}
.event-program .image-mask .tag--blue {
  top: 45px;
  left: 50px;
}
.event-program .image-mask .tag--white {
  top: 90px;
  right: 10px;
}
.event-program .image-mask .tag--pink {
  bottom: 100px;
  left: 0;
}
.event-program .image-mask .tag--purple {
  bottom: 10px;
  right: 0;
}
.event-program .info h1 {
  margin-bottom: 0;
}
.event-program .info .subtitle {
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 30px;
}
.event-program .info .button:not(.button-share) {
  max-width: 192px;
  margin-bottom: 30px;
}
.event-program .info ul li {
  color: var(--color-text);
}
.event-program .info ul li:not(:last-child) {
  margin-bottom: 8px;
}
.event-program .info ul li:before {
  content: '';
  display: inline-block;
  background-color: var(--primary-pink);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.event-program__benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.event-program__benefits .item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
}
.event-program__benefits .item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.event-program__benefits .item .icon {
  width: 32px;
  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;
  flex-shrink: 0;
}
.event-program__benefits .item .icon img {
  width: auto;
}
.event-program__benefits .item .title {
  font: var(--font-m-bold);
  color: var(--color-text);
}
.event-program__benefits .item p {
  font: var(--font-s);
  color: var(--color-text);
}
@media screen and (max-width: 1399px) {
  .decor-element {
    display: none;
  }
  .decor-element-2 {
    left: 25px;
  }
  .image-mask {
    width: calc(100% - 425px - 50px);
  }
  .event-program .info {
    width: 425px;
  }
}
@media screen and (max-width: 1199px) {
  .event-program .inner {
    gap: 30px;
  }
  .event-program .image-mask {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 391px;
    height: 340px;
  }
  .event-program .info {
    width: calc(100% - 391px - 30px);
  }
  .event-program .image-mask .tag--blue {
    top: 10px;
    left: 15px;
  }
  .event-program .image-mask .tag--white {
    top: 55px;
    right: 0;
  }
  .event-program .image-mask .tag--pink {
    bottom: 45px;
  }
}
@media screen and (max-width: 991px) {
  .event-program__container {
    padding: 0 !important;
  }
  .event-program--bg {
    border-radius: 0;
    padding: 50px 40px;
  }
  .decor-element {
    display: block;
    right: -81px;
    left: auto;
    top: 270px;
  }
  .decor-element-2 {
    left: auto;
    top: auto;
    bottom: 0;
    right: 40px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .event-program .inner {
    gap: 30px;
  }
  .event-program .info h1 {
    max-width: 534px;
  }
  .event-program .info .subtitle {
    max-width: 534px;
    margin-bottom: 25px;
  }
  .image-mask {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 391px;
    height: 340px;
  }
  .event-program .info {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
  }
  .event-program__benefits {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 391px - 30px);
  }
}
@media screen and (max-width: 767px) {
  .event-program--bg {
    border-radius: 0;
    padding: 50px 30px;
  }
  .decor-element-2 {
    right: 30px;
  }
  .event-program__benefits {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .event-program__benefits .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 calc(50% - 10px);
  }
  .image-mask {
    margin: 0 auto;
  }
}
@media screen and (max-width: 575px) {
  .event-program--bg {
    border-radius: 0;
    padding: 50px 18px;
  }
  .decor-element-2 {
    right: 18px;
  }
  .event-program .image-mask {
    width: 100%;
    height: 100%;
  }
  .image-mask .tag {
    font: var(--font-xs);
    font-weight: 700;
  }
  .image-mask {
    width: 100%;
    max-width: 391px;
    height: auto;
  }
}
.events__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 40px;
  justify-content: space-between;
  margin-bottom: 30px;
}
.events__title {
  margin-bottom: 0 !important;
  max-width: 560px;
}
.events__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.button-events {
  max-width: 315px;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media screen and (max-width: 991px) {
  .button-events {
    border-radius: var(--border-r-12);
    max-width: 290px;
  }
}
@media screen and (max-width: 767px) {
  .button-events {
    border-radius: var(--border-r-12);
    max-width: none;
  }
}
@media screen and (max-width: 991px) {
  .events__title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .events__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
  }
  .events__title {
    max-width: none;
  }
}
@media screen and (max-width: 575px) {
  .events__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.faq__flex-container {
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 20px;
}
.faq__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 65%;
  flex: 0 1 65%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.faq__item {
  padding: var(--padding);
  width: 100%;
}
.accordion {
  background-color: var(--white);
  border: 1px solid #c7c7c7;
  border-radius: var(--border-r);
  cursor: pointer;
  -webkit-transition: border 0.4s;
  -o-transition: border 0.4s;
  transition: border 0.4s;
}
.accordion__button {
  width: 100%;
  background: none;
  border: none;
  color: var(--primary-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font: var(--font-xl);
  text-align: left;
}
.accordion__button span {
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.accordion__button-icon {
  -ms-flex-negative: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  width: 48px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.accordion__button-icon--arrow {
  color: inherit;
  height: 15px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: color 0.2s, -webkit-transform 0.4s;
  transition: color 0.2s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, color 0.2s;
  transition: transform 0.4s, color 0.2s;
  transition: transform 0.4s, color 0.2s, -webkit-transform 0.4s;
  width: 27px;
}
.accordion__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.accordion__content p {
  color: var(--gray-800);
  font: var(--font-m);
}
.accordion.show .accordion__content {
  margin-top: 15px;
}
.accordion.show .accordion__button-icon--arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (hover: hover) {
  .accordion:hover {
    border-color: var(--primary-pink);
  }
  .accordion:hover .accordion__button {
    color: var(--primary-pink);
  }
}
@media (hover: none) {
  .accordion:active {
    border-color: var(--primary-pink);
  }
  .accordion:active .accordion__button {
    color: var(--primary-pink);
  }
}
.faq__sticy-block {
  position: sticky;
  top: 150px;
  width: 100%;
  -webkit-box-flex: 0;
  background-color: var(--bg-block-dark);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='867' height='940' fill='none' viewBox='0 0 867 940'%3E%3Cpath stroke='%231A0E52' stroke-width='144.479' d='M326.677 41C225.264 193.4 13.553 529.786 88.871 612.9c90.13 99.46 251.767-56.95 275.04-76.2 23.062-19.076 174.334-160.421 251.345-235.819 79.975-78.298 218.341-260.683 167.987 0C728.957 581.914 591.137 830.002 516.665 880'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  border-radius: var(--border-r);
  -ms-flex: 0 1 35%;
  flex: 0 1 35%;
  padding: var(--padding);
}
.faq__sticy-block .section__title {
  color: var(--white);
  margin-bottom: 15px;
}
.faq__sticy-block p {
  color: var(--white);
  margin-bottom: 30px;
}
@media screen and (max-width: 1399px) {
  .faq__title {
    font-size: 80px;
  }
}
@media screen and (max-width: 1199px) {
  .faq__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
  .faq__title {
    font-size: 60px;
  }
}
@media screen and (max-width: 991px) {
  .faq__flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .faq__items,
  .faq__sticy-block {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .faq__sticy-block {
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .faq__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
  }
  .faq__title {
    font-size: 44px;
  }
  .faq__item {
    width: 100%;
  }
  .accordion__button-icon {
    height: 26px;
    width: 30px;
  }
  .accordion__button-icon--arrow {
    height: 6px;
    width: 12px;
    stroke-width: 2px;
  }
}
.footer {
  background-color: var(--bg-block-dark);
  border-radius: 20px 20px 0 0;
}
.footer__container {
  padding-bottom: 60px;
  padding-top: 60px;
}
.footer__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 25px;
}
.footer__logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 25px;
  -ms-grid-row: 1;
  justify-content: space-between;
  padding-right: 60px;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-area: 1/1/2/8;
}
.footer__info {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 8;
  -ms-grid-column-span: 5;
  grid-area: 1/8/2/13;
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  width: 220px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer__logo-img {
  max-width: 175px;
  width: 100%;
}
.footer__list,
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.footer__list {
  min-width: 154px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.footer__item {
  color: var(--primary-pink);
}
.footer__link {
  color: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  text-decoration: none;
}
.footer__item .footer__link {
  font-size: 20px;
}
.footer__info {
  width: 100%;
}
.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 15px;
}
.footer__city,
.footer__label {
  color: var(--purple);
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}
.footer__text {
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}
.footer__details {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px;
}
.footer__details,
.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.footer__social-link {
  cursor: pointer;
  height: 45px;
  text-decoration: none;
  width: 45px;
}
.footer__social-link svg {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
@media (hover: hover) {
  .footer__social-link:hover svg {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.footer__payment-methods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-top: 15px;
}
.footer__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [12];
  grid-template-columns: repeat(12, 1fr);
}
.footer__developer {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-area: 1/1/2/8;
  padding-right: 25px;
}
.footer__legal {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 8;
  -ms-grid-column-span: 5;
  grid-area: 1/8/2/13;
}
.footer__bottom .footer__text {
  font-size: 18px;
}
.footer__bottom .footer__text--small {
  font-size: 14px;
  line-height: 16px;
}
.footer__developer p:not(:last-child),
.footer__legal p:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 1399px) {
  .footer__logo-container {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-area: 1/1/2/9;
  }
  .footer__info {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-area: 1/9/2/13;
  }
  .footer__developer {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-area: 1/1/2/9;
  }
  .footer__legal {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-area: 1/9/2/13;
  }
  .footer__contacts,
  .footer__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 1199px) {
  .footer__logo-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: 1/1/2/7;
  }
  .footer__info {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-area: 1/7/3/13;
  }
  .footer__developer {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: 1/1/2/7;
  }
  .footer__legal {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-area: 1/7/2/13;
  }
  .footer__contacts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 991px) {
  .footer__logo-container {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: 1/1/2/7;
  }
  .footer__logo {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-grid-row: 1;
    justify-content: flex-start;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-area: 1/1/2/5;
  }
  .footer__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .footer__top {
    -ms-grid-columns: 1fr;
    gap: 25px;
    grid-template-columns: 1fr;
  }
  .footer__logo-container {
    grid-area: auto;
    padding-right: 0;
  }
  .footer__list {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
  .footer__info {
    grid-area: auto;
  }
  .footer__contacts,
  .footer__details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 575px) {
  .footer__details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer__bottom {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .footer__developer,
  .footer__legal {
    grid-area: auto;
  }
  .footer__legal {
    margin-top: 10px;
  }
  .footer__developer {
    padding-right: 0;
  }
}
@media screen and (max-width: 429px) {
  .footer__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 359px) {
  .footer__menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.form {
  background-color: var(--white);
  border-radius: var(--border-r);
  padding: var(--padding);
}
.form-title {
  color: var(--black);
  margin-bottom: 25px;
}
.form-row {
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}
.form-row:last-child {
  margin-bottom: 0;
}
.form-checkbox {
  margin-bottom: 25px;
  margin-top: 15px;
}
.error-message {
  color: var(--red);
  display: none;
  margin: 10px 0;
}
@media screen and (max-width: 575px) {
  .form-title {
    margin-bottom: 25px;
  }
}
.gallery-insert__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: 1fr 20px 1fr 20px 1fr;
  gap: 20px;
  grid-template-rows: repeat(3, 1fr);
}
.gallery-insert__wrapper > :first-child {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.gallery-insert__wrapper > :nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-row: 1;
}
.gallery-insert__wrapper > :nth-child(3) {
  -ms-grid-column: 5;
  -ms-grid-row: 1;
}
.gallery-insert__wrapper > :nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
}
.gallery-insert__wrapper > :nth-child(5) {
  -ms-grid-column: 3;
  -ms-grid-row: 3;
}
.gallery-insert__wrapper > :nth-child(6) {
  -ms-grid-column: 5;
  -ms-grid-row: 3;
}
.gallery-insert__wrapper > :nth-child(7) {
  -ms-grid-column: 1;
  -ms-grid-row: 5;
}
.gallery-insert__wrapper > :nth-child(8) {
  -ms-grid-column: 3;
  -ms-grid-row: 5;
}
.gallery-insert__wrapper > :nth-child(9) {
  -ms-grid-column: 5;
  -ms-grid-row: 5;
}
.gallery-insert__item {
  border-radius: var(--border-r);
  height: 100%;
  max-height: 277px;
  overflow: hidden;
  width: 100%;
}
.gallery-insert__item:first-child {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/3/2;
  max-height: 574px;
}
.gallery-insert__item:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: 2/3/4/4;
  max-height: 574px;
}
.gallery-insert__item:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 3/1/4/3;
}
.gallery-insert__item-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .gallery-insert__wrapper {
    -ms-grid-columns: (1fr) [12];
    grid-template-columns: repeat(12, 1fr);
    -ms-grid-rows: (1fr) [4];
    grid-template-rows: repeat(4, 1fr);
  }
  .gallery-insert__wrapper > :first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(3) {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(4) {
    -ms-grid-column: 4;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(5) {
    -ms-grid-column: 5;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(6) {
    -ms-grid-column: 6;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(7) {
    -ms-grid-column: 7;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(8) {
    -ms-grid-column: 8;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(9) {
    -ms-grid-column: 9;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(10) {
    -ms-grid-column: 10;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(11) {
    -ms-grid-column: 11;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(12) {
    -ms-grid-column: 12;
    -ms-grid-row: 1;
  }
  .gallery-insert__wrapper > :nth-child(13) {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(14) {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(15) {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(16) {
    -ms-grid-column: 4;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(17) {
    -ms-grid-column: 5;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(18) {
    -ms-grid-column: 6;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(19) {
    -ms-grid-column: 7;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(20) {
    -ms-grid-column: 8;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(21) {
    -ms-grid-column: 9;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(22) {
    -ms-grid-column: 10;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(23) {
    -ms-grid-column: 11;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(24) {
    -ms-grid-column: 12;
    -ms-grid-row: 2;
  }
  .gallery-insert__wrapper > :nth-child(25) {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(26) {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(27) {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(28) {
    -ms-grid-column: 4;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(29) {
    -ms-grid-column: 5;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(30) {
    -ms-grid-column: 6;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(31) {
    -ms-grid-column: 7;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(32) {
    -ms-grid-column: 8;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(33) {
    -ms-grid-column: 9;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(34) {
    -ms-grid-column: 10;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(35) {
    -ms-grid-column: 11;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(36) {
    -ms-grid-column: 12;
    -ms-grid-row: 3;
  }
  .gallery-insert__wrapper > :nth-child(37) {
    -ms-grid-column: 1;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(38) {
    -ms-grid-column: 2;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(39) {
    -ms-grid-column: 3;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(40) {
    -ms-grid-column: 4;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(41) {
    -ms-grid-column: 5;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(42) {
    -ms-grid-column: 6;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(43) {
    -ms-grid-column: 7;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(44) {
    -ms-grid-column: 8;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(45) {
    -ms-grid-column: 9;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(46) {
    -ms-grid-column: 10;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(47) {
    -ms-grid-column: 11;
    -ms-grid-row: 4;
  }
  .gallery-insert__wrapper > :nth-child(48) {
    -ms-grid-column: 12;
    -ms-grid-row: 4;
  }
  .gallery-insert__item:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
    grid-area: 1/1/3/7;
    max-height: 574px;
  }
  .gallery-insert__item:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-area: 1/7/2/13;
  }
  .gallery-insert__item:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 6;
    grid-area: 2/7/3/13;
  }
  .gallery-insert__item:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-area: 3/1/4/9;
  }
  .gallery-insert__item:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-area: 3/9/5/13;
    max-height: 574px;
  }
  .gallery-insert__item:nth-child(6) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-area: 4/1/5/9;
  }
}
@media screen and (max-width: 575px) {
  .gallery-insert__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .gallery-insert__item,
  .gallery-insert__item:first-child,
  .gallery-insert__item:nth-child(5) {
    max-height: 170px;
  }
}
.game-process--bg {
  border-radius: var(--border-r);
  padding: var(--padding);
  background-color: var(--gray-100);
}
.dark-theme .game-process--bg {
  background-color: var(--purple);
}
.game-process__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}
.game-process__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  padding: 25px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 33.33%;
  flex: 0 1 33.33%;
  border-radius: var(--border-r-12);
  background-color: var(--bg-block);
}
.game-process__step .number {
  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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: var(--white);
  background-color: var(--primary-pink);
}
.game-process__step h3 {
  font: var(--font-m-bold);
  margin-bottom: 10px;
}
.game-process__step p {
  color: var(--gray-800);
  font: var(--font-s);
}
.dark-theme .game-process__step p {
  color: var(--white);
}
.game-process .gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr 20px 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
  height: 615px;
}
.game-process .gallery > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.game-process .gallery > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.game-process .gallery > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.game-process .gallery > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.game-process .gallery .item {
  border-radius: var(--border-r-12);
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.game-process .gallery .item:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1 / 1 / 3 / 2;
}
.game-process .gallery .item:nth-of-type(2) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1 / 2 / 2 / 3;
}
.game-process .gallery .item:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2 / 2 / 3 / 3;
}
.game-process .gallery .item img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 1199px) {
  .game-process__steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .game-process .gallery {
    height: 430px;
  }
}
@media screen and (max-width: 991px) {
  .game-process .gallery {
    height: 271px;
  }
}
.header {
  border-radius: 0 0 20px 20px;
  color: var(--white);
  font-family: Arial, sans-serif;
  left: 0;
  margin: 0 auto;
  position: fixed;
  top: 0;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  width: 100%;
  z-index: 100;
}
.header.scrolled {
  -webkit-box-shadow: 0 2px 25px 3px var(--shadow-color);
  box-shadow: 0 2px 25px 3px var(--shadow-color);
}
.dropdown__tabs,
.header__nav .nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-top {
  background-color: var(--header-top-bg-color);
}
.header-bottom {
  background-color: var(--header-bottom-bg-color);
  border-radius: 0 0 20px 20px;
}
.header-bottom__container,
.header-top__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  -webkit-transition: border-radius 0.2s ease-in-out;
  -o-transition: border-radius 0.2s ease-in-out;
  transition: border-radius 0.2s ease-in-out;
}
.header-top__container {
  color: var(--header-top-text-color);
  gap: 40px;
  height: 58px;
}
.header-bottom__container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: var(--header-bottom-text-color);
  height: 70px;
  justify-content: space-between;
}
.header__logo {
  font-size: 0;
  max-width: 232px;
  width: 100%;
}
.header__logo img {
  width: 100%;
}
.language {
  font-size: 14px;
  line-height: 137%;
}
.language a {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}
.language a img {
  display: inline-block;
  height: 10px;
  margin-right: 6px;
  width: 19px;
}
.contact {
  font-size: 18px;
  line-height: 137%;
}
.contact a {
  color: inherit;
}
.burger,
.contact__icon,
.mobile-menu,
.header .mobile-menu__switch-theme {
  display: none;
}
.header__nav .nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 50px;
  justify-content: space-between;
  white-space: nowrap;
}
.header__nav .nav__item .nav__link {
  color: var(--header-bottom-text-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}
@media (hover: hover) {
  .header__nav .nav__item .nav__link:hover {
    color: var(--primary-pink);
  }
}
.header__nav .nav__button {
  background: 0 0;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.dropdown__content#header-menu {
  background-color: var(--dropdown-content-bg-menu);
  border-radius: var(--border-r);
  max-width: 948px;
  min-width: 500px;
  max-height: 576px;
  right: 50%;
  top: 138px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.dropdown__menu {
  background-color: var(--bg-block);
  min-width: 250px;
  width: 30%;
}
#header-menu .dropdown__tabs {
  background-color: var(--dropdown-content-bg-menu);
}
.dropdown__tab,
.dropdown__tab--link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  padding: 14px 40px 12px 18px;
}
.dropdown__tab {
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--dropdown-menu-tab-bg);
  color: var(--dropdown-menu-tab-color);
  cursor: pointer;
  width: 100%;
}
.dropdown__content,
.dropdown__tab.active {
  background: var(--dropdown-content-bg-menu);
  font-size: 16px;
}
.dropdown__tab--link {
  padding: 0;
}
.dropdown__tab--link a {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dropdown__tab-icon {
  color: var(--dropdown-menu-tab-icon-color);
  height: 25px;
  margin-right: 22px;
  width: 25px;
}
.dropdown__tab-icon--arrow {
  height: 11px;
  margin-left: auto;
  margin-right: 0;
  width: 7px;
}
.dropdown__tab--link .dropdown__tab-icon,
.dropdown__tab.active .dropdown__tab-icon {
  color: var(--dropdown-menu-tab-active-icon-color);
}
@media (hover: hover) {
  .dropdown__tab:hover .dropdown__tab-icon {
    color: var(--dropdown-menu-tab-active-icon-color);
  }
}
.dropdown__tab.active + .dropdown__tab {
  border-top-right-radius: 20px;
  z-index: 1;
}
.dropdown__tab--before-active {
  border-bottom-right-radius: 20px;
}
.dropdown__panels {
  padding: 14px 27px 27px;
  width: 70%;
}
.dropdown__content::-webkit-scrollbar {
  width: 8px;
}
.dropdown__content::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.dropdown__content::-webkit-scrollbar-track {
  background-color: var(--primary-light);
  border-radius: 4px;
}
@media (hover: hover) {
  .dropdown__content::-webkit-scrollbar-thumb:hover {
    background-color: var(--gray-400);
  }
}
.dropdown__panel {
  display: none;
  gap: 7px 20px;
  height: 100%;
  padding-right: 14px;
}
.dropdown__panel.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.category__item,
.category__title {
  width: calc(33.33% - 15px);
  font: var(--font-xs);
  white-space: normal;
}
.category__title {
  color: var(--dropdown-category-title);
  font-weight: 700;
  margin-bottom: 5px;
}
.category__item:has(+ .category__title) {
  margin-bottom: 20px;
}
.dropdown__contacts {
  position: relative;
}
.dropdown__content#header-contacts,
.dropdown__content#header-contacts-mobile {
  background-color: var(--bg-block);
}
.dropdown__content#header-contacts {
  border-radius: var(--border-r);
  top: 143%;
  width: 319px;
}
.dropdown__content#header-contacts-mobile {
  border-radius: var(--border-r);
  left: 0;
  right: auto;
  top: 115%;
  width: 278px;
}
.dropdown__contacts .contacts__list {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding: 25px;
}
.contacts__item,
.dropdown__contacts .contacts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contacts__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-text);
  font: var(--font-s);
  gap: 6px;
}
@media (hover: hover) {
  .contacts__item:hover {
    color: var(--primary-pink);
  }
}
.contacts__icon {
  color: var(--primary-pink);
  height: 30px;
  width: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.contacts__icon,
.search-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.search-toggle {
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background: var(--header-top-input-bg-color);
  border-radius: var(--border-r);
  justify-content: space-between;
  margin-left: auto;
  max-width: 320px;
  padding: 5px 15px;
  width: 100%;
}
.search-toggle,
.search-toggle .search__icon {
  color: var(--white);
}
.search-toggle span {
  color: var(--gray-200);
  font-size: 18px;
  line-height: 146%;
}
@media (hover: hover) {
  .search-toggle:hover {
    background-color: var(--white);
  }
  .search-toggle:hover .search__icon,
  .search-toggle:hover span {
    color: var(--primary-pink);
  }
}
.search__icon {
  height: 22px;
  width: 21px;
}
.button.button-callback {
  font-size: 18px;
  gap: 10px;
  height: 48px;
  line-height: 128%;
  width: 211px;
}
.button.button-callback.button-callback--mobile {
  height: 45px;
  line-height: 134%;
}
.header-bottom__searcrh-toggle,
.header__phone--mobile {
  display: none;
}
@media screen and (max-width: 1199px) {
  .nav__list {
    gap: 30px;
  }
  .header__logo {
    max-width: 182px;
  }
}
@media screen and (max-width: 991px) {
  .mobile-menu .contact a,
  .mobile-menu .language,
  .mobile-menu__close,
  .mobile-menu__link {
    color: var(--mobile-menu-item);
  }
  .header {
    border-radius: 0;
    padding-left: 44px;
    padding-right: 44px;
    padding-top: 40px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }
  .header-bottom {
    border-radius: 60px;
  }
  .header-bottom__container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .header.scrolled {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .header.scrolled .header-bottom {
    border-radius: 0;
  }
  .header-top,
  .header__nav {
    display: none;
  }
  .burger {
    background: 0 0;
    border: none;
    cursor: pointer;
  }
  .burger,
  .mobile-menu {
    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;
  }
  .mobile-menu__content {
    background-color: var(--header-bottom-bg-color);
    border-radius: 20px 0 0 20px;
    -webkit-box-shadow: -2px 0 5px 3px var(--shadow-color);
    box-shadow: -2px 0 5px 3px var(--shadow-color);
    height: 100%;
    max-width: 380px;
    overflow-x: auto;
    padding: 80px 30px 30px;
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transition: right 0.4s;
    -o-transition: right 0.4s;
    transition: right 0.4s;
    width: 100%;
  }
  .mobile-menu.open .mobile-menu__content {
    right: 0;
  }
  .mobile-menu__close {
    position: absolute;
    right: 2px;
    top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: 0 0;
    border: none;
    cursor: pointer;
    height: 48px;
    justify-content: center;
    width: 48px;
  }
  .mobile-menu .contact a,
  .mobile-menu__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mobile-menu .contact a {
    gap: 8px;
  }
  .contact {
    margin-bottom: 20px;
  }
  .contact__icon {
    display: inline-block;
    width: 33px;
  }
  .mobile-menu .dropdown__contacts {
    margin-bottom: 30px;
  }
  .mobile-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
    position: relative;
  }
  .mobile-menu__item {
    font: var(--font-m);
  }
  .mobile-menu__item > .mobile-menu__link {
    font-weight: 700;
  }
  .mobile-menu .submenu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
  }
  .mobile-menu .submenu__item {
    font-size: 18px;
  }
  .mobile-menu__switch-theme {
    margin-bottom: 30px;
  }
  .header .mobile-menu__switch-theme {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 25px;
  }
  .header-bottom__searcrh-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    color: var(--primary-pink);
    flex-shrink: 0;
    height: 40px;
    width: 40px;
  }
  .button.button-callback--desktop {
    display: none;
  }
  .header__phone--mobile {
    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;
    height: 40px;
    justify-content: center;
    margin-left: auto;
    width: 40px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 767px) {
  .header {
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 20px;
  }
}
@media screen and (max-width: 575px) {
  .header-bottom__container {
    padding-left: 18px;
    padding-right: 18px;
  }
  .header__logo {
    max-width: 100px;
  }
  .header-bottom__searcrh-toggle {
    width: 30px;
  }
  .header .mobile-menu__switch-theme {
    margin-left: 5px;
  }
}
.how-we-work__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
.how-we-work__item {
  background-color: var(--white);
  border-radius: var(--border-r);
  height: 302px;
  padding: var(--padding);
  position: relative;
  width: 100%;
}
.how-we-work__item-image {
  bottom: 30px;
  position: absolute;
  right: 25px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 166px;
}
.how-we-work__item-image img {
  height: 100%;
  width: 100%;
}
@media (hover: hover) {
  .how-we-work__item:hover .how-we-work__item-image {
    -webkit-transform: scale(1.05) translate(-5px, -5px);
    -ms-transform: scale(1.05) translate(-5px, -5px);
    transform: scale(1.05) translate(-5px, -5px);
  }
}
@media screen and (max-width: 1399px) {
  .how-we-work__item {
    height: 332px;
  }
}
@media screen and (max-width: 1199px) {
  .how-we-work__list {
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .how-we-work__item {
    height: 214px;
    min-width: calc(50% - 10px);
  }
  .how-we-work__item-image {
    width: 70px;
  }
}
@media screen and (max-width: 767px) {
  .how-we-work__item {
    height: 180px;
  }
  .how-we-work__item p {
    font-size: 18px;
    line-height: 22px;
  }
  .how-we-work__item-image {
    bottom: 25px;
  }
}
@media screen and (max-width: 575px) {
  .how-we-work__list {
    gap: 10px;
  }
  .how-we-work__item {
    height: 200px;
    min-width: calc(50% - 5px);
  }
  .how-we-work__item p {
    font-size: 14px;
    line-height: 16px;
  }
}
.join-team--bg {
  background-color: var(--jion-team-bg-color);
  background-image: var(--jion-team-bg-img);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--border-r);
  overflow: hidden;
  padding: 30px 25px 211px;
  position: relative;
}
.join-team__title {
  color: var(--section-title-light);
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}
.join-team__description {
  color: var(--white);
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.button-join-team {
  max-width: 188px;
  position: relative;
  z-index: 1;
}
.join-team__image {
  bottom: 0;
  height: auto;
  max-width: 750px;
  position: absolute;
  right: 0;
  width: 100%;
}
@media screen and (max-width: 1199px) {
  .join-team--bg {
    padding-bottom: 338px;
  }
}
@media screen and (max-width: 767px) {
  .join-team--bg {
    background-size: auto;
    padding: 25px 25px 236px;
  }
  .join-team__title {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 575px) {
  .join-team--bg {
    padding-bottom: 209px;
  }
}
.modal {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: auto;
}
.modal,
.modal__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__wrapper {
  background-color: var(--white);
  border-radius: var(--border-r);
  max-height: 90vh;
  overflow: hidden;
  padding: var(--padding);
  position: relative;
  top: -20%;
  -webkit-transition: top 0.4s;
  -o-transition: top 0.4s;
  transition: top 0.4s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 621px;
  width: 100%;
}
.modal.open .modal__wrapper {
  top: 0;
}
.modal__wrapper--big {
  height: 100%;
  max-height: 727px;
  max-width: 1020px;
}
.modal__close {
  color: var(--black);
  cursor: pointer;
  height: 48px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 48px;
  z-index: 2;
}
@media (hover: hover) {
  .modal__close:hover {
    color: var(--primary-pink);
  }
}
.modal__content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.modal__title {
  color: var(--black);
  margin-bottom: 15px;
  margin-right: 48px;
}
.modal__text {
  margin-right: 25px;
}
.modal__form {
  max-width: 540px;
  width: 100%;
}
.modal__form-description {
  margin-bottom: 30px;
  margin-top: 15px;
}
.modal__error-text,
.modal__success-text {
  font: var(--font-s);
}
.modal__error-text:not(:last-child),
.modal__success-text:not(:last-child) {
  margin-bottom: 15px;
}
.modal__quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
  min-width: 950px;
  width: 100%;
}
.modal__quiz .modal__title {
  margin-bottom: 0;
}
.modal__cart {
  max-width: 940px;
  width: 100%;
}
[id^='qr-code-'] .modal__content {
  text-align: center;
}
[id^='qr-code-'] .modal__title {
  font-size: 34px;
  line-height: 118%;
  margin: 30px auto 25px;
}
[id^='qr-code-'] .modal__body {
  background-color: var(--primary-light);
  border-radius: var(--border-r);
  margin: 0 auto;
  max-width: 320px;
  padding: 20px;
}
.qr-code__logo {
  margin: 0 auto 47px;
  width: 242px;
}
.qr-code__logo img {
  width: 100%;
}
[id^='qr-code-'] .modal__wrapper {
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  .modal {
    height: 100vh;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
  }
  [id^='qr-code-'] .modal__wrapper,
  .modal__wrapper {
    border-radius: 0;
    height: 100%;
    max-height: none;
    max-width: none;
    padding: 25px;
    width: 100%;
  }
  .modal__content {
    overflow-y: auto;
  }
  .modal__close {
    right: 10px;
    top: 10px;
  }
  .modal__form {
    max-width: none;
  }
  .modal__quiz {
    height: auto;
  }
}
@media screen and (max-height: 767px) {
  .modal {
    height: 100vh;
    left: 0;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
  }
  [id^='qr-code-'] .modal__wrapper,
  .modal__wrapper {
    border-radius: 0;
    height: 100%;
    max-height: none;
    max-width: none;
    padding: 25px;
    width: 100%;
  }
  .modal__content {
    margin: 0 auto;
    max-width: 940px;
    overflow-y: auto;
    padding-right: 8px;
    width: 100%;
  }
  .modal__close {
    right: 10px;
    top: 10px;
  }
  .modal__form {
    max-width: none;
  }
  .modal__quiz {
    height: auto;
  }
}
.modal__quiz-head {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 25px;
}
.modal__quiz-steps {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 533px;
}
.modal__quiz-steps,
.quiz__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quiz__navigation {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 10px;
  justify-content: space-between;
  margin-top: auto;
}
.quiz__navigation button {
  max-width: 196px;
}
.quiz__navigation button.button-quiz--next {
  margin-left: auto;
}
.button-quiz--prev {
  background-color: var(--white);
  border: 1px solid var(--primary-dark);
  border-radius: var(--border-r-12);
  color: var(--primary-dark);
}
@media (hover: hover) {
  .button-quiz--prev:hover {
    background-color: var(--primary-dark);
    border: 1px solid var(--primary-dark);
    color: var(--white);
  }
}
.button-quiz--prev:active {
  background-color: var(--dark-blue);
  border: 1px solid var(--primary-dark);
  color: var(--white);
}
@media (hover: none) {
  .button-quiz--prev:active {
    background-color: var(--primary-dark);
    border: 1px solid var(--primary-dark);
    color: var(--white);
  }
}
.button-quiz--prev:focus-visible {
  background-color: var(--primary-dark);
  color: var(--white);
  outline-color: var(--primary-pink);
}
.quiz__navigation {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.item__count {
  margin-bottom: 25px;
}
.item__count:last-child {
  margin-bottom: 0;
}
.item__count-title {
  color: var(--primary-dark);
  line-height: 117%;
}
.count__controls {
  position: relative;
}
.range-input {
  cursor: pointer;
  margin-bottom: 4px;
  margin-top: 42px;
  padding: 0;
  width: 100%;
}
.count__controls-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.max-value,
.min-value,
.range-value {
  color: var(--primary-dark);
  font: var(--font-s);
  font-weight: 700;
}
.range-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  position: absolute;
  top: 10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--primary-light);
  border: 1px solid var(--gray-300);
  border-radius: var(--border-r);
  cursor: ew-resize;
  width: 63px;
}
.bar-stands__list {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  gap: 20px;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, 1fr);
  max-height: 395px;
  overflow: hidden;
  padding: 10px;
}
.bar-stand {
  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;
  border: 2px solid #fff0;
  border-radius: var(--border-r-12);
  -webkit-box-shadow: 0 4px 20px 3px hsl(0 0% 67% / 0.2);
  box-shadow: 0 4px 20px 3px hsl(0 0% 67% / 0.2);
  cursor: pointer;
  gap: 20px;
  padding: 20px 4px 10px;
  width: 100%;
}
@media (hover: hover) {
  .bar-stand:hover {
    background-color: var(--gray-100);
    color: var(--primary-pink);
    outline: 2px solid var(--primary-pink);
  }
}
.bar-stand:has(input:checked) {
  background-color: var(--primary-pink);
  border-radius: var(--border-r-12);
  color: var(--white);
  outline: 2px solid var(--primary-pink);
}
.bar-stand.disabled {
  background-color: var(--color-disabled);
  border: 2px solid var(--color-disabled);
  color: var(--white);
  pointer-events: none;
}
.bar-stand input[type='checkbox'] {
  display: none;
}
.bar-stand__image {
  font-size: 1px;
  height: 119px;
  max-width: 213px;
  width: 100%;
}
.bar-stand__image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.bar-stand__image--cross {
  position: relative;
}
.bar-stand__image--cross svg {
  color: var(--primary-pink);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.bar-stand.disabled .bar-stand__image--cross svg,
.bar-stand:has(input:checked) .bar-stand__image--cross svg {
  color: var(--white);
}
.bar-stand__name {
  color: var(--primary-dark);
  font-size: 13px;
  text-align: center;
}
.step-3 .step__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
}
.step-3 .step__body,
.step__body-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.step__body-options {
  gap: 10px;
}
.step__option {
  margin-right: 10px;
  width: 33%;
}
.step__option .step__option-input[type='radio'] {
  display: none;
}
.step__option .step__option-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--white);
  border: 1px solid var(--gray-300);
  border-radius: var(--border-r-12);
  color: var(--primary-pink);
  cursor: pointer;
  font: var(--font-s);
  gap: 10px;
  padding: 20px 15px;
  width: 100%;
}
.step__option-description {
  font: var(--font-s);
}
.step__option .step__option-input[type='radio']:checked + .step__option-label {
  background: var(--primary-pink);
  border-color: var(--primary-pink);
  color: var(--white);
}
.step__option
  .step__option-input[type='radio']:checked
  + .step__option-label
  .step__option-summary {
  display: block;
}
@media (hover: hover) {
  .step__option .step__option-label:hover {
    background: var(--gray-100);
    border-color: var(--primary-pink);
  }
}
.step__option .step__option-input[type='radio']:disabled + .step__option-label {
  background: var(--color-disabled);
  color: var(--white);
}
.step__option-summary {
  display: none;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  margin-top: 10px;
}
.step__summary {
  background-color: var(--primary-light);
  border: 1px solid var(--gray-300);
  border-radius: var(--border-r-12);
  margin-top: auto;
  padding: 20px 15px;
}
.step__summary-item {
  color: var(--primary-dark);
  font-size: 14px;
  line-height: 128%;
  margin-bottom: 4px;
}
.step__summary-item:last-child {
  margin-bottom: 10px;
}
.step__summary-total {
  color: var(--primary-pink);
  font: var(--font-s);
  font-weight: 700;
}
.step__note {
  color: var(--black);
  font-size: 14px;
  line-height: 128%;
}
@media screen and (max-width: 1199px) {
  .modal__quiz {
    min-width: auto;
  }
  .bar-stands__list {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
  .bar-stand {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #quiz.modal,
  #quiz.modal__wrapper {
    overflow: auto;
  }
  .modal__quiz-steps {
    height: 100%;
  }
  .bar-stands__list {
    gap: 10px;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
  .bar-stands__list.ps,
  .bar-stands__list {
    overflow: auto !important;
    touch-action: auto !important;
    -ms-touch-action: auto !important;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
  }
  .bar-stand {
    width: 100%;
  }
  .bar-stand__image {
    height: 113px;
    width: 100%;
  }
  .step__body-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .step__option {
    width: 100%;
  }
  .step__option .step__option-label {
    font-size: 14px;
  }
  .step__option-summary {
    font-size: 14px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 575px) {
  .bar-stand {
    justify-items: center;
  }
  .bar-stand__image {
    height: 70px;
  }
  .quiz__navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .quiz__navigation button {
    max-width: none;
  }
}
@media screen and (max-width: 429px) {
  .bar-stand {
    min-width: 96px;
  }
  .bar-stands__list {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 359px) {
  .bar-stand {
    width: 100%;
  }
}
.recommendations__header {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}
.recommendations__header h2 {
  margin-bottom: 0;
}
.recommendations__header .button {
  width: auto;
  padding: 14px 25px 15px;
}
.recommendations__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.recommendations__inner .card__product {
  max-width: 248px;
}
@media screen and (max-width: 1399px) {
  .recommendations__inner .recommendations__item:nth-last-child(-n + 1) {
    display: none;
  }
  .recommendations__inner .card__product {
    max-width: 315px;
  }
}
@media screen and (max-width: 1199px) {
  .recommendations__inner .recommendations__item:nth-last-child(-n + 2) {
    display: none;
  }
  .recommendations__inner .card__product {
    max-width: 360px;
  }
}
@media screen and (max-width: 767px) {
  .recommendations__header {
    margin-bottom: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .recommendations__inner .recommendations__item:nth-last-child(-n + 3) {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .recommendations__inner .card__product {
    max-width: none;
  }
  .recommendations__inner .card__product {
    max-width: 248px;
  }
}
@media screen and (max-width: 430px) {
  .recommendations__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .recommendations__inner:has(.card__product) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.reviews__swiper {
  overflow: hidden;
}
.reviews__header {
  margin-bottom: 30px;
}
.reviews__header .section__title {
  margin-bottom: 0;
}
.reviews__description {
  color: var(--section-title);
  width: 70%;
}
.reviews__link {
  color: #c7c7c7;
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
}
.reviews__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: var(--white);
  border-radius: var(--border-r);
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: var(--padding);
  padding-right: 58px;
}
.reviews__text {
  font: var(--font-s);
}
.reviews__text:not(:last-of-type) {
  margin-bottom: 15px;
}
.reviews__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.reviews__avatar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 50px;
  width: 50px;
}
.reviews__avatar img {
  height: 100%;
  width: 100%;
}
.reviews__info-time {
  font-size: 14px;
  line-height: 128%;
}
.reviews__info-name {
  font: var(--font-s);
}
@media screen and (max-width: 767px) {
  .reviews__swiper {
    overflow: hidden;
  }
  .reviews__header {
    margin-bottom: 25px;
  }
  .reviews__description {
    width: 100%;
  }
}
.main-search.overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 137px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.main-search.open.active {
  background-color: var(--main-search-bg-active);
}
.main-search__close {
  color: var(--search-btn-close);
  height: 48px;
  position: absolute;
  right: 25px;
  top: 25px;
  width: 48px;
}
.main-search.open.active .main-search__close {
  color: var(--search-btn-close-overlay-active);
}
@media (hover: hover) {
  .main-search__close:hover {
    color: var(--primary-pink);
  }
}
.search-form__row {
  position: relative;
  width: 100%;
}
.search-form__input {
  background-color: var(--gray-100);
  border-radius: 50px;
  font: var(--font-m);
  padding: 17px 80px 17px 40px;
  width: 100%;
}
input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
input[type='search']::-ms-clear {
  display: none;
}
input[type='search']::clear {
  display: none;
}
.search-form__clear-btn,
.search-form__icon-wrapper {
  font-size: 0;
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.search-form__icon-wrapper {
  height: 22px;
  width: 22px;
}
.search-form__clear-btn {
  height: 18px;
  width: 18px;
}
.search-form__clear-btn svg,
.search-form__icon-wrapper svg {
  height: 100%;
  width: 100%;
}
.search-form__clear-btn.hidden,
.search-form__icon-wrapper.hidden {
  display: none;
}
@media (hover: hover) {
  .search-form__clear-btn:hover {
    color: var(--primary-pink);
  }
}
.main-search__results {
  display: -ms-grid;
  display: grid;
  padding-bottom: 50px;
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
  gap: 50px;
  -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
.result-title {
  color: var(--section-title);
  margin-bottom: 25px;
}
.result-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 25px;
}
.result-item {
  background-color: var(--result-item-bg);
  border-radius: var(--border-r);
  color: var(--result-item-text);
}
@media (hover: hover) {
  .result-item:hover {
    background-color: var(--result-item-bg-hover);
    color: var(--result-item-text-hover);
  }
}
.result-item__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  padding: 15px;
}
.result-item__image {
  border-radius: var(--border-r-12);
  font-size: 0;
  height: 70px;
  overflow: hidden;
  width: 98px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.result-item__image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.result-item__name {
  color: var(--result-item-text);
  display: -webkit-box;
  font: var(--font-s);
  font-weight: 400;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.result-item__price {
  color: var(--primary-pink);
  font: var(--font-s);
}
@media (hover: hover) {
  .result-item:hover .result-item__name,
  .result-item:hover .result-item__price {
    color: var(--result-item-text-hover);
  }
  .dark-theme .result-item:hover .result-item__price {
    color: var(--primary-pink);
  }
}
@media screen and (max-width: 1399px) {
  .main-search__results {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 991px) {
  .main-search__close {
    right: 25px;
    top: 25px;
  }
  .main-search__results {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .main-search__container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .search-form__input {
    padding-left: 25px;
    padding-right: 50px;
  }
  .search-form__clear-btn,
  .search-form__icon-wrapper {
    right: 25px;
  }
}
@media screen and (max-width: 575px) {
  .main-search {
    padding-top: 110px;
  }
}
.tariffs .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 20px;
}
.tariff {
  border-radius: var(--border-r);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid var(--gray-300);
}
.dark-theme .tariff {
  border: 1px solid var(--purple);
}
.tariff .head {
  background-color: var(--primary-dark);
  padding: 30px 25px;
}
.dark-theme .tariff .head {
  background-color: var(--dark-blue);
  background-color: var(--purple);
}
.tariff .head h3 {
  font: var(--font-xl);
  font-weight: 700;
  color: var(--white);
  text-align: center;
  margin-bottom: 10px;
}
.tariff .description {
  font: var(--font-s);
  color: var(--white);
  text-align: center;
}
.tariff .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-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 30px 25px;
  background-color: var(--white);
}
.dark-theme .tariff .body {
  background-color: var(--dark-blue);
}
.tariff .body .content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 32px;
}
.tariff .feature:not(:last-child) {
  margin-bottom: 20px;
}
.tariff .feature:last-child {
  margin-bottom: 0;
}
.tariff .feature-name {
  color: var(--gray-900);
  font: var(--font-m-bold);
}
.tariff .feature-name:not(:last-child) {
  margin-bottom: 10px;
}
.tariff .feature-value {
  color: var(--gray-800);
  font: var(--font-s);
}
.tariff .feature-value:not(:last-child) {
  margin-bottom: 4px;
}
.tariff .price {
  font-weight: 700;
  color: var(--primary-dark);
  text-align: center;
  margin-bottom: 30px;
}
.dark-theme .tariff .feature-name,
.dark-theme .tariff .price {
  color: var(--white);
}
.dark-theme .tariff .feature-value {
  color: var(--gray-400);
}
@media screen and (max-width: 1199px) {
  .tariffs .inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tariff {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(50% - 10px);
    flex: 0 1 calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .tariff {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  .tariff .body {
    padding: 15px 25px 25px;
  }
}
.video-gallery__item {
  aspect-ratio: 3/2;
  border-radius: var(--border-r);
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.button-play {
  height: 60px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 60px;
}
@media (hover: hover) {
  .video-gallery__item:hover {
    cursor: pointer;
  }
  .video-gallery__item:hover .button-play svg rect {
    fill: var(--white);
  }
  .video-gallery__item:hover .button-play svg path {
    fill: var(--primary-pink);
  }
}
.video-gallery__cover {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
#video .modal__close {
  color: var(--white);
}
#video .modal__wrapper {
  background-color: #fff0;
  max-width: 940px;
  padding: 0;
  position: static;
}
#video .content__wrapper {
  max-height: 580px;
  max-width: 1030px;
  width: auto;
}
#video .modal-cover {
  height: auto;
  width: 100%;
}
.iframe__wrapper {
  height: 100vh;
  max-height: 580px;
  width: 100%;
}
.iframe__wrapper iframe {
  height: 100%;
  width: 100%;
}
.iframe__wrapper lite-youtube {
  height: 100%;
  max-width: 100%;
}
.social-embed-buttons {
  left: 50%;
  max-height: 102px;
  max-width: 566px;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.social-embed-buttons,
.social-embed-buttons .social-embed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  gap: 20px;
  justify-content: center;
}
.social-embed-buttons .social-embed {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgb(11 7 24 / 0.8);
  border: 2px solid hsl(0 0% 100% / 0.3);
  border-radius: var(--border-r);
  padding: var(--padding);
}
@media (hover: hover) {
  .social-embed-buttons .social-embed:hover {
    border-color: #fff;
  }
}
.social-embed-buttons .social-embed .icon {
  height: 62px;
  width: 62px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.social-embed-buttons .social-embed.social-embed-youtube .icon {
  width: 89px;
}
.social-embed-buttons .social-embed .icon svg {
  height: 100%;
  width: 100%;
}
.social-embed-buttons .social-embed .text {
  color: var(--white);
  font: var(--font-s);
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  #video .modal__wrapper {
    height: auto;
  }
}
@media screen and (max-height: 767px) {
  #video .modal__wrapper {
    border-radius: var(--border-r);
    height: auto;
  }
  #video .modal__content {
    overflow: hidden;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .social-embed-buttons {
    -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;
  }
  .social-embed-buttons .social-embed {
    max-width: 270px;
    padding: 16px 20px 16px 16px;
  }
  .social-embed-buttons .social-embed .icon {
    height: 40px;
    width: 40px;
  }
}
@media screen and (max-width: 575px) {
  .video-gallery {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #video .modal__wrapper {
    width: calc(100% - 60px);
  }
  #video .content__wrapper {
    margin: 0 auto;
  }
  .social-embed-buttons {
    gap: 10px;
  }
  .social-embed-buttons .social-embed {
    border-radius: var(--border-r-12);
    gap: 10px;
    max-width: 171px;
    padding: 11px 16px 11px 12px;
  }
  .social-embed-buttons .social-embed .icon {
    height: 30px;
    width: 30px;
  }
  .social-embed-buttons .social-embed.social-embed-youtube .icon {
    width: 43px;
  }
  .social-embed-buttons .social-embed .text {
    line-height: 16px;
    width: 90px;
  }
}
.dropdown__share {
  position: relative;
}
.dropdown__share .dropdown__content {
  top: calc(100% + 10px);
  width: 278px;
  border-radius: var(--border-r);
  background-color: var(--bg-block);
}
.dropdown__share .dropdown__content .share__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px;
}
.dropdown__share .share__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-text);
  font: var(--font-s);
  gap: 6px;
  height: 34px;
}
.share__icon {
  color: var(--primary-pink);
  height: 30px;
  width: 30px;
  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;
}
.button-share {
  padding: 10px 11px 10px 9px;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background-color: rgba(111 94 145 / 0.5);
  -webkit-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}
.dropdown__icon-share {
  color: var(--primary-pink);
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
.dropdown__share.open .button-share {
  background-color: var(--white);
}
.dropdown__share.open .dropdown__icon-share {
  color: var(--primary-pink);
}
@media (hover: hover) {
  .button-share:hover .dropdown__icon-share {
    color: var(--white);
  }
  .dropdown__share .button-share:hover {
    background-color: var(--purple);
  }
  .dropdown__share.open .button-share:hover .dropdown__icon-share {
    color: var(--white);
  }
  .share__item:hover {
    color: var(--pink-700);
  }
}
.copy-toast {
  position: absolute;
  bottom: 70%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-5px);
  -ms-transform: translateX(-50%) translateY(-5px);
  transform: translateX(-50%) translateY(-5px);
  background-color: #323232;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease,
    -webkit-transform 0.3s ease;
  z-index: 10;
}
.copy-toast.show {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-10px);
  -ms-transform: translateX(-50%) translateY(-10px);
  transform: translateX(-50%) translateY(-10px);
}
.dropdown__share--secondary .button-share {
  background-color: rgba(224 224 224 / 0.5);
}
.dark-theme .dropdown__share--secondary .button-share {
  background-color: rgba(111 94 145 / 0.5);
}