@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap");
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  margin: 0;
  font-family: "Inter";
}

body.lock {
  overflow: hidden;
}

.container {
  max-width: 80.208vw;
  margin: 0 auto;
  padding: 0 1.042vw;
}

p {
  margin: 0;
}

ol,
ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, box-shadow 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, box-shadow 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
a svg {
  -webkit-transition: color 0.3s, fill 0.3s, opacity 0.3s;
  -o-transition: color 0.3s, fill 0.3s, opacity 0.3s;
  transition: color 0.3s, fill 0.3s, opacity 0.3s;
}
a svg path {
  -webkit-transition: fill 0.3s, stroke 0.3s, opacity 0.3s;
  -o-transition: fill 0.3s, stroke 0.3s, opacity 0.3s;
  transition: fill 0.3s, stroke 0.3s, opacity 0.3s;
}
a span {
  -webkit-transition: color 0.3s, opacity 0.3s;
  -o-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
}

button {
  border: none;
  cursor: pointer;
  outline: none;
  background: transparent;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, box-shadow 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, box-shadow 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s, opacity 0.3s, fill 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
button svg {
  -webkit-transition: color 0.3s, fill 0.3s, opacity 0.3s;
  -o-transition: color 0.3s, fill 0.3s, opacity 0.3s;
  transition: color 0.3s, fill 0.3s, opacity 0.3s;
}
button svg path {
  -webkit-transition: fill 0.3s, stroke 0.3s, opacity 0.3s;
  -o-transition: fill 0.3s, stroke 0.3s, opacity 0.3s;
  transition: fill 0.3s, stroke 0.3s, opacity 0.3s;
}
input,
textarea {
  border: none;
  outline: none;
  font-family: inherit;
  margin: 0;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(100 * var(--vh)); /* Минимильная высота - высота экрана (100 * var(--vh) нужно для моб. версий, 100vh не работает, так-как мешает адресная строка)  */
}

/* Блок между шапкой и подвалом */
.page {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; /* Это делается для того, чтобы блок между шапкой и подвалом растягивался и .main был на всю высоту экрана, иначе при маленьком контенте под футером останется пространство */
}

[data-wpr-lazyrender] {
  content-visibility: unset!important;
}

.img-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  z-index: -1;
}

.show-mob {
  display: none !important;
}

.show-mob-fl {
  display: none !important;
}

.show-tabl-fl {
  display: none !important;
}

.show-tabl {
  display: none !important;
}

