:root {
  --pink: #fc698a;
  --blue: #00b2ff;
  --deep-pink: #bb275f;
  color-scheme: light;
}

@font-face {
  font-family: "DIN Round Pro";
  src: url("fonts/FF DIN Round Pro - Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans Local";
  src: url("fonts/OpenSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; background: var(--pink); }

html, body { overflow-x: hidden; scrollbar-width: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }

body {
  margin: 0;
  min-width: 320px;
  color: #fff;
  overflow-x: hidden;
  background: var(--pink);
  font-family: "DIN Round Pro", "Arial Rounded MT Bold", sans-serif;
  font-weight: 700;
}

img { display: block; max-width: 100%; }

.page {
  position: relative;
  width: 100%;
  max-width: 500px;
  min-width: 320px;
  margin: 0 auto;
  overflow: visible;
  background: transparent;
  container-type: inline-size;
}

h1, h2, p { margin: 0; }
h1, h2 { text-transform: uppercase; }

.header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 20;
  height: 27.8125cqw;
  isolation: isolate;
}

.header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #00b2ff 12.5%, rgba(168, 235, 255, 0) 100%);
}

.header__logo {
  position: absolute;
  top: 6%;
  left: 34.375%;
  width: 31.25%;
  height: 78%;
  object-fit: cover;
}

.hero {
  position: relative;
  height: 211.5625cqw;
  /* overflow: hidden; */
  background: var(--pink);
}

.hero__bg { position: absolute; left: -83.4375cqw; top: 24.6875cqw; width: 270.625cqw; height: 163.75cqw; max-width: none; object-fit: cover; }
.hero__balls { position: absolute; z-index: 4; left: -83.4375cqw; top: 24.6875cqw; width: 270.625cqw; height: 165.9375cqw; max-width: none; object-fit: cover; pointer-events: none; }
.hero__main { position: absolute; z-index: 5; left: -5.625cqw; top: 72.8125cqw; width: 99.375cqw; height: 120.625cqw; max-width: none; object-fit: cover; }

.hero h1 {
  position: absolute;
  z-index: 12;
  top: 16.8%;
  left: 4.375%;
  width: 91.5%;
  transform: rotate(-5deg);
  font-size: 12.5cqw;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 1.25cqw 3.125cqw #d73b5e;
}


.buy-button {
  position: absolute;
  z-index: 15;
  left: 20.3125%;
  bottom: 4.43%;
  width: 59.375%;
  height: 5.91%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5625cqw;
  color: #fff;
  background: var(--blue);
  border-radius: 999px;
  box-shadow: inset 0 1.5625cqw 1.875cqw rgba(255,255,255,.5), 0 3.125cqw 3.125cqw rgba(187,39,95,.6);
  font-size: 5.625cqw;
  text-decoration: none;
  text-transform: uppercase;
}

.buy-button img { width: 6.25cqw; height: 6.25cqw; }

.buy-modal {
  width: 288px;
  max-width: calc(100vw - 40px);
  padding: 0;
  overflow: visible;
  color: #fff;
  background: transparent;
  border: 0;
}
.buy-modal::backdrop { background: rgba(0, 0, 0, .72); }
.buy-modal:focus { outline: none; }
.buy-modal__card {
  position: relative;
  min-height: 299px;
  display: flex;
  align-items: center;
  padding: 42px 10px 18px;
  border-radius: 30px;
  background: var(--blue);
  box-shadow: inset 0 -10px 10px rgba(255,255,255,.4), inset 0 10px 10px rgba(255,255,255,.4), 0 15px 20px rgba(187,39,95,.5);
}
.buy-modal__card p {
  width: 100%;
  font-family: "Open Sans Local", Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
}
.buy-modal__card a { color: inherit; font-weight: 600; text-underline-offset: 1px; }
.buy-modal__close {
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 8px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.buy-modal__close img { width: 17px; height: 17px; }
.buy-modal__close:focus-visible { outline: 2px solid #fff; outline-offset: -4px; border-radius: 50%; }

.flavours { padding-top: 9.375cqw; height: 150.3125cqw; }
.flavours h2, .novelties h2, .wow h2, .chizhik > h2 {
  font-size: 8.125cqw;
  line-height: 1.2;
  text-align: center;
}

.slider { margin-top: 5.625cqw; }
.slider__viewport { overflow: hidden; padding-left: 5%; }
.slider__track { display: flex; gap: 13.4375cqw; transition: transform .65s cubic-bezier(.22,.7,.24,1); will-change: transform; }
.slider__desktop-stage { display: none; }

.product-card, .large-card {
  position: relative;
  flex: 0 0 90%;
  aspect-ratio: 288 / 373;
  overflow: hidden;
  border-radius: 9.375cqw;
  /* box-shadow: 0 6.25cqw 15.625cqw rgba(187,39,95,.4); */
}

.product-card { flex-basis: 90cqw; }

.card-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .9; }
.product-card p, .large-card p {
  position: absolute;
  z-index: 8;
  left: 3.47%;
  bottom: 4.02%;
  width: 93.05%;
  font-family: "Open Sans Local", Arial, sans-serif;
  font-weight: 500;
  font-size: 6.25cqw;
  line-height: 1.2;
  text-align: center;
}

.orange-package-mask {
  position: absolute;
  z-index: 3;
  left: 16.85%;
  top: 3.85%;
  width: 31.588%;
  height: 65.706%;
  overflow: hidden;
  transform: rotate(-8.46deg);
  -webkit-mask: url("assets/spir-orange-mask.svg") center / 138% 102.4% no-repeat;
  mask: url("assets/spir-orange-mask.svg") center / 138% 102.4% no-repeat;
}
.orange-package-mask img { position: absolute; left: -73.82%; top: -4.57%; width: 315.46%; height: 117.1%; max-width: none; }
.spir-orange { position: absolute; z-index: 4; left: 51.61%; top: 3.62%; width: 15.596%; height: 64.872%; object-fit: fill; transform: rotate(15deg); }
.orange-slice-crop { position: absolute; z-index: 4; left: 45.33%; top: 44.24%; width: 46.18%; height: 25.47%; overflow: hidden; }
.orange-slice-crop img { position: absolute; left: -8.39%; top: -34.95%; width: 117.48%; height: 163.11%; max-width: none; }

.crop { position: absolute; z-index: 3; overflow: hidden; }
.crop img { position: absolute; max-width: none; height: 105.3%; width: 281.7%; object-fit: cover; }
.crop--rasp-pack { left: 17.06%; top: 2.85%; width: 35.07%; height: 72.12%; transform: rotate(-9.79deg); }
.crop--rasp-pack img { left: -62%; top: 0; }
.crop--rasp-ice { left: 54.5%; top: 3.27%; width: 17.45%; height: 67.98%; transform: rotate(15deg); }
.crop--rasp-ice img { left: -310%; top: -6.4%; width: 531%; }
.spir-raspberry-slice { position: absolute; z-index: 4; left: 49%; top: 44.2%; width: 45%; }

.pomegranate-pack { position: absolute; z-index: 3; left: 12.44%; top: 2.38%; width: 37.15%; height: 78.02%; object-fit: fill; transform: rotate(-15deg); }
.pomegranate-ice { position: absolute; z-index: 4; left: 51.56%; top: 4.97%; width: 29.86%; height: 72.41%; object-fit: fill; transform: rotate(15deg); }
.pomegranate-fruit { position: absolute; z-index: 2; left: 53.47%; top: 54.42%; width: 43.84%; height: 27.08%; object-fit: fill; }

.slider__dots { display: flex; justify-content: center; gap: 2.5cqw; margin-top: 4.6875cqw; }
.slider__dots button { width: 3.75cqw; height: 3.75cqw; padding: 0; border: 0; border-radius: 50%; background: rgba(224,79,105,.5); cursor: pointer; }
.slider__dots button[aria-current="true"] { background: #f0bf00; }
.slider__dots button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.novelties { padding-top: 6.25cqw; }
.novelties h2 { margin-bottom: 5.625cqw; }
.large-card { width: 90%; margin: 0 auto 5cqw; }
.large-card__product { position: absolute; z-index: 3; object-fit: contain; }
.large-card__product--yellow { left: 0; top: -3%; width: 100%; height: 83%; }
.large-card__product--red { left: 0; top: -1%; width: 100%; height: 80%; }
.hand { position: absolute; z-index: 5; object-fit: contain; }
.hand--left { left: 2.8%; top: 45%; width: 26%; }
.hand--right { right: 2.4%; top: 34%; width: 28.8%; }

.gazan { position: relative; height: 119.0625cqw; margin-top: 25.625cqw; overflow: hidden; }
.gazan__burst { position: absolute; left: 0; top: 0; width: 47.5cqw; height: 97.5cqw; overflow: hidden; }
.gazan__burst img, .gazan__mascot { position: absolute; left: -20.9375cqw; top: -26.16cqw; width: 121.875cqw; height: 165.45cqw; max-width: none; }
.gazan__burst img { opacity: .9; }
.gazan__mascot { z-index: 2; object-fit: contain; }
.gazan__bubble { position: absolute; z-index: 3; left: 27.8125cqw; top: 16.875cqw; width: 68.125cqw; height: 51.5625cqw; overflow: hidden; }
.gazan__bubble img { position: absolute; left: -2.46%; top: -49.12%; width: 104.92%; height: 208.41%; max-width: none; }
.gazan__bubble strong { position: absolute; z-index: 2; left: 12.4%; top: 32.8%; width: 77.5%; color: #db4355; font-size: 7.8125cqw; line-height: 1.2; text-align: center; text-transform: uppercase; }
.gazan__portrait { position: absolute; z-index: 4; left: 63.4375cqw; top: 0; width: 31.5625cqw; height: 31.25cqw; max-width: none; border: .9375cqw solid var(--blue); border-radius: 50%; object-fit: cover; object-position: 50% 40%; }
.gazan__decor { position: absolute; z-index: 5; inset: 0; pointer-events: none; }
.gazan__decor img { position: absolute; object-fit: contain; }
.gazan__decor img:nth-child(1) { left: 62%; top: 68%; width: 31%; filter: blur(3.5px); }
.gazan__decor img:nth-child(2) { left: 44%; top: 76%; width: 13%; filter: blur(1.5px); }
.gazan__decor img:nth-child(3) { left: 34%; top: 73%; width: 5%; }
.gazan__decor img:nth-child(4) { left: 48%; top: 64%; width: 10%; filter: blur(1px); }

.wow { position: relative; height: 227.5cqw; margin-top: -6.5625cqw; }
.wow h2 { position: absolute; z-index: 5; top: 6.5625cqw; left: 5%; width: 90%; font-size: 8.125cqw; line-height: 1.2; text-align: center; }
.wow__scene { position: absolute; inset: 0; }
.wow__rays { position: absolute; left: -49.0625cqw; top: 26.25cqw; width: 180cqw; height: 180.625cqw; max-width: none; }
.wow__balls { position: absolute; left: 0; top: 7.5cqw; width: 100cqw; height: 189.0625cqw; max-width: none; object-fit: cover;  }
.wow__pack { position: absolute; left: 36.8cqw; top: 39.7cqw; width: 54.4cqw; height: 104.1cqw; object-fit: fill; transform: rotate(15deg); }
.wow__ice { position: absolute; left: 18.8cqw; top: 60.2cqw; width: 44.5cqw; height: 87.1cqw; object-fit: fill; transform: rotate(-30deg); }
.wow__card { position: absolute; z-index: 6; left: 4.6875%; bottom: 11.5625cqw; width: 90.625%; height: 53.75cqw; padding: 21.5cqw 3.5% 3%; border-radius: 6.25cqw; background: var(--blue); box-shadow: inset 0 -3.125cqw 3.125cqw rgba(255,255,255,.4), inset 0 3.125cqw 3.125cqw rgba(255,255,255,.4), 0 4.6875cqw 3.125cqw rgba(187,39,95,.5); }
.wow__logo { position: absolute; left: 18.3%; top: -40.1%; width: 63.2%; transform: rotate(-15deg); }
.wow__card p { font-family: "Open Sans Local", Arial, sans-serif; font-weight: 500; font-size: 6.25cqw; line-height: 1.2; text-align: center; position: absolute; top: 20%; }

.chizhik { position: relative; height: 168.75cqw; margin-top: 4.0625cqw; }
.chizhik h2 { position: absolute; z-index: 4; left: 5%; top: 0; width: 90%; }
.chizhik__card { position: absolute; left: 5%; top: 52.1875cqw; width: 90%; height: 116.5625cqw; overflow: visible; border-radius: 9.375cqw; background: rgba(255,255,255,.12); box-shadow: 0 6.25cqw 15.625cqw rgba(187,39,95,.4); }
.chizhik__texture { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: inherit; opacity: .6; }
.chizhik__texture img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.chizhik__logo { position: absolute; z-index: 4; left: 0; top: -16.875cqw; width: 100%; height: 24.375cqw; object-fit: cover; }
.chizhik__products { position: absolute; z-index: 3; left: 9.375%; top: 4.375cqw; width: 77.9%; height: 87.04cqw; }
.chizhik__pack { position: absolute; left: 15%; top: 0; width: 45.6%; height: 81.54cqw; object-fit: fill; transform: rotate(-15deg); }
.chizhik__ice { position: absolute; left: 48%; top: 5.85cqw; width: 52%; height: 70.68cqw; object-fit: fill; }
.chizhik__card p { position: absolute; z-index: 5; left: 3.47%; bottom: 4.29%; width: 93.05%; font-family: "Open Sans Local", Arial, sans-serif; font-weight: 500; font-size: 6.25cqw; line-height: 1.2; text-align: center; }

.footer { position: relative; height: 154.375cqw; margin-top: 15.625cqw; isolation: isolate; }
.footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(0,178,255,0) 0, #00b2ff 27%, #00b2ff 100%);
}
.footer__logo { position: absolute; top: 0; left: 23.75%; width: 52.5%; height: 23.5%; object-fit: contain; }
.footer h2 { position: absolute; top: 27.5%; left: 5%; width: 90%; font-size: 7.8125cqw; line-height: 1.2; text-align: center; }
.socials { position: absolute; top: 56.88%; left: 5%; width: 90%; display: grid; grid-template-columns: repeat(5, 12.8125cqw); justify-content: center; justify-items: center; gap: 6.25cqw; }
.socials a { display: grid; place-items: center; width: 12.8125cqw; height: 12.8125cqw; overflow: hidden; border-radius: 50%; }
.socials img { width: 12.8125cqw; height: 12.8125cqw; max-width: none; object-fit: contain; }
.socials a:nth-child(6) { grid-column: 2; }
.socials__rutube { border-radius: 50%; background: rgba(255,255,255,.3); color: #fff; text-decoration: none; font-size: 6.25cqw; line-height: 1; }
.footer__legal { position: absolute; left: 5%; bottom: 6.1%; width: 90%; font-family: "Open Sans Local", Arial, sans-serif; font-weight: 500; font-size: 2.5cqw; line-height: 1.2; text-align: center; }
.footer__legal p + p { margin-top: 3.125cqw; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .slider__track, .slider__desktop-stage .product-card { transition: none; }
}

@media (min-width: 768px) {
  .page { width: 100%; max-width: 1920px; min-width: 0; }

  .header { height: 12.65625cqw; }
  .header__logo { top: 24.69%; left: 44.0625%; width: 11.875%; height: 64.61%; }

  .hero { height: 71.51042cqw; }
  .hero__bg { left: 0; top: 5.78125cqw; width: 100%; height: 60.52083cqw; object-fit: cover; }
  .hero__balls { left: 0; top: 5.78125cqw; width: 100%; height: 61.43229cqw; object-fit: cover; }
  .hero__main { left: 28.69792cqw; top: 23.54167cqw; width: 36.82292cqw; height: 44.63542cqw; object-fit: cover; }
  .hero h1 { top: 16.97cqw; left: 34.32cqw; width: 31.39cqw; font-size: 4.27083cqw; text-shadow: 0 .20833cqw .52083cqw #d73b5e; }
  .buy-button { left: 40cqw; bottom: 0; width: 19.94792cqw; height: 4.73958cqw; gap: .52083cqw; font-size: 1.875cqw; box-shadow: inset 0 .59479cqw .7138cqw rgba(255,255,255,.5), 0 1.1897cqw 1.1897cqw rgba(187,39,95,.6); }
  .buy-button img { width: 2.34375cqw; height: 2.34375cqw; }

  .flavours { width: 60.41667cqw; height: 37.91667cqw; margin: 5.20833cqw auto 0; padding: 0; }
  .flavours h2, .novelties h2, .wow h2, .chizhik h2 { font-size: 2.8125cqw; }
  .slider { margin-top: 2.08333cqw; }
  .slider__viewport { overflow: hidden; padding: 0; }
  .slider__track { display: none; }
  .slider__desktop-stage { position: relative; display: block; height: 29.84375cqw; }
  .slider__desktop-stage .product-card {
    position: absolute;
    top: 4.16667cqw;
    left: 0;
    width: 16.66667cqw;
    height: 21.51042cqw;
    aspect-ratio: auto;
    border-radius: 1.5625cqw;
    opacity: 1;
    transition: left .65s cubic-bezier(.22,.7,.24,1), top .65s cubic-bezier(.22,.7,.24,1), width .65s cubic-bezier(.22,.7,.24,1), height .65s cubic-bezier(.22,.7,.24,1), border-radius .65s cubic-bezier(.22,.7,.24,1), opacity .45s ease;
    will-change: left, top, width, height, opacity;
  }
  .slider__desktop-stage .product-card[data-slot="-3"] { left: -37.5cqw; opacity: 0; }
  .slider__desktop-stage .product-card[data-slot="-2"] { left: -18.75cqw; opacity: 0; }
  .slider__desktop-stage .product-card[data-slot="-1"] { left: 0; }
  .slider__desktop-stage .product-card[data-slot="0"] { z-index: 2; left: 18.75cqw; top: 0; width: 22.91667cqw; height: 29.84375cqw; border-radius: 2.08333cqw; }
  .slider__desktop-stage .product-card[data-slot="1"] { left: 43.75cqw; }
  .slider__desktop-stage .product-card[data-slot="2"] { left: 62.5cqw; opacity: 0; }
  .slider__desktop-stage .product-card[data-slot="3"] { left: 81.25cqw; opacity: 0; }
  .slider__desktop-stage .product-card p { font-size: 1.14583cqw; transition: font-size .65s cubic-bezier(.22,.7,.24,1); }
  .slider__desktop-stage .product-card[data-slot="0"] p { font-size: 1.45833cqw; }
  .slider__dots { margin-top: 1.5625cqw; gap: .78125cqw; }
  .slider__dots button { width: .78125cqw; height: .78125cqw; }
  .slider__dots button[aria-current="true"] { width: 1.04167cqw; height: 1.04167cqw; }

  .novelties { width: 60.41667cqw; height: 34.32292cqw; margin: 5.20833cqw auto 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto 1fr; gap: 2.08333cqw; }
  .novelties h2 { grid-column: 1 / -1; margin: 0; }
  .large-card { width: 29.16667cqw; height: 28.85417cqw; aspect-ratio: auto; margin: 0; border-radius: 1.5625cqw; }
  .large-card p { font-size: 1.77083cqw; }

  .gazan { width: 60.41667cqw; height: 43.59375cqw; margin: 5.20833cqw auto 0; }
  .gazan__burst { left: 0; top: 0; width: 25.15625cqw; height: 43.59375cqw; }
  .gazan__burst img, .gazan__mascot { left: -6.42083cqw; top: -12.07969cqw; width: 56.2796cqw; height: 76.4008cqw; }
  .gazan__mascot { clip-path: inset(0 44% 0 0); }
  .gazan__bubble { left: 23.54167cqw; top: 8.90625cqw; width: 29.39362cqw; height: 22.1958cqw; }
  .gazan__bubble strong { font-size: 3.41688cqw; }
  .gazan__portrait { left: 44.42708cqw; top: 5.98958cqw; width: 12.86637cqw; height: 12.71677cqw; border-width: .38182cqw; }
  .gazan__decor img:nth-child(1) { left: 30.4%; top: 67.8%; width: 18.2%; filter: blur(.44547cqw); }
  .gazan__decor img:nth-child(2) { left: 11.8%; top: 63%; width: 12.35%; filter: blur(.19094cqw); }
  .gazan__decor img:nth-child(3) { left: 4.4%; top: 63.3%; width: 3.68%; }
  .gazan__decor img:nth-child(4) { left: 7.5%; top: 72.4%; width: 9.85%; filter: none; }

  .wow { width: 60.41667cqw; height: 39.27083cqw; margin: 5.20833cqw auto 0; overflow: visible; }
  .wow h2 { top: 0; left: 0; width: 100%; }
  .wow__scene { left: 0; top: 0; width: 60.41667cqw; height: 50.50323cqw; }
  .wow__rays { left: 0; top: 1.45833cqw; width: 60.41667cqw; height: 44.56077cqw; }
  .wow__balls { left: 0; top: 0; width: 47.70833cqw; height: 50.50323cqw; transform: none; object-fit: cover; }
  .wow__pack { left: 11.61458cqw; top: 6.40625cqw; width: 22.09808cqw; height: 31.88672cqw; transform: rotate(15deg); }
  .wow__ice { left: 1%; top: 9.01927cqw; width: 15.44133cqw; height: 30.27264cqw; transform: rotate(-30deg); }
  .wow__card { left: 34.375cqw; bottom: 4.01042cqw; width: 26.04167cqw; height: 16.45833cqw; padding: 4.21875cqw .78125cqw 1.5625cqw; border-radius: 1.5625cqw; box-shadow: inset 0 -.88542cqw .88542cqw rgba(255,255,255,.4), inset 0 .88542cqw .88542cqw rgba(255,255,255,.4), 0 1.32807cqw .88542cqw rgba(187,39,95,.5); }
  .wow__logo { left: 8.55%; top: -49%; width: 82.7%; }
  .wow__card p { font-size: 1.77083cqw; }

  .chizhik { width: 60.41667cqw; height: 38.59375cqw; margin: 5.20833cqw auto 0; }
  .chizhik h2 { left: 9.0625cqw; top: 0; width: 42.23958cqw; }
  .chizhik__card { left: 0; top: 13.64583cqw; width: 60.41667cqw; height: 24.94792cqw; border-radius: 1.5625cqw; box-shadow: 0 1.04167cqw 2.60417cqw rgba(187,39,95,.4); }
  .chizhik__logo { left: 17.91667cqw; top: -4.79167cqw; width: 24.53125cqw; height: 8.17708cqw; }
  .chizhik__products { left: 5.20833cqw; top: .78125cqw; width: 19.47917cqw; height: 23.38542cqw; }
  .chizhik__pack { left: .31055cqw; top: 0; width: 8.60667cqw; height: 21.90422cqw; }
  .chizhik__ice { left: 9.37243cqw; top: .78125cqw; width: 9.79167cqw; height: 19.01042cqw; }
  .chizhik__card p { left: 26.25cqw; bottom: 8.17708cqw; width: 19.0625cqw; font-size: 1.77083cqw; }

  .footer { height: 34.84375cqw; margin-top: 5.20833cqw; }
  .footer__mobile-break { display: none; }
  .footer__logo { top: 2.29167cqw; left: 44.0625cqw; width: 11.875cqw; height: 8.17708cqw; }
  .footer h2 { top: 12.55208cqw; left: 21.97917cqw; width: 56.04167cqw; font-size: 2.8125cqw; }
  .socials { top: 21.40625cqw; left: 25.98958cqw; width: 48.22917cqw; grid-template-columns: repeat(8, 4.16667cqw); gap: 2.08333cqw; }
  .socials a, .socials img { width: 4.16667cqw; height: 4.16667cqw; }
  .socials a:nth-child(6) { grid-column: auto; }
  .socials__rutube { font-size: 2.08333cqw; }
  .footer__legal { left: 19.79167cqw; bottom: 3.125cqw; width: 60.41667cqw; font-size: 1.25cqw; }
  .footer__legal p + p { margin-top: 1.04167cqw; }
}