html[data-layout="mb"] { --u: calc(100vw / 390); }
html[data-layout="mb"] { --u390: var(--u); }

html[data-layout="mb"] .lp-stage { width: calc(390 * var(--u)); }

html[data-layout="mb"] .lp-hotspot--pattern {
  left: calc(238 * var(--u));
  top: calc(713 * var(--u));
  width: calc(126 * var(--u));
  height: calc(36 * var(--u));
}
html[data-layout="mb"] .lp-band--intro { z-index: 1; }
html[data-layout="mb"] .lp-hotspot--register-top {
  left: calc(106 * var(--u));
  top: calc(1407 * var(--u));
  width: calc(178 * var(--u));
  height: calc(42 * var(--u));
  font-size: calc(17 * var(--u));
}
html[data-layout="mb"] .lp-hotspot--offer { background: url("../img/mb/btn-offer.png") 0 0 / 100% 100% no-repeat; }
html[data-layout="mb"] .lp-hotspot--works { background: url("../img/mb/btn-works.png") 0 0 / 100% 100% no-repeat; }
html[data-layout="mb"] .lp-hotspot--register-wide { background: url("../img/mb/btn-register-wide.png") 0 0 / 100% 100% no-repeat; }

html[data-layout="mb"] .lp-grid-bg {
  background-image: url("../img/mb/terms-bg.webp"), url("../img/mb/bg-grid.png");
  background-repeat: no-repeat, repeat;
  background-size: 100% auto, calc(61 * var(--u)) calc(61 * var(--u));
  background-position: 0 0, calc(49 * var(--u)) calc(22 * var(--u));
}

html[data-layout="mb"] .lp-box {
  width: calc(350 * var(--u));
  margin-left: calc(20 * var(--u));
  width: round(calc(350 * var(--u)), 1px);
  margin-left: round(calc(20 * var(--u)), 1px);
  border-radius: calc(18 * var(--u));
}
html[data-layout="mb"] .lp-box__title { height: calc(38 * var(--u)); }
html[data-layout="mb"] .lp-box__title::before {
  top: calc(18 * var(--u));
  height: max(1px, calc(2 * var(--u)));
}
html[data-layout="mb"] .lp-box__title span {
  width: calc(178 * var(--u));
  height: 100%;
  border-radius: 999px;
  font-size: calc(17 * var(--u));
  letter-spacing: 0.025em;
}

html[data-layout="mb"] .lp-band--terms .lp-stage {
  padding: calc(10 * var(--u)) 0 calc(13 * var(--u));
}
html[data-layout="mb"] .lp-band--terms .lp-box {
  padding: calc(18 * var(--u)) calc(17 * var(--u)) calc(17 * var(--u));
}
html[data-layout="mb"] .lp-band--terms .lp-box__title::before {
  left: calc(-10 * var(--u));
  right: calc(-10 * var(--u));
}
html[data-layout="mb"] .lp-terms {
  margin-top: calc(18 * var(--u));
  color: #000;
  font-size: calc(13 * var(--u));
  line-height: 1.4615;
  letter-spacing: 0;
}
html[data-layout="mb"] .lp-terms p { text-align: left; }
html[data-layout="mb"] .lp-terms .lp-terms__bullet { padding-left: 1em; text-indent: -1em; }

html[data-layout="mb"] .lp-band--winners .lp-stage { padding: calc(55 * var(--u)) 0 calc(67.5 * var(--u)); }
html[data-layout="mb"] .lp-winners__title { margin-left: calc(117.5 * var(--u)); width: calc(155 * var(--u)); }
html[data-layout="mb"] .lp-winners { margin: calc(38.67 * var(--u)) 0 0 calc(20 * var(--u)); gap: calc(15.63 * var(--u)); }
html[data-layout="mb"] .lp-winners__btn { width: calc(350 * var(--u)); }