.icon {
  -webkit-transition: background-color 0.3s, color 0.3s, opacity 0.3s, fill 0.3s;
  -o-transition: background-color 0.3s, color 0.3s, opacity 0.3s, fill 0.3s;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s, fill 0.3s;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: calc(100 * var(--vh));
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  background: rgba(41, 42, 53, 0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  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;
  pointer-events: none;
}

.modal.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

:root {
  --hero-bg: linear-gradient(180deg, rgba(127, 191, 253, 0.3) 0%, rgba(217, 236, 255, 0.3) 48.56%);
  --accent-color: #7f93a6;
  --hero-title-shadow:
      498.982px 471.407px 191.714px rgba(59, 118, 174, 0), 319.086px 302.016px 175.957px rgba(59, 118, 174, 0.01),
      179.896px 169.391px 148.382px rgba(59, 118, 174, 0.05), 80.1px 74.847px 110.301px rgba(59, 118, 174, 0.09),
      19.697px 18.384px 60.403px rgba(59, 118, 174, 0.1);
  --story-label-border: #bacfe3;
  --story-label-color: #20247a;
  --hero-text-color: #294665;
  --story-bg: linear-gradient(180deg, #f3f9ff 0%, #82DDFD 100%);
  --story-descr: #343e4a;
  --story-text: #2f5273;
  --story-form-bg: #fff;
  --btn-shop: #0b54a0;
  --btn-shop-border: #bacfe3;
  --timeline-bg: linear-gradient(-0deg, #3c70dd 0%, #82DDFD 100%);
  --timeline-text: #0b54a0;
}

.dark-theme {
  --hero-bg: linear-gradient(180deg, #062567 0%, #052466 48.56%);
  --accent-color: #00a5e6;
  --hero-title-shadow:
      182px 304px 99px rgba(100, 102, 167, 0.01), 116px 194px 91px rgba(100, 102, 167, 0.04),
      65px 109px 76px rgba(100, 102, 167, 0.15), 29px 49px 57px rgba(100, 102, 167, 0.26),
      7px 12px 31px rgba(100, 102, 167, 0.29);
  --story-label-border: rgba(186, 207, 227, 0.1);
  --story-label-color: #fff;
  --hero-text-color: #fff;
  --story-bg: linear-gradient(180deg, #052466 0%, #0b3182 100%);
  --story-descr: #fff;
  --story-text: #fff;
  --story-form-bg: #051f56;
  --btn-shop: #fff;
  --btn-shop-border: rgba(255, 255, 255, 0.15);
  --timeline-bg: linear-gradient(
      0deg,
      #7288c8 0.15%,
      #7081c1 2.65%,
      #6c70b0 11.17%,
      #6b6aaa 17.18%,
      #5f63a5 22.69%,
      #3f5098 33.21%,
      #0b3182 46.73%
  );
  --timeline-text: #19d8c4;
}

.show-dark {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s, visibility 1s;
  -o-transition: opacity 1s, visibility 1s;
  transition: opacity 1s, visibility 1s;
}

.show-light {
  -webkit-transition: opacity 1s, visibility 1s;
  -o-transition: opacity 1s, visibility 1s;
  transition: opacity 1s, visibility 1s;
}

.dark-theme .show-dark {
  opacity: 1;
  visibility: visible;
}
.dark-theme .show-light {
  opacity: 0;
  visibility: hidden;
}

.dark-theme .header__logo path:not(:nth-child(3)) {
  fill: #ffffff;
}

.header-menu {
  display: none;
}
.header-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.083vw;
}
.header-menu__item {
  opacity: 0.8;
  color: var(--UI-Middle, #343e4a);
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.031vw;
  white-space: nowrap;
}
.header-menu__item:hover {
  opacity: 1;
}
.header-menu li:last-child a {
  opacity: 1;
  border-radius: 90px;
  background: var(--Primary-Blue, #0b54a0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.677vw 0.781vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--UI-White, #fff);
}
.header-menu li:last-child a:hover {
  opacity: 0.8;
}

.header {
  padding: 2.083vw 0;
  z-index: 5;
  position: fixed;
  top: 0;
  width: 100%;
}
.header__container {
  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;
}
.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1.302vw;
}
.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.865vw;
  height: 2.865vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 900px;
  background: #fff;
}
.header__menu .icon {
  width: 1.354vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/burger.svg");
  -webkit-mask-image: url("../img/icons/burger.svg");
  background-color: #191c21;
}
.header__menu:hover {
  background: var(--Primary-Blue, #0B54A0);
}
.header__menu:hover .icon {
  background-color: #fff;
}
.header__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.313vw;
}
.header__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.865vw;
  padding: 1.042vw 1.875vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
  border-radius: 90px;
  font-family: Inter;
  font-size: 0.677vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.header__btn_order {
  background: var(--Primary-Blue, #0b54a0);
  color: var(--UI-White, #fff);
}
.header__btn_order:hover {
  opacity: 0.8;
}
.header__btn_shop {
  border: 1px solid var(--btn-shop-border);
  color: var(--btn-shop);
  padding: 1.042vw 0.99vw;
}
.header__btn_shop .icon {
  width: 0.833vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/arrow-up-right.svg");
  -webkit-mask-image: url("../img/icons/arrow-up-right.svg");
  background-color: var(--btn-shop);
}
.header__btn_shop:hover {
  border-color: var(--Primary-Blue, #0B54A0);
}
.header__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 7.5vw;
  height: auto;
}
.header__logo path {
  -webkit-transition: fill 1s;
  -o-transition: fill 1s;
  transition: fill 1s;
}
.header__logo svg {
  width: 100%;
  height: auto;
}
.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.302vw;
}
.header__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.26vw 1.042vw 0.26vw 0.26vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.938vw;
  border-radius: 900px;
  background: var(--UI-White, #fff);
  position: relative;
  -webkit-transition: background 1s, -webkit-box-shadow 1s;
  transition: background 1s, -webkit-box-shadow 1s;
  -o-transition: background 1s, box-shadow 1s;
  transition: background 1s, box-shadow 1s;
  transition: background 1s, box-shadow 1s, -webkit-box-shadow 1s;
}
.header__cart-img {
  width: 2.344vw;
  aspect-ratio: 1/1;
  border-radius: 900px;
  background: var(--primary-purple-blue-gradient, linear-gradient(180deg, #49207e 0%, #21257e 100%));
  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;
}
.header__cart-img .icon {
  width: 1.094vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/cart2.svg");
  -webkit-mask-image: url("../img/icons/cart2.svg");
  background-color: #fff;
}
.header__cart-price {
  color: var(--Primary-Dark-Blue, #20247a);
  text-align: center;
  font-size: 0.677vw;
  font-style: normal;
  font-weight: 700;
  line-height: 138%; /* 17.94px */
  -webkit-transition: color 1s;
  -o-transition: color 1s;
  transition: color 1s;
}
.header__cart-quant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.938vw;
  height: 0.938vw;
  padding: 2px 0;
  -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;
  position: absolute;
  right: 0.208vw;
  top: -0.182vw;
  z-index: 1;
  border-radius: 900px;
  background: var(--Secondary-Turquoise, #19d8c4);
}
.header__cart-quant span {
  opacity: 0.8;
  color: var(--UI-Middle, #343e4a);
  text-align: center;
  font-size: 0.573vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.header.sticky {
  padding: 0.625vw 0;
  background: var(--UI-White, #fff);
  -webkit-box-shadow: 0 0.208vw 1.406vw 0 rgba(9, 24, 48, 0.13);
          box-shadow: 0 0.208vw 1.406vw 0 rgba(9, 24, 48, 0.13);
  -webkit-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s;
}
.header.sticky .header__logo {
  display: none;
}
.header.sticky .header__btn_order {
  display: none;
}
.header.sticky .header__menu {
  background: var(--UI-Grey-Blue, #e7edf3);
}
.header.sticky .header__menu:hover {
  background: var(--Primary-Blue, #0B54A0);
}
.header.sticky .header__btn_shop {
  border-color: rgba(186, 207, 227, 0.5);
}
.header.sticky .header__btn_shop:hover {
  border-color: var(--Primary-Blue, #0B54A0);
}
.header.sticky .header-menu {
  display: block;
}
.header.sticky .header__right {
  gap: 2.083vw;
}
.header.sticky .header__cart {
  -webkit-box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
          box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
  margin-right: -0.75vw;
}

.dark-theme .header__cart {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1.5px inset rgba(255, 255, 255, 0.11);
          box-shadow: 0 0 0 1.5px inset rgba(255, 255, 255, 0.11);
}
.dark-theme .header__cart .header__cart-price {
  color: var(--UI-White, #fff);
}
.dark-theme .header.sticky {
  background: #001542;
}
.dark-theme .header.sticky .header-menu__item {
  color: var(--UI-White, #fff);
}
.dark-theme .header.sticky .header__menu {
  background: var(--UI-Grey-Blue, #e7edf3);
}
.dark-theme .header.sticky .header__menu:hover {
  background: var(--Primary-Blue, #0b54a0);
}
.dark-theme .header.sticky .header__btn_shop {
  color: var(--UI-White, #fff);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.dark-theme .header.sticky .header__btn_shop:hover {
  border-color: #fff;
}
.dark-theme .header.sticky .header__cart-price {
  color: var(--UI-White, #fff);
}
.dark-theme .header.sticky .header__cart {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1.5px inset rgba(255, 255, 255, 0.11);
          box-shadow: 0 0 0 1.5px inset rgba(255, 255, 255, 0.11);
}

.theme-toggle {
  position: relative;
  display: inline-block;
  width: 3.646vw;
  height: 1.641vw;
  cursor: pointer;
}

.theme-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.theme-toggle__slider {
  position: absolute;
  inset: 0;
  border-radius: 100px;
  overflow: hidden;
  background-image: url("../img/icons/switch-light.svg");
  background-size: cover;
  background-position: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.theme-toggle__thumb {
  position: absolute;
  width: 1.276vw;
  height: 1.276vw;
  top: 0.182vw;
  right: 0.182vw;
  border-radius: 50%;
  background: white;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.theme-toggle input:checked + .theme-toggle__slider {
  background-image: url("../img/icons/switch-dark.svg");
}

.theme-toggle input:checked + .theme-toggle__slider .theme-toggle__thumb {
  -webkit-transform: translateX(-1.979vw);
      -ms-transform: translateX(-1.979vw);
          transform: translateX(-1.979vw);
}

.hero {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(127, 191, 253, 0.3)), color-stop(48.56%, rgba(217, 236, 255, 0.3)));
  background: -o-linear-gradient(top, rgba(127, 191, 253, 0.3) 0%, rgba(217, 236, 255, 0.3) 48.56%);
  background: linear-gradient(180deg, rgba(127, 191, 253, 0.3) 0%, rgba(217, 236, 255, 0.3) 48.56%);
  padding: 11.823vw 0 3.021vw;
  position: relative;
  -webkit-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s;
}
.hero__main {
  margin: 0 auto;
  position: relative;
}
.hero__container {
  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;
  position: relative;
  z-index: 1;
}
.hero__main-further {
  width: 69.896vw;
  height: auto;
  display: block;
  margin: 0 auto;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.hero__title-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hero__title {
  margin: 0;
}
/* .hero__title {
  color: #3b76ae;
  background: url("../img/main/hero_bubble.png") bottom 0.625vw center/100% auto no-repeat, linear-gradient(180deg, rgba(255, 255, 255, 0) 41.83%, rgba(241, 247, 254, 0.4) 98.56%), #3b76ae;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: var(--hero-title-shadow);
  font-family: Oswald;
  font-size: 17.098vw;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.855vw;
  text-transform: uppercase;
  padding-right: 0.365vw;
  transition: color 1s, text-shadow 1s, background 1s;
} */
.hero__title-img {
  width: 59.219vw;
}
.hero__bubble {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
}
.hero__text {
  color: var(--hero-text-color);
  text-align: center;
  font-family: Inter;
  font-size: 2.188vw;
  font-style: normal;
  font-weight: 500;
  line-height: 114%; /* 2.494vw */
  letter-spacing: -0.131vw;
  max-width: 37.396vw;
  margin: 0 auto;
  -webkit-transition: color 1s;
  -o-transition: color 1s;
  transition: color 1s;
  margin-top: 0.625vw;
}
.hero__text span {
  color: var(--accent-color);
}
.hero__clouds {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 1.354vw;
  left: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.hero__arrow {
  margin-top: 3.281vw;
  width: 3.646vw;
  height: 6.25vw;
  position: relative;
}
.hero__arrow-icon {
  width: 3.646vw;
  height: 3.646vw;
  position: absolute;
  top: 0;
  -webkit-animation: floatY 2.5s ease-out infinite;
          animation: floatY 2.5s ease-out infinite;
}
.hero::after {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#062567), color-stop(48.56%, #052466));
  background: -o-linear-gradient(top, #062567 0%, #052466 48.56%);
  background: linear-gradient(180deg, #062567 0%, #052466 48.56%);
  opacity: 0;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 0;
}

.dark-theme .hero::after {
  opacity: 1;
}
.dark-theme .hero__clouds {
  opacity: 0.12;
}
.dark-theme .hero__main-further {
  opacity: 0.05;
}

@-webkit-keyframes floatY {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2.604vw);
            transform: translateY(2.604vw);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes floatY {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2.604vw);
            transform: translateY(2.604vw);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.story {
  background: var(--story-bg);
  position: relative;
  padding: 7.344vw 0;
  overflow: hidden;
}
.story__container {
  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;
  position: relative;
  z-index: 1;
}
.story__left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.667vw;
  position: relative;
}
.story__label {
  border-radius: 900px;
  border: 1px solid var(--story-label-border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.521vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.story__label > span {
  color: var(--story-label-color);
  text-align: center;
  display: block;
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 500;
  line-height: 114%; /* 0.891vw */
  letter-spacing: -0.047vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
}
.story__label > span::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background: var(--story-label-color);
}
.story__descr {
  color: var(--story-descr);
  font-size: 1.563vw;
  font-style: normal;
  font-weight: 500;
  line-height: 125%; /* 1.953vw */
  letter-spacing: -0.094vw;
  max-width: 35.677vw;
}
.story__descr span {
  color: var(--accent-color);
}
.story__text {
  color: var(--story-text);
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 1.5vw */
  letter-spacing: -0.056vw;
  max-width: 36.823vw;
}
.story__cloud {
  position: absolute;
  width: 34.792vw;
  height: auto;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.story__form {
  background: var(--story-form-bg);
  -webkit-box-shadow: -25.677vw 3.594vw 7.24vw 0 rgba(32, 92, 157, 0), -16.406vw 2.292vw 6.615vw 0 rgba(32, 92, 157, 0), -9.219vw 1.302vw 5.573vw 0 rgba(32, 92, 157, 0.02), -4.115vw 0.573vw 4.167vw 0 rgba(32, 92, 157, 0.03), -1.042vw 0.156vw 2.292vw 0 rgba(32, 92, 157, 0.03);
          box-shadow: -25.677vw 3.594vw 7.24vw 0 rgba(32, 92, 157, 0), -16.406vw 2.292vw 6.615vw 0 rgba(32, 92, 157, 0), -9.219vw 1.302vw 5.573vw 0 rgba(32, 92, 157, 0.02), -4.115vw 0.573vw 4.167vw 0 rgba(32, 92, 157, 0.03), -1.042vw 0.156vw 2.292vw 0 rgba(32, 92, 157, 0.03);
  mask-image: url("../img/main/story_form.svg");
  -webkit-mask-image: url("../img/main/story_form.svg");
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: left;
          mask-position: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 29.753vw;
  width: 47.4%;
  position: absolute;
  overflow: hidden;
  bottom: 2.969vw;
  right: 0;
}
.story__logo {
  width: 25.833vw;
  height: auto;
}
.story__bubble {
  position: absolute;
  height: 100%;
  width: auto;
  left: 0;
  top: 0;
}
.story__mountains {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0.1;
}
.story__mountains svg {
  width: 100%;
  height: auto;
}

.dark-theme .story__cloud {
  opacity: 0.1;
}

.scroll-slider {
  overflow: visible !important;
  z-index: 1;
}

.picture {
  height: 200vh;
  position: relative;
  z-index: 6;
  -webkit-transform: translateY(-15.625vw);
      -ms-transform: translateY(-15.625vw);
          transform: translateY(-15.625vw);
}

.picture__sticky {
  position: sticky;
  top: 0;
  height: 100%;
}

.picture img {
  position: absolute;
  width: 100%;
  height: auto;
}

.picture__layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  will-change: transform;
}

.picture__layer[data-layer="0"] {
  top: 10vh;
}

.picture__layer[data-layer="1"] {
  top: 30vh;
}

.picture__layer[data-layer="2"] {
  top: 23vh;
}

.picture__layer[data-layer="3"] {
  top: 34vh;
}

.picture__layer[data-layer="4"] {
  top: 36vh;
}

.picture__layer[data-layer="5"] {
  top: 38vh;
}

.picture__layer[data-layer="6"] {
  top: 77vh;
}

@media (max-width: 660px) {
  .picture__layer {
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .picture__layer[data-layer="0"],
  .picture__layer[data-layer="1"],
  .picture__layer[data-layer="3"],
  .picture__layer[data-layer="4"],
  .picture__layer[data-layer="5"] {
    top: 0;
  }
  .picture__layer[data-layer="2"] {
    top: -17px;
  }
  .picture__layer[data-layer="6"] {
    top: 65px;
  }
}
.picture__top {
  z-index: 1;
}

.picture__bottom {
  z-index: 2;
  margin-top: 34.375vw;
}

.timeline-wrap {
  background: var(--timeline-bg);
  padding-bottom: 20.833vw;
}

.timeline-sticky {
  position: relative;
  height: 200vh;
}

.timeline {
  position: sticky;
  top: 0;
  height: 100vh;
}
.timeline .container {
  position: relative;
  overflow: hidden;
}

.timeline.is-pinned {
  -ms-touch-action: none;
      touch-action: none;
}

.scroll-slider__inner {
  height: 100vh;
  z-index: 2;
  position: relative;
}

.pin-spacer {
  z-index: 1 !important;
}

.years {
  position: absolute;
  height: 290vh;
  left: -7.656vw;
  top: 13.906vw;
}

.timeline__cloud {
  position: absolute;
  top: 16.667vw;
  right: 12.448vw;
}

.timeline__item {
  height: 100vh;
  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;
}
.timeline__item:last-child .timeline__adv {
  margin-top: 6.042vw;
}
.timeline__item:nth-of-type(2) .timeline__subtitle {
  width: 23.854vw;
}
.timeline__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
}
.timeline_a {
  width: 43.333vw;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.timeline__left {
  width: 25.365vw;
}
.timeline__num {
  color: var(--UI-Light-Grey, #f3f4f5);
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 146%; /* 26.28px */
  letter-spacing: -0.056vw;
  opacity: 0.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.573vw;
}
.timeline__num::after {
  content: "";
  display: block;
  width: 4.635vw;
  height: 1px;
  background: #f3f4f5;
}
.timeline__title {
  color: var(--UI-White, #fff);
  font-family: Oswald;
  font-size: 4.01vw;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 96.25px */
  letter-spacing: -0.201vw;
  text-transform: uppercase;
  margin-bottom: 0.99vw;
}
.timeline__subtitle {
  color: var(--UI-White, #fff);
  font-size: 1.771vw;
  font-style: normal;
  font-weight: 400;
  line-height: 146%; /* 2.585vw */
  letter-spacing: -0.106vw;
}
.timeline__subtitle span {
  color: var(--timeline-text);
  border-radius: 900px;
  border: 1.3px solid var(--timeline-text);
  padding: 0.104vw 0.833vw;
}
.timeline__center {
  height: 17.969vw;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.timeline__img {
  width: 22.5vw;
  height: auto;
  position: absolute;
  left: 50%;
  top: 44.5%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.timeline__right {
  margin-top: 2.083vw;
}
.timeline__icon {
  width: 1.771vw;
  aspect-ratio: 1;
  margin-bottom: 0.677vw;
}
.timeline__descr {
  width: 25.365vw;
}
.timeline__descr p {
  color: var(--UI-White, #fff);
  font-size: 1.042vw;
  font-style: normal;
  font-weight: 400;
  line-height: 165%; /* 1.719vw */
  letter-spacing: -0.063vw;
}
.timeline__descr p:not(:last-child) {
  margin-bottom: 1.042vw;
}

.dark-theme .timeline__title span {
  color: var(--Secondary-Turquoise, #19d8c4);
}

.timeline__adv {
  width: 40.104vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.042vw 1fr;
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr 1.042vw 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 1.042vw;
}

.timeline__adv > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.timeline__adv > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.timeline__adv > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.timeline__adv > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.timeline__adv-item {
  border-radius: 1.042vw;
  border: 1px solid rgba(255, 255, 255, 0.19);
  background: -o-radial-gradient(47.2% 100%, 12.87% 44.8%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgba(40, 77, 134, 0.5);
  background: radial-gradient(12.87% 44.8% at 47.2% 100%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%), rgba(40, 77, 134, 0.5);
  -webkit-backdrop-filter: blur(22.5px);
          backdrop-filter: blur(22.5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.302vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.781vw;
}
.timeline__adv-icon {
  display: block;
  width: 2.344vw;
  aspect-ratio: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.timeline__adv-title {
  color: var(--UI-White, #fff);
  font-size: 1.198vw;
  font-style: normal;
  font-weight: 600;
  line-height: 138%; /* 1.653vw */
  letter-spacing: -0.072vw;
  margin-bottom: 0.26vw;
}
.timeline__adv-descr {
  opacity: 0.8;
  color: var(--UI-White, #fff);
  font-family: Inter;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 400;
  line-height: 129%; /* 1.075vw */
  letter-spacing: -0.05vw;
}
.timeline__adv-descr span {
  font-weight: 700;
}

.technology {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40.31%, #40444b), color-stop(67.89%, #273a5c), to(#1a4186));
  background: -o-linear-gradient(top, #40444b 40.31%, #273a5c 67.89%, #1a4186 100%);
  background: linear-gradient(180deg, #40444b 40.31%, #273a5c 67.89%, #1a4186 100%);
  padding-top: 37.344vw;
  padding-bottom: 4.688vw;
  position: relative;
  margin-top: 5.208vw;
}
.technology__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.521vw;
  position: relative;
}
.technology__left {
  position: sticky;
  padding-bottom: 37.708vw;
  top: 4.427vw;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 2;
}
.technology__title {
  color: var(--UI-White, #fff);
  font-family: Oswald;
  font-size: 3.75vw;
  font-style: normal;
  font-weight: 600;
  line-height: 4.948vw; /* 131.944% */
  letter-spacing: -0.188vw;
  text-transform: uppercase;
  margin-bottom: 1.302vw;
  max-width: 25.677vw;
}
.technology__descr {
  max-width: 25.521vw;
  opacity: 0.8;
  color: var(--UI-White, #fff);
  font-size: 1.042vw;
  font-style: normal;
  font-weight: 400;
  line-height: 146%; /* 1.521vw */
  letter-spacing: -0.063vw;
}
.technology__img {
  margin-top: 2.188vw;
  height: 51.042vw;
  width: auto;
  position: absolute;
  right: -5.625vw;
  top: 20.833vw;
}
.technology__right {
  width: 38.385vw;
  margin-top: 15.938vw;
  position: relative;
  z-index: 3;
}
.technology__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.042vw;
}
.technology__item {
  border-radius: 1.563vw;
  background: -o-radial-gradient(50% 100%, 45.3% 51.29%, rgba(7, 242, 251, 0.2) 0%, rgba(7, 242, 251, 0) 100%), #20247a;
  background: radial-gradient(45.3% 51.29% at 50% 100%, rgba(7, 242, 251, 0.2) 0%, rgba(7, 242, 251, 0) 100%), #20247a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.083vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.083vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.technology__content {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.technology__num {
  color: var(--UI-Light-Grey, #f3f4f5);
  font-size: 0.729vw;
  font-style: normal;
  font-weight: 400;
  line-height: 146%; /* 1.065vw */
  letter-spacing: -0.044vw;
  opacity: 0.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.573vw;
}
.technology__num::after {
  content: "";
  display: block;
  width: 3.646vw;
  height: 1px;
  background: #f3f4f5;
}
.technology__name {
  color: var(--UI-White, #fff);
  font-size: 1.406vw;
  font-style: normal;
  font-weight: 500;
  line-height: 138%; /* 1.941vw */
  letter-spacing: -0.098vw;
}
.technology__text {
  color: #fff;
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 151%; /* 1.416vw */
  letter-spacing: -0.037vw;
}
.technology__text span {
  color: var(--Primary-Light-Blue, #00a5e6);
}
.technology__icon {
  width: 1.25vw;
  aspect-ratio: 1;
  display: block;
}
.technology__stones {
  width: 100%;
  height: auto;
  position: absolute;
  top: 39.427vw;
  left: 0;
  z-index: 1;
}

.assortment {
  padding: 2.604vw;
  padding-bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40.31%, #1a4186), color-stop(72.42%, #192e96), to(#181494));
  background: -o-linear-gradient(top, #1a4186 40.31%, #192e96 72.42%, #181494 100%);
  background: linear-gradient(180deg, #1a4186 40.31%, #192e96 72.42%, #181494 100%);
}
.assortment__block {
  padding: 2.604vw 0 0 1.302vw;
  border-radius: 2.083vw;
  background: var(--UI-White, #fff);
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: background 1s;
  -o-transition: background 1s;
  transition: background 1s;
  max-width: 76.824vw;
  margin-left: auto;
  margin-right: auto;
}
.assortment__title {
  color: var(--UI-Full-Dark, #191c21);
  font-family: Oswald;
  font-size: 3.021vw;
  font-style: normal;
  font-weight: 600;
  line-height: 132%; /* 4.469vw */
  letter-spacing: -0.169vw;
  text-transform: uppercase;
  margin-bottom: 0.521vw;
  margin-top: 0;
  text-align: center;
}
.assortment__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.521vw;
  height: 36.615vw;
}

.tabs-wrap {
  height: 100%;
}

.tabs {
  width: 14.896vw;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.tab {
  width: 100%;
  border-radius: 0.573vw;
  -webkit-box-shadow: 0 0 0 1px inset var(--UI-Grey-Blue, #e7edf3);
          box-shadow: 0 0 0 1px inset var(--UI-Grey-Blue, #e7edf3);
  background: var(--UI-White, #fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.208vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: background 0.3s, box-shadow 0.3s, color 0.3s;
  transition: background 0.3s, box-shadow 0.3s, color 0.3s;
  transition: background 0.3s, box-shadow 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
}
.tab__block {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  height: 100%;
}
.tab_content {
  width: 100%;
}
.tab__pic {
  border-radius: 0.573vw;
  background: var(--UI-BG, #eff5fb);
  width: 2.24vw;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.tab__img {
  width: 1.979vw;
  height: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 4px;
}
.tab__name {
  color: var(--UI-Middle, #343e4a);
  font-size: 0.729vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.036vw;
  text-align: left;
}
.tab:not(.active):hover {
  -webkit-box-shadow: 0 0 0 1px inset var(--Primary-Blue, #0b54a0);
          box-shadow: 0 0 0 1px inset var(--Primary-Blue, #0b54a0);
}
.tab:not(.active):hover .tab__pic {
  background: var(--UI-White, #fff);
}
.tab.active {
  background: var(--Primary-Blue, #0b54a0);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tab.active .tab__name {
  color: var(--UI-White, #fff);
}

.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 4.115vw;
  position: relative;
  overflow: hidden;
}
.product__content {
  width: 30.781vw;
}
.product__top {
  margin-bottom: 1.198vw;
}
.product__brand {
  color: var(--Primary-Blue, #0b54a0);
  font-size: 0.885vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.044vw;
  text-transform: uppercase;
  margin-bottom: 0.156vw;
}
.product__name {
  color: var(--UI-Middle, #343e4a);
  font-size: 2.292vw;
  font-style: normal;
  font-weight: 600;
  line-height: 113%; /* 2.59vw */
  letter-spacing: -0.183vw;
  max-width: 19.271vw;
}
.product__spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.198vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.product__spec-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.product__spec-icon {
  width: 1.042vw;
  aspect-ratio: 1/1;
  display: block;
}
.product__spec-name {
  color: var(--UI-Middle, #343e4a);
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 700;
  line-height: 138%; /* 1.294vw */
  letter-spacing: -0.056vw;
  margin-bottom: 0.26vw;
}
.product__spec-descr {
  opacity: 0.7;
  color: var(--UI-Middle, #343e4a);
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 400;
  line-height: 138%; /* 1.294vw */
  letter-spacing: -0.056vw;
}
.product__bottom {
  margin-top: 1.198vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.781vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.product__prices {
  min-width: 8.229vw;
}
.product__price-label {
  color: var(--UI-Full-Dark, #191c21);
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 500;
  line-height: 138%; /* 1.15vw */
  letter-spacing: -0.033vw;
  margin-bottom: 0.104vw;
}
.product__price {
  color: var(--Primary-Blue, #0b54a0);
  font-family: Oswald;
  font-size: 2.344vw;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 2.344vw */
  letter-spacing: -0.117vw;
  text-transform: uppercase;
  margin-bottom: 0.104vw;
}
.product__price-old {
  color: var(--UI-Middle, #343e4a);
  font-family: Oswald;
  font-size: 1.198vw;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 1.198vw */
  letter-spacing: -0.06vw;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  text-transform: uppercase;
  opacity: 0.3;
}
.product__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.product__quant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
}
.product__quant-btn {
  border-radius: 900px;
  background: var(--UI-BG, #eff5fb);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3.125vw;
  height: 3.125vw;
  -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;
}
.product__quant-btn .icon {
  width: 1.25vw;
  aspect-ratio: 1;
  background-color: #343e4a;
}
.product__quant-btn:hover {
  background: #bacfe3;
}
.product__quant-value {
  color: var(--UI-Middle, #343e4a);
  text-align: center;
  font-size: 1.042vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  min-width: 2.188vw;
}
.product__order {
  border-radius: 900px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: radial-gradient(45.3% 51.29% at 50% 100%, rgba(7, 242, 251, 0.2) 0%, rgba(7, 242, 251, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(#49207e), to(#21257e));
  background: -o-radial-gradient(50% 100%, 45.3% 51.29%, rgba(7, 242, 251, 0.2) 0%, rgba(7, 242, 251, 0) 100%), -o-linear-gradient(top, #49207e 0%, #21257e 100%);
  background: radial-gradient(45.3% 51.29% at 50% 100%, rgba(7, 242, 251, 0.2) 0%, rgba(7, 242, 251, 0) 100%), linear-gradient(180deg, #49207e 0%, #21257e 100%);
  -webkit-box-shadow: 0 0.208vw 0.469vw 0 rgba(27, 15, 76, 0.5), 0 0.833vw 1.771vw 0 rgba(49, 22, 114, 0.25), 0 0.156vw 0 0 #161369;
          box-shadow: 0 0.208vw 0.469vw 0 rgba(27, 15, 76, 0.5), 0 0.833vw 1.771vw 0 rgba(49, 22, 114, 0.25), 0 0.156vw 0 0 #161369;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 12.344vw;
  height: 3.646vw;
  padding: 1.458vw 1.354vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
}
.product__order span {
  color: var(--UI-White, #fff);
  font-family: Inter;
  font-size: 0.729vw;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}
.product__order::after {
  content: "";
  opacity: 0;
  inset: 0;
  display: block;
  background: radial-gradient(45.3% 51.29% at 50% 100%, rgba(7, 242, 251, 0.2) 0%, rgba(7, 242, 251, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(#1B62BF), to(#382E8E));
  background: -o-radial-gradient(50% 100%, 45.3% 51.29%, rgba(7, 242, 251, 0.2) 0%, rgba(7, 242, 251, 0) 100%), -o-linear-gradient(top, #1B62BF 0%, #382E8E 100%);
  background: radial-gradient(45.3% 51.29% at 50% 100%, rgba(7, 242, 251, 0.2) 0%, rgba(7, 242, 251, 0) 100%), linear-gradient(180deg, #1B62BF 0%, #382E8E 100%);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.product__order:hover {
  -webkit-box-shadow: 0 4px 9px 0 rgba(54, 22, 180, 0.5), 0 16px 34px 0 rgba(77, 31, 186, 0.25), 0 3px 0 0 #0D2099;
          box-shadow: 0 4px 9px 0 rgba(54, 22, 180, 0.5), 0 16px 34px 0 rgba(77, 31, 186, 0.25), 0 3px 0 0 #0D2099;
}
.product__order:hover::after {
  opacity: 1;
}
.product__more {
  display: block;
  margin-top: 1.823vw;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.729vw 1.354vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.417vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-radius: 900px;
  border: 1px solid #fff;
  background: var(--UI-Dark-Grey-Blue, #bacfe3);
  color: var(--Primary-Dark-Blue, #20247a);
  font-family: Inter;
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.023vw;
}
.product__more:hover {
  opacity: 0.8;
}
.product__img {
  width: 27.635vw;
  height: auto;
  top: 1.021vw;
  right: -2.135vw;
  position: absolute;
  z-index: -1;
}

.icon {
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.minus {
  mask-image: url("../img/icons/minus.svg");
  -webkit-mask-image: url("../img/icons/minus.svg");
}

.plus {
  mask-image: url("../img/icons/plus.svg");
  -webkit-mask-image: url("../img/icons/plus.svg");
}

.tab__content {
  -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  -o-transition: opacity 1s, transform 1s, visibility 1s;
  transition: opacity 1s, transform 1s, visibility 1s;
  transition: opacity 1s, transform 1s, visibility 1s, -webkit-transform 1s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
  visibility: hidden;
  pointer-events: none;
}
.tab__content.show {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
  visibility: visible;
}

.menu-wrap {
  height: calc(100 * var(--vh));
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(4, 6, 34, 0.2);
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.menu-wrap.show {
  opacity: 1;
  visibility: visible;
}
.menu-wrap.show .menu {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.menu {
  border-radius: 0 1.354vw 1.354vw 0;
  background: var(--UI-White, #fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40.313vw;
  height: calc(100 * var(--vh));
  overflow-y: auto;
  padding: 2.604vw;
  -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;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.menu__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 2.604vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.menu__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
}
.menu__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.188vw;
  padding: 0.573vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 0.521vw;
  -webkit-box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
          box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
}
.menu__user .icon {
  width: 0.99vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/user.svg");
  -webkit-mask-image: url("../img/icons/user.svg");
  background-color: #191c21;
}
.menu__user:hover {
  -webkit-box-shadow: 0 0 0 1.5px inset #0B54A0;
          box-shadow: 0 0 0 1.5px inset #0B54A0;
}
.menu__cart {
  border-radius: 0.521vw;
  -webkit-box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
          box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
  background: var(--UI-White, #fff);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.188vw;
  padding: 0.156vw 0.521vw 0.156vw 0.156vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.417vw;
}
.menu__cart:hover {
  -webkit-box-shadow: 0 0 0 1.5px inset #0B54A0;
          box-shadow: 0 0 0 1.5px inset #0B54A0;
}
.menu__cart-icon {
  border-radius: 0.365vw;
  background: #e7edf3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.875vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.menu__cart-icon .icon {
  width: 0.99vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/cart2.svg");
  -webkit-mask-image: url("../img/icons/cart2.svg");
  background-color: #191c21;
}
.menu__list {
  margin-top: 3.125vw;
  width: 100%;
}
.menu__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  border-bottom: 1px solid var(--UI-Light-Grey, #f3f4f5);
  height: 4.427vw;
}
.menu__item {
  color: var(--UI-Full-Dark, #191c21);
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.133vw;
  padding: 0.781vw 1.563vw;
  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;
  width: 100%;
}
.menu__item::after {
  content: "";
  display: block;
  width: 2.865vw;
  height: 2.865vw;
  mask-image: url("../img/icons/arrow-right.svg");
  -webkit-mask-image: url("../img/icons/arrow-right.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #343E4A;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.menu__item:hover {
  background: var(--UI-Light-Grey, #F3F4F5);
  color: var(--Primary-Dark-Blue, #20247A);
}
.menu__item:hover:after {
  opacity: 1;
}
.menu__buttons {
  margin-top: 3.125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.26vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  margin-bottom: 1.563vw;
}
.menu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.99vw 1.354vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.313vw;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 900px;
  color: var(--Primary-Dark-Blue, #20247a);
  font-family: Inter;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.025vw;
  white-space: nowrap;
}
.menu__btn_shop {
  background: var(--UI-Dark-Grey-Blue, #bacfe3);
}
.menu__btn_shop .icon {
  width: 0.833vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/arrow-up-right.svg");
  -webkit-mask-image: url("../img/icons/arrow-up-right.svg");
  background-color: #20247a;
}
.menu__btn_shop:hover {
  opacity: 0.8;
}
.menu__btn_cart {
  border: 1px solid var(--UI-Dark-Grey-Blue, #bacfe3);
}
.menu__btn_cart:hover {
  border-color: #0B54A0;
}
.menu__contacts {
  margin-top: auto;
}
.menu__contacts-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.083vw;
  margin-bottom: 1.042vw;
}
.menu__phones {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625vw;
}
.menu__phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
}
.menu__phone-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.365vw;
}
.menu__phone-link:hover .menu__phone-number {
  color: #0B54A0;
}
.menu__phone-icon {
  width: 1.146vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/phone.svg");
  -webkit-mask-image: url("../img/icons/phone.svg");
  background-color: #92969a;
}
.menu__phone-number {
  color: var(--UI-Full-Dark, #191c21);
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 700;
  line-height: 143%; /* 1.341vw */
  letter-spacing: -0.047vw;
}
.menu__phone-label {
  color: var(--UI-System-Grey, #92969a);
  font-size: 0.729vw;
  font-style: normal;
  font-weight: 500;
  line-height: 138%; /* 1.006vw */
  letter-spacing: -0.036vw;
}
.menu__phone-whatsapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.365vw;
}
.menu__callback {
  border-radius: 0.521vw;
  -webkit-box-shadow: 0 0 0 2px inset var(--UI-Grey-Blue, #e7edf3);
          box-shadow: 0 0 0 2px inset var(--UI-Grey-Blue, #e7edf3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.042vw 1.302vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: var(--Primary-Dark-Blue, #20247a);
  font-family: Inter;
  font-size: 0.833vw;
  font-style: normal;
  font-weight: 600;
  line-height: 138%; /* 22.08px */
}
.menu__callback .icon {
  width: 0.833vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/phone.svg");
  -webkit-mask-image: url("../img/icons/phone.svg");
  background-color: #20247a;
}
.menu__callback:hover {
  -webkit-box-shadow: 0 0 0 2px inset #20247a;
          box-shadow: 0 0 0 2px inset #20247a;
}
.menu__email-label {
  color: var(--UI-System-Grey, #92969a);
  font-size: 0.729vw;
  font-style: normal;
  font-weight: 500;
  line-height: 138%; /* 1.006vw */
  letter-spacing: -0.036vw;
  margin-bottom: 0.365vw;
}
.menu__email-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.313vw;
}
.menu__email-link .icon {
  width: 1.354vw;
  aspect-ratio: 1;
  mask-image: url("../img/icons/email.svg");
  -webkit-mask-image: url("../img/icons/email.svg");
  background-color: #20247a;
}
.menu__email-link span {
  color: var(--Primary-Dark-Blue, #20247a);
  font-family: Inter;
  font-size: 1.146vw;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 33px */
  border-bottom: 1px solid rgba(32, 36, 122, 0.3);
}
.menu__email-link:hover span {
  color: #0B54A0;
}
.menu__close {
  position: absolute;
  right: 0.781vw;
  top: 0.781vw;
  border-radius: 0.469vw;
  background: var(--UI-Light-Grey, #f3f4f5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu__close .icon {
  width: 0.99vw;
  aspect-ratio: 1;
  -webkit-mask-image: url("../img/icons/close.svg");
          mask-image: url("../img/icons/close.svg");
  mask-image: url("../img/icons/close.svg");
  background-color: #20247a;
}
.menu__close:hover {
  background: #bacfe3;
}

.dark-theme .menu {
  background: #001542;
}
.dark-theme .menu .menu__item {
  color: var(--UI-White, #fff);
}
.dark-theme .menu .menu__item:after {
  background-color: #00a5e6;
}
.dark-theme .menu .menu__item:hover {
  color: #00a5e6;
  background: transparent;
}
.dark-theme .menu .menu__list li {
  border-bottom-color: rgba(243, 244, 245, 0.06);
}
.dark-theme .menu .menu__close {
  background: #15274d;
}
.dark-theme .menu .menu__close .icon {
  background-color: #fff;
}
.dark-theme .menu .menu__cart-icon {
  background: var(--Primary-Blue, #0b54a0);
}
.dark-theme .menu .menu__cart-icon .icon {
  background-color: #fff;
}
.dark-theme .menu .menu__user {
  -webkit-box-shadow: 0 0 0 1.5px inset rgba(255, 255, 255, 0.06);
          box-shadow: 0 0 0 1.5px inset rgba(255, 255, 255, 0.06);
}
.dark-theme .menu .menu__user .icon {
  background-color: #fff;
}
.dark-theme .menu .menu__user:hover {
  -webkit-box-shadow: 0 0 0 1.5px inset #00a5e6;
          box-shadow: 0 0 0 1.5px inset #00a5e6;
}
.dark-theme .menu .menu__btn_cart {
  border-color: rgba(186, 207, 227, 0.2);
  color: var(--Primary-Light-Blue, #00a5e6);
}
.dark-theme .menu .menu__btn_cart:hover {
  border-color: #00a5e6;
}
.dark-theme .menu .menu__phone-number {
  color: var(--UI-White, #fff);
}
.dark-theme .menu .menu__phone-icon {
  background-color: #92969a;
}
.dark-theme .menu .menu__phone-label,
.dark-theme .menu .menu__email-label {
  color: var(--UI-Dark-Grey-Blue, #bacfe3);
}
.dark-theme .menu .menu__email-link span {
  color: var(--Primary-Light-Blue, #00a5e6);
}
.dark-theme .menu .menu__email-link .icon {
  background-color: var(--Primary-Light-Blue, #00a5e6);
}
.dark-theme .menu .menu__cart {
  background: transparent;
  -webkit-box-shadow: 0 0 0 1.5px inset rgba(255, 255, 255, 0.06);
          box-shadow: 0 0 0 1.5px inset rgba(255, 255, 255, 0.06);
}
.dark-theme .menu .menu__cart:hover {
  -webkit-box-shadow: 0 0 0 1.5px inset #00a5e6;
          box-shadow: 0 0 0 1.5px inset #00a5e6;
}
.dark-theme .menu .header__cart-price {
  color: var(--UI-White, #fff);
}
.dark-theme .menu .menu__callback {
  color: var(--Primary-Light-Blue, #00a5e6);
}
.dark-theme .menu .menu__callback .icon {
  background-color: var(--Primary-Light-Blue, #00a5e6);
}
.dark-theme .menu .menu__callback:hover {
  -webkit-box-shadow: 0 0 0 2px inset var(--UI-Grey-Blue, #00a5e6);
          box-shadow: 0 0 0 2px inset var(--UI-Grey-Blue, #00a5e6);
}
.dark-theme .menu .menu__phone-link:hover .menu__phone-number {
  color: #00a5e6;
}
.dark-theme .menu .menu__email-link:hover span {
  color: #bacfe3;
}
.dark-theme .menu .menu__close:hover {
  background: #00a5e6;
}
.modal__container {
  width: 100vw;
  padding: 2.604vw;
  background: var(--UI-White, #fff);
  max-height: calc(100 * var(--vh));
  overflow-y: auto;
  position: relative;
}
.modal.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.article__top {
  margin-bottom: 2.344vw;
  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;
  gap: 0.156vw;
}
.article__title {
  color: var(--UI-Middle, #343e4a);
  text-align: center;
  font-family: Oswald;
  font-size: 3.385vw;
  font-style: normal;
  font-weight: 600;
  line-height: 132%; /* 4.469vw */
  letter-spacing: -0.169vw;
  text-transform: uppercase;
}
.article__content {
  position: relative;
}
.article__img {
  position: absolute;
  width: 33.542vw;
  max-height: 63.021vw;
  height: auto;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.article__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.563vw;
}
.article__info .product__order {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.article__info .product__actions {
  width: 100%;
}
.article__left {
  width: 23.854vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5.208vw;
}
.article__subtitle {
  color: var(--UI-Full-Dark, #191c21);
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 138%; /* 2.3vw */
  letter-spacing: -0.1vw;
  margin-bottom: 1.198vw;
}
.article__descr-text p {
  color: var(--UI-Middle, #343e4a);
  font-size: 0.885vw;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: -0.053vw;
}
.article__descr-text p:not(:last-child) {
  margin-bottom: 1.042vw;
}
.article__descr-text b {
  font-weight: 700;
}
.article__properties {
  width: 100%;
}
.article__properties-list {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0.521vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  width: 100%;
}
.article__property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
}
.article__property * {
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 500;
  line-height: 138%; /* 1.078vw */
  letter-spacing: -0.039vw;
}
.article__property-name {
  color: var(--UI-System-Grey, #92969a);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.521vw;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  white-space: nowrap;
}
.article__property-name::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  height: 1px;
  border: 1px dashed #92969a;
  opacity: 0.3;
  min-width: 30px;
}
.article__property-value {
  color: var(--UI-Middle, #343e4a);
  text-align: right;
  max-width: 80%;
}

.article__right {
  width: 23.854vw;
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 5.208vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.article__accent {
  border-radius: 1.042vw;
  background: var(--UI-BG, #eff5fb);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.302vw;
  -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;
  gap: 1.563vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.article__accent .product__quant-btn {
  background: var(--UI-White, #fff);
  -webkit-box-shadow: 0 0.417vw 0.885vw 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.417vw 0.885vw 0 rgba(0, 0, 0, 0.06);
}
.article__accent .product__quant-btn:hover {
  background: #BACFE3;
}
.article__accent .product__prices {
  min-width: 0;
}
.article__accent-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.781vw;
}
.article__payment {
  width: 100%;
}
.article__payment-label {
  color: var(--UI-Middle, #343e4a);
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.146vw; /* 122.222% */
  letter-spacing: -0.028vw;
  margin-bottom: 0.521vw;
}
.article__payment-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0.417vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.article__payment-item {
  border-radius: 0.729vw;
  background: var(--UI-White, #fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  height: 3.021vw;
  padding: 0 0.521vw;
  -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;
}
.article__payment-item img {
  height: auto;
  display: block;
}
.article__payment-item:nth-child(1) img {
  width: 2.031vw;
}
.article__payment-item:nth-child(2) img {
  width: 1.302vw;
}
.article__payment-item:nth-child(3) img {
  width: 2.396vw;
}
.article__payment-item:nth-child(4) img {
  width: 1.927vw;
}

.product__prices-info_item {
  color: #777f87;
  font-size: 0.677vw;
  font-style: normal;
  font-weight: 400;
  line-height: 138%; /* 0.934vw */
  letter-spacing: -0.041vw;
}
.product__prices-info_item span {
  color: var(--UI-Full-Dark, #191c21);
}

.article__adv .article__subtitle {
  margin-bottom: 1.042vw;
}
.article__adv-items {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1.042vw;
  width: 100%;
}
.article__adv-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.781vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.article__adv-icon {
  border-radius: 900px;
  border: 1px solid var(--UI-Grey-Blue, #e7edf3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3.125vw;
  aspect-ratio: 1;
  -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;
}
.article__adv-icon svg {
  width: 1.458vw;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.article__adv-title {
  color: var(--UI-Full-Dark, #191c21);
  font-size: 0.99vw;
  font-style: normal;
  font-weight: 600;
  line-height: 138%; /* 1.366vw */
  letter-spacing: -0.059vw;
  margin-bottom: 0.26vw;
}
.article__adv-descr {
  color: var(--UI-System-Grey, #92969a);
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 400;
  line-height: 138%; /* 1.078vw */
  letter-spacing: -0.047vw;
}

.timeline__img2 {
  width: 12.656vw;
  height: auto;
  position: absolute;
  left: 0px;
  z-index: 2;
  top: 71%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.timeline__img3 {
  width: 8.771vw;
  height: auto;
  position: absolute;
  right: 0.208vw;
  z-index: 2;
  top: 76%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.close-modal {
  top: 1.563vw;
  right: 1.563vw;
}

.add__title {
  color: var(--UI-Full-Dark, #191c21);
  font-size: 1.667vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.133vw;
  margin-bottom: 1.563vw;
}
.add__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.add__content .product__quant-btn {
  width: 2.604vw;
  height: 2.604vw;
  background: var(--UI-White, #fff);
  -webkit-box-shadow: 0 0.417vw 0.885vw 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.417vw 0.885vw 0 rgba(0, 0, 0, 0.06);
}
.add__content .product__quant-btn .icon {
  width: 1.042vw;
}
.add__content .product__quant-btn:hover {
  background: #bacfe3;
}
.add__content .product__quant-value {
  font-size: 0.833vw;
}
.add__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 15.885vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.042vw;
}
.add__product-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.802vw;
  width: 3.542vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.885vw;
  border: 1px solid var(--UI-Light-Grey, #f3f4f5);
  background: var(--UI-White, #fff);
}
.add__product-pic img {
  width: auto;
  max-width: 3.125vw;
  height: 3.125vw;
}
.add__info .product__brand {
  font-size: 0.677vw;
  margin-bottom: 0.26vw;
}
.add__name {
  color: var(--UI-Full-Dark, #191c21);
  font-size: 0.938vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.075vw;
}
.add__price {
  color: var(--Primary-Blue, #0b54a0);
  text-align: right;
  font-family: Oswald;
  font-size: 1.406vw;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 1.406vw */
  letter-spacing: -0.07vw;
  text-transform: uppercase;
  min-width: 5.938vw;
}
.add__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  margin-top: 1.563vw;
}
.add__btn {
  border-radius: 900px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.99vw 1.354vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.417vw;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  color: var(--Primary-Dark-Blue, #20247a);
  font-family: Inter;
  font-size: 0.781vw;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.023vw;
}
.add__btn-continue {
  background: var(--UI-Dark-Grey-Blue, #bacfe3);
}
.add__btn-continue:hover {
  opacity: 0.8;
}
.add__btn-cart {
  border: 1px solid var(--UI-Dark-Grey-Blue, #bacfe3);
}
.add__btn-cart:hover {
  border-color: #20247a;
}

.modal__container-add {
  width: 35.781vw;
  padding: 1.302vw;
  border-radius: 1.354vw;
}

.dark-theme .modal__container-add {
  background: #001542;
}
.dark-theme .add__title {
  color: var(--UI-White, #fff);
}
.dark-theme .add__name {
  color: var(--UI-White, #fff);
}
.dark-theme .add__content .product__quant-btn {
  background: #0b255b;
}
.dark-theme .add__content .product__quant-btn .icon {
  background-color: #fff;
}
.dark-theme .add__content .product__quant-btn:hover {
  background: #bacfe3;
}
.dark-theme .add__btn-cart {
  color: var(--Primary-Light-Blue, #00a5e6);
  border: 1px solid rgba(186, 207, 227, 0.2);
}
.dark-theme .add__btn-cart:hover {
  border-color: #00a5e6;
}
.dark-theme .modal__container-add .product__quant-value {
  color: #fff;
}
.dark-theme .add__price {
  color: var(--Primary-Light-Blue, #00a5e6);
}
.dark-theme .close-add {
  background: #15274d;
}
.dark-theme .close-add .icon {
  background-color: #fff;
}
.dark-theme .close-add:hover {
  background: #00a5e6;
}
.dark-theme .add__info .product__brand {
  color: var(--Primary-Light-Blue, #00a5e6);
}

.menu__theme {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.article__img-desk {
  position: sticky;
  top: 0;
}

.hero__stars {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  z-index: 1;
}


.footer {
  margin-top: 1.042vw;
  padding-top: 2.083vw;
  padding-bottom: 2.083vw;
  max-width: 78.125vw;
  margin-left: auto;
  margin-right: auto;
  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;
}
.copyright {
  color: #FFFFFF;
  font-size: 0.938vw;
  line-height: 151%;
  letter-spacing: -0.04em;
}
.footer-logo {
  width: 7.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer-logo img {
  width: 100%;
  height: auto;
}

@media (max-width: 1150px) {
  .menu__theme {
    opacity: 1;
    visibility: visible;
    position: static;
  }
  .show-tabl {
    display: block !important;
  }
  .show-tabl-fl {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-tabl {
    display: none !important;
  }
  .container {
    padding: 0 3.125vw 50px;
    max-width: 100%;
  }
  .header-menu__item {
    font-size: 1.693vw;
    font-weight: 600;
    letter-spacing: -0.068vw;
  }
  .header-menu li:not(:last-child) {
    display: none;
  }
  .header-menu li:last-child a {
    padding: 1.172vw 1.953vw;
  }
  .header {
    padding: 1.823vw 0;
  }
  .header__left {
    gap: 1.042vw;
  }
  .header__menu {
    width: 5.469vw;
    height: 5.469vw;
  }
  .header__menu .icon {
    width: 2.344vw;
  }
  .header__btn {
    height: 5.469vw;
    padding: 1.823vw 2.344vw;
    font-size: 1.432vw;
  }
  .header__btn_shop {
    display: none;
  }
  .header__logo {
    width: 15.625vw;
  }
  .header__right {
    gap: 2.604vw;
  }
  .header__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .header__cart-img {
    width: 5.469vw;
    background: #fff;
  }
  .header__cart-img .icon {
    background-color: #191c21;
    width: 2.083vw;
    mask-image: url(../img/icons/cart-mob.svg);
    -webkit-mask-image: url(../img/icons/cart-mob.svg);
  }
  .header__cart-price {
    font-size: 1.693vw;
  }
  .header__cart-quant {
    width: 2.344vw;
    height: 2.344vw;
    padding: 0.26vw 0;
    right: -0.781vw;
    top: -0.26vw;
  }
  .header__cart-quant span {
    font-size: 1.432vw;
  }
  .header.sticky {
    padding: 0.781vw 0;
    -webkit-box-shadow: 0 0.521vw 3.516vw 0 rgba(9, 24, 48, 0.13);
            box-shadow: 0 0.521vw 3.516vw 0 rgba(9, 24, 48, 0.13);
  }
  .header.sticky .header__btn_shop {
    display: none;
  }
  .header.sticky .header__cart {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .header.sticky .header__cart-img {
    background: var(--primary-purple-blue-gradient, linear-gradient(180deg, #49207e 0%, #21257e 100%));
  }
  .header.sticky .header__cart-img .icon {
    background-color: #fff;
  }
  .header.sticky .header__right {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header.sticky .header-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .header .header__cart-price {
    display: none;
  }
  .theme-toggle {
    width: 9.115vw;
    height: 4.102vw;
  }
  .theme-toggle__slider {
    background-image: url("../img/icons/switch-light.svg");
  }
  .theme-toggle__thumb {
    width: 3.19vw;
    height: 3.19vw;
    top: 0.456vw;
    right: 0.456vw;
  }
  .theme-toggle input:checked + .theme-toggle__slider .theme-toggle__thumb {
    -webkit-transform: translateX(-5.1vw);
        -ms-transform: translateX(-5.1vw);
            transform: translateX(-5.1vw);
  }
  .hero {
    padding: 12.37vw 0 4.427vw;
  }
  .hero .container {
    position: relative;
    z-index: 2;
  }
  .hero__main-further {
    width: 80.208vw;
  }
  .hero__title-img {
    width: 75.219vw;
  }
  /* .hero__title {
    font-size: 19.627vw;
    letter-spacing: -0.981vw;
    padding-right: 0.521vw;
  } */
  .hero__text {
    font-size: 2.734vw;
    letter-spacing: -0.164vw;
    max-width: 42.188vw;
    margin-top: 0vw;
  }
  .hero__clouds {
    bottom: 3.776vw;
  }
  .hero__arrow {
    margin-top: 2.995vw;
    width: 6.25vw;
    height: 10.807vw;
  }
  .hero__arrow-icon {
    width: 6.25vw;
    height: 6.25vw;
  }
  @-webkit-keyframes floatY {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(4.557vw);
              transform: translateY(4.557vw);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes floatY {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(4.557vw);
              transform: translateY(4.557vw);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .story {
    padding: 7.813vw 0;
    position: relative;
  }
  .story__left {
    width: 48.958vw;
    gap: 1.953vw;
  }
  .story__label {
    padding: 1.172vw 1.302vw;
    gap: 0.781vw;
  }
  .story__label > span {
    font-size: 1.693vw;
    letter-spacing: -0.102vw;
    gap: 0.781vw;
  }
  .story__label > span::before {
    width: 4px;
    height: 4px;
    border-radius: 4px;
  }
  .story__descr {
    font-size: 2.344vw;
    letter-spacing: -0.141vw;
    max-width: 48.958vw;
  }
  .story__text {
    font-size: 1.823vw;
    line-height: 152%; /* 3.75vw */
    letter-spacing: -0.109vw;
    max-width: 48.958vw;
  }
  .story__cloud {
    width: 52.865vw;
    bottom: 0;
    left: -6.771vw;
  }
  .story__form {
    -webkit-box-shadow: -25.926vw 3.629vw 7.31vw 0 rgba(32, 92, 157, 0), -16.565vw 2.314vw 6.679vw 0 rgba(32, 92, 157, 0), -9.308vw 1.315vw 5.627vw 0 rgba(32, 92, 157, 0.02), -4.155vw 0.579vw 4.207vw 0 rgba(32, 92, 157, 0.03), -1.052vw 0.158vw 2.314vw 0 rgba(32, 92, 157, 0.03);
            box-shadow: -25.926vw 3.629vw 7.31vw 0 rgba(32, 92, 157, 0), -16.565vw 2.314vw 6.679vw 0 rgba(32, 92, 157, 0), -9.308vw 1.315vw 5.627vw 0 rgba(32, 92, 157, 0.02), -4.155vw 0.579vw 4.207vw 0 rgba(32, 92, 157, 0.03), -1.052vw 0.158vw 2.314vw 0 rgba(32, 92, 157, 0.03);
    mask-image: url("../img/main/story_form.svg");
    -webkit-mask-image: url("../img/main/story_form.svg");
    -webkit-mask-size: auto 100%;
            mask-size: auto 100%;
    height: 29.948vw;
    width: 45.964vw;
    bottom: auto;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-top: -0.911vw;
  }
  .story__logo {
    width: 26.042vw;
    margin-left: 1.302vw;
  }
  .story__bubble {
    height: 100%;
    left: 0;
    top: 0;
  }
  .story__mountains {
    bottom: -4px;
    width: 146%;
  }
  .picture {
    height: 200vh;
    -webkit-transform: translateY(-17.318vw);
        -ms-transform: translateY(-17.318vw);
            transform: translateY(-17.318vw);
  }
  .picture__bottom {
    margin-top: 38.042vw;
  }
  .timeline-wrap {
    padding-top: 0vw;
    padding-bottom: 16.927vw;
  }
  .timeline {
    height: 100vh;
  }
  .timeline .container {
    overflow: hidden;
  }
  .scroll-slider__inner {
    height: 100vh;
  }
  .years {
    display: none;
  }
  .timeline__cloud {
    display: none;
  }
  .timeline__item {
    height: 100vh;
    padding-top: 8.464vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .timeline__item:last-child .timeline__adv {
    margin-top: 1.823vw;
  }
  .timeline__item:last-child .timeline__item-inner {
    gap: 0;
  }
  .timeline__item:last-child .timeline__subtitle {
    width: 42.969vw;
  }
  .timeline__item:nth-of-type(2) .timeline__subtitle {
    width: 37.37vw;
  }
  .timeline__item:nth-of-type(3) .timeline__subtitle {
    width: 41.667vw;
  }
  .timeline__item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    width: 100%;
    gap: 2.604vw;
    position: relative;
  }
  .timeline_a {
    width: 63.542vw;
  }
  .timeline__left {
    width: 49.609vw;
  }
  .timeline__num {
    font-size: 1.563vw;
    letter-spacing: -0.094vw;
    gap: 1.432vw;
  }
  .timeline__num::after {
    width: 5.859vw;
    height: 0.13vw;
  }
  .timeline__title {
    font-size: 3.255vw;
    letter-spacing: -0.163vw;
    margin-bottom: 0.911vw;
  }
  .timeline__subtitle {
    width: 37.37vw;
    font-size: 2.344vw;
    letter-spacing: -0.141vw;
  }
  .timeline__subtitle span {
    border: 1px solid var(--timeline-text);
    padding: 0.26vw 0.781vw;
  }
  .timeline__center {
    height: 62.109vw;
    width: 56.51vw;
    position: absolute;
    top: -2.474vw;
    right: -3.906vw;
  }
  .timeline__img {
    width: 31.38vw;
    left: 52%;
    top: 44.5%;
  }
  .timeline__right {
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0.651vw;
  }
  .timeline__icon {
    width: 3.125vw;
    margin-bottom: 0;
  }
  .timeline__descr {
    width: 45.573vw;
  }
  .timeline__descr p {
    font-size: 1.953vw;
    line-height: 144%; /* 4.297vw */
    letter-spacing: -0.117vw;
  }
  .timeline__descr p:not(:last-child) {
    margin-bottom: 1.042vw;
  }
  .timeline__adv {
    width: 100%;
    gap: 1.042vw;
    padding-right: 2.604vw;
  }
  .timeline__adv-item {
    border-radius: 1.563vw;
    border: 1px solid rgba(255, 255, 255, 0.19);
    -webkit-backdrop-filter: blur(22.5px);
            backdrop-filter: blur(22.5px);
    padding: 1.823vw;
    gap: 1.302vw;
  }
  .timeline__adv-icon {
    width: 3.125vw;
  }
  .timeline__adv-title {
    font-size: 2.344vw;
    letter-spacing: -0.141vw;
    margin-bottom: 0.521vw;
  }
  .timeline__adv-descr {
    font-size: 1.823vw;
    letter-spacing: -0.109vw;
  }
  .technology {
    padding-top: 39.063vw;
    padding-bottom: 7.813vw;
    margin-top: 0px;
  }
  .technology__container {
    gap: 2.214vw;
  }
  .technology__left {
    padding-bottom: 42.969vw;
    top: 7.813vw;
  }
  .technology__title {
    font-size: 3.255vw;
    line-height: 125%;
    letter-spacing: -0.163vw;
    margin-bottom: 0.781vw;
    max-width: 35.807vw;
  }
  .technology__descr {
    max-width: 45.833vw;
    font-size: 1.953vw;
    line-height: 144%; /* 3.802vw */
    letter-spacing: -0.117vw;
  }
  .technology__img {
    margin-top: 4.167vw;
    height: 52.734vw;
    right: -10.286vw;
    top: 20.313vw;
  }
  .technology__right {
    width: 45.703vw;
    margin-top: 9.896vw;
  }
  .technology__list {
    gap: 1.302vw;
  }
  .technology__item {
    border-radius: 1.563vw;
    padding: 1.823vw 2.083vw 1.823vw 1.823vw;
    gap: 0;
    position: relative;
  }
  .technology__content {
    gap: 0.651vw;
  }
  .technology__num {
    font-size: 1.823vw;
    letter-spacing: -0.109vw;
    gap: 1.432vw;
  }
  .technology__num::after {
    width: 9.115vw;
    height: 1px;
  }
  .technology__name {
    font-size: 2.604vw;
    letter-spacing: -0.182vw;
  }
  .technology__text {
    font-size: 1.823vw;
    letter-spacing: -0.073vw;
  }
  .technology__icon {
    width: 3.125vw;
    position: absolute;
    top: 1.823vw;
    right: 4.297vw;
  }
  .technology__stones {
    width: 24.87vw;
    top: auto;
    left: 0;
    bottom: 58.594vw;
  }
  .assortment {
    padding: 1.302vw;
  }
  .assortment__block {
    padding: 1.563vw;
    border-radius: 2.083vw;
    max-width: 100%;
  }
  .assortment__title {
    font-size: 3.255vw;
    letter-spacing: -0.163vw;
    margin-bottom: 2.604vw;
  }
  .assortment__content {
    gap: 2.604vw;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: auto;
  }
  .tabs {
    width: 29.688vw;
    gap: 0.521vw;
    height: 85vw;
  }
  .tab {
    border-radius: 1.042vw;
    padding: 0.26vw;
    gap: 0.781vw;
  }
  .tab__block {
    min-height: 85.156vw;
    height: auto;
  }
  .tab__pic {
    border-radius: 0.781vw;
    width: 4.688vw;
  }
  .tab__img {
    width: 4.688vw;
    top: 0.26vw;
  }
  .tab__name {
    font-size: 1.563vw;
    letter-spacing: -0.078vw;
  }
  .product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0;
    gap: 0px;
    overflow: auto;
    height: 100%;
  }
  .product__content {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
  }
  .product__top {
    margin-bottom: 1.563vw;
  }
  .product__brand {
    font-size: 1.563vw;
    letter-spacing: -0.078vw;
    margin-bottom: 0.391vw;
  }
  .product__name {
    font-size: 2.604vw;
    letter-spacing: -0.208vw;
    max-width: 100%;
  }
  .product__spec {
    gap: 1.302vw;
  }
  .product__spec-item {
    gap: 1.302vw;
  }
  .product__spec-icon {
    width: 2.344vw;
  }
  .product__spec-name {
    font-size: 1.823vw;
    letter-spacing: -0.109vw;
    margin-bottom: 0.651vw;
  }
  .product__spec-descr {
    font-size: 1.693vw;
    letter-spacing: -0.102vw;
  }
  .product__bottom {
    margin-top: 1.563vw;
    gap: 0.781vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .product__prices {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.781vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .product__price-label {
    display: none;
  }
  .product__price {
    font-size: 4.167vw;
    letter-spacing: -0.208vw;
    margin-bottom: 0;
  }
  .product__price-old {
    font-size: 2.995vw;
    letter-spacing: -0.15vw;
  }
  .product__actions {
    gap: 1.953vw;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
  .product__quant {
    gap: 2px;
  }
  .product__quant-btn {
    width: 4.688vw;
    height: 4.688vw;
  }
  .product__quant-btn .icon {
    width: 1.953vw;
  }
  .product__quant-value {
    font-size: 2.083vw;
    min-width: 4.167vw;
  }
  .product__order {
    -webkit-box-shadow: 0 0.26vw 0.911vw 0 rgba(27, 15, 76, 0.5), 0 0.911vw 2.083vw 0 rgba(49, 22, 114, 0.25), 0 0.26vw 0 0 #161369;
            box-shadow: 0 0.26vw 0.911vw 0 rgba(27, 15, 76, 0.5), 0 0.911vw 2.083vw 0 rgba(49, 22, 114, 0.25), 0 0.26vw 0 0 #161369;
    width: 24.479vw;
    height: 6.38vw;
    padding: 2.214vw 2.083vw;
  }
  .product__order span {
    font-size: 1.563vw;
  }
  .product__more {
    margin-top: 1.563vw;
    padding: 1.563vw 3.385vw;
    font-size: 1.823vw;
    letter-spacing: -0.055vw;
  }
  .product__img {
    width: 37.24vw;
    height: 50vw;
    margin-top: -3.906vw;
    margin-bottom: -0.26vw;
    position: static;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .minus {
    mask-image: url("../img/icons/minus-mob.svg");
    -webkit-mask-image: url("../img/icons/minus-mob.svg");
  }
  .plus {
    mask-image: url("../img/icons/plus-mob.svg");
    -webkit-mask-image: url("../img/icons/plus-mob.svg");
  }
  .menu {
    width: 100%;
    overflow: auto;
    padding: 40px 0 16px;
    border-radius: 0;
  }
  .menu__header {
    display: block;
    padding-right: 0;
  }
  .menu__actions {
    gap: 10px;
    padding: 10px 14px;
    border-top: 1px solid var(--UI-Light-Grey, #f3f4f5);
    border-bottom: 1px solid var(--UI-Light-Grey, #f3f4f5);
  }
  .menu__user {
    height: 42px;
    padding: 11px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
            box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
  }
  .menu__user .icon {
    width: 19px;
  }
  .menu__cart {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
            box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
    height: 42px;
    padding: 3px 10px 3px 3px;
    gap: 8px;
  }
  .menu__cart-icon {
    border-radius: 7px;
    width: 36px;
  }
  .menu__cart-icon .icon {
    width: 19px;
  }
  .menu__list {
    margin-top: 0;
    width: 100%;
  }
  .menu__list li {
    border-bottom: 1px solid var(--UI-Light-Grey, #f3f4f5);
    height: auto;
  }
  .menu__item {
    font-size: 17px;
    letter-spacing: -1.36px;
    padding: 10px 14px;
  }
  .menu__item::after {
    height: 30px;
    width: 30px;
  }
  .menu__buttons {
    margin-top: 20px;
    gap: 8px;
    margin-bottom: 20px;
    padding: 0 14px;
  }
  .menu__btn {
    padding: 14px 26px;
    gap: 6px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .menu__btn_shop .icon {
    width: 16px;
  }
  .menu__btn_cart {
    border: 1px solid var(--UI-Dark-Grey-Blue, #bacfe3);
  }
  .menu__contacts {
    padding: 0 14px 30px;
  }
  .menu__contacts-top {
    -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: start;
    gap: 12px;
    margin-bottom: 1ch;
  }
  .menu__phones {
    gap: 12px;
  }
  .menu__phone {
    gap: 10px;
  }
  .menu__phone-link {
    gap: 7px;
  }
  .menu__phone-icon {
    width: 16px;
  }
  .menu__phone-number {
    font-size: 15px;
    letter-spacing: -0.75px;
  }
  .menu__phone-label {
    font-size: 14px;
    letter-spacing: -0.7px;
  }
  .menu__phone-whatsapp {
    gap: 7px;
  }
  .menu__callback {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 2px inset var(--UI-Grey-Blue, #e7edf3);
            box-shadow: 0 0 0 2px inset var(--UI-Grey-Blue, #e7edf3);
    padding: 13px 25px;
    gap: 5px;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 138%; /* 22.08px */
  }
  .menu__callback .icon {
    width: 14px;
  }
  .menu__email-label {
    font-size: 14px;
    letter-spacing: -0.7px;
    margin-bottom: 7px;
  }
  .menu__email-link {
    gap: 6px;
  }
  .menu__email-link .icon {
    width: 19px;
  }
  .menu__email-link span {
    font-size: 15px;
    border-bottom: 1px solid rgba(32, 36, 122, 0.3);
  }
  .menu__close {
    right: 10px;
    top: 10px;
    border-radius: 6px;
    padding: 8px;
  }
  .menu__close .icon {
    width: 14px;
  }
  .menu .header__cart-price {
    font-size: 13px;
  }
  .menu .header__cart-quant span {
    font-size: 11px;
  }
  .dark-theme .menu .menu__actions {
    border-top-color: rgba(243, 244, 245, 0.05);
    border-bottom-color: rgba(243, 244, 245, 0.05);
  }
  .dark-theme .menu__theme-label {
    color: var(--UI-White, #fff);
  }
  .modal__container {
    padding: 3.125vw;
    border-radius: 0;
  }
  .article__top {
    margin-bottom: 3.125vw;
    gap: 2px;
  }
  .article__title {
    font-size: 3.255vw;
    letter-spacing: -0.163vw;
  }
  .article__img {
    position: static;
    width: 30.339vw;
    max-height: 40.755vw;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: -3.125vw;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .article__img-wrap {
    width: 45.833vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .article__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .article__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.604vw;
  }
  .article__info .product__price-label {
    display: block;
    font-size: 1.693vw;
    letter-spacing: -0.068vw;
    margin-bottom: 0.26vw;
  }
  .article__info .product__prices {
    -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: start;
    gap: 0;
  }
  .article__left {
    width: 47.917vw;
    gap: 2.604vw;
  }
  .article__subtitle {
    font-size: 2.734vw;
    letter-spacing: -0.164vw;
    margin-bottom: 1.302vw;
  }
  .article__descr-text p {
    font-size: 1.823vw;
    letter-spacing: -0.109vw;
  }
  .article__descr-text p:not(:last-child) {
    margin-bottom: 1.823vw;
  }
  .article__properties-list {
    gap: 0.781vw;
  }
  .article__property {
    gap: 0.781vw;
  }
  .article__property * {
    font-size: 1.693vw;
    letter-spacing: -0.085vw;
  }
  .article__property-name {
    gap: 0.781vw;
  }
  .article__property-name::after {
    height: 1px;
    border: 1px dashed #92969a;
  }
  .article__right {
    width: 100%;
    gap: 3.125vw;
  }
  .article__accent {
    border-radius: 1.823vw;
    padding: 1.823vw;
    gap: 1.823vw;
  }
  .article__accent .product__quant-btn {
    -webkit-box-shadow: 0 1.042vw 2.214vw 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 1.042vw 2.214vw 0 rgba(0, 0, 0, 0.06);
  }
  .article__accent .product__prices {
    min-width: 0;
  }
  .article__accent-top {
    gap: 1.953vw;
  }
  .article__payment-label {
    font-size: 1.953vw;
    letter-spacing: -0.059vw;
    line-height: 2.865vw;
    margin-bottom: 0.781vw;
  }
  .article__payment-items {
    gap: 1.042vw;
  }
  .article__payment-item {
    border-radius: 1.302vw;
    height: 5.208vw;
    padding: 0 1.302vw;
  }
  .article__payment-item:nth-child(1) img {
    width: 5.078vw;
  }
  .article__payment-item:nth-child(2) img {
    width: 3.255vw;
  }
  .article__payment-item:nth-child(3) img {
    width: 5.99vw;
  }
  .article__payment-item:nth-child(4) img {
    width: 4.818vw;
  }
  .product__prices-info_item {
    font-size: 1.563vw;
    letter-spacing: -0.094vw;
  }
  .article__adv .article__subtitle {
    margin-bottom: 1.302vw;
  }
  .article__adv-items {
    gap: 1.302vw;
  }
  .article__adv-item {
    gap: 1.302vw;
  }
  .article__adv-icon {
    width: 5.99vw;
  }
  .article__adv-icon svg {
    width: 2.865vw!important;
  }
  .article__adv-title {
    font-size: 1.953vw;
    letter-spacing: -0.117vw;
    margin-bottom: 0.26vw;
  }
  .article__adv-descr {
    font-size: 1.693vw;
    letter-spacing: normal;
  }
  .timeline__img2 {
    width: 17.814vw;
    left: 10.677vw;
    top: 54%;
  }
  .timeline__img3 {
    width: 12.63vw;
    right: 7.813vw;
    top: 59%;
  }
  .slider-dots {
    position: absolute;
    right: 3.125vw;
    bottom: 18.49vw;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.693vw;
  }
  .slider-dot {
    width: 0.781vw;
    height: 0.781vw;
    border-radius: 900px;
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
  }
  .slider-dot:hover {
    opacity: 0.7;
  }
  .slider-dot.active {
    background: -webkit-gradient(linear, left top, left bottom, from(#14776d), color-stop(50%, #19d8c4));
    background: -o-linear-gradient(top, #14776d 0%, #19d8c4 50%);
    background: linear-gradient(180deg, #14776d 0%, #19d8c4 50%);
    height: 2.344vw;
  }
  .menu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 14px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .menu__theme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .menu__theme-label {
    opacity: 0.5;
    color: var(--UI-Middle, #343e4a);
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 114%; /* 14.82px */
    letter-spacing: -0.78px;
  }
  .add__title {
    font-size: 20px;
    letter-spacing: -1.6px;
    margin-bottom: 15px;
  }
  .add__content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .add__content .product__quant-btn {
    width: 36px;
    height: 36px;
    background: var(--UI-BG, #EFF5FB);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .add__content .product__quant-btn .icon {
    width: 15px;
  }
  .add__content .product__quant-value {
    font-size: 16px;
  }
  .add__product {
    width: 100%;
    gap: 10px;
  }
  .add__product-pic {
    height: 55px;
    width: 51px;
    border-radius: 12px;
  }
  .add__product-pic img {
    max-width: 45px;
    height: 45px;
  }
  .add__info .product__brand {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .add__name {
    font-size: 17px;
    line-height: 113%;
    letter-spacing: -1.36px;
  }
  .add__price {
    font-size: 21px;
    letter-spacing: -1.05px;
    min-width: 0;
  }
  .add__btns {
    gap: 8px;
    margin-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .add__btn {
    width: 100%;
    padding: 14px 26px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.42px;
  }
  .modal__container-add {
    width: 332px;
    padding: 16px;
    border-radius: 16px;
  }
  .article__img-tabl {
    position: sticky;
    top: 0;
  }

  .footer {
    max-width: 100%;
    margin-top: 1.31vw;
    padding-top: 1.82vw;
    padding-bottom: 1.82vw;
  }
  .copyright {
    font-size: 1.83vw;
  }
  .footer-logo {
    width: 12.761vw;
  }
}
@media (max-width: 660px) {
  .show-mob {
    display: block !important;
  }
  .hide-mob {
    display: none !important;
  }
  .container {
    padding: 0 3.889vw;
  }
  .header-menu__item {
    font-size: 3.611vw;
    letter-spacing: -0.144vw;
  }
  .header-menu li:last-child a {
    padding: 2.5vw 4.167vw;
  }
  .header {
    padding: 3.889vw 0;
  }
  .header__menu {
    width: 11.667vw;
    height: 11.667vw;
  }
  .header__menu .icon {
    width: 5vw;
  }
  .header__btn {
    display: none;
  }
  .header__logo {
    width: 27.222vw;
  }
  .header__cart-img {
    width: 11.667vw;
  }
  .header__cart-img .icon {
    width: 4.444vw;
  }
  .header__cart-quant {
    width: 5vw;
    height: 5vw;
    padding: 0.556vw 0;
    right: -1.667vw;
    top: -0.556vw;
  }
  .header__cart-quant span {
    font-size: 3.056vw;
  }
  .header.sticky {
    padding: 1.667vw 0.556vw;
    -webkit-box-shadow: 0 1.111vw 7.5vw 0 rgba(9, 24, 48, 0.13);
            box-shadow: 0 1.111vw 7.5vw 0 rgba(9, 24, 48, 0.13);
  }
  .theme-toggle {
    width: 14.444vw;
    height: 6.5vw;
  }
  .theme-toggle__thumb {
    width: 5.056vw;
    height: 5.056vw;
    top: 0.722vw;
    right: 0.722vw;
  }
  .theme-toggle input:checked + .theme-toggle__slider .theme-toggle__thumb {
    -webkit-transform: translateX(-7.944vw);
        -ms-transform: translateX(-7.944vw);
            transform: translateX(-7.944vw);
  }
  .hero {
    padding: 11vw 0 14.722vw;
    overflow: hidden;
  }
  .hero__main {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
  .hero__main-further {
    width: 141.61vw;
  }
  .hero__title-wrap {
    width: 100%;
  }
  .hero__title {
    font-size: 0;
  }
  /* .hero__title {
    font-size: 34.64vw;
    letter-spacing: -1.732vw;
    padding-right: 0.833vw;
  } */
  .hero__title-img {
    width: 100%;
  }
  .hero__text {
    font-size: 5.833vw;
    letter-spacing: -0.35vw;
    max-width: 86.667vw;
    margin-top: 0;
  }
  .hero__clouds {
    bottom: 8.056vw;
  }
  .hero__arrow {
    margin-top: 6.389vw;
    width: 13.333vw;
    height: 23.056vw;
  }
  .hero__arrow-icon {
    width: 13.333vw;
    height: 13.333vw;
  }
  @-webkit-keyframes floatY {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(9.722vw);
              transform: translateY(9.722vw);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes floatY {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(9.722vw);
              transform: translateY(9.722vw);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .story {
    padding: 11.111vw 0;
  }
  .story__left {
    width: 100%;
    gap: 5.556vw;
  }
  .story__label {
    padding: 2.5vw 2.778vw;
    gap: 1.667vw;
  }
  .story__label > span {
    font-size: 3.611vw;
    letter-spacing: -0.217vw;
    gap: 1.667vw;
  }
  .story__label > span::before {
    width: 4px;
    height: 4px;
    border-radius: 4px;
  }
  .story__descr {
    font-size: 5vw;
    letter-spacing: -0.3vw;
    max-width: 91.389vw;
  }
  .story__text {
    font-size: 3.889vw;
    line-height: 152%; /* 8vw */
    letter-spacing: -0.233vw;
    max-width: 100%;
  }
  .story__cloud {
    width: 79.444vw;
    bottom: auto;
    top: 103.333vw;
    left: auto;
    right: -20.833vw;
  }
  .story__form {
    -webkit-box-shadow: -55.309vw 7.741vw 15.594vw 0 rgba(32, 92, 157, 0), -35.339vw 4.936vw 14.248vw 0 rgba(32, 92, 157, 0), -19.857vw 2.805vw 12.004vw 0 rgba(32, 92, 157, 0.02), -8.863vw 1.234vw 8.975vw 0 rgba(32, 92, 157, 0.03), -2.244vw 0.337vw 4.936vw 0 rgba(32, 92, 157, 0.03);
            box-shadow: -55.309vw 7.741vw 15.594vw 0 rgba(32, 92, 157, 0), -35.339vw 4.936vw 14.248vw 0 rgba(32, 92, 157, 0), -19.857vw 2.805vw 12.004vw 0 rgba(32, 92, 157, 0.02), -8.863vw 1.234vw 8.975vw 0 rgba(32, 92, 157, 0.03), -2.244vw 0.337vw 4.936vw 0 rgba(32, 92, 157, 0.03);
    height: 63.889vw;
    width: 98.333vw;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-top: 8.333vw;
    margin-left: 3.333vw;
  }
  .story__logo {
    width: 55.556vw;
    margin-left: 2.778vw;
  }
  .story__bubble {
    left: 0;
    top: 0;
  }
  .story__mountains {
    bottom: -1.111vw;
    width: 146%;
  }
  .picture {
    height: 150vh;
    -webkit-transform: translateY(-5.556vw);
        -ms-transform: translateY(-5.556vw);
            transform: translateY(-5.556vw);
  }
  .picture__bottom {
    margin-top: 27.778vw;
  }
  .timeline-wrap {
    padding-top: 0vw;
    padding-bottom: 36.111vw;
  }
  .timeline__cloud {
    display: block;
    width: 60.889vw;
    height: auto;
    top: 60.556vw;
    right: 0;
  }
  /* Мобильный таймлайн: без scroll-jacking — слайды стопкой, обычная прокрутка.
     Каждый слайд остаётся полноэкранным (100vh), но секция не пиннится и
     .scroll-slider__inner не трансформируется JS-ом (см. initScrollSlider). */
  .timeline-sticky {
    height: auto;
  }
  .timeline {
    position: static;
    height: auto;
  }
  .timeline .container {
    overflow: visible;
  }
  .scroll-slider__inner {
    height: auto;
    transform: none !important;
  }
  .timeline__item {
    padding-top: 16.667vw;
  }
  .timeline__item:last-child .timeline__adv {
    margin-top: 3.889vw;
  }
  .timeline__item:last-child .timeline__item-inner {
    gap: 0;
  }
  .timeline__item:last-child .timeline__subtitle {
    width: 100%;
  }
  .timeline__item:nth-of-type(2) .timeline__subtitle {
    width: 100%;
  }
  .timeline__item:nth-of-type(3) .timeline__subtitle {
    width: 100%;
  }
  .timeline__item-inner {
    gap: 0;
    height: 80vh;
  }
  .timeline_a {
    width: auto;
    height: calc(100% + 16.667vw);
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .timeline__left {
    width: 100%;
  }
  .timeline__num {
    font-size: 3.333vw;
    letter-spacing: -0.2vw;
    gap: 3.056vw;
  }
  .timeline__num::after {
    width: 12.5vw;
    height: 1px;
  }
  .timeline__title {
    font-size: 6.944vw;
    letter-spacing: -0.347vw;
    margin-bottom: 1.944vw;
  }
  .timeline__subtitle {
    width: 88.889vw;
    font-size: 5vw;
    letter-spacing: -0.3vw;
  }
  .timeline__subtitle span {
    border: 1px solid var(--timeline-text);
    padding: 0.556vw 1.389vw;
  }
  .timeline__center {
    height: 27.3vh;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    margin-top: 5.556vw;
  }
  .timeline__img {
    width: auto;
    height: calc(100% + 22.222vw);
    left: 52%;
    top: -5vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .timeline__right {
    margin-top: 0px;
    gap: 1.389vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .timeline__icon {
    width: 6.667vw;
  }
  .timeline__descr {
    width: 100%;
  }
  .timeline__descr p {
    font-size: 4.167vw;
    letter-spacing: -0.25vw;
  }
  .timeline__descr p:not(:last-child) {
    margin-bottom: 2.222vw;
  }
  .timeline__adv {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 2.222vw auto 2.222vw auto 2.222vw auto;
    grid-template-rows: repeat(4, auto);
    gap: 2.222vw;
    padding-right: 5.556vw;
  }
  .timeline__adv > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .timeline__adv > *:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .timeline__adv > *:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .timeline__adv > *:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .timeline__adv-item {
    border-radius: 3.333vw;
    border: 1px solid rgba(255, 255, 255, 0.19);
    padding: 3.889vw;
    gap: 2.778vw;
  }
  .timeline__adv-icon {
    width: 6.667vw;
  }
  .timeline__adv-title {
    font-size: 5vw;
    letter-spacing: -0.3vw;
    margin-bottom: 1.111vw;
  }
  .timeline__adv-descr {
    font-size: 3.889vw;
    letter-spacing: -0.233vw;
  }
  .technology {
    padding-top: 48.222vw;
    padding-bottom: 99.444vw;
    margin-top: -1px;
    position: relative;
    overflow: hidden;
  }
  .technology__container {
    gap: 5.278vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: static;
  }
  .technology__left {
    padding-bottom: 0;
    position: static;
  }
  .technology__title {
    font-size: 6.944vw;
    line-height: 125%;
    letter-spacing: -0.347vw;
    margin-bottom: 1.667vw;
    max-width: 76.389vw;
  }
  .technology__descr {
    max-width: 100%;
    font-size: 4.167vw;
    line-height: 144%; /* 8.111vw */
    letter-spacing: -0.25vw;
  }
  .technology__img {
    margin-top: 0;
    height: 96.111vw;
    right: auto;
    left: -1.111vw;
    top: auto;
    bottom: 3.056vw;
  }
  .technology__right {
    width: 100%;
    margin-top: 0;
  }
  .technology__list {
    gap: 2.778vw;
  }
  .technology__item {
    border-radius: 3.333vw;
    padding: 3.889vw 4.444vw 3.889vw 3.889vw;
  }
  .technology__content {
    gap: 1.389vw;
  }
  .technology__num {
    font-size: 3.889vw;
    letter-spacing: -0.233vw;
    gap: 3.056vw;
  }
  .technology__num::after {
    width: 19.444vw;
    height: 1px;
  }
  .technology__name {
    font-size: 5.556vw;
    letter-spacing: -0.389vw;
  }
  .technology__text {
    font-size: 3.889vw;
    letter-spacing: -0.156vw;
  }
  .technology__icon {
    width: 6.667vw;
    top: 3.889vw;
    right: 3.889vw;
  }
  .technology__stones {
    width: 100%;
    left: 0;
    bottom: 10.556vw;
  }
  .assortment {
    padding: 2.778vw;
    position: relative;
  }
  .assortment__block {
    padding: 3.333vw;
    border-radius: 4.444vw;
  }
  .assortment__title {
    font-size: 6.944vw;
    letter-spacing: -0.347vw;
    margin-bottom: 5.556vw;
    max-width: 69.444vw;
    margin-left: auto;
    margin-right: auto;
  }
  .assortment__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.556vw;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .tabs-wrap {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100 * var(--vh));
    padding: 13.889vw 3.056vw 0 3.889vw;
    background: var(--UI-White, #fff);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tabs-wrap.show {
    opacity: 1;
    visibility: visible;
  }
  .tabs-wrap .assortment-choose {
    margin-right: 4.444vw;
    border: 1px solid var(--UI-Light-Grey, #f3f4f5);
    background: var(--UI-White, #fff);
    width: calc(100% - 4.444vw);
  }
  .tabs-wrap .assortment-choose .assortment-choose__icon {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .tabs {
    width: 100%;
    gap: 1.111vw;
    margin-top: 2.778vw;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow-y: auto;
    padding-bottom: 1.111vw;
    padding-right: 2.778vw;
  }
  .tabs::-webkit-scrollbar {
    width: 1.667vw;
  }
  .tabs::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
  }
  .tabs::-webkit-scrollbar-thumb {
    background: rgba(25, 28, 33, 0.7);
    border-radius: 3px;
  }
  .tabs * {
    scrollbar-width: thin;
    scrollbar-color: rgba(25, 28, 33, 0.7) transparent;
  }
  .tab {
    border-radius: 3.056vw;
    padding: 1.111vw;
    gap: 3.333vw;
  }
  .tab__block {
    min-height: 0;
    width: 100%;
  }
  .tab__pic {
    border-radius: 3.056vw;
    width: 11.944vw;
  }
  .tab__img {
    width: 11.944vw;
    top: 0.278vw;
  }
  .tab__name {
    font-size: 3.889vw;
    letter-spacing: -0.194vw;
  }
  .tab__content {
    display: none;
    position: static;
    width: 100%;
  }
  .tab__content.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .assortment-choose {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 2.222vw;
    gap: 2.222vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 3.333vw;
    background: var(--UI-Light-Grey, #f3f4f5);
    width: 100%;
    box-sizing: border-box;
  }
  .assortment-choose__pic {
    border-radius: 2.222vw;
    border: 1px solid var(--UI-Light-Grey, #f3f4f5);
    background: var(--UI-White, #fff);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10.833vw;
    aspect-ratio: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .assortment-choose__pic img {
    width: auto;
    height: 8.889vw;
    max-width: 8.889vw;
  }
  .assortment-choose__cont {
    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;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .assortment-choose__label {
    opacity: 0.6;
    color: var(--UI-Middle, #343e4a);
    font-size: 3.056vw;
    font-style: normal;
    font-weight: 600;
    line-height: 132%; /* 4.033vw */
    letter-spacing: -0.153vw;
    text-transform: uppercase;
    margin-bottom: 0.556vw;
  }
  .assortment-choose__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    overflow: hidden;
    color: var(--UI-Middle, #343e4a);
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    font-size: 4.722vw;
    font-style: normal;
    font-weight: 600;
    line-height: 113%; /* 5.336vw */
    letter-spacing: -0.378vw;
  }
  .assortment-choose__icon {
    width: 5.556vw;
    aspect-ratio: 1/1;
  }
  .product {
    gap: 4.444vw;
  }
  .product__top {
    margin-bottom: 4.444vw;
  }
  .product__brand {
    font-size: 3.333vw;
    letter-spacing: -0.167vw;
    margin-bottom: 0.833vw;
  }
  .product__name {
    font-size: 5.556vw;
    letter-spacing: -0.444vw;
    max-width: 100%;
  }
  .product__spec {
    gap: 2.778vw;
  }
  .product__spec-item {
    gap: 2.778vw;
  }
  .product__spec-icon {
    width: 5vw;
  }
  .product__spec-name {
    font-size: 3.889vw;
    letter-spacing: -0.233vw;
    margin-bottom: 1.389vw;
  }
  .product__spec-descr {
    font-size: 3.611vw;
    letter-spacing: -0.217vw;
  }
  .product__bottom {
    margin-top: 4.444vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.667vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .product__prices {
    gap: 1.667vw;
  }
  .product__price {
    font-size: 8.889vw;
    letter-spacing: -0.444vw;
  }
  .product__price-old {
    font-size: 6.389vw;
    letter-spacing: -0.319vw;
  }
  .product__actions {
    gap: 4.167vw;
    width: 100%;
  }
  .product__quant {
    gap: 0.556vw;
  }
  .product__quant-btn {
    width: 10vw;
    height: 10vw;
  }
  .product__quant-btn .icon {
    width: 4.167vw;
  }
  .product__quant-value {
    font-size: 4.444vw;
    min-width: 8.889vw;
  }
  .product__order {
    -webkit-box-shadow: 0 0.556vw 1.944vw 0 rgba(27, 15, 76, 0.5), 0 1.944vw 4.444vw 0 rgba(49, 22, 114, 0.25), 0 0.556vw 0 0 #161369;
            box-shadow: 0 0.556vw 1.944vw 0 rgba(27, 15, 76, 0.5), 0 1.944vw 4.444vw 0 rgba(49, 22, 114, 0.25), 0 0.556vw 0 0 #161369;
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 13.611vw;
    padding: 4.722vw 4.444vw;
  }
  .product__order span {
    font-size: 3.333vw;
  }
  .product__more {
    margin-top: 4.444vw;
    padding: 3.333vw 7.222vw;
    font-size: 3.889vw;
    letter-spacing: -0.117vw;
  }
  .product__img {
    height: 100%;
    width: auto;
    max-width: 100%;
    margin-top: -2.5vw;
    margin-bottom: 0;
  }
  .product__img-wrap {
    border-radius: 3.333vw;
    border: 1px solid var(--UI-Light-Grey, #f3f4f5);
    width: 100%;
    height: 71.111vw;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .product__img-wrap picture {
    height: 100%;
  }
  .menu {
    padding: 40px 0 16px;
  }
  .menu__header {
    padding-right: 0;
  }
  .menu__actions {
    gap: 10px;
    padding: 10px 14px;
    border-top: 1px solid var(--UI-Light-Grey, #f3f4f5);
    border-bottom: 1px solid var(--UI-Light-Grey, #f3f4f5);
  }
  .menu__user {
    height: 42px;
    padding: 11px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
            box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
  }
  .menu__user .icon {
    width: 19px;
  }
  .menu__cart {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
            box-shadow: 0 0 0 1.5px inset var(--UI-Grey-Blue, #e7edf3);
    height: 42px;
    padding: 3px 10px 3px 3px;
    gap: 8px;
  }
  .menu__cart-icon {
    border-radius: 7px;
    width: 36px;
  }
  .menu__cart-icon .icon {
    width: 19px;
  }
  .menu__list {
    margin-top: 0;
  }
  .menu__list li {
    border-bottom: 1px solid var(--UI-Light-Grey, #f3f4f5);
  }
  .menu__item {
    font-size: 17px;
    letter-spacing: -1.36px;
    padding: 10px 14px;
  }
  .menu__item::after {
    height: 30px;
    width: 30px;
  }
  .menu__buttons {
    margin-top: 20px;
    gap: 8px;
    margin-bottom: 20px;
    padding: 0 14px;
  }
  .menu__btn {
    padding: 14px 26px;
    gap: 6px;
    font-size: 14px;
    letter-spacing: -0.42px;
  }
  .menu__btn_shop .icon {
    width: 16px;
  }
  .menu__btn_cart {
    border: 1px solid var(--UI-Dark-Grey-Blue, #bacfe3);
  }
  .menu__contacts {
    padding: 0 14px 30px;
    width: 100%;
  }
  .menu__contacts-top {
    -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: start;
    gap: 12px;
    margin-bottom: 10px;
    width: 100%;
  }
  .menu__phones {
    gap: 12px;
  }
  .menu__phone {
    gap: 10px;
  }
  .menu__phone-link {
    gap: 7px;
  }
  .menu__phone-icon {
    width: 16px;
  }
  .menu__phone-number {
    font-size: 15px;
    letter-spacing: -0.75px;
  }
  .menu__phone-label {
    font-size: 14px;
    letter-spacing: -0.7px;
  }
  .menu__phone-whatsapp {
    gap: 7px;
  }
  .menu__callback {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 2px inset var(--UI-Grey-Blue, #e7edf3);
            box-shadow: 0 0 0 2px inset var(--UI-Grey-Blue, #e7edf3);
    padding: 13px 25px;
    gap: 5px;
    font-size: 16px;
    width: 100%;
  }
  .menu__callback .icon {
    width: 14px;
  }
  .menu__email-label {
    font-size: 14px;
    letter-spacing: -0.7px;
    margin-bottom: 7px;
  }
  .menu__email-link {
    gap: 6px;
  }
  .menu__email-link .icon {
    width: 19px;
  }
  .menu__email-link span {
    font-size: 15px;
    border-bottom: 1px solid rgba(32, 36, 122, 0.3);
  }
  .menu__close {
    right: 10px;
    top: 10px;
    border-radius: 6px;
    padding: 8px;
  }
  .menu__close .icon {
    width: 14px;
  }
  .menu .header__cart-quant {
    width: 18px;
    height: 18px;
    padding: 2px 0;
    right: -4px;
    top: -5.5px;
  }
  .menu .header__cart-quant span {
    font-size: 11px;
  }
  .modal__container {
    padding: 8.333vw 3.889vw;
  }
  .article__top {
    margin-bottom: 5.556vw;
    gap: 0.556vw;
  }
  .article__title {
    font-size: 6.944vw;
    letter-spacing: -0.347vw;
  }
  .article__img {
    width: 61.111vw;
    height: auto;
    margin-top: -6.389vw;
    max-height: 100%;
  }
  .article__img-wrap {
    width: 100%;
    height: 75vw;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .article__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.556vw;
  }
  .article__info {
    gap: 5.556vw;
  }
  .article__info .product__price-label {
    font-size: 3.611vw;
    letter-spacing: -0.144vw;
  }
  .article__left {
    width: 100%;
    gap: 5.556vw;
  }
  .article__subtitle {
    font-size: 5.833vw;
    letter-spacing: -0.35vw;
    margin-bottom: 2.778vw;
  }
  .article__descr-text p {
    font-size: 3.889vw;
    letter-spacing: -0.233vw;
  }
  .article__descr-text p:not(:last-child) {
    margin-bottom: 3.889vw;
  }
  .article__properties-list {
    gap: 1.667vw;
  }
  .article__property {
    gap: 1.667vw;
  }
  .article__property * {
    font-size: 3.611vw;
    letter-spacing: -0.181vw;
  }
  .article__property-name {
    gap: 1.667vw;
  }
  .article__property-name::after {
    height: 1px;
    border: 1px dashed #92969a;
  }
  .article__right {
    gap: 5.556vw;
  }
  .article__accent {
    border-radius: 3.889vw;
    padding: 3.889vw;
    gap: 3.889vw;
  }
  .article__accent .product__quant-btn {
    -webkit-box-shadow: 0 2.222vw 4.722vw 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 2.222vw 4.722vw 0 rgba(0, 0, 0, 0.06);
  }
  .article__accent-top {
    gap: 4.167vw;
  }
  .article__payment-label {
    font-size: 4.167vw;
    letter-spacing: -0.125vw;
    margin-bottom: 1.667vw;
    line-height: 6.111vw;
  }
  .article__payment-items {
    gap: 2.222vw;
  }
  .article__payment-item {
    border-radius: 2.778vw;
    height: 11.111vw;
    padding: 0 2.778vw;
  }
  .article__payment-item:nth-child(1) img {
    width: 10.833vw;
  }
  .article__payment-item:nth-child(2) img {
    width: 6.944vw;
  }
  .article__payment-item:nth-child(3) img {
    width: 12.778vw;
  }
  .article__payment-item:nth-child(4) img {
    width: 10.278vw;
  }
  .product__prices-info_item {
    font-size: 3.333vw;
    letter-spacing: -0.2vw;
  }
  .article__adv .article__subtitle {
    margin-bottom: 2.778vw;
  }
  .article__adv-items {
    gap: 2.778vw;
  }
  .article__adv-item {
    gap: 2.778vw;
  }
  .article__adv-icon {
    width: 12.778vw;
  }
  .article__adv-icon svg {
    width: 6.111vw!important;
  }
  .article__adv-title {
    font-size: 4.167vw;
    letter-spacing: -0.25vw;
    margin-bottom: 0.556vw;
  }
  .article__adv-descr {
    font-size: 3.611vw;
    letter-spacing: normal;
  }
  .timeline__img2 {
    width: 13vh;
    left: 23.056vw;
    top: 81%;
  }
  .timeline__img3 {
    width: 9vh;
    right: 21.389vw;
    top: 85%;
  }
  .slider-dots {
    position: fixed;
    right: 3.889vw;
    top: 50%;
    left: auto;
    bottom: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.611vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .slider-dots.is-visible {
    opacity: 1;
    pointer-events: auto;
  }
  .slider-dot {
    width: 1.667vw;
    height: 1.667vw;
  }
  .slider-dot.active {
    height: 5vw;
  }
  .modal__container-add {
    padding: 16px;
  }
  .article__img-tabl {
    position: static;
  }
  .picture {
    z-index: 1;
    height: auto;
  }
  .picture__bottom {
    margin-top: 22.375vw !important;
  }

  .footer {
    margin-top: 8.36vw;
    padding-top: 3.89vw;
    padding-bottom: 3.89vw;
  }
  .copyright {
    font-size: 3.89vw;
  }
  .footer-logo {
    width: 28.45vw;
  }
}
.picture__bottom {
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  -o-transition: transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  margin-top: 25.975vw;
  top: 0;
  left: 0;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.picture__top {
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  -o-transition: transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  top: 0;
  left: 0;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
/* Scroll to top */
.scroll-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 72px;
    border: 0;
    padding: 0;
    cursor: pointer;
    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;
    opacity: 0;
    -webkit-transform: translateY(12px);
        -ms-transform: translateY(12px);
            transform: translateY(12px);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    z-index: 9998;
    background: transparent;
}
.scroll-top[hidden] { display: none; }
.scroll-top.is-visible { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.scroll-top .default-svg,
.scroll-top .hover-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.scroll-top .default-svg>svg,
.scroll-top .hover-svg>svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.scroll-top .hover-svg {
    opacity: 0;
}

.scroll-top:hover .default-svg {
    opacity: 0;
}

.scroll-top:hover .hover-svg {
    opacity: 1;
}

.scroll-top_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 1;
}
.scroll-top_block svg {
    width: 20px;
    height: auto;
}

.scroll-top_block p {
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 133%;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    margin: 0;
}

.scroll-top .default-svg .scroll-top_block p {
    color: #20517A;
}

.scroll-top .hover-svg .scroll-top_block p {
    color: #FFFFFF;
}

@media (max-width: 991px) {
    .scroll-top { width: 44px; height: 53px; right: 12px; bottom: 91px; }
    .scroll-top p { display: none; }
}

/* ==========================================================================
   Попап «Заказать обратный звонок».
   Базовые стили (base.css) на лендинге отключены, поэтому переносим только
   нужные правила. Открытие/закрытие — base.js, сабмит — forms.js.
   z-index выше шапки (5) и меню (100), чтобы перекрывать их.
   ========================================================================== */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100 * var(--vh));
    z-index: 9999;
    background-color: rgba(24, 24, 38, 0.9);
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 65px;
}
.popup-inner {
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 30px;
    position: relative;
}
.popup-callback {
    max-width: 485px;
    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;
}
.popup__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 37px;
    height: 37px;
    border-radius: 9px;
    border: 1px solid #F3F4F5;
    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;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}
.popup__close:hover {
    background-color: #20247A;
    border-color: #20247A;
}
.popup__close svg path { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.popup__close:hover svg path { stroke: #FFFFFF; }
.popup__title {
    padding-right: 25px;
    color: #191C21;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}
.popup__btn {
    width: 100%;
    height: 57px;
}

/* Кнопки */
.popup .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-family: inherit;
    font-weight: 600;
    cursor: pointer;
}
.popup .btn svg path { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.popup .btn-blue {
    border-radius: 12px;
    background-color: #20247A;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 140%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
}
.popup .btn-blue::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#49207E), to(#21257E));
    background: -o-linear-gradient(top, #49207E 0%, #21257E 100%);
    background: linear-gradient(180deg, #49207E 0%, #21257E 100%);
    z-index: -1;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.popup .btn-blue:hover::after { opacity: 1; }
.popup .btn-outline {
    border-radius: 10px;
    border: 2px solid #BACFE3;
    color: #20247A;
    font-size: 13px;
    line-height: 138%;
    background-color: transparent;
}
.popup .btn-outline:hover { background-color: #BACFE3; }

/* Поля формы */
.popup .fg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}
.popup .fg__title {
    color: #191C21;
    font-size: 15px;
    font-weight: 500;
    line-height: 138%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.popup .fg__title span {
    color: #F00F00;
    font-size: 12px;
    line-height: 133%;
}
.popup .fg input,
.popup .fg textarea {
    display: block;
    width: 100%;
    border-radius: 9px;
    border: 2px solid #E8EAED;
    background: #FFFFFF;
    padding: 16px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color: #191C21;
    font-size: 15px;
    line-height: 140%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.popup .fg input:focus,
.popup .fg textarea:focus {
    border-color: #20247A;
    outline: none;
}
.popup .fg._error input { border-color: #FF0000; }
.popup .fg__error-text {
    color: #FF0000;
    font-size: 12px;
    line-height: 133%;
}

/* Чекбокс согласия */
.popup .checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}
.popup .checkbox-label > input { display: none; }
.popup .checkbox {
    border-radius: 6px;
    border: 1.6px solid #343E4A;
    background: #FFF;
    width: 22px;
    height: 22px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    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;
}
.popup ._error .checkbox { border-color: #FF0000; }
.popup .checkbox::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMwMjVfMjE3MTM2KSI+CjxwYXRoIGQ9Ik0yLjkxNjUgNy4wMDAxNkw1LjgzMzE3IDkuOTE2ODNMMTEuNjY2NSA0LjA4MzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMwMjVfMjE3MTM2Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 0;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.popup label:hover .checkbox { border-color: #20247A; }
.popup label > input:checked + .checkbox {
    background-color: #20247A;
    border-color: #20247A;
}
.popup label > input:checked + .checkbox::after { opacity: 1; }
.popup .checkbox__text {
    color: #343E4A;
    font-size: 13px;
    line-height: 138%;
}
.popup .checkbox__text a {
    color: #20247A;
    text-decoration: underline;
}
.popup .checkbox__text a:hover { opacity: 0.6; }

/* Попап «Спасибо» (добавляется forms.js после отправки) */
.popup-thank {
    max-width: 430px;
    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;
    gap: 15px;
}
.popup-thank .popup__title { padding-right: 0; }
.popup-thank__text {
    color: #343E4A;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
}
.popup-thank__btn {
    padding: 11px;
    width: 222px;
    font-size: 13px;
    gap: 5px;
}

@media (max-width: 767px) {
    .popup-inner { padding: 24px 16px; }
    .popup-callback { max-width: 92vw; gap: 16px; }
    .popup__title { font-size: 22px; line-height: 28px; }
    .popup .fg input,
    .popup .fg textarea { font-size: 16px; padding: 18px 16px; }
}