html[data-layout="mb"] .lp-band--examples > .lp-stage > .lp-full { margin-top: calc(-5 * var(--u)); }
html[data-layout="mb"].lp-no-winners .lp-band--examples > .lp-stage > .lp-full { margin-top: -1px; }
html[data-layout="mb"] .lp-examples {
  position: absolute;
  left: calc(8 * var(--u));
  top: calc(94 * var(--u));
  width: calc(366 * var(--u));
}
html[data-layout="mb"] .lp-examples .swiper {
  overflow: visible;
  column-gap: calc(24 * var(--u));
  --lp-slide-fade: 1;
}
html[data-layout="mb"] .lp-examples .swiper-slide { transition-property: transform, opacity; }
html[data-layout="mb"] .lp-examples__title {
  top: calc(48 * var(--u));
  font-size: calc(25 * var(--u));
  line-height: 1.44;
}
html[data-layout="mb"] .lp-prompt {
  width: calc(366 * var(--u));
  height: calc(288 * var(--u));
  background-color: transparent;
  border-radius: 0;
  overflow: visible;
  padding: 0;
}
html[data-layout="mb"] .lp-prompt::before,
html[data-layout="mb"] .lp-prompt::after { content: none; }
html[data-layout="mb"] .lp-prompt > * { display: none; }
html[data-layout="mb"] .lp-examples,
html[data-layout="mb"] .lp-examples * {
  -webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none;
}
html[data-layout="mb"] .lp-prompt--1 { background-image: url("../img/mb/prompt-text-1.png"), url("../img/mb/prompt-card.png"); }
html[data-layout="mb"] .lp-prompt--2 { background-image: url("../img/mb/prompt-text-2.png"), url("../img/mb/prompt-card.png"); }
html[data-layout="mb"] .lp-prompt--3 { background-image: url("../img/mb/prompt-text-3.png"), url("../img/mb/prompt-card.png"); }
html[data-layout="mb"] .lp-prompt--4 { background-image: url("../img/mb/prompt-text-4.png"), url("../img/mb/prompt-card.png"); }
html[data-layout="mb"] .swiper-slide .lp-prompt {
  background-position: calc(17 * var(--u)) calc(16 * var(--u)), 0 0;
  background-size: calc(340 * var(--u)) calc(224 * var(--u)), 100% 100%;
  background-repeat: no-repeat, no-repeat;
}
html[data-layout="mb"] .lp-examples .lp-examples__scrollbar.swiper-scrollbar-horizontal,
html[data-layout="mb"] .lp-examples .lp-examples__scrollbar {
  left: calc(12 * var(--u));
  top: calc(296 * var(--u));
  bottom: auto;
  width: calc(350 * var(--u));
  height: calc(10 * var(--u));
  --lp-drag-ratio: 0.25;
}
html[data-layout="mb"] .lp-examples .lp-examples__scrollbar::before {
  top: calc(4.5 * var(--u));
  height: max(1px, calc(3 * var(--u)));
  background: #000;
}
html[data-layout="mb"] .lp-examples .lp-examples__scrollbar .swiper-scrollbar-drag { background: #275ff1; }
html[data-layout="mb"] .lp-examples .lp-examples__dots {
  left: calc(187 * var(--u));
  top: calc(257 * var(--u));
  gap: calc(8 * var(--u));
}
html[data-layout="mb"] .lp-examples .lp-examples__dots .swiper-pagination-bullet {
  width: calc(8 * var(--u));
  height: calc(8 * var(--u));
}
html[data-layout="mb"] .lp-examples__nav { display: none; }

html[data-layout="mb"] .lp-band--cta { background: linear-gradient(var(--sky) 0 12.6%, var(--blue) 12.6% 84.9%, #fff 84.9%); }
html[data-layout="mb"] .lp-cta { position: absolute; inset: 0; }
html[data-layout="mb"] .lp-hotspot--offer {
  left: calc(20 * var(--u));
  top: calc(55 * var(--u));
  width: calc(168 * var(--u));
  height: calc(38 * var(--u));
}
html[data-layout="mb"] .lp-hotspot--works {
  left: calc(202 * var(--u));
  top: calc(55 * var(--u));
  width: calc(168 * var(--u));
  height: calc(38 * var(--u));
}
html[data-layout="mb"] .lp-hotspot--register-wide {
  left: calc(20 * var(--u));
  top: calc(108 * var(--u));
  width: calc(350 * var(--u));
  height: calc(38 * var(--u));
}

html[data-layout="mb"] .lp-band--more .lp-stage { padding: calc(19 * var(--u)) 0 calc(24 * var(--u)); }
html[data-layout="mb"] .lp-band--more .lp-box {
  width: calc(352 * var(--u));
  margin-left: calc(19 * var(--u));
  width: round(calc(352 * var(--u)), 1px);
  margin-left: round(calc(19 * var(--u)), 1px);
  padding: calc(18 * var(--u)) calc(7 * var(--u)) calc(17 * var(--u));
}
html[data-layout="mb"] .lp-band--more .lp-box__title::before {
  left: calc(1 * var(--u));
  right: calc(1 * var(--u));
}
html[data-layout="mb"] .lp-acc:first-of-type { margin-top: calc(18 * var(--u)); }
html[data-layout="mb"] .lp-acc + .lp-acc { margin-top: calc(18 * var(--u)); }
html[data-layout="mb"] .lp-acc.is-open + .lp-acc { margin-top: calc(18 * var(--u)); }
html[data-layout="mb"] .lp-acc__toggle {
  gap: calc(4 * var(--u));
  min-height: calc(22 * var(--u));
  font-size: calc(15 * var(--u));
  line-height: 1.2;
  letter-spacing: 0;
}
html[data-layout="mb"] .lp-acc__icon {
  width: calc(20.5 * var(--u));
  height: calc(20.5 * var(--u));
  background-image: url("../img/mb/acc-icon.png");
}
html[data-layout="mb"] .lp-acc__text {
  width: calc(334 * var(--u));
  padding-top: calc(8 * var(--u));
  color: #000;
  font-size: calc(13 * var(--u));
  line-height: 1.4615;
  letter-spacing: 0;
}
html[data-layout="mb"] .lp-acc__text p { text-align: left; }

html[data-layout="mb"] #header .nav-global-header { position: relative; height: calc(93 * var(--u390)); }
html[data-layout="mb"] #header .corporate-switcher.desktop-only {
  display: block !important; position: absolute !important;
  left: calc(19.5 * var(--u390)); right: auto; top: calc(13 * var(--u390)); width: auto;
  margin: 0; padding: 0; background: transparent; font-size: calc(11.75 * var(--u390)); line-height: 1.2;
}
html[data-layout="mb"] #header .corporate-switcher ul { display: flex; flex-wrap: nowrap; margin: 0 !important; padding: 0 !important; }
html[data-layout="mb"] #header .corporate-switcher li { font-size: inherit; }
html[data-layout="mb"] #header .corporate-switcher a { color: #626262; text-decoration: underline; font-size: inherit; padding: 0 calc(5.4 * var(--u390)); }
html[data-layout="mb"] #header .corporate-switcher li:first-child a { padding-left: 0; }
html[data-layout="mb"] #header .nav-global { position: absolute; left: calc(18 * var(--u390)); top: calc(40.5 * var(--u390)); height: auto; padding: 0; }
html[data-layout="mb"] #header .nav-global .logo-section { margin: 0; }
html[data-layout="mb"] #header .nav-global .logo { width: calc(103.5 * var(--u390)) !important; height: calc(34.5 * var(--u390)) !important; background-size: contain !important; background-position: left center; margin: 0; }
html[data-layout="mb"] .header-spacer { height: calc(93 * var(--u390)) !important; }

html[data-layout="mb"] #footer { position: relative; height: calc(48 * var(--u390)); padding: 0 !important; margin: 0; background: #eaeaea; overflow: hidden; }
html[data-layout="mb"] #footer hr, html[data-layout="mb"] #footer .official-links, html[data-layout="mb"] #footer #btn-scroll-top { display: none !important; }
html[data-layout="mb"] #footer .container, html[data-layout="mb"] #footer .nekos, html[data-layout="mb"] #footer .footer-site-links, html[data-layout="mb"] #footer .site-links-copyright { display: block !important; position: static; width: auto; max-width: none; margin: 0 !important; padding: 0 !important; }
html[data-layout="mb"] #footer .misc-links { position: absolute; left: 0; right: 0; top: calc(9.5 * var(--u390)); margin: 0; text-align: center; }
html[data-layout="mb"] #footer .misc-links p { display: flex; justify-content: center; margin: 0; font-size: calc(9.6 * var(--u390)); line-height: 1.2; }
html[data-layout="mb"] #footer .misc-links a { color: #6a6a70; font-size: inherit; font-weight: 700; margin: 0 !important; padding: 0 calc(11.7 * var(--u390)) !important; }
html[data-layout="mb"] #footer .misc-links a.lp-only-mb { padding-left: 0 !important; }
html[data-layout="mb"] #footer .misc-links a:last-child { padding-right: 0 !important; border-right: 0 !important; }
html[data-layout="mb"] #footer .copyright { position: absolute; left: 0; right: 0; top: calc(31 * var(--u390)); margin: 0; text-align: center; }
html[data-layout="mb"] #footer .copyright p { margin: 0; font-size: calc(8.88 * var(--u390)) !important; line-height: 1.2; color: #8c908b; white-space: nowrap; }
