@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  width: 100%;
  max-width: 100%;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #262626;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  max-width: 100%;
}

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

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

button {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  border: none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
}

p {
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

address {
  font-style: normal;
}

code, pre {
  font-family: monospace;
}

hr {
  border: none;
  margin: 0;
}

@font-face {
  font-family: "RotondaC";
  src: url("../fonts/RotondaC-Regular.woff2") format("woff2"), url("../fonts/RotondaC-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hero";
  src: url("../fonts/Hero-Bold.woff2") format("woff2"), url("../fonts/Hero-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 82rem) {
  .container {
    max-width: 82rem;
  }
}

.content-wrapper {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 82rem) {
  .content-wrapper {
    min-width: 82rem;
  }
}

html {
  width: 100%;
  max-width: 100%;
}

body {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 430px) {
  body {
    min-width: 100%;
  }
}

a {
  transition: color 0.3s ease;
}
a:hover {
  color: #91d500;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem 1.875rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #91d500;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn:hover {
  background-color: rgb(110.2816901408, 162, 0);
}
.btn:active {
  transform: scale(0.98);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", sans-serif;
  color: #0f0f0f;
  line-height: 1.2;
}

h1 {
  font-size: 3rem;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 4.375rem;
  }
}

h2 {
  font-size: 1.875rem;
}
@media (min-width: 1200px) {
  h2 {
    font-size: 3rem;
  }
}

h3 {
  font-size: 1.5rem;
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.875rem;
  }
}

p {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #262626;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.two-cols-title, .get-plan-block__title,
h2.two-cols-title {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 320px) {
  .two-cols-title, .get-plan-block__title,
  h2.two-cols-title {
    font-size: clamp(1.75rem, 0.2523rem + 2.3939vw, 3.725rem);
    line-height: clamp(2rem, 0.7746rem + 1.9587vw, 3.125rem);
    letter-spacing: -0.05rem !important;
  }
}

.two-cols-subtitle, .get-plan-block__text {
  color: #767A85;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 500;
}
@media (min-width: 320px) {
  .two-cols-subtitle, .get-plan-block__text {
    font-size: clamp(0.9625rem, 0.2523rem + 2.3939vw, 1.5rem);
    line-height: clamp(2.125rem, 2.125rem + 0vw, 2.125rem);
    letter-spacing: -0.03rem;
  }
}

.section__title {
  display: block;
  margin: 0 0 1.875rem 0;
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #000;
}
@media (max-width: 700px) {
  .section__title {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  .section__title::before {
    content: "";
    display: block;
    width: 2.9375rem;
    height: 2.125rem;
    margin-bottom: 0.375rem;
    background-image: url("../img/two_stars.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}
@media (min-width: 1200px) {
  .section__title {
    font-size: 3.55rem;
    line-height: 3.625rem;
    margin-bottom: 3.75rem;
  }
}
.section__title--b {
  font-weight: 700;
}
.section__title--h {
  font-family: "Hero", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.section__title--green {
  color: #91D500;
  font-weight: 700;
}
.section__title--stars-right {
  position: relative;
  width: fit-content;
  max-width: 100%;
  padding-right: 5.75rem;
}
.section__title--stars-right::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0%;
  transform: translateY(-50%);
  width: 5.25rem;
  height: 3.8125rem;
  background-image: url("../img/two_stars.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.43);
  backdrop-filter: blur(10px);
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  z-index: 100;
}
@media (max-width: 430px) {
  .header {
    background-color: unset;
    backdrop-filter: none;
  }
  .header.header--ai {
    background-color: rgba(255, 255, 255, 0.43);
    backdrop-filter: blur(10px);
  }
  body.is-scrolled .header {
    backdrop-filter: blur(10px);
  }
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.75rem;
  gap: 3.5625rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 1400px) {
  .header__inner {
    gap: 2rem;
  }
}
@media (max-width: 1200px) {
  .header__inner {
    gap: 1.5rem;
  }
}
@media (max-width: 430px) {
  .header__inner {
    height: 3.125rem;
    gap: 1.9375rem;
  }
}
.header__burger-icon {
  width: 1.6875rem;
  height: 0.75rem;
  flex-shrink: 0;
  display: block;
}
.header__burger-icon .burger-line {
  transition: all 0.3s ease;
  transform-origin: left center;
}
.header__burger-icon .burger-line--top {
  transition: fill 0.3s ease;
}
.header__burger-icon .burger-line--bottom {
  transform-origin: left center;
  transition: transform fill;
}
.header__logo {
  flex-shrink: 0;
}
.header__logo-link {
  display: block;
  line-height: 0;
}
.header__logo-img {
  width: 7.375rem;
  height: 3.749rem;
  display: block;
}
@media (max-width: 1400px) {
  .header__logo-img {
    width: 6.5rem;
    height: 3.3125rem;
  }
}
@media (max-width: 1200px) {
  .header__logo-img {
    width: 6rem;
    height: 3.0625rem;
  }
}
@media (max-width: 430px) {
  .header__logo-img {
    width: 6.147375rem;
    height: 3.125rem;
  }
}
.header__nav {
  display: flex;
  align-items: center;
  gap: 1.9375rem;
  flex: 1;
  justify-content: center;
  min-width: 0;
}
@media (max-width: 1400px) {
  .header__nav {
    gap: 1.25rem;
  }
}
@media (max-width: 1200px) {
  .header__nav {
    gap: 0.9375rem;
  }
}
@media (max-width: 1024px) {
  .header__nav {
    display: none;
  }
}
@media (max-width: 430px) {
  .header__nav {
    display: none;
  }
}
.header__nav-burger {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
  cursor: pointer;
}
.header__nav-burger:hover .header__burger-icon .burger-line {
  fill: #91d500;
}
.header__nav-burger:hover .header__burger-icon .burger-line--bottom {
  transform: translateX(-0.625rem) scaleX(1.72);
}
.header__nav-link {
  position: relative;
  font-family: "RotondaC", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  color: #0f0f0f;
  line-height: 1;
  white-space: nowrap;
  padding-bottom: 0.5rem;
  transition: color 0.3s ease;
}
@media (max-width: 1400px) {
  .header__nav-link {
    font-size: 1.0625rem;
  }
}
@media (max-width: 1200px) {
  .header__nav-link {
    font-size: 1rem;
  }
}
.header__nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: #91d500;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.header__nav-link:hover {
  color: #91d500;
}
.header__nav-link:hover::after {
  transform: scaleX(1);
}
.header__nav-link--active {
  color: #91d500;
}
.header__nav-link--active::after {
  transform: scaleX(1);
}
.header__actions {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
}
.header__btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.6875rem 2.5rem;
  background-color: rgba(255, 255, 255, 0.43);
  border-radius: 2.8440625rem;
  box-shadow: 0.1029375rem 0.1029375rem 0.2006875rem 0 rgba(0, 0, 0, 0.07);
  font-family: "RotondaC", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  color: #0f0f0f;
  line-height: 1;
  white-space: nowrap;
  transition: all 0.3s ease;
}
@media (max-width: 1400px) {
  .header__btn {
    padding: 0.625rem 1.875rem;
    font-size: 1.0625rem;
  }
}
@media (max-width: 1200px) {
  .header__btn {
    padding: 0.5625rem 1.5rem;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .header__btn {
    display: none;
  }
}
.header__btn:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 430px) {
  .header__btn {
    display: none;
  }
}
.header__btn-text {
  display: flex;
  flex-direction: column;
}
.header__btn-icon {
  width: 2.0625rem;
  height: 2.0625rem;
  flex-shrink: 0;
  display: block;
}
.header__menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #000;
}
@media (max-width: 1024px) {
  .header__menu-toggle {
    display: flex;
  }
}
@media (max-width: 430px) {
  .header__menu-toggle {
    display: flex;
  }
}
.header__menu-icon {
  width: 2rem;
  height: 2rem;
  display: block;
  fill: #000;
  color: #000;
}
.header__menu-icon use {
  fill: #000;
}

.main {
  margin-top: 5rem;
}
.main--home {
  overflow: hidden;
}
@media (max-width: 700px) {
  .main {
    margin-top: 0;
  }
}

.footer {
  position: relative;
  width: 100%;
  max-width: 100%;
  background-color: #F9F9FA;
  padding-top: 3.75rem;
  padding-bottom: 7.75rem;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 430px) {
  .footer {
    padding-top: 5.75rem;
  }
}
.footer__inner {
  display: flex;
  gap: 6.0625rem;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
@media (max-width: 1400px) {
  .footer__inner {
    gap: 4rem;
  }
}
@media (max-width: 1200px) {
  .footer__inner {
    gap: 3rem;
  }
}
@media (max-width: 700px) {
  .footer__inner {
    flex-direction: column;
    gap: 1.875rem;
  }
}
.footer__col--left {
  width: 22rem;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  z-index: 2;
}
@media (max-width: 1400px) {
  .footer__col--left {
    width: 20rem;
    gap: 2.5rem;
  }
}
@media (max-width: 1200px) {
  .footer__col--left {
    width: 18rem;
    gap: 2rem;
  }
}
@media (max-width: 700px) {
  .footer__col--left {
    width: 100%;
    gap: 1.875rem;
  }
}
.footer__col--right {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6.0625rem;
  z-index: 1;
}
@media (min-width: 1200px) {
  .footer__col--right {
    justify-content: space-between;
  }
}
@media (max-width: 1400px) {
  .footer__col--right {
    gap: 4rem;
  }
}
@media (max-width: 1200px) {
  .footer__col--right {
    gap: 3rem;
  }
}
@media (max-width: 430px) {
  .footer__col--right {
    gap: 1.875rem;
  }
}
.footer__col--right::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 83.25rem;
  height: 83.375rem;
  background-image: url("../img/bg_skinepic_footer.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  pointer-events: none;
  opacity: 1;
  z-index: 0;
  transform: translateX(-50%);
}
@media (max-width: 430px) {
  .footer__col--right::before {
    width: 45.1875rem;
    height: 45.25rem;
  }
}
.footer__logo-img {
  width: 12.5rem;
  height: 6.354375rem;
  display: block;
}
@media (max-width: 1400px) {
  .footer__logo-img {
    width: 11rem;
    height: 5.59375rem;
  }
}
@media (max-width: 1200px) {
  .footer__logo-img {
    width: 10rem;
    height: 5.083125rem;
  }
}
@media (max-width: 430px) {
  .footer__logo-img {
    width: 9.835875rem;
    height: 5rem;
  }
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.footer__contact-item {
  padding: 0.3125rem;
}
.footer__contact-title {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #91d500;
  margin-bottom: 0.9375rem;
  line-height: 1;
}
@media (max-width: 430px) {
  .footer__contact-title {
    margin-bottom: 0.3125rem;
  }
}
.footer__contact-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #626262;
  line-height: 1.5;
}
.footer__contact-link {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.footer__contact-link:hover {
  color: #91d500;
}
.footer__copyright {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.footer__copyright-text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0f0f0f;
  line-height: 1;
}
.footer__copyright-brand {
  font-weight: 700;
  color: #91d500;
}
.footer__links {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}
.footer__link {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #767a85;
  line-height: 1;
  transition: color 0.3s ease;
}
.footer__link:hover {
  color: #91d500;
}
.footer__nav {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  flex-wrap: wrap;
}
@media (max-width: 1400px) {
  .footer__nav {
    gap: 1.875rem;
  }
}
@media (max-width: 1200px) {
  .footer__nav {
    gap: 1.25rem;
  }
}
@media (max-width: 430px) {
  .footer__nav {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
.footer__nav-link {
  font-family: "Montserrat", sans-serif;
  font-size: 1.0625rem;
  font-weight: 600;
  color: #0f0f0f;
  letter-spacing: 0.0125rem;
  line-height: 1;
  transition: color 0.3s ease;
}
@media (max-width: 1400px) {
  .footer__nav-link {
    font-size: 1rem;
  }
}
@media (max-width: 1200px) {
  .footer__nav-link {
    font-size: 0.875rem;
  }
}
.footer__nav-link:hover {
  color: #91d500;
}
.footer__nav-link--active {
  color: #91d500;
}
.footer__app-download {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
  align-items: center;
  height: 14.93725rem;
}
@media (max-width: 1400px) {
  .footer__app-download {
    gap: 1.5rem;
    height: auto;
  }
}
@media (max-width: 1200px) {
  .footer__app-download {
    gap: 1.25rem;
  }
}
@media (max-width: 430px) {
  .footer__app-download {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    gap: 1.25rem;
  }
}
.footer__app-content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  flex: 1;
  min-width: 0;
  max-width: fit-content;
}
@media (max-width: 430px) {
  .footer__app-content {
    width: 100%;
    max-width: 100%;
  }
}
.footer__app-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.0625rem;
  font-weight: 500;
  color: #0f0f0f;
  line-height: 1.5;
}
@media (max-width: 1400px) {
  .footer__app-title {
    font-size: 1rem;
  }
}
@media (max-width: 1200px) {
  .footer__app-title {
    font-size: 0.875rem;
  }
}
@media (max-width: 430px) {
  .footer__app-title {
    font-size: 0.9375rem;
  }
}
.footer__app-subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #767a85;
}
@media (max-width: 1400px) {
  .footer__app-subtitle {
    font-size: 0.875rem;
  }
}
@media (max-width: 1200px) {
  .footer__app-subtitle {
    font-size: 0.6875rem;
  }
}
@media (max-width: 430px) {
  .footer__app-subtitle {
    display: none;
  }
}
.footer__app-buttons {
  display: flex;
  gap: 0.625rem;
}
@media (max-width: 1400px) {
  .footer__app-buttons {
    gap: 0.5rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 1200px) {
  .footer__app-buttons {
    gap: 0.4375rem;
  }
}
@media (max-width: 430px) {
  .footer__app-buttons {
    gap: 0.625rem;
    flex: 1;
  }
}
.footer__app-btn {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.5rem;
  background-color: #0f0f0f;
  border-radius: 0.375rem;
  color: #ffffff;
  transition: all 0.3s ease;
}
.footer__app-btn:hover {
  background-color: rgb(40.5, 40.5, 40.5);
}
.footer__app-icon {
  width: 1.5625rem;
  height: 1.5625rem;
  flex-shrink: 0;
}
@media (max-width: 430px) {
  .footer__app-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.footer__app-btn-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.footer__app-btn-label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.5625rem;
  font-weight: 400;
}
@media (max-width: 430px) {
  .footer__app-btn-label {
    font-size: 0.5625rem;
  }
}
.footer__app-btn-name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 430px) {
  .footer__app-btn-name {
    font-size: 0.75rem;
  }
}
.footer__qr {
  flex-shrink: 0;
  padding: 0.9375rem;
  background-color: #ffffff;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  display: inline-block;
}
@media (max-width: 1400px) {
  .footer__qr {
    padding: 0.75rem;
  }
}
@media (max-width: 1200px) {
  .footer__qr {
    padding: 0.625rem;
  }
}
@media (max-width: 430px) {
  .footer__qr {
    display: none;
  }
}
.footer__qr-img {
  width: 10.4375rem;
  height: 10.4375rem;
  display: block;
}
@media (max-width: 1400px) {
  .footer__qr-img {
    width: 8.75rem;
    height: 8.75rem;
  }
}
@media (max-width: 1200px) {
  .footer__qr-img {
    width: 7.5rem;
    height: 7.5rem;
  }
}
.footer__information-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  z-index: 2;
}
@media (min-width: 1200px) {
  .footer__information-wrapper > * {
    flex: 0 0 50%;
  }
}
@media (max-width: 430px) {
  .footer__information-wrapper {
    flex-direction: column;
  }
  .footer__information-wrapper > * {
    flex: 0 0 100%;
  }
}
.footer__information-text {
  color: #767a85;
  font-size: 0.6875rem;
}
.footer__developer {
  position: relative;
}
@media (min-width: 1200px) {
  .footer__developer {
    text-align: right;
  }
}
@media (max-width: 430px) {
  .footer__developer {
    text-align: left;
  }
}
.footer__developer-text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #0f0f0f;
  line-height: 1.5;
}
.footer__developer-name {
  color: #0f0f0f;
}
.footer__prish {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8.125rem;
  z-index: 3;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  animation: prish-sway 3s ease-in-out infinite;
}
@keyframes prish-sway {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(0.3125rem);
  }
}
@media (max-width: 430px) {
  .footer__prish {
    height: 5.4167rem;
  }
}
.footer__prish-img {
  height: 100%;
  width: auto;
  display: block;
  transition: transform 0.3s ease;
}

@media (min-width: 1200px) {
  .footer .popup--positioned#prish-popup {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    width: 100%;
  }
}
@media (max-width: 430px) {
  .footer .popup--positioned#prish-popup {
    position: absolute !important;
    top: auto !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10 !important;
  }
}
@media (min-width: 1200px) {
  .footer .popup--positioned#prish-popup .popup__content {
    position: absolute;
    min-width: 20rem;
    max-width: 25rem;
    margin-left: 1.5rem;
  }
}
@media (max-width: 430px) {
  .footer .popup--positioned#prish-popup .popup__content {
    position: absolute !important;
    width: calc(100% - 2rem) !important;
    margin: 0 !important;
    min-width: auto !important;
    max-width: none !important;
    top: auto !important;
    left: 1rem !important;
    right: auto !important;
    bottom: 1rem !important;
    transform: none !important;
    z-index: 11 !important;
  }
}

.app-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3125rem;
  padding: 1.625rem 2.5rem;
  border: none;
  border-radius: 3.75rem;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0.625rem 0.875rem 2.75rem 0 rgba(168, 157, 152, 0.15);
  width: fit-content;
  transition: all 0.3s ease;
}
.app-button--large {
  padding: 1.625rem 2.5rem;
  font-size: 1.4625rem;
  gap: 1.3125rem;
  border-radius: 3.75rem;
}
.app-button--medium {
  padding: 1.175rem 2.1875rem;
  font-size: 1.2375rem;
  gap: 1rem;
  border-radius: 3rem;
}
.app-button--small {
  padding: 0.75rem 1.25rem;
  font-size: 0.875rem;
  gap: 0.75rem;
  border-radius: 2rem;
}
.app-button--full-width {
  width: 100%;
  justify-content: space-between;
}
.app-button--fit-content {
  width: fit-content;
  justify-content: center;
}
@media (max-width: 430px) {
  .app-button--full-width-mobile {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 430px) {
  .app-button {
    padding: 0.875rem 1.5rem;
    gap: 0.75rem;
    border-radius: 2rem;
    justify-content: space-between;
  }
  .app-button--large {
    padding: 0.875rem 1.5rem;
    gap: 0.75rem;
    border-radius: 2rem;
  }
  .app-button--medium {
    padding: 0.75rem 1.25rem;
    gap: 0.625rem;
    border-radius: 1.75rem;
  }
  .app-button--small {
    padding: 0.625rem 1rem;
    gap: 0.5rem;
    border-radius: 1.5rem;
  }
}
.app-button::before {
  content: "";
  position: absolute;
  top: -5.75rem;
  right: -4.9375rem;
  width: 7.6875rem;
  height: 7.75rem;
  background-image: url("../img/button_corner_bubble.svg");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: 0.8;
}
.app-button__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition: transform 0.3s ease;
}
.app-button--large .app-button__text {
  font-size: 1.5625rem;
}
@media (max-width: 430px) {
  .app-button--large .app-button__text {
    font-size: 0.975rem;
  }
}
.app-button--medium .app-button__text {
  font-size: 1.2375rem;
}
@media (max-width: 430px) {
  .app-button--medium .app-button__text {
    font-size: 0.8125rem;
  }
}
.app-button--small .app-button__text {
  font-size: 0.875rem;
}
@media (max-width: 430px) {
  .app-button--small .app-button__text {
    font-size: 0.975rem;
  }
}
.app-button__icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
}
@media (max-width: 430px) {
  .app-button__icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.app-button--large .app-button__icon {
  width: 1.875rem;
  height: 1.875rem;
}
.app-button--medium .app-button__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.app-button--small .app-button__icon {
  width: 1.25rem;
  height: 1.25rem;
}
.app-button__arrow {
  transform-origin: center;
  transition: transform 0.3s ease;
}
.app-button__stores {
  position: absolute;
  top: 50%;
  left: 1.5625rem;
  transform: translateY(-50%) translateX(1.25rem);
  display: flex;
  align-items: center;
  gap: 1.25rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity transform;
}
.app-button--medium .app-button__stores {
  left: 1.375rem;
  transform: translateY(-50%) translateX(1rem);
  gap: 0.475rem;
}
.app-button--small .app-button__stores {
  left: 0.75rem;
  transform: translateY(-50%) translateX(0.75rem);
  gap: 0.5rem;
}
@media (max-width: 430px) {
  .app-button__stores {
    left: 1.5rem;
    transform: translateY(-50%) translateX(0.75rem);
    gap: 0.625rem;
  }
  .app-button--medium .app-button__stores {
    left: 1.25rem;
    transform: translateY(-50%) translateX(0.625rem);
    gap: 0.5rem;
  }
  .app-button--small .app-button__stores {
    left: 1rem;
    transform: translateY(-50%) translateX(0.5rem);
    gap: 0.375rem;
  }
}
.app-button__store-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  transition: opacity 0.3s ease;
}
.app-button__store-link:hover {
  opacity: 0.7;
}
.app-button--medium .app-button__store-link {
  width: 2.5rem;
  height: 2.5rem;
}
.app-button--small .app-button__store-link {
  width: 2rem;
  height: 2rem;
}
.app-button__store-icon {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.app-button.is-opened .app-button__text {
  transform: translateX(-100%);
  opacity: 0;
}
.app-button.is-opened .app-button__arrow {
  transform: rotate(180deg);
}
.app-button.is-opened .app-button__stores {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
  pointer-events: all;
}
.app-button--white {
  background-color: #ffffff;
  color: #0f0f0f;
}
.app-button--white .app-button__icon {
  fill: #91d500;
}
.app-button--white.is-opened .app-button__icon {
  fill: #91d500;
}
.app-button--black {
  background: linear-gradient(to right, #303030 0%, #000000 52.404%);
  color: #ffffff;
}
.app-button--grey {
  background: linear-gradient(to bottom, #e8e8e8 0%, #d1d1d1 100%);
  color: #262626;
}
.app-button--grey .app-button__icon,
.app-button--grey .app-button__arrow {
  fill: currentColor;
}
.app-button--green {
  background: linear-gradient(to right, #abef1a 0%, #91d501 52.404%);
  color: #ffffff;
}
.app-button--green .app-button__icon {
  fill: #ffffff;
}
.app-button--green .app-button__arrow {
  fill: #ffffff;
}
.app-button--green.is-opened .app-button__icon {
  fill: #ffffff;
}
.app-button--green .app-button__icon {
  fill: #9ae200;
}
.app-button--green.is-opened .app-button__icon {
  fill: #9ae200;
}
.app-button--green {
  background: linear-gradient(to right, #abef1a 0%, #91d500 52.404%);
  color: #ffffff;
  border-radius: 3.75rem;
}
.app-button--green .app-button__text {
  font-weight: 700;
}
.app-button--green .app-button__icon {
  fill: #ffffff;
}
.app-button--green:hover {
  background: linear-gradient(to right, #91d500 0%, #abef1a 52.404%);
  color: #ffffff;
}
.app-button--green.app-button--link:hover {
  color: #ffffff !important;
}

.app-button--green.is-opened {
  border-radius: 3.75rem;
}
.app-button--green.is-opened .app-button__icon {
  fill: #ffffff;
}
.app-button--link {
  text-decoration: none;
  display: inline-flex;
}
.app-button--link .app-button__stores {
  display: none !important;
}
.app-button--link .app-button__text {
  transform: none !important;
  opacity: 1 !important;
}
.app-button--link .app-button__arrow {
  transform: none !important;
}
.app-button--link:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0.75rem 1rem 3rem 0 rgba(168, 157, 152, 0.2);
}
.app-button--link:active {
  transform: translateY(0);
}
.app-button--link.is-opened .app-button__text {
  transform: none !important;
  opacity: 1 !important;
}
.app-button--link.is-opened .app-button__arrow {
  transform: none !important;
}
.app-button--link.is-opened .app-button__stores {
  display: none !important;
}
.app-button:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0.75rem 1rem 3rem 0 rgba(168, 157, 152, 0.2);
}
.app-button:active {
  transform: translateY(0);
}
.app-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.app-button:disabled:hover {
  transform: none;
  box-shadow: 0.625rem 0.875rem 2.75rem 0 rgba(168, 157, 152, 0.15);
}
.app-button:disabled:active {
  transform: none;
}

.hero {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 3.75rem;
  overflow: visible;
}
@media (max-width: 700px) {
  .hero {
    padding-top: 4.5rem;
    overflow: hidden;
  }
}
.hero__inner {
  display: grid;
  grid-template-columns: 4fr 6fr;
  gap: 0;
  align-items: center;
  overflow: visible;
}
@media (max-width: 700px) {
  .hero__inner {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.hero__col--left {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3.125rem;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 700px) {
  .hero__col--left {
    width: 100%;
    max-width: 100%;
    gap: 0.9375rem;
    justify-content: flex-start;
    order: 2;
  }
}
.hero__col--right {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 50rem;
  overflow: visible;
}
@media (max-width: 700px) {
  .hero__col--right {
    width: 100%;
    min-height: auto;
    order: 1;
    align-items: flex-end;
    right: -3rem;
  }
}
.hero__title-block {
  display: flex;
  flex-direction: column;
  gap: 2.625rem;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 700px) {
  .hero__title-block {
    gap: 1.25rem;
    margin-top: -1rem;
  }
}
.hero__title {
  font-family: "Montserrat", sans-serif;
  font-size: 4.2875rem;
  font-weight: 500;
  line-height: 1.0667;
  color: #303030;
  margin: 0;
  width: 100%;
  max-width: 100%;
  position: relative;
}
.hero__title::before {
  content: "";
  position: absolute;
  background-image: url("../img/two_stars.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 10.125rem;
  height: 7.375rem;
  top: 0%;
  transform: translateY(-50%);
}
.hero__title::before {
  left: -11rem;
}
.hero__title-bold {
  font-weight: 700;
}
.hero__title-normal {
  font-weight: 500;
}
@media (max-width: 700px) {
  .hero__title-normal {
    display: block;
  }
}
@media (max-width: 1600px) {
  .hero__title {
    font-size: 3.75rem;
  }
}
@media (max-width: 1400px) {
  .hero__title {
    font-size: 3.25rem;
  }
  .hero__title::before {
    display: none;
  }
}
@media (max-width: 1200px) {
  .hero__title {
    font-size: 2.75rem;
  }
}
@media (max-width: 1000px) {
  .hero__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 900px) {
  .hero__title {
    font-size: 2rem;
  }
}
@media (max-width: 700px) {
  .hero__title {
    font-size: 1.75rem;
    line-height: 1.2;
  }
  .hero__title::before {
    width: 3.9375rem;
    height: 3.125rem;
    position: relative;
    display: block;
    transform: unset;
    left: 0;
  }
}
.hero__subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.3;
  color: #303030;
  margin: 0;
  height: 3.25rem;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1600px) {
  .hero__subtitle {
    font-size: 2.25rem;
  }
}
@media (max-width: 1400px) {
  .hero__subtitle {
    font-size: 2rem;
  }
}
@media (max-width: 1200px) {
  .hero__subtitle {
    font-size: 1.75rem;
  }
}
@media (max-width: 1000px) {
  .hero__subtitle {
    font-size: 1.5rem;
  }
}
@media (max-width: 900px) {
  .hero__subtitle {
    font-size: 1.25rem;
  }
}
@media (max-width: 700px) {
  .hero__subtitle {
    font-size: 1rem;
    height: auto;
    line-height: 1.25;
  }
}
.hero__list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.625rem;
  opacity: 0;
  transform: translateY(1.25rem);
  transition: opacity 0.5s ease, transform 0.5s ease;
  width: 100%;
  max-width: 100%;
}
.hero__list-wrapper.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1600px) {
  .hero__list-wrapper {
    gap: 2.25rem;
  }
}
@media (max-width: 1400px) {
  .hero__list-wrapper {
    gap: 2rem;
  }
}
@media (max-width: 1200px) {
  .hero__list-wrapper {
    gap: 1.75rem;
  }
}
@media (max-width: 1000px) {
  .hero__list-wrapper {
    gap: 1.5rem;
  }
}
@media (max-width: 900px) {
  .hero__list-wrapper {
    gap: 1.375rem;
  }
}
@media (max-width: 700px) {
  .hero__list-wrapper {
    gap: 1.25rem;
  }
}
.hero__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1600px) {
  .hero__list {
    gap: 1.15rem;
  }
}
@media (max-width: 1400px) {
  .hero__list {
    gap: 1.05rem;
  }
}
@media (max-width: 1200px) {
  .hero__list {
    gap: 0.95rem;
  }
}
@media (max-width: 1000px) {
  .hero__list {
    gap: 0.85rem;
  }
}
@media (max-width: 900px) {
  .hero__list {
    gap: 0.8rem;
  }
}
@media (max-width: 700px) {
  .hero__list {
    width: 100%;
    gap: 0.35rem;
  }
}
.hero__list-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  height: 3.4375rem;
  cursor: pointer;
  width: 100%;
  transition: all 0.3s ease;
}
.hero__list-item:nth-child(3) {
  height: 4.75rem;
}
@media (max-width: 700px) {
  .hero__list-item {
    height: auto;
    gap: 0.5rem;
    min-height: 2rem;
  }
  .hero__list-item:nth-child(3) {
    height: auto;
  }
}
.hero__list-item--active .hero__list-text {
  font-weight: 700;
  color: #9ae200;
  background: linear-gradient(180deg, #91D500 0%, #AFF41E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero__list-item--active .hero__list-icon-img {
  width: 3.75rem;
  height: 3.75rem;
  animation: hero-icon-scale 0.3s ease-out;
}
@media (max-width: 1600px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 3.45rem;
    height: 3.45rem;
  }
}
@media (max-width: 1400px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 3.15rem;
    height: 3.15rem;
  }
}
@media (max-width: 1200px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 2.85rem;
    height: 2.85rem;
  }
}
@media (max-width: 1000px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 2.55rem;
    height: 2.55rem;
  }
}
@media (max-width: 900px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.hero__list-item:hover {
  opacity: 0.8;
}
.hero__list-icon {
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width height;
}
@media (max-width: 700px) {
  .hero__list-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.hero__list-icon-img {
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  object-fit: contain;
  transition: width height;
}
@media (max-width: 1600px) {
  .hero__list-icon-img {
    width: 2.5875rem;
    height: 2.5875rem;
  }
}
@media (max-width: 1400px) {
  .hero__list-icon-img {
    width: 2.3625rem;
    height: 2.3625rem;
  }
}
@media (max-width: 1200px) {
  .hero__list-icon-img {
    width: 2.1375rem;
    height: 2.1375rem;
  }
}
@media (max-width: 1000px) {
  .hero__list-icon-img {
    width: 1.9125rem;
    height: 1.9125rem;
  }
}
@media (max-width: 900px) {
  .hero__list-icon-img {
    width: 1.8rem;
    height: 1.8rem;
  }
}
@media (max-width: 700px) {
  .hero__list-icon-img {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 1600px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 3.45rem;
    height: 3.45rem;
  }
}
@media (max-width: 1400px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 3.15rem;
    height: 3.15rem;
  }
}
@media (max-width: 1200px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 2.85rem;
    height: 2.85rem;
  }
}
@media (max-width: 1000px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 2.55rem;
    height: 2.55rem;
  }
}
@media (max-width: 900px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media (max-width: 700px) {
  .hero__list-item--active .hero__list-icon-img {
    width: 1.875rem;
    height: 1.875rem;
  }
}
.hero__list-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5625rem;
  font-weight: 400;
  line-height: 1.875rem;
  color: #000;
  text-transform: uppercase;
  margin: 0;
  flex: 1 0 0;
  transition: color font-weight;
}
@media (max-width: 1600px) {
  .hero__list-text {
    font-size: 1.4375rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 1400px) {
  .hero__list-text {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}
@media (max-width: 1200px) {
  .hero__list-text {
    font-size: 1.1875rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 1000px) {
  .hero__list-text {
    font-size: 1.0625rem;
    line-height: 1.375rem;
  }
}
@media (max-width: 900px) {
  .hero__list-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 700px) {
  .hero__list-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.hero__button-wrapper {
  margin-top: auto;
  width: 100%;
  max-width: 100%;
}
.hero__blob {
  position: absolute;
  top: 40%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
  z-index: 0;
  pointer-events: none;
  overflow: visible;
}
@media (max-width: 700px) {
  .hero__blob {
    top: 19%;
    transform: translateY(-35%) translateX(5%);
  }
}
.hero__blob svg {
  width: 94.8125rem;
  height: 97.6875rem;
  display: block;
  overflow: visible;
}
@media (max-width: 700px) {
  .hero__blob svg {
    width: 32rem;
    height: auto;
  }
}
.hero__blob-path {
  transform-origin: center;
  animation: hero-blob-animate 20s ease-in-out infinite;
}
.hero__decor-circle {
  position: relative;
  width: 39.25rem;
  height: 39.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  margin-left: 5rem;
}
@media (max-width: 700px) {
  .hero__decor-circle {
    width: 20rem;
    height: 20rem;
    max-width: 100%;
    aspect-ratio: 1;
    margin-left: 0;
  }
}
.hero__scene {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: opacity visibility;
}
.hero__scene::before {
  content: "";
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3.25rem;
  height: 3.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2275 13.5545L26 0L28.7725 13.5545C29.7583 18.4218 33.5782 22.2417 38.4455 23.2275L52 26L38.4455 28.7725C33.5782 29.7583 29.7583 33.5782 28.7725 38.4455L26 52L23.2275 38.4455C22.2417 33.5782 18.4218 29.7583 13.5545 28.7725L0 26L13.5545 23.2275C18.4218 22.2417 22.2417 18.4218 23.2275 13.5545Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: hero-star-twinkle 3s ease-in-out infinite;
  transform-origin: center;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 700px) {
  .hero__scene::before {
    top: -2.5rem;
    right: 2.5rem;
    width: 2.25rem;
    height: 2.25rem;
  }
}
.hero__scene::after {
  content: "";
  position: absolute;
  top: -0.5rem;
  right: -1rem;
  width: 1.625rem;
  height: 1.625rem;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2275 13.5545L26 0L28.7725 13.5545C29.7583 18.4218 33.5782 22.2417 38.4455 23.2275L52 26L38.4455 28.7725C33.5782 29.7583 29.7583 33.5782 28.7725 38.4455L26 52L23.2275 38.4455C22.2417 33.5782 18.4218 29.7583 13.5545 28.7725L0 26L13.5545 23.2275C18.4218 22.2417 22.2417 18.4218 23.2275 13.5545Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: hero-star-twinkle 2.5s ease-in-out infinite 0.5s;
  transform-origin: center;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 700px) {
  .hero__scene::after {
    top: -1.5rem;
    right: 5rem;
    width: 1.025rem;
    height: 1.025rem;
  }
}
.hero__scene--active {
  opacity: 1;
  visibility: visible;
  position: relative;
}
.hero__circle {
  position: absolute;
  width: 0.8125rem;
  height: 0.8125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.27633' cy='6.27621' r='4.77537' transform='rotate(-8.35974 6.27633 6.27621)' fill='%239CE00D' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: hero-star-twinkle 2.8s ease-in-out infinite;
  transform-origin: center;
  z-index: 10;
  pointer-events: none;
}
.hero__circle--bottom-left {
  bottom: 2rem;
  left: 5.5rem;
}
@media (max-width: 700px) {
  .hero__circle--bottom-left {
    top: -2rem;
    left: 6.5rem;
  }
}
.hero__circle--bottom-right {
  bottom: 1.5rem;
  right: 2rem;
  animation-delay: 0.7s;
}
@media (max-width: 700px) {
  .hero__circle--bottom-right {
    bottom: -2.5rem;
    right: 3rem;
  }
}
.hero__photo-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
}
.hero__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero__photo-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
  transition: opacity 5s ease;
}
.hero__photo-blur.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.hero__photo-ai {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1.2);
  transform-origin: center;
  z-index: 3;
  transition: opacity 0.2s ease, transform 0.2s ease;
  pointer-events: none;
}
.hero__photo-ai.is-visible {
  opacity: 1;
  transform: scale(1);
}
.hero__photo-ai.is-appearing {
  animation: hero-ai-appear 0.3s ease-out forwards;
}
.hero__photo-ai.is-hiding {
  animation: hero-ai-hide 0.3s ease-out forwards;
}
.hero__photo-ai-overlay {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__photo-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 39.25rem;
  height: 39.25rem;
  border-radius: 50%;
  border: 0.6875rem solid #D9FF89;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.5s ease 0.3s ease;
}
@media (max-width: 700px) {
  .hero__photo-glow {
    width: 21rem;
    height: 21rem;
  }
}
.hero__photo-glow::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: -2rem;
  width: calc(100% + 4rem);
  height: calc(100% + 4rem);
  border-radius: 50%;
  background: linear-gradient(45deg, #91D500, #AFF41E, #C3F559, #D9FF89, #C3F559, #AFF41E, #91D500);
  background-size: 400% 400%;
  filter: blur(1.875rem);
  z-index: -1;
  animation: hero-glow-gradient 4s ease-in-out infinite;
  opacity: 0;
  transition: opacity 0.5s ease 0.3s ease;
}
.hero__photo-glow.is-visible {
  opacity: 1;
  animation: hero-glow-pulse 3s ease-in-out infinite;
}
.hero__photo-glow.is-visible::before {
  opacity: 1;
}
.hero__photo-glow.is-hidden {
  opacity: 0;
  animation: none;
}
.hero__photo-glow.is-hidden::before {
  opacity: 0;
}
.hero__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.1875rem;
  height: 4.3125rem;
  opacity: 0.86;
  z-index: 10;
  transition: opacity 0.3s ease;
}
.hero__loader.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.hero__loader svg {
  width: 100%;
  height: 100%;
  animation: hero-loader-rotate 2s linear infinite;
}
.hero__animation-block {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-40%, -50%);
  width: 17.7484375rem;
  height: 38.43125rem;
  aspect-ratio: 283.97/614.9;
  z-index: 5;
}
[data-scene="0"] .hero__animation-block {
  width: 39.25rem;
  height: 39.25rem;
  aspect-ratio: 1;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 700px) {
  [data-scene="0"] .hero__animation-block {
    width: 20rem;
    height: 27rem;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
[data-scene="2"] .hero__animation-block {
  width: 39.25rem;
  height: 39.25rem;
  aspect-ratio: 1;
  left: 50%;
}
@media (max-width: 700px) {
  [data-scene="2"] .hero__animation-block {
    width: 20rem;
    height: 20rem;
  }
}
.hero__phone-wrapper {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-40%, -50%);
  width: 17.7484375rem;
  height: 38.43125rem;
  aspect-ratio: 283.97/614.9;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media (max-width: 700px) {
  .hero__phone-wrapper {
    top: 52%;
    left: 40%;
    transform: translate(-40%, -52%);
    width: 10.1rem;
    height: auto;
  }
}
.hero__phone {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.hero__ui-element {
  position: absolute;
  opacity: 0;
  filter: blur(1.25rem);
  transform: translateX(100%);
  transition: filter 0.5s ease 0.3s, transform 0.6s ease, opacity 0.3s ease, scale 0.3s ease;
  cursor: pointer;
}
.hero__ui-element--1 {
  top: 12rem;
  left: 1.35rem;
}
@media (max-width: 700px) {
  .hero__ui-element--1 {
    top: 15.1rem;
    left: 3.6rem;
  }
}
.hero__ui-element--2 {
  top: 16.7rem;
  left: 1.35rem;
  transform: translateX(100%) translateY(-50%);
}
@media (max-width: 700px) {
  .hero__ui-element--2 {
    top: 17.8rem;
    left: 3.6rem;
  }
}
.hero__ui-element--3 {
  top: 18.5rem;
  left: 1.35rem;
}
@media (max-width: 700px) {
  .hero__ui-element--3 {
    top: 18.8rem;
    left: 3.6rem;
  }
}
.hero__ui-element.is-positioned {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);
}
.hero__ui-element.is-positioned.hero__ui-element--2 {
  transform: translateX(0) translateY(-50%);
}
.hero__ui-img {
  width: auto;
  height: auto;
  max-width: 15rem;
  max-height: 15rem;
  display: block;
}
@media (max-width: 700px) {
  .hero__ui-img {
    max-width: 9rem;
    max-height: 9rem;
  }
}
.hero__products-wrapper {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-40%, -50%);
  width: 17.7484375rem;
  height: 38.43125rem;
  aspect-ratio: 283.97/614.9;
  z-index: 1;
}
.hero__product {
  position: absolute;
  opacity: 0;
  filter: blur(1.25rem);
  transition: filter 0.5s ease 0.3s, transform 0.6s ease, opacity 0.3s ease, scale 0.3s ease;
  cursor: pointer;
}
.hero__product--left {
  top: 50%;
  left: 0;
  transform: translateX(100%) translateY(-50%) rotate(-12.24deg);
}
@media (max-width: 700px) {
  .hero__product--left {
    left: -30px;
  }
}
.hero__product--center {
  top: 50%;
  left: 39%;
  transform: translateX(100%) translateY(-50%);
}
@media (max-width: 700px) {
  .hero__product--center {
    left: 29%;
  }
}
.hero__product--right {
  top: 50%;
  right: 2rem;
  transform: translateX(100%) translateY(-50%) rotate(15deg);
}
.hero__product.is-positioned {
  opacity: 1;
  filter: blur(0);
}
.hero__product.is-positioned.hero__product--left {
  transform: translateX(0) translateY(-50%) rotate(-12.24deg);
}
.hero__product.is-positioned.hero__product--center {
  transform: translateY(-60%);
}
.hero__product.is-positioned.hero__product--right {
  transform: translateX(36%) translateY(-26%) rotate(15deg);
}
@media (max-width: 700px) {
  .hero__product.is-positioned.hero__product--right {
    transform: translateX(51%) translateY(-26%) rotate(15deg);
  }
}
.hero__product:hover {
  scale: 1.02;
}
.hero__product:hover.hero__product--left.is-positioned {
  transform: translateX(0) translateY(-50%) rotate(-12.24deg) scale(1.02);
}
.hero__product:hover.hero__product--center.is-positioned {
  transform: translateY(-60%) scale(1.02);
}
.hero__product:hover.hero__product--right.is-positioned {
  transform: translateX(36%) translateY(-26%) rotate(15deg) scale(1.02);
}
.hero__product-img {
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
}
.hero__product--left .hero__product-img {
  width: 43.67%;
  height: auto;
}
.hero__product--center .hero__product-img {
  width: 40%;
  height: auto;
}
.hero__product--right .hero__product-img {
  width: 41.67%;
  height: auto;
}
.hero__ai-toggle {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  z-index: 15;
  opacity: 0;
  visibility: hidden;
  transition: opacity visibility;
}
@media (max-width: 700px) {
  .hero__ai-toggle {
    bottom: 0.625rem;
  }
}
.hero__ai-toggle.is-visible {
  opacity: 1;
  visibility: visible;
}
.hero__ai-toggle:hover .hero__ai-toggle-track {
  background: rgba(255, 255, 255, 0.8);
}
.hero__ai-toggle:active {
  transform: translateX(-50%) scale(0.95);
}
.hero__ai-toggle-track {
  position: relative;
  width: 3.5485625rem;
  height: 2.75rem;
  border-radius: 3.5485625rem;
  background: rgba(255, 255, 255, 0.63);
  box-shadow: 0.2568125rem 0.0641875rem 0.9886875rem 0 rgba(0, 0, 0, 0.13);
  padding: 0.375rem;
  transition: background 0.3s ease;
}
.hero__ai-toggle-thumb {
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  top: 0.375rem;
  right: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: right 0.3s ease;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
}
.hero__ai-toggle:not(.is-active) .hero__ai-toggle-thumb {
  right: auto;
  left: 0.375rem;
}
.hero__ai-toggle:not(.is-active) .hero__ai-toggle-track {
  background: rgba(255, 255, 255, 0.4);
}
.hero__ai-toggle.is-active .hero__ai-toggle-track {
  background: rgba(154, 226, 0, 0.63);
}
.hero__ai-toggle-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  object-fit: contain;
  opacity: 0.9;
}
.hero__nav {
  margin-top: 3rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 700px) {
  .hero__nav {
    position: absolute;
    left: 0.9375rem;
    top: 28%;
    transform: translateY(-28%);
    margin-top: 0;
    width: auto;
    z-index: 10;
  }
}
.hero__nav-desktop {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 700px) {
  .hero__nav-desktop {
    display: none;
  }
}
.hero__nav-list {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  padding: 0.1875rem 1.225rem;
  border-radius: 2.8440625rem;
  background: rgba(255, 255, 255, 0.43);
  box-shadow: 0.1029375rem 0.1029375rem 0.2006875rem 0 rgba(0, 0, 0, 0.07);
  list-style: none;
  margin: 0;
  position: relative;
  overflow: visible;
  min-height: 3.125rem;
}
.hero__nav-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 1.375rem;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.hero__nav-arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}
.hero__nav-arrow:hover {
  opacity: 0.7;
}
.hero__nav-arrow:active {
  transform: scale(0.95);
}
.hero__nav-arrow--next svg {
  transform: rotate(180deg);
}
.hero__nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  width: 2.8125rem;
  height: 2.8125rem;
  transition: all 0.3s ease;
}
.hero__nav-item:hover {
  opacity: 0.7;
}
.hero__nav-item .hero__nav-icon-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.hero__nav-item--active {
  width: 4.5rem;
  height: 4.4375rem;
  padding: 0.625rem 0.6875rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
  margin-top: -0.65625rem;
  margin-bottom: -0.65625rem;
}
.hero__nav-item--active .hero__nav-icon-img {
  width: 2.8125rem;
  height: 2.8125rem;
  position: relative;
  z-index: 0;
}
.hero__nav-mobile {
  display: none;
}
@media (max-width: 700px) {
  .hero__nav-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 700px) {
  .hero__nav-dots {
    left: 5px;
  }
}
@media (max-width: 700px) {
  .hero .swiper-pagination {
    left: 5px;
  }
}

@keyframes hero-loader-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes hero-blob-animate {
  0%, 100% {
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
  25% {
    transform: translate(-2%, 3%) scale(1.05) rotate(2deg);
  }
  50% {
    transform: translate(2%, -2%) scale(0.98) rotate(-2deg);
  }
  75% {
    transform: translate(-1%, 1%) scale(1.02) rotate(1deg);
  }
}
@keyframes hero-icon-scale {
  0% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hero-ai-appear {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hero-ai-hide {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(1.3);
  }
}
@keyframes hero-glow-pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.03);
  }
}
@keyframes hero-glow-gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes hero-star-twinkle {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(1.1);
  }
  50% {
    opacity: 0.8;
    transform: scale(0.95);
  }
  75% {
    opacity: 1;
    transform: scale(1.05);
  }
}
.two-cols-block, .get-plan-block {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.two-cols-block__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1024px) {
  .two-cols-block__inner {
    flex-direction: row;
    align-items: flex-end;
  }
}
@media (min-width: 1024px) {
  .two-cols-block--image-left .two-cols-block__inner {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .two-cols-block--image-left .two-cols-block__image-col {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .two-cols-block--image-left .two-cols-block__content-col {
    order: 2;
  }
}
@media (min-width: 1024px) {
  .two-cols-block--image-right .two-cols-block__inner {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  .two-cols-block--image-right .two-cols-block__image-col {
    order: 2;
  }
}
@media (min-width: 1024px) {
  .two-cols-block--image-right .two-cols-block__content-col {
    order: 1;
  }
}
.two-cols-block__content-col {
  flex: 1;
  padding: 1.875rem;
}
@media (max-width: 700px) {
  .two-cols-block__content-col {
    padding: 1.875rem 0;
    order: 2;
  }
}
@media (min-width: 1024px) {
  .two-cols-block__content-col {
    padding: 3.75rem;
    order: unset;
  }
}
.two-cols-block__image-col {
  flex: 1;
  position: relative;
  width: 100%;
  min-height: 18.75rem;
  border-radius: 1.875rem;
  overflow: hidden;
}
@media (max-width: 700px) {
  .two-cols-block__image-col {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .two-cols-block__image-col {
    min-height: auto;
    order: unset;
  }
}
.two-cols-block__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.two-cols-block__stars {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.two-cols-block__stars img {
  width: 100%;
  height: auto;
  display: block;
}
.two-cols-block__stars--top-left {
  top: 0;
  left: 0;
}
.two-cols-block__stars--top-right {
  top: 0;
  right: 0;
}
.two-cols-block__stars--bottom-left {
  bottom: 0;
  left: 0;
}
.two-cols-block__stars--bottom-right {
  bottom: 0;
  right: 0;
}
.two-cols-block--fade-up {
  opacity: 0;
  transform: translateY(3.125rem);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

@keyframes twinkle {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.1);
  }
}
.two-cols-block__stars {
  animation: twinkle 3s ease-in-out infinite;
}
.two-cols-block__stars:nth-child(1) {
  animation-delay: 0s;
}
.two-cols-block__stars:nth-child(2) {
  animation-delay: 1.5s;
}

.get-plan-section {
  padding: 1.875rem 0;
}
@media (min-width: 1200px) {
  .get-plan-section {
    padding: 5rem 0;
  }
}
.get-plan-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.get-plan-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.get-plan-block .two-cols-block__image-col {
  background: linear-gradient(180deg, #FFF 80.04%, #9ADE09 100%);
  position: relative;
}
@media (min-width: 1200px) {
  .get-plan-block .two-cols-block__image-col {
    height: 100%;
  }
}
.get-plan-block .two-cols-block__image-col .two-cols-block__image {
  position: relative;
  z-index: 1;
}
.get-plan-block__title {
  margin: 0 0 1.25rem 0;
}
@media (min-width: 1200px) {
  .get-plan-block__title {
    margin-bottom: 1.875rem;
  }
}
.get-plan-block__text {
  margin: 0 0 1.875rem 0;
}
@media (min-width: 1200px) {
  .get-plan-block__text {
    margin-bottom: 2.5rem;
  }
}
.get-plan-block .content-list {
  margin: 0 0 1.875rem 0;
}
@media (min-width: 1200px) {
  .get-plan-block .content-list {
    margin-bottom: 2.5rem;
  }
}
.get-plan-block__button-wrapper {
  margin-top: 1.875rem;
}
@media (min-width: 1200px) {
  .get-plan-block__button-wrapper {
    margin-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .get-plan-block .two-cols-block__content-col {
    padding: 4.375rem 3.75rem 0 3.75rem;
  }
}
.get-plan-block .two-cols-block__stars {
  width: 3.6875rem;
  height: auto;
}
.get-plan-block .two-cols-block__stars--top-left {
  top: 0.25rem;
  left: 0.25rem;
}
@media (min-width: 1200px) {
  .get-plan-block .two-cols-block__stars--top-left {
    top: 2rem;
    left: 2rem;
  }
}

.ui-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1.5625rem;
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .ui-breadcrumbs {
    display: none;
  }
}
.ui-breadcrumbs__link {
  font-family: "RotondaC", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.8125rem;
  color: #5b616d;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.3s ease;
}
.ui-breadcrumbs__link:hover {
  color: #91d500;
}
.ui-breadcrumbs__separator {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
}
.ui-breadcrumbs__current {
  font-family: "RotondaC", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 0.8125rem;
  color: #5b616d;
  text-transform: uppercase;
}

.ui-page-header {
  position: relative;
  z-index: 2;
  margin-bottom: 3.75rem;
  padding-right: 33rem;
}
@media (max-width: 700px) {
  .ui-page-header {
    margin-bottom: 2rem;
    padding-right: 0;
  }
}
.ui-page-header__title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 3.75rem;
  color: #303030;
  margin: 0;
  max-width: 44.75rem;
  position: relative;
}
.ui-page-header__title-bold {
  font-weight: 700;
  color: #000;
}
.ui-page-header__title-brand {
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Hero", sans-serif;
}
.ui-page-header__title-normal {
  font-weight: 400;
  color: #000;
}
.ui-page-header__title::before {
  content: "";
  display: block;
  width: 2.9375rem;
  height: 2.125rem;
  background-image: url("../img/two_stars.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  margin-bottom: 0.375rem;
}
@media (max-width: 700px) {
  .ui-page-header__title {
    font-size: 2rem;
    line-height: 2rem;
    max-width: 100%;
    padding-top: 2.5rem;
  }
  .ui-page-header__title::before {
    width: 2.9375rem;
    height: 2.125rem;
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
  }
}
@media (max-width: 370px) {
  .ui-page-header__title {
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .ui-page-header__title::before {
    display: none;
  }
}
.ui-page-header__description {
  margin-top: 1.25rem;
}
@media (max-width: 700px) {
  .ui-page-header__description {
    margin-top: 1rem;
  }
}
.ui-page-header__description-text {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.19;
  color: #000;
  margin: 0;
}
@media (max-width: 700px) {
  .ui-page-header__description-text {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

.ui-page-content {
  position: relative;
  z-index: 2;
  padding-top: 8rem;
}
@media (max-width: 700px) {
  .ui-page-content {
    padding-top: 0rem;
  }
}

.ui-page {
  padding-top: 5rem;
  padding-bottom: 5rem;
  overflow: visible;
}
@media (max-width: 700px) {
  .ui-page {
    padding-top: 13.5rem;
    padding-bottom: 3rem;
    overflow: hidden;
  }
}

@media (max-width: 700px) {
  .ui-page:has(.ai-result) {
    padding-top: 6.5rem;
  }
  .ui-page.ui-page--ai {
    padding-top: 4.5rem;
  }
}
.ui-two-cols {
  display: flex;
  gap: 1.625rem;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .ui-two-cols {
    flex-direction: column;
    gap: 3.125rem;
  }
}
.ui-two-cols--equal .ui-two-cols__col {
  flex: 1 1 50%;
}
@media (max-width: 1200px) {
  .ui-image-text-block--image-left .ui-two-cols--equal .ui-two-cols__col--left {
    order: 1;
  }
  .ui-image-text-block--image-left .ui-two-cols--equal .ui-two-cols__col--right {
    order: 2;
  }
  .ui-image-text-block--image-right .ui-two-cols--equal .ui-two-cols__col--left {
    order: 2;
  }
  .ui-image-text-block--image-right .ui-two-cols--equal .ui-two-cols__col--right {
    order: 1;
  }
}
.ui-two-cols--left-large .ui-two-cols__col--left {
  flex: 1 1 70%;
}
.ui-two-cols--left-large .ui-two-cols__col--right {
  flex: 1 1 30%;
}
@media (max-width: 1200px) {
  .ui-two-cols--left-large .ui-two-cols__col--left {
    order: 2;
  }
  .ui-two-cols--left-large .ui-two-cols__col--right {
    order: 1;
  }
}
.ui-two-cols--right-large .ui-two-cols__col--left {
  flex: 1 1 30%;
}
.ui-two-cols--right-large .ui-two-cols__col--right {
  flex: 1 1 70%;
}
.ui-two-cols--product-detail {
  gap: 4.875rem;
}
@media (max-width: 1200px) {
  .ui-two-cols--product-detail {
    gap: 3.125rem;
  }
  .ui-two-cols--product-detail .ui-two-cols__col--left {
    order: 1;
  }
  .ui-two-cols--product-detail .ui-two-cols__col--right {
    order: 0;
  }
}
.ui-two-cols--product-detail .ui-two-cols__col--left {
  flex: 1 1 40%;
}
.ui-two-cols--product-detail .ui-two-cols__col--right {
  flex: 1 1 60%;
}
.ui-two-cols--single {
  flex-direction: column;
}
.ui-two-cols--single .ui-two-cols__col {
  flex: 1 1 100%;
  width: 100%;
}
.ui-two-cols__col {
  display: flex;
  flex-direction: column;
}
.ui-two-cols__col--left {
  gap: 3.125rem;
}
@media (max-width: 1200px) {
  .ui-two-cols__col--left {
    gap: 2.125rem;
  }
}

.content-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
@media (min-width: 1200px) {
  .content-list {
    gap: 1.25rem;
  }
}
.content-list__item {
  display: flex;
  align-items: flex-start;
  gap: 0.9375rem;
  position: relative;
  padding-left: 1.5rem;
}
@media (min-width: 1200px) {
  .content-list__item {
    gap: 1.25rem;
    padding-left: 1.75rem;
    font-size: 1.15rem;
    color: #5B616D;
  }
}
.content-list__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3625rem;
  width: 1.025rem;
  height: 1.025rem;
  background-image: url("../img/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
@media (max-width: 700px) {
  .content-list__item::before {
    top: 0.0625rem;
  }
}
.content-list__icon {
  display: none;
}
.content-list__icon img {
  display: none;
}
.content-list__text {
  margin: 0;
  flex: 1;
}
@media (max-width: 700px) {
  .content-list__text {
    font-size: 0.875rem;
    line-height: 1.3;
  }
}
.content-list--large {
  gap: 0.9375rem;
}
@media (max-width: 700px) {
  .content-list--large {
    gap: 0.625rem;
  }
}
.content-list--large .content-list__item {
  padding-left: 1.95625rem;
}
.content-list--large .content-list__item::before {
  width: 1.19625rem;
  height: 1.19625rem;
}
.content-list--large .content-list__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.6875rem;
  color: #5b616d;
  letter-spacing: -0.8px;
}
@media (max-width: 700px) {
  .content-list--large .content-list__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.content-list--small .content-list__text {
  font-size: 0.7875rem;
  line-height: 1.3;
}
.content-list--small .content-list__item {
  padding-left: 1.1rem;
}
.content-list--small .content-list__item::before {
  top: 0.115rem;
  width: 0.85rem;
  height: 0.85rem;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
}
.popup.is-active {
  display: flex;
}
@media (max-width: 430px) {
  .popup {
    align-items: flex-start;
    padding: 1rem;
  }
}
@media (min-width: 1200px) {
  .popup {
    align-items: center;
    padding: 2rem;
  }
}
.popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.popup__content {
  position: relative;
  z-index: 1001;
  background: #FFFFFF;
  border-radius: 1.25rem;
  padding: 1.5rem;
  max-width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0.625rem 0.875rem 5.25rem 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 430px) {
  .popup__content {
    width: calc(100% - 2rem);
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .popup__content {
    width: auto;
    min-width: 20rem;
    max-width: 37.5rem;
  }
}
.popup__close {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 1002;
  transition: transform 0.2s ease;
}
@media (max-width: 430px) {
  .popup__close {
    top: 0.5rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
  }
}
.popup__close:hover {
  transform: scale(1.1);
}
.popup__close:active {
  transform: scale(0.95);
}
.popup__close svg {
  width: 100%;
  height: 100%;
  display: block;
}
.popup__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  margin: 0;
  padding-right: 1rem;
}
@media (min-width: 1200px) {
  .popup__text {
    font-size: 1rem;
    line-height: 1.5;
    padding-right: 1rem;
  }
}
.popup__prish-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.popup__prish-img {
  width: 5.3125rem;
  height: auto;
  display: block;
}
.popup__prish-actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-top: 1rem;
}

.popup--positioned {
  background: transparent;
  padding: 0;
  display: none;
  z-index: 1000;
}
@media (max-width: 430px) {
  .popup--positioned {
    position: absolute;
  }
}
@media (min-width: 1200px) {
  .popup--positioned {
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}
.popup--positioned.is-active {
  display: block;
}
.popup--positioned .popup__overlay {
  display: none;
}
.popup--positioned .popup__content {
  position: relative;
  box-shadow: 0.625rem 0.875rem 5.25rem 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 430px) {
  .popup--positioned .popup__content {
    width: calc(100% - 2rem);
    margin: 1rem auto;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .doctor-card .popup--positioned {
    top: 0;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .doctor-card .popup--positioned .popup__content {
    position: absolute;
    top: 3.833rem;
    right: 1.333rem;
    min-width: 20rem;
    max-width: 25rem;
  }
}

.ui-input,
.ui-textarea {
  width: 100%;
  background: #ffffff;
  border-radius: 0.625rem;
  padding: 1.875rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: normal;
  color: #a8a8a8;
  border: none;
  outline: none;
  box-shadow: 0.625rem 0.875rem 2.75rem 0 rgba(168, 157, 152, 0.15);
  transition: all 0.3s ease;
}
.ui-input::placeholder,
.ui-textarea::placeholder {
  color: #a8a8a8;
}
.ui-input:focus,
.ui-textarea:focus {
  color: #303030;
  box-shadow: 0.625rem 0.875rem 3rem 0 rgba(168, 157, 152, 0.2);
}
.ui-input.ui-input--error, .ui-input.ui-textarea--error,
.ui-textarea.ui-input--error,
.ui-textarea.ui-textarea--error {
  border: 2px solid rgba(244, 67, 54, 0.5);
  box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.15), 0.625rem 0.875rem 2.75rem 0 rgba(244, 67, 54, 0.1);
}
.ui-input.ui-input--error:focus, .ui-input.ui-textarea--error:focus,
.ui-textarea.ui-input--error:focus,
.ui-textarea.ui-textarea--error:focus {
  border-color: rgba(244, 67, 54, 0.7);
  box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.2), 0.625rem 0.875rem 3rem 0 rgba(244, 67, 54, 0.15);
}
@media (max-width: 700px) {
  .ui-input.ui-input--error, .ui-input.ui-textarea--error,
  .ui-textarea.ui-input--error,
  .ui-textarea.ui-textarea--error {
    border: 2px solid rgba(244, 67, 54, 0.5);
    box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.15), 0.625rem 0.625rem 2.5rem 0 rgba(244, 67, 54, 0.1);
  }
}
@media (max-width: 700px) {
  .ui-input,
  .ui-textarea {
    padding: 0.9375rem;
    font-size: 0.9375rem;
    border-radius: 0.625rem;
    box-shadow: 0.625rem 0.625rem 2.5rem 0 rgba(168, 157, 152, 0.1);
  }
}

.ui-textarea {
  min-height: 9.25rem;
  resize: vertical;
  border-radius: 0.9375rem;
}
@media (max-width: 700px) {
  .ui-textarea {
    min-height: auto;
    border-radius: 0.9375rem;
    box-shadow: 0.625rem 0.625rem 2.8125rem 0 rgba(168, 157, 152, 0.1);
  }
}

.ui-checkbox {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .ui-checkbox {
    gap: 1.25rem;
    align-items: center;
    min-height: 4.5rem;
  }
}
.ui-checkbox input[type=checkbox] {
  width: 1.5625rem;
  height: 1.5625rem;
  flex-shrink: 0;
  margin-top: 0;
  cursor: pointer;
  appearance: none;
  background: #ffffff;
  border: 2px solid #91d500;
  border-radius: 0.25rem;
  position: relative;
  transition: all 0.3s ease;
}
.ui-checkbox input[type=checkbox]:checked {
  background: #91d500;
}
.ui-checkbox input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.375rem;
  height: 0.75rem;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
}
.ui-checkbox input[type=checkbox].ui-checkbox__input--error {
  border: 2px solid rgba(244, 67, 54, 0.5);
  box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.15);
}
@media (max-width: 700px) {
  .ui-checkbox input[type=checkbox] {
    width: 1.5625rem;
    height: 1.5625rem;
    margin-top: 0;
  }
}
.ui-checkbox--error input[type=checkbox] {
  border: 2px solid rgba(244, 67, 54, 0.5);
  box-shadow: 0 0 0 2px rgba(244, 67, 54, 0.15);
}
.ui-checkbox__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #000000;
  flex: 1;
}
@media (max-width: 700px) {
  .ui-checkbox__text {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}
.ui-checkbox__link {
  color: #446500;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  transition: color 0.3s ease;
}
.ui-checkbox__link:hover {
  color: #4c7000;
}

.ui-checkbox--dark-link .ui-checkbox__link {
  color: #4c7000;
}
.ui-checkbox--dark-link .ui-checkbox__link:hover {
  color: #446500;
}

.ui-form-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 700px) {
  .ui-form-checkboxes {
    gap: 0.9375rem;
  }
}

.ui-checkbox-filter {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  justify-content: center;
  background: #f9f9fa;
  border: 2px solid #f9f9fa;
  border-radius: 1.875rem;
  padding: 0.6875rem 1.875rem;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
@media (max-width: 700px) {
  .ui-checkbox-filter {
    padding: 0.6875rem 1.875rem;
    gap: 1.25rem;
  }
}
.ui-checkbox-filter__icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  display: block;
}
@media (max-width: 700px) {
  .ui-checkbox-filter__icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.ui-checkbox-filter__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 0.8125rem;
  color: #303030;
  white-space: nowrap;
}
.ui-checkbox-filter--disabled {
  cursor: pointer;
}
.ui-checkbox-filter--disabled:hover {
  background: #f9f9fa;
  border-color: #f9f9fa;
}

.ui-form-group {
  display: flex;
  flex-direction: column;
}

.ui-blob {
  position: absolute;
  top: 0;
  right: 0rem;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
  width: 20.49rem;
  height: 19.16rem;
}
@media (max-width: 1200px) {
  .ui-blob {
    right: -5rem;
    width: 16rem;
    height: 15rem;
  }
}
@media (max-width: 700px) {
  .ui-blob {
    right: 0rem;
    width: 14rem;
    height: 14rem;
  }
}
.ui-blob svg {
  width: 20.49rem;
  height: 19.16rem;
  display: block;
  overflow: visible;
}
@media (max-width: 1200px) {
  .ui-blob svg {
    width: 16rem;
    height: 15rem;
  }
}
@media (max-width: 769px) {
  .ui-blob svg {
    width: 14rem;
    height: 14rem;
    position: absolute;
    top: 60px;
    right: -6rem;
  }
}
.ui-blob__path {
  transform-origin: center;
}
.ui-blob--app {
  width: 41.375rem;
  height: 41.25rem;
}
@media (max-width: 1200px) {
  .ui-blob--app {
    width: 16.5rem;
    height: auto;
  }
}
.ui-blob--app img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  position: relative;
  top: 0;
}
.ui-blob--products {
  width: 41.375rem;
  height: 41.25rem;
}
@media (max-width: 1200px) {
  .ui-blob--products {
    width: 16.5rem;
    height: auto;
  }
}
.ui-blob--products img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.ui-blob--blog {
  width: 41.375rem;
  height: 41.25rem;
}
@media (max-width: 1200px) {
  .ui-blob--blog {
    width: 16.5rem;
    height: auto;
  }
}
.ui-blob--blog img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.ui-blob--way {
  width: 41.375rem;
  height: 41.25rem;
}
@media (max-width: 1200px) {
  .ui-blob--way {
    width: 16.5rem;
    height: auto;
  }
}
.ui-blob--way img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.ui-blob__star {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2275 13.5545L26 0L28.7725 13.5545C29.7583 18.4218 33.5782 22.2417 38.4455 23.2275L52 26L38.4455 28.7725C33.5782 29.7583 29.7583 33.5782 28.7725 38.4455L26 52L23.2275 38.4455C22.2417 33.5782 18.4218 29.7583 13.5545 28.7725L0 26L13.5545 23.2275C18.4218 22.2417 22.2417 18.4218 23.2275 13.5545Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: hero-star-twinkle 3s ease-in-out infinite;
  transform-origin: center;
  z-index: 10;
  pointer-events: none;
}
.ui-blob__star--bottom-left {
  bottom: 1.5rem;
  left: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  animation-delay: 0.3s;
}
@media (max-width: 700px) {
  .ui-blob__star--bottom-left {
    bottom: 2rem;
    left: -1rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.ui-blob__star--bottom-right {
  bottom: 0.5rem;
  right: 1rem;
  width: 1.625rem;
  height: 1.625rem;
  animation: hero-star-twinkle 2.5s ease-in-out infinite 0.5s;
}
@media (max-width: 700px) {
  .ui-blob__star--bottom-right {
    bottom: -2.5rem;
    right: 3rem;
    width: 1.025rem;
    height: 1.025rem;
  }
}
.ui-blob__circle {
  position: absolute;
  width: 0.8125rem;
  height: 0.8125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.27633' cy='6.27621' r='4.77537' transform='rotate(-8.35974 6.27633 6.27621)' fill='%239CE00D' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  animation: hero-star-twinkle 2.8s ease-in-out infinite;
  transform-origin: center;
  z-index: 10;
  pointer-events: none;
}
.ui-blob__circle--bottom-left {
  bottom: 2rem;
  left: 5.5rem;
}
@media (max-width: 700px) {
  .ui-blob__circle--bottom-left {
    top: 3rem;
    left: -1.5rem;
    width: 0.41rem;
  }
}
.ui-blob__circle--bottom-right {
  bottom: 1.5rem;
  right: 2rem;
  animation-delay: 0.7s;
}
@media (max-width: 700px) {
  .ui-blob__circle--bottom-right {
    bottom: -2.5rem;
    right: 5rem;
    width: 0.51rem;
  }
}
.ui-blob--mask {
  position: relative;
  width: 100%;
  height: 100%;
}
.ui-blob--mask .ui-blob__mask {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.ui-blob--mask .ui-blob__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.ui-blob--mask .ui-blob__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.ui-blob--blog.ui-blob--mask {
  position: absolute;
  top: 0;
  right: 0rem;
  z-index: 0;
  pointer-events: none;
  overflow: visible;
  width: 41.375rem;
  height: 41.25rem;
  border-radius: 0;
  overflow: hidden;
}
@media (max-width: 1300px) {
  .ui-blob--blog.ui-blob--mask {
    width: 36.375rem;
    height: 36.25rem;
  }
}
@media (max-width: 1200px) {
  .ui-blob--blog.ui-blob--mask {
    width: 16.5rem;
    height: 16.5rem;
  }
}
.ui-blob--blog.ui-blob--mask .ui-blob__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 41.25rem;
}
@media (max-width: 1300px) {
  .ui-blob--blog.ui-blob--mask .ui-blob__content {
    min-height: 36.25rem;
  }
}
@media (max-width: 1200px) {
  .ui-blob--blog.ui-blob--mask .ui-blob__content {
    min-height: auto;
  }
}
.ui-blob--blog.ui-blob--mask .ui-blob__image {
  width: 100%;
  height: 100%;
  min-height: 41.25rem;
  object-fit: cover;
  display: block;
}
@media (max-width: 1200px) {
  .ui-blob--blog.ui-blob--mask .ui-blob__image {
    min-height: auto;
  }
}

.ui-text-block {
  margin-top: 1.25rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 700px) {
  .ui-text-block {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
}
.ui-text-block__text {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.19;
  color: #000;
  margin: 0;
}
@media (max-width: 700px) {
  .ui-text-block__text {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}

.ui-image-text-block {
  margin-bottom: 6.25rem;
}
@media (max-width: 700px) {
  .ui-image-text-block {
    margin-bottom: 3.125rem;
  }
}
.ui-image-text-block .ui-two-cols {
  align-items: center;
}
@media (max-width: 1200px) {
  .ui-image-text-block .ui-two-cols {
    align-items: flex-start;
  }
}
.ui-image-text-block__image-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 1.875rem;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-image-text-block__image-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50rem;
  height: 50rem;
  background-image: url("../img/bubble_as_shadow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 700px) {
  .ui-image-text-block__image-wrapper::before {
    width: 30rem;
    height: 30rem;
  }
}
@media (max-width: 700px) {
  .ui-image-text-block__image-wrapper {
    border-radius: 1.25rem;
  }
}
.ui-image-text-block__image {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 1.875rem;
}
@media (max-width: 700px) {
  .ui-image-text-block__image {
    border-radius: 1.25rem;
  }
}
.ui-image-text-block__content {
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3.0625rem;
}
@media (max-width: 700px) {
  .ui-image-text-block__content {
    gap: 1.875rem;
  }
}
.ui-image-text-block__title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 3.75rem;
  color: #171717;
  margin: 0 0 3.75rem 0;
  letter-spacing: -0.8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 700px) {
  .ui-image-text-block__title {
    font-size: 1.6375rem;
    line-height: 1.625rem;
    margin-bottom: 0.9375rem;
  }
}
.ui-image-text-block__title-bold {
  font-weight: 700;
  color: #000;
}
.ui-image-text-block__title-brand {
  font-weight: 700;
  color: #91d500;
  text-transform: uppercase;
  font-family: "Hero", sans-serif;
}
.ui-image-text-block__title-normal {
  font-weight: 400;
  color: #000;
}
.ui-image-text-block__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
  color: #767A85;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  letter-spacing: -0.48px;
}
@media (max-width: 700px) {
  .ui-image-text-block__text {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}
.ui-image-text-block__title-wrapper {
  margin-bottom: 1.875rem;
}
@media (max-width: 700px) {
  .ui-image-text-block__title-wrapper {
    margin-bottom: 0.9375rem;
  }
}
.ui-image-text-block__intro {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1375rem;
  font-weight: 500;
  line-height: 2.75rem;
  color: #000;
  margin: 0 0 0.9375rem 0;
  letter-spacing: -0.6px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 700px) {
  .ui-image-text-block__intro {
    font-size: 1.2375rem;
    line-height: 1.25rem;
    margin-bottom: 0.9375rem;
  }
}
.ui-image-text-block__intro-bold {
  font-weight: 700;
}

.mega-menu__social {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mega-menu__social--desktop {
  flex-direction: row;
  gap: 1.75rem;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop {
    flex-direction: column;
    gap: 1rem;
  }
}

.mega-menu__social-item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  padding: 0.75rem;
  background: #F9F9FA;
  border-radius: 0.75rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
@media (max-width: 430px) {
  .mega-menu__social-item {
    padding: 0.625rem;
    gap: 0.75rem;
  }
}
.mega-menu__social-item:hover {
  background: #F0F0F0;
  transform: translateX(0.25rem);
}
.mega-menu__social--desktop .mega-menu__social-item {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem 1.875rem;
  border-radius: 1.25rem;
  flex: 1;
  max-width: 26.125rem;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop .mega-menu__social-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    max-width: 100%;
  }
}
.mega-menu__social--desktop .mega-menu__social-item:hover {
  transform: none;
}

.mega-menu__social-left {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}
.mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-left {
  width: 100%;
  align-items: center;
  gap: 0.875rem;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-left {
    align-items: flex-start;
    gap: 0.5rem;
  }
}

.mega-menu__social-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-header {
  flex-direction: column;
  gap: 0.875rem;
  align-items: center;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-header {
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
  }
}

.mega-menu__social-logo {
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  object-fit: contain;
}
@media (max-width: 430px) {
  .mega-menu__social-logo {
    width: 2rem;
    height: 2rem;
  }
}
.mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-logo {
  width: 2.125rem;
  height: 2.125rem;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-logo {
    width: 2rem;
    height: 2rem;
  }
}

.mega-menu__social-login {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #303030;
  white-space: nowrap;
}
.mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-login {
  font-size: 1.25rem;
  font-weight: 500;
  color: #171717;
  text-align: center;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-login {
    font-size: 0.875rem;
    font-weight: 700;
    color: #303030;
    text-align: left;
  }
}

.mega-menu__social-description {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: #303030;
  margin: 0;
}
@media (max-width: 430px) {
  .mega-menu__social-description {
    font-size: 0.75rem;
  }
}
.mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-description {
  font-size: 1rem;
  line-height: 1.6875rem;
  color: #171717;
  text-align: center;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-description {
    font-size: 0.75rem;
    line-height: 1.4;
    color: #303030;
    text-align: left;
  }
}

.mega-menu__social-right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-right {
  width: 12.5rem;
  height: 12.5rem;
  order: -1;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-right {
    width: auto;
    height: auto;
    order: 2;
  }
}

.mega-menu__social-icon {
  width: 6.25rem;
  height: 6.25rem;
  object-fit: contain;
}
@media (max-width: 430px) {
  .mega-menu__social-icon {
    width: 6.25rem;
    height: 6.25rem;
  }
}
.mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 430px) {
  .mega-menu__social--desktop .mega-menu__social-item .mega-menu__social-icon {
    width: 6.25rem;
    height: 6.25rem;
    object-fit: contain;
  }
}

.review-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.review-modal--active {
  opacity: 1;
  visibility: visible;
}

.review-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
}

.review-modal__content {
  position: relative;
  width: 60%;
  max-width: 100%;
  background: #9ae200;
  border-radius: 1.875rem;
  padding: 3.75rem 5.4375rem;
  z-index: 1001;
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  max-height: 90vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.review-modal--active .review-modal__content {
  transform: scale(1);
  opacity: 1;
}
@media (max-width: 1200px) {
  .review-modal__content {
    width: 80%;
    padding: 2.5rem 3rem;
  }
}
@media (max-width: 700px) {
  .review-modal__content {
    width: 90%;
    padding: 2rem 1.5rem;
  }
}
.review-modal__content::before, .review-modal__content::after {
  content: "";
  position: absolute;
  width: 33.75rem;
  height: 33.875rem;
  background-image: url("../img/bubble_green.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 700px) {
  .review-modal__content::before, .review-modal__content::after {
    width: 20rem;
    height: 20rem;
  }
}
.review-modal__content::before {
  top: -16.875rem;
  right: -16.875rem;
}
@media (max-width: 700px) {
  .review-modal__content::before {
    top: -10rem;
    right: -10rem;
  }
}
.review-modal__content::after {
  bottom: -16.875rem;
  left: -16.875rem;
}
@media (max-width: 700px) {
  .review-modal__content::after {
    bottom: -10rem;
    left: -10rem;
  }
}

.review-modal__close {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  padding: 0;
  z-index: 1002;
  transition: background-color 0.3s ease;
}
.review-modal__close:hover {
  background: rgb(255, 255, 255);
}
.review-modal__close:hover svg {
  transform: rotate(90deg);
}
.review-modal__close svg {
  width: 1.875rem;
  height: 1.875rem;
  transition: transform 0.3s ease;
  transform-origin: center;
}
@media (max-width: 700px) {
  .review-modal__close {
    top: 1rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
  }
  .review-modal__close svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.review-modal__title {
  font-family: "Montserrat", sans-serif;
  font-size: 2.975rem;
  font-weight: 700;
  line-height: 4.375rem;
  color: #FFFFFF;
  margin: 0 0 2.5rem 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 700px) {
  .review-modal__title {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1.875rem;
    padding-top: 3rem;
  }
}

.review-modal__form {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (max-width: 700px) {
  .review-modal__form {
    gap: 1.25rem;
  }
}

.review-modal__field {
  position: relative;
  z-index: 1;
}

.review-modal__checkboxes {
  margin-top: 0.625rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 701px) {
  .review-modal__checkboxes {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
}
@media (max-width: 700px) {
  .review-modal__checkboxes {
    margin-top: 0.5rem;
  }
}

.review-modal__submit-wrapper {
  margin-top: 0.625rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 700px) {
  .review-modal__submit-wrapper {
    margin-top: 0.5rem;
  }
}

.review-modal__message {
  margin-top: 1.25rem;
  padding: 1rem;
  border-radius: 0.625rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 700px) {
  .review-modal__message {
    font-size: 0.875rem;
    padding: 0.75rem;
  }
}
.review-modal__message--success {
  background: rgba(255, 255, 255, 0.9);
  color: #4caf50;
}
.review-modal__message--error {
  background: rgba(255, 255, 255, 0.9);
  color: #f44336;
}

[data-form-message] {
  margin-top: 1.25rem;
  padding: 1rem;
  border-radius: 0.625rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}
@media (max-width: 700px) {
  [data-form-message] {
    font-size: 0.875rem;
    padding: 0.75rem;
  }
}
[data-form-message].form-message--success {
  background: rgba(255, 255, 255, 0.9);
  color: #4caf50;
}
[data-form-message].form-message--error {
  background: rgba(255, 255, 255, 0.9);
  color: #f44336;
}

.ui-page--contacts__form-message[data-form-message].form-message--success {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.ui-page--contacts__form-message[data-form-message].form-message--error {
  background-color: rgba(255, 0, 0, 0.2);
  color: #ffffff;
}

.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #91d60f;
  padding: 1.5rem 2rem;
  z-index: 10000;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
}
.cookie-consent--active {
  transform: translateY(0);
}
@media (max-width: 700px) {
  .cookie-consent {
    padding: 1.25rem 1.5rem;
  }
}

.cookie-consent__content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 700px) {
  .cookie-consent__content {
    flex-direction: column;
    gap: 1.25rem;
    align-items: stretch;
  }
}

.cookie-consent__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.951rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #FFFFFF;
  margin: 0;
  flex: 1;
}
@media (max-width: 700px) {
  .cookie-consent__text {
    font-size: 0.875rem;
    line-height: 1.1375rem;
    text-align: left;
  }
}

.cookie-consent__link {
  color: #FFFFFF;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.cookie-consent__link:hover {
  opacity: 0.8;
}
.cookie-consent__link:visited {
  color: #FFFFFF;
}

.cookie-consent__button {
  font-family: "Montserrat", sans-serif;
  font-size: 0.81rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #000000;
  background: #FFFFFF;
  border: none;
  border-radius: 0.5rem;
  padding: 0.875rem 2rem;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.cookie-consent__button:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
}
.cookie-consent__button:active {
  transform: translateY(0);
}
@media (max-width: 700px) {
  .cookie-consent__button {
    width: 100%;
    font-size: 0.875rem;
    padding: 0.75rem 1.5rem;
  }
}

.why-skinepic-section {
  padding: 1.875rem 0;
}
@media (min-width: 1200px) {
  .why-skinepic-section {
    padding: 5rem 0;
  }
}
.why-skinepic-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.why-skinepic-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.why-skinepic-block {
  width: 100%;
}
.why-skinepic-block__inner {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .why-skinepic-block__inner {
    flex-direction: row;
    gap: 3.75rem;
  }
}
.why-skinepic-block__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 700px) {
  .why-skinepic-block__col {
    border-radius: 0.875rem;
    background: #FFF;
    box-shadow: 0 0 0.9375rem 0 rgba(0, 0, 0, 0.05);
    padding: 0.75rem 0.75rem 1.5rem 0.75rem;
  }
}
.why-skinepic-block__image-wrapper {
  width: 100%;
  margin-bottom: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 700px) {
  .why-skinepic-block__image-wrapper {
    order: 2;
  }
}
@media (min-width: 1200px) {
  .why-skinepic-block__image-wrapper {
    margin-bottom: 2.5rem;
    order: unset;
    justify-content: flex-start;
  }
}
.why-skinepic-block__image {
  width: 30.125rem;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
}
@media (max-width: 430px) {
  .why-skinepic-block__image {
    width: 100%;
    max-width: 24.125rem;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.why-skinepic-block__subtitle {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.4167;
  color: #000;
  margin: 0 0 1.25rem 0;
}
@media (min-width: 1200px) {
  .why-skinepic-block__subtitle {
    font-size: 1.5rem;
    line-height: 1.4167;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 700px) {
  .why-skinepic-block__subtitle {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 1.25rem;
    order: 1;
  }
}
@media (min-width: 1200px) {
  .why-skinepic-block__subtitle {
    order: unset;
  }
}
.why-skinepic-block__subtitle-bold {
  font-weight: 700;
}
@media (max-width: 700px) {
  .why-skinepic-block .content-list {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .why-skinepic-block .content-list {
    order: unset;
  }
}

.banner-together-section {
  padding: 1.875rem 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.banner-together-section .container {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1200px) {
  .banner-together-section {
    padding: 5rem 0;
  }
}
.banner-together-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.banner-together-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.banner-together {
  position: relative;
  width: 100%;
  max-width: 100%;
  background: #9ae200;
  border-radius: 1.875rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (max-width: 430px) {
  .banner-together {
    padding-bottom: 20rem;
  }
}
.banner-together::before {
  content: "";
  position: absolute;
  width: 31.5625rem;
  height: 31.625rem;
  background-image: url("../img/bubble.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 0;
  right: 0;
  top: 0;
}
@media (min-width: 1200px) {
  .banner-together::before {
    right: auto;
    left: 50%;
    top: auto;
    bottom: 2rem;
    transform: translateX(-50%);
  }
}
.banner-together::after {
  content: "";
  position: absolute;
  background-image: url("../img/banner_together_couple.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: 1;
}
@media (min-width: 1200px) {
  .banner-together::after {
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: right center;
  }
}
@media (max-width: 700px) {
  .banner-together::after {
    bottom: 0;
    left: -1.25rem;
    right: -1.25rem;
    width: calc(100% + 2.5rem);
    height: 18.75rem;
    background-size: cover;
    background-position: center bottom;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .banner-together::after {
    background-image: url("../img/banner_together_couple@2x.webp");
  }
}
@media (min-width: 1200px) {
  .banner-together {
    flex-direction: row;
  }
}
.banner-together__content {
  flex: 1;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 2;
  position: relative;
  min-width: 0;
}
@media (min-width: 1200px) {
  .banner-together__content {
    padding: 2.15rem;
    max-width: 50%;
  }
}
.banner-together__title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0 0 1.875rem 0;
}
@media (min-width: 1200px) {
  .banner-together__title {
    margin-bottom: 2.5rem;
  }
}
.banner-together__title-main {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  color: #2C4100;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .banner-together__title-main {
    font-size: 1.25rem;
  }
}
.banner-together__title-sub {
  font-family: "Montserrat", sans-serif;
  font-size: 1.8125rem;
  font-weight: 400;
  line-height: normal;
  color: #2C4100;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .banner-together__title-sub {
    font-size: 1.2125rem;
  }
}
.banner-together__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
@media (min-width: 1200px) {
  .banner-together__buttons {
    flex-direction: row;
    gap: 1.25rem;
  }
}
@media (max-width: 430px) {
  .banner-together--promo {
    padding-bottom: 20rem;
  }
}
.banner-together__promo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.875rem 1.25rem;
  background: #fff;
  border-radius: 0.625rem;
  min-height: 3.5rem;
  width: 100%;
  max-width: 50%;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .banner-together__promo-row {
    max-width: 100%;
  }
}
.banner-together__promo-code-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25;
  color: #1a1a1a;
  letter-spacing: 0.02em;
}
.banner-together__promo-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: none;
  background: transparent;
  color: #1a1a1a;
  cursor: pointer;
  border-radius: 0.375rem;
  transition: color 0.2s ease, transform 0.2s ease;
}
.banner-together__promo-copy:hover {
  color: #91d501;
}
.banner-together__promo-copy:active {
  transform: scale(0.95);
}
.banner-together__promo-copy svg {
  width: 19px;
  height: 20px;
  display: block;
}

.banner-product-section {
  padding: 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 700px) {
  .banner-product-section {
    display: none;
  }
}

@media (max-width: 430px) {
  .banner-product {
    display: none;
  }
}
.banner-product {
  position: relative;
  width: 100%;
  max-width: 100%;
  background: #F5F5F5;
  border-radius: 1.875rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.banner-product::before {
  content: "";
  position: absolute;
  width: 31.5625rem;
  height: 31.625rem;
  background-image: url("../img/bubble_gray.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 0;
  right: 0;
  top: 0;
}
@media (min-width: 1200px) {
  .banner-product::before {
    right: auto;
    left: 110%;
    top: 10%;
    transform: translateX(-10%);
  }
}
.banner-product__image {
  position: relative;
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: auto;
  z-index: 1;
  display: block;
  flex-shrink: 0;
}
.banner-product__image-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  object-position: center bottom;
}
.banner-product__content {
  flex: 1;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 2;
  position: relative;
  min-width: 0;
}
.banner-product__title {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0 0 1.875rem 0;
}
@media (min-width: 1200px) {
  .banner-product__title {
    margin-bottom: 2.5rem;
  }
}
.banner-product__title-main {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .banner-product__title-main {
    font-size: 1.25rem;
  }
}
.banner-product__title-sub {
  font-family: "Montserrat", sans-serif;
  font-size: 1.8125rem;
  font-weight: 400;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  .banner-product__title-sub {
    font-size: 1.2125rem;
  }
}
.banner-product__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
@media (min-width: 1200px) {
  .banner-product__buttons {
    flex-direction: row;
    gap: 1.25rem;
  }
}

.skinepic-way-section {
  padding: 1.875rem 0;
  position: relative;
}
@media (max-width: 430px) {
  .skinepic-way-section {
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .skinepic-way-section {
    padding: 5rem 0;
    overflow: visible;
  }
}
.skinepic-way-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.skinepic-way-section.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.skinepic-way-section .section__title {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.skinepic-way-section .section__title-line {
  display: block;
  width: 100%;
  margin: 0;
}
.skinepic-way-section .section__title-bold {
  font-weight: 700;
  margin-right: 0.5rem;
}
@media (min-width: 1200px) {
  .skinepic-way-section .section__title-bold {
    margin-right: 0.75rem;
  }
}
.skinepic-way-section .section__title-text {
  color: #000;
  font-weight: 400;
  display: inline;
}

.skinepic-way-block {
  width: 100%;
}
.skinepic-way-block__inner {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
  min-width: 0;
}
@media (max-width: 430px) {
  .skinepic-way-block__inner {
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .skinepic-way-block__inner {
    display: grid;
    grid-template-columns: 1fr 40.6875rem;
    grid-template-rows: 1fr;
    gap: 0 3.75rem;
    align-items: stretch;
    overflow: visible;
  }
}
.skinepic-way-block__col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 430px) {
  .skinepic-way-block__col--steps {
    position: relative;
    min-height: 20rem;
  }
}
@media (min-width: 1200px) {
  .skinepic-way-block__col--steps {
    grid-column: 1/2;
    grid-row: 1/-1;
    min-width: 0;
    align-self: stretch;
  }
}
@media (min-width: 1200px) {
  .skinepic-way-block__col--middle {
    display: none;
  }
}
@media (min-width: 1200px) {
  .skinepic-way-block__col--banner {
    grid-column: 2/3;
    grid-row: 1/-1;
    position: relative;
    min-width: 40.6875rem;
    max-width: 40.6875rem;
    align-self: stretch;
    height: 100%;
  }
}
@media (max-width: 430px) {
  .skinepic-way-block__col--banner {
    display: none;
  }
}

.skinepic-way-steps {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  position: relative;
  padding-left: 0;
}
@media (max-width: 430px) {
  .skinepic-way-steps {
    overflow: hidden;
    min-height: 20rem;
  }
}
.skinepic-way-steps__line {
  position: absolute;
  left: 3rem;
  top: 0;
  width: 0.125rem;
  height: 100%;
  z-index: 1;
}
@media (min-width: 1200px) {
  .skinepic-way-steps__line {
    left: 3.5rem;
  }
}
.skinepic-way-steps__line-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #D3D3D3;
}
.skinepic-way-steps__line-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: #A0E40F;
  transition: height 0.3s ease;
  transform-origin: top;
  z-index: 2;
}

.skinepic-way-step {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  position: relative;
  padding-bottom: 3rem;
  opacity: 1;
  transform: translateY(0);
  transition: opacity transform;
}
@media (max-width: 430px) {
  .skinepic-way-step {
    gap: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .skinepic-way-step {
    padding-bottom: 4rem;
  }
}
@media (max-width: 430px) {
  .skinepic-way-step {
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  .skinepic-way-step:first-child {
    opacity: 1;
    transform: translateY(0);
    position: relative;
    z-index: 1;
  }
  .skinepic-way-step:not(:first-child) {
    opacity: 0;
    transform: translateY(1.5rem);
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
  }
  .skinepic-way-step.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    position: relative;
    z-index: 2;
  }
}
.skinepic-way-step:last-child {
  padding-bottom: 0;
}
.skinepic-way-step__number-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  width: 3rem;
  margin-right: 1.25rem;
}
@media (min-width: 1200px) {
  .skinepic-way-step__number-wrapper {
    width: 3.5rem;
    margin-right: 1.875rem;
  }
}
.skinepic-way-step__number {
  font-family: "Montserrat", sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: -0.045rem;
  color: #18191C;
  transition: color 0.3s ease;
  background-color: #ffffff;
  padding-right: 0.5rem;
}
@media (max-width: 430px) {
  .skinepic-way-step__number {
    font-size: 1.85rem;
  }
}
.skinepic-way-step.is-active .skinepic-way-step__number {
  color: #A0E40F;
}
.skinepic-way-step__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  padding-top: 0.5rem;
  position: relative;
  z-index: 3;
}
.skinepic-way-step__icon-wrapper {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .skinepic-way-step__icon-wrapper {
    width: 4rem;
    height: 4rem;
  }
}
.skinepic-way-step__icon {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: grayscale(100%) opacity(0.4);
  transition: filter 0.3s ease;
}
.skinepic-way-step.is-active .skinepic-way-step__icon {
  filter: grayscale(0%) opacity(1);
}
.skinepic-way-step__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  color: #666666;
  margin: 0;
  transition: color 0.3s ease;
}
@media (min-width: 1200px) {
  .skinepic-way-step__title {
    font-size: 1.5rem;
  }
}
.skinepic-way-step.is-active .skinepic-way-step__title {
  color: #A0E40F;
}
.skinepic-way-step__description {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #666666;
  margin: 0;
}
@media (min-width: 1200px) {
  .skinepic-way-step__description {
    font-size: 1rem;
  }
}

.skinepic-way-banner {
  position: sticky;
  top: 5rem;
  background: linear-gradient(135deg, #ABEF1A 0%, #91D500 100%);
  border-radius: 1.875rem;
  padding: 2.5rem;
  min-height: 31.25rem;
  min-width: 40.6875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
  height: fit-content;
  align-self: flex-start;
  transition: top 0.1s ease-out;
}
.skinepic-way-banner::before {
  content: "";
  position: absolute;
  width: 31.5625rem;
  height: 31.625rem;
  background-image: url("../img/bubble.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 1;
  right: 20%;
  bottom: 40%;
  transform: translate(50%, 50%);
}
.skinepic-way-banner__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.skinepic-way-banner__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #ffffff;
  margin: 0;
  max-width: 60%;
}
.skinepic-way-banner__award {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  max-width: 50%;
}
.skinepic-way-banner__award-image {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
}
.skinepic-way-banner__award-text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.46667;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
}
.skinepic-way-banner__image-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 21.25rem !important;
  height: 30.125rem !important;
  z-index: 2;
  overflow: hidden;
}
.skinepic-way-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: bottom right;
  display: block;
}
.skinepic-way-banner__image--active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity transform;
}
.skinepic-way-banner__image--next {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity transform;
}
.skinepic-way-banner__image.is-sliding-down {
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}
.skinepic-way-banner__image.is-sliding-up {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

.products-section {
  padding: 1.875rem 0;
}
@media (min-width: 1200px) {
  .products-section {
    padding: 5rem 0;
  }
}
.products-section .section__title {
  flex-direction: column;
  align-items: flex-start;
  grid-column: 1/3;
  grid-row: 1;
  align-self: center;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto auto;
    gap: 2.5rem;
  }
}
@media (max-width: 430px) {
  .products-grid {
    gap: 0.5rem;
  }
  .products-grid .section__title {
    order: 1;
  }
  .products-grid article.products-card:nth-child(2) {
    order: 2;
  }
  .products-grid article.products-card:nth-child(6) {
    order: 4;
  }
  .products-grid article.products-card:nth-child(3) {
    order: 3;
  }
  .products-grid article.products-card:nth-child(4) {
    order: 4;
  }
  .products-grid article.products-card:nth-child(7) {
    order: 5;
  }
  .products-grid .doctor-card {
    order: 6;
    grid-column: 1/-1;
  }
  .products-grid .app-banner {
    order: 7;
    grid-column: 1/-1;
  }
}
.products-grid__placeholder {
  display: none;
}
@media (min-width: 1200px) {
  .products-grid__placeholder {
    display: block;
  }
}

.products-card {
  position: relative;
  background: #F9F9FA;
  border-radius: 1rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.37, 0.28, 0, 1), box-shadow 0.3s ease-out;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .products-card {
    padding: 1.5rem;
  }
}
@media (max-width: 430px) {
  .products-card {
    padding: 0.65rem 0.65rem;
  }
}
@media (min-width: 1200px) {
  .products-card:hover {
    transform: scale(1.05);
    box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.15);
  }
}
.products-card__like {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  z-index: 10;
}
@media (max-width: 430px) {
  .products-card__like {
    top: 0.5rem;
    right: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .products-card__like {
    top: 2rem;
    right: 2rem;
  }
}
.products-card__like-count {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #000;
  line-height: 1.875rem;
}
@media (max-width: 430px) {
  .products-card__like-count {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.products-card__like-icon {
  width: 1.375rem;
  height: 1.1875rem;
  flex-shrink: 0;
  transition: fill 0.2s ease;
}
.products-card__like--active .products-card__like-icon {
  fill: #A0E40F !important;
}
.products-card__image-wrapper {
  width: 100%;
  height: 18.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  position: relative;
}
@media (max-width: 430px) {
  .products-card__image-wrapper {
    margin-bottom: 0.5rem;
    height: 11rem;
  }
}
@media (min-width: 1200px) {
  .products-card__image-wrapper {
    height: 20rem;
    margin-bottom: 2rem;
  }
}
.products-card__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
@media (max-width: 430px) {
  .products-card__image {
    max-height: 15rem;
  }
}
.products-card__title-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: center;
  margin-bottom: 0;
  position: relative;
}
@media (max-width: 430px) {
  .products-card__title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex: 1;
  }
}
.products-card__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  color: #5B616D;
  margin: 0;
  grid-column: 1;
}
@media (max-width: 430px) {
  .products-card__title {
    font-size: 0.875rem;
    line-height: 1.25rem;
    width: 100%;
  }
}
.products-card__info-button {
  display: none;
}
@media (max-width: 430px) {
  .products-card__info-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 1.0375rem;
    height: 1.0375rem;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 10;
    transition: transform 0.2s ease;
  }
  .products-card__info-button:active {
    transform: scale(0.95);
  }
  .products-card__info-button svg {
    width: 100%;
    height: 100%;
    display: block;
  }
}
.products-card__volume-selector {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  flex-shrink: 0;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .products-card__volume-selector {
    grid-column: 2;
  }
}
@media (max-width: 430px) {
  .products-card__volume-selector--desktop {
    display: flex;
    width: fit-content;
    margin-top: auto;
    gap: 0.25rem;
    padding: 0.15rem;
  }
}
.products-card__volume-option {
  font-family: "Montserrat", sans-serif;
  font-size: 0.825rem;
  font-weight: 500;
  line-height: 0.625rem;
  letter-spacing: 0;
  color: #5B616D;
  padding: 0.575rem 0.55rem;
  border-radius: 0.75rem;
  background: transparent;
  transition: background 0.2s ease;
  white-space: nowrap;
}
.products-card__volume-option--active {
  background: #FFFFFF;
}
@media (max-width: 430px) {
  .products-card__volume-option {
    padding: 0.475rem 0.35rem;
  }
}
.products-card__volume-unit {
  font-size: 0.7rem;
  line-height: 0.625rem;
}
.products-card__hover-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s cubic-bezier(0.37, 0.28, 0, 1), visibility 0.3s cubic-bezier(0.37, 0.28, 0, 1), transform 0.3s cubic-bezier(0.37, 0.28, 0, 1);
  z-index: 1;
  pointer-events: none;
}
.products-card__hover-layer[data-product-url] {
  cursor: pointer;
}
@media (max-width: 430px) {
  .products-card__hover-layer {
    padding: 1rem 0.5rem;
    transform: none;
    transition: opacity 0.3s cubic-bezier(0.37, 0.28, 0, 1), visibility 0.3s cubic-bezier(0.37, 0.28, 0, 1);
  }
}
@media (min-width: 1200px) {
  .products-card__hover-layer {
    padding: 2rem;
  }
}
@media (min-width: 1200px) {
  .products-card:hover .products-card__hover-layer {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
}
@media (max-width: 430px) {
  .products-card.is-active .products-card__hover-layer {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
}
.products-card__hover-image-wrapper {
  width: 100%;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 430px) {
  .products-card__hover-image-wrapper {
    display: none;
  }
}
@media (min-width: 1200px) {
  .products-card__hover-image-wrapper {
    height: 14rem;
    margin-bottom: 2rem;
  }
}
.products-card__hover-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.products-card__benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
  align-self: stretch;
  flex: 1;
}
@media (max-width: 430px) {
  .products-card__benefits {
    justify-content: center;
  }
}
.products-card__benefit {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.33333;
  letter-spacing: 0;
  color: #000;
  text-align: left;
  margin: 0;
  width: 100%;
  position: relative;
  padding-left: 1.5rem;
}
@media (max-width: 430px) {
  .products-card__benefit {
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-left: 0.8rem;
  }
}
.products-card__benefit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #91D500;
  flex-shrink: 0;
}
@media (max-width: 430px) {
  .products-card__benefit::before {
    top: 0.65rem;
  }
}
.products-card__button {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #A0E40F;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 auto;
  transition: background 0.2s ease, transform 0.2s ease;
  flex-shrink: 0;
}
.products-card__button:hover {
  background: #91D500;
  transform: scale(1.1);
}
.products-card__button:active {
  transform: scale(0.95);
}
.products-card__button-icon {
  width: 1.3125rem;
  height: 1.3125rem;
  color: #FFFFFF;
}

@media (min-width: 1200px) {
  .products-card:nth-child(2) {
    grid-column: 3;
    grid-row: 1;
  }
  .products-card:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
  }
  .products-card:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }
  .products-card:nth-child(6) {
    grid-column: 2;
    grid-row: 3;
  }
  .doctor-card {
    grid-column: 3;
    grid-row: 2;
  }
  .app-banner {
    grid-column: 1;
    grid-row: 3;
  }
  .products-grid__placeholder:nth-child(8) {
    grid-column: 3;
    grid-row: 3;
  }
}
.doctor-card {
  position: relative;
  background: #FFFFFF;
  border-radius: 1.25rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  overflow: visible;
  min-height: 100%;
  box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.15);
}
@media (min-width: 1200px) {
  .doctor-card {
    flex-direction: row;
    padding: 1.333rem;
    border-radius: 1.5rem;
    overflow: visible;
  }
}
@media (max-width: 430px) {
  .doctor-card {
    padding: 1rem 1rem 4rem 1rem;
  }
}
.doctor-card__info-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  z-index: 10;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 0;
}
@media (min-width: 1200px) {
  .doctor-card__info-icon {
    top: 0.533rem;
    right: 0.533rem;
  }
}
.doctor-card__info-icon-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.doctor-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  padding-right: 4.8125rem;
}
@media (min-width: 1200px) {
  .doctor-card__content {
    width: 70%;
    padding-right: 6.8125rem;
  }
}
.doctor-card__logo {
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .doctor-card__logo {
    margin-bottom: 1.333rem;
  }
}
.doctor-card__logo-img {
  height: 2rem;
  width: auto;
}
@media (min-width: 1200px) {
  .doctor-card__logo-img {
    height: 2.75rem;
  }
}
.doctor-card__title {
  margin: 0 0 1rem 0;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .doctor-card__title {
    margin-bottom: 1.333rem;
  }
}
.doctor-card__title-part {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4875rem;
  font-weight: 700;
  line-height: inherit;
  text-transform: uppercase;
  color: #A0E40F;
  display: block;
}
.doctor-card__benefits .content-list__text strong {
  font-weight: 700;
  text-transform: uppercase;
}
.doctor-card__badge {
  position: absolute;
  left: 70%;
  bottom: 1rem;
  transform: translateX(-50%);
  z-index: 5;
  width: 6.8125rem;
  height: 6.75rem;
}
@media (min-width: 1200px) {
  .doctor-card__badge {
    bottom: 1.333rem;
    width: 6.8125rem;
    height: 6.75rem;
  }
}
@media (max-width: 430px) {
  .doctor-card__badge {
    display: none;
  }
}
.doctor-card__badge-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 430px) {
  .doctor-card__badge-img {
    max-width: 5rem;
  }
}
.doctor-card__image-wrapper {
  position: relative;
  width: 50%;
  height: 12rem;
  background: #A0E40F;
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 1rem;
  margin-left: auto;
  align-self: flex-end;
}
@media (max-width: 430px) {
  .doctor-card__image-wrapper {
    width: 100%;
    background: unset;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .doctor-card__image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    margin-top: 0;
    margin-left: 0;
    align-self: auto;
    border-radius: 0 1.5rem 1.5rem 0;
  }
}
.doctor-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
@media (max-width: 430px) {
  .doctor-card__image {
    object-position: right bottom;
    object-fit: contain;
    max-height: 18rem;
  }
}
@media (min-width: 1200px) {
  .doctor-card__image {
    padding-top: 2.5rem;
  }
}

.app-banner {
  position: relative;
  background: linear-gradient(114deg, #91D500 12.19%, #AFF41E 50.21%), #FFF;
  border-radius: 1.25rem;
  padding: 2rem 1.5rem;
  overflow: hidden;
  min-height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .app-banner {
    padding: 3rem 2.5rem;
    min-height: 16rem;
  }
}
.app-banner::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 15rem;
  height: 15rem;
  background-image: url("../img/bubble.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top right;
  pointer-events: none;
  z-index: 1;
  transform: translateX(50%);
}
@media (min-width: 1200px) {
  .app-banner::before {
    width: 25rem;
    height: 25rem;
  }
}
.app-banner__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  align-items: center;
}
@media (min-width: 1200px) {
  .app-banner__content {
    gap: 2rem;
  }
}
.app-banner__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6875rem;
  font-weight: 400;
  line-height: normal;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

.ai-banner {
  position: relative;
  padding: 2rem 0;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ai-banner {
    padding: 4rem 0;
  }
}
.ai-banner__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2rem;
  border-radius: 1.5rem;
  background: #F9F9FA;
  min-height: 20rem;
}
.ai-banner__inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../img/ai_banner.webp");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%;
  z-index: 0;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ai-banner__inner::before {
    background-image: url("../img/ai_banner@2x.webp");
    background-size: auto 100%;
  }
}
@media (max-width: 430px) {
  .ai-banner__inner::before {
    background-size: auto 52%;
    background-position: right bottom;
    opacity: 0.5;
  }
}
@media (max-width: 430px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 430px) and (min-resolution: 192dpi) {
  .ai-banner__inner::before {
    background-size: auto 52%;
  }
}
@media (min-width: 1200px) {
  .ai-banner__inner {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto 1fr;
    gap: 3rem;
    padding: 4rem;
    min-height: 30rem;
    overflow: hidden;
    align-items: stretch;
  }
  .ai-banner__inner .ai-banner__title {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }
  .ai-banner__inner .ai-banner__col--left {
    grid-column: 1;
    grid-row: 2;
    align-self: stretch;
  }
  .ai-banner__inner .ai-banner__col--right {
    grid-column: 2;
    grid-row: 1/-1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 430px) {
  .ai-banner__inner {
    overflow: hidden;
    padding: 0rem;
    gap: 0rem;
    background-position: center bottom;
  }
}
.ai-banner__col {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 430px) {
  .ai-banner__col--left {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .ai-banner__col--left {
    width: 100%;
    order: 0;
  }
}
@media (max-width: 430px) {
  .ai-banner__col--right {
    order: 2;
    padding: 1rem 1rem 0 1rem;
  }
}
@media (min-width: 1200px) {
  .ai-banner__col--right {
    width: 70%;
    order: 0;
  }
}
.ai-banner__title {
  margin-bottom: 2rem;
}
@media (max-width: 430px) {
  .ai-banner__title {
    order: 1;
    width: 100%;
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1200px) {
  .ai-banner__title {
    margin-bottom: 3rem;
    order: 0;
  }
}
.ai-banner__title-text {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
  display: block;
}
@media (min-width: 1200px) {
  .ai-banner__title-text {
    font-size: 3rem;
  }
}
.ai-banner__title-text--green {
  color: #91D500;
  font-weight: 700;
}
.ai-banner__swiper-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: auto;
  width: 100%;
}
@media (max-width: 430px) {
  .ai-banner__swiper-wrapper {
    order: 3;
    padding-left: 0.75rem;
    gap: 0rem;
  }
}
@media (min-width: 1200px) {
  .ai-banner__swiper-wrapper {
    order: 0;
  }
}
.ai-banner__swiper {
  width: 100%;
  height: 20rem;
  flex: 1;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ai-banner__swiper {
    height: 25rem;
  }
}
@media (max-width: 430px) {
  .ai-banner__swiper {
    height: 25rem;
  }
}
.ai-banner .swiper-slide {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.ai-banner__swiper-image {
  width: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: 0;
  padding: 0;
}
.ai-banner__pagination {
  flex-shrink: 0;
}
@media (max-width: 430px) {
  .ai-banner__pagination {
    display: none !important;
  }
}
.ai-banner__navigation {
  flex-shrink: 0;
}
@media (max-width: 430px) {
  .ai-banner__navigation {
    position: absolute;
    z-index: 2;
  }
}
.ai-banner__typing-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  min-height: 4rem;
  margin: 0 0 1.5rem 0;
}
@media (min-width: 1200px) {
  .ai-banner__typing-text {
    font-size: 2rem;
    min-height: 5rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 430px) {
  .ai-banner__typing-text {
    min-height: 6.5rem;
  }
}
.ai-banner__button-wrapper {
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .ai-banner__button-wrapper {
    margin-bottom: 0;
  }
}
.ai-banner__typing-cursor {
  display: inline-block;
  animation: blink 1s infinite;
  color: #91D500;
}
.ai-banner__award {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
  box-sizing: border-box;
  justify-content: center;
}
@media (max-width: 369px) {
  .ai-banner__award {
    flex-direction: column;
  }
}
@media (max-width: 430px) {
  .ai-banner__award {
    border-radius: 0;
    position: relative;
    order: 3;
  }
}
@media (min-width: 1200px) {
  .ai-banner__award {
    gap: 2rem;
    padding: 1.25rem;
  }
}
.ai-banner__award-image {
  width: auto;
  height: 2rem;
  flex-shrink: 0;
}
.ai-banner__award-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #000;
  margin: 0;
}
@media (max-width: 369px) {
  .ai-banner__award-text {
    font-size: 0.8125rem;
    line-height: 1.025rem;
  }
}

@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
.faq-section {
  padding: 2rem 0;
}
@media (min-width: 1200px) {
  .faq-section {
    padding: 4rem 0;
  }
}
.faq-section__inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .faq-section__inner {
    flex-direction: row;
    gap: 3rem;
    align-items: flex-start;
  }
}
.faq-section__col {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .faq-section__col--left {
    width: 50%;
  }
}
.faq-section__col--right {
  position: relative;
}
.faq-section__col--right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../img/two_stars.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
}
@media (min-width: 1200px) {
  .faq-section__col--right::before {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: -2.25rem;
    margin-top: -2.25rem;
  }
}
@media (max-width: 430px) {
  .faq-section__col--right::before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .faq-section__col--right {
    width: 50%;
  }
}
.faq-section__description {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #767A85;
}
@media (min-width: 1200px) {
  .faq-section__description {
    font-size: 1.125rem;
    margin-bottom: 3rem;
  }
}
.faq-section__button-wrapper {
  margin-top: 2rem;
}
.faq-section__swiper {
  width: 100%;
  position: relative;
}
.faq-section__controls {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .faq-section__controls {
    margin-top: 1.5rem;
  }
}
.faq-section__pagination {
  order: 1;
  flex-shrink: 0;
}
.faq-section__controls::after {
  content: "";
  flex: 1;
  order: 2;
}
.faq-section__navigation {
  order: 3;
  flex-shrink: 0;
}

.faq-review {
  background: #F9F9FA;
  border-radius: 1.25rem;
  padding: 1.5rem;
}
@media (min-width: 1200px) {
  .faq-review {
    padding: 2rem;
  }
}
.faq-review__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  color: #000;
  margin: 0 0 1.5rem 0;
}
@media (min-width: 1200px) {
  .faq-review__text {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}
.faq-review__rating {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 1200px) {
  .faq-review__rating {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.faq-review__stars {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
.faq-review__star {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 0.2s ease;
}
.faq-review__star:hover {
  transform: scale(1.1);
}
.faq-review__star--active .faq-review__star-icon {
  opacity: 1;
}
.faq-review__star:not(.faq-review__star--active) .faq-review__star-icon {
  opacity: 1;
}
.faq-review__star:not(.faq-review__star--active):hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/faq_star.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}
.faq-review__star-icon {
  width: 100%;
  height: 100%;
  display: block;
  transition: opacity 0.3s ease;
}
.faq-review__info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .faq-review__info {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
  }
}
.faq-review__name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #000;
}
.faq-review__rating-value {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #91D500;
}
.faq-review__date {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #767A85;
}

.swiper-pagination {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
.swiper-pagination--column {
  flex-direction: column;
  gap: 0.625rem;
}
.swiper-pagination--row {
  flex-direction: row;
  gap: 0.5rem;
}

.swiper-pagination-dot {
  display: flex;
  width: 0.9375rem;
  height: 0.9375rem;
  padding: 0.1875rem;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 0.78125rem;
  background: #EFEFEF;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
.swiper-pagination-dot:hover {
  opacity: 0.7;
}
.swiper-pagination-dot--active {
  background: #91D500;
}
@media (max-width: 370px) {
  .swiper-pagination-dot {
    width: 0.5375rem;
    height: 0.5375rem;
  }
}

.swiper-pagination-dot-inner {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: transparent;
  transition: background 0.3s ease;
}

.swiper-navigation {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.swiper-navigation--column {
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 430px) {
  .swiper-navigation--column {
    padding-right: 0.75rem;
  }
}
.swiper-navigation--row {
  flex-direction: row;
  gap: 0.5rem;
}

.swiper-nav-button {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: filter 0.3s ease, opacity 0.3s ease;
  flex-shrink: 0;
}
.swiper-nav-button svg {
  width: 100%;
  height: 100%;
}
.swiper-nav-button:disabled {
  cursor: not-allowed;
  filter: grayscale(100%) opacity(0.3);
}
.swiper-nav-button:not(:disabled):hover {
  opacity: 0.8;
}
@media (max-width: 430px) {
  .swiper-nav-button {
    width: 2.5rem;
    height: 2.5rem;
  }
}

html.mega-menu-open,
body.mega-menu-open {
  overflow: hidden;
  height: 100%;
  position: relative;
}

body.mega-menu-open {
  touch-action: none;
  -webkit-overflow-scrolling: none;
}

.mega-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mega-menu::-webkit-scrollbar {
  display: none;
}
.mega-menu.is-active {
  display: flex;
}
@media (max-width: 430px) {
  .mega-menu {
    align-items: flex-start;
  }
}
.mega-menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
}
.mega-menu__content {
  position: relative;
  z-index: 2001;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 1.5rem;
  padding: 3rem;
  margin: 2rem;
  max-width: 90rem;
  width: calc(100% - 4rem);
  box-shadow: 0.625rem 0.875rem 5.25rem 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 430px) {
  .mega-menu__content {
    padding: 1.5rem;
    margin: 1rem;
    width: calc(100% - 2rem);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.9);
  }
}
.mega-menu__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
@media (max-width: 430px) {
  .mega-menu__header {
    margin-bottom: 1.5rem;
  }
}
.mega-menu__logo-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mega-menu__logo {
  display: flex;
  align-items: center;
}
.mega-menu__logo-img {
  height: 3rem;
  width: auto;
  display: block;
}
@media (max-width: 430px) {
  .mega-menu__logo-img {
    height: 2rem;
  }
}
.mega-menu__logo-description {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: #303030;
  margin: 0;
  max-width: 20rem;
}
@media (max-width: 430px) {
  .mega-menu__logo-description {
    font-size: 0.75rem;
    max-width: 100%;
  }
}
.mega-menu__close {
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: transform 0.2s ease;
}
@media (max-width: 430px) {
  .mega-menu__close {
    width: 2rem;
    height: 2rem;
  }
}
.mega-menu__close:hover {
  transform: scale(1.1);
}
.mega-menu__close:active {
  transform: scale(0.95);
}
.mega-menu__close svg {
  width: 100%;
  height: 100%;
  display: block;
}
.mega-menu__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
@media (max-width: 430px) {
  .mega-menu__inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.mega-menu__col {
  display: flex;
  flex-direction: column;
}
.mega-menu__col--nav {
  order: 1;
}
.mega-menu__col--shops {
  order: 2;
  overflow: hidden;
}
.mega-menu__col--social {
  order: 3;
}
.mega-menu__col-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 2.125rem;
  letter-spacing: -0.05rem;
  color: #303030;
  margin: 0 0 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
@media (max-width: 430px) {
  .mega-menu__col-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1rem;
  }
}
.mega-menu__title-text {
  font-family: "Montserrat", sans-serif;
}
.mega-menu__title-brand {
  font-family: "RotondaC", sans-serif;
}
.mega-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 430px) {
  .mega-menu__nav {
    gap: 1rem;
    margin-bottom: 1.5rem;
  }
}
.mega-menu__nav-link {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6875rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0125rem;
  color: #303030;
  text-decoration: none;
  transition: color 0.2s ease;
}
@media (max-width: 430px) {
  .mega-menu__nav-link {
    font-size: 1.25rem;
  }
}
.mega-menu__nav-link:hover {
  color: #91D500;
}
.mega-menu__links {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.mega-menu__link {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #303030;
  text-decoration: none;
  transition: color 0.2s ease;
}
.mega-menu__link:hover {
  color: #91D500;
}
.mega-menu__shops-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  max-width: 25rem;
  padding: 0.75rem 0.9375rem;
  background: #F9F9FA;
  border-radius: 0.75rem;
}
@media (max-width: 430px) {
  .mega-menu__shops-block {
    max-width: 100%;
    padding: 0.625rem 0.75rem;
    gap: 1rem;
  }
}
.mega-menu__countries {
  width: 100%;
  overflow: hidden;
}
.mega-menu__countries-scroll {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.5rem;
  scrollbar-width: thin;
  scrollbar-color: #91D500 transparent;
}
.mega-menu__countries-scroll::-webkit-scrollbar {
  height: 4px;
}
.mega-menu__countries-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.mega-menu__countries-scroll::-webkit-scrollbar-thumb {
  background: #91D500;
  border-radius: 2px;
}
.mega-menu__country {
  flex-shrink: 0;
  padding: 0.75rem 1.5rem;
  background: #F5F5F5;
  border: none;
  border-radius: 0.75rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
@media (max-width: 430px) {
  .mega-menu__country {
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
  }
}
.mega-menu__country.active {
  background: #91D500;
  color: #FFFFFF;
}
.mega-menu__country:hover:not(.active) {
  background: #E5E5E5;
}
.mega-menu__shops {
  width: 100%;
  max-height: 20rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #91D500 transparent;
}
@media (max-width: 430px) {
  .mega-menu__shops {
    max-height: 10rem;
  }
}
.mega-menu__shops::-webkit-scrollbar {
  width: 4px;
}
.mega-menu__shops::-webkit-scrollbar-track {
  background: transparent;
}
.mega-menu__shops::-webkit-scrollbar-thumb {
  background: #91D500;
  border-radius: 2px;
}
.mega-menu__shops-scroll {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.mega-menu__shops-scroll--hidden {
  display: none;
}
.mega-menu__shop-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  background: #FFFFFF;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
  width: 100%;
  gap: 0.75rem;
  position: relative;
  z-index: 1;
  text-decoration: none;
  min-height: 3rem;
  cursor: pointer;
}
@media (max-width: 430px) {
  .mega-menu__shop-link {
    padding: 0.75rem;
    gap: 0.5rem;
    min-height: 2.75rem;
    -webkit-tap-highlight-color: rgba(145, 213, 0, 0.2);
  }
}
.mega-menu__shop-link:hover {
  background: #F0F0F0;
}
.mega-menu__shop-link:active {
  background: #E5E5E5;
}
.mega-menu__shop-link::after {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  display: block;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.85924e-07 15C5.79971e-07 11.7407 -0.00220878 9.19095 0.264776 7.20515C0.53581 5.18925 1.10138 3.59851 2.34995 2.34995C3.59851 1.10138 5.18925 0.53581 7.20515 0.264776C9.19095 -0.00220877 11.7407 5.79972e-07 15 5.85924e-07C18.2592 5.85924e-07 20.809 -0.00220901 22.7948 0.264776C24.8107 0.535806 26.4014 1.10138 27.65 2.34995L27.6886 2.38891C29.3145 4.04276 29.769 6.30045 29.9218 9.36652C29.9506 9.94377 29.5059 10.435 28.9287 10.4638C28.3514 10.4926 27.8602 10.0479 27.8314 9.47068C27.6804 6.43966 27.2302 4.8901 26.17 3.82999C25.3752 3.03514 24.2998 2.57895 22.5159 2.33912C20.702 2.09524 18.3184 2.09302 15 2.09302C11.6815 2.09302 9.29798 2.09524 7.48407 2.33912C5.70025 2.57894 4.62481 3.03508 3.82995 3.82995C3.03508 4.62481 2.57895 5.70025 2.33912 7.48407C2.09524 9.29798 2.09302 11.6815 2.09302 15C2.09302 18.3184 2.09524 20.702 2.33912 22.5159C2.5752 24.2719 3.02087 25.3414 3.79291 26.1325L3.82995 26.17C4.62481 26.9649 5.70026 27.421 7.48407 27.6608C9.29798 27.9047 11.6815 27.907 15 27.907C18.3184 27.907 20.702 27.9047 22.5159 27.6608C24.2997 27.421 25.3752 26.9649 26.17 26.17C26.9648 25.3752 27.421 24.2997 27.6608 22.5159C27.9047 20.702 27.907 18.3184 27.907 15C27.907 14.422 28.3755 13.9535 28.9535 13.9535C29.5315 13.9535 30 14.422 30 15C30 18.2592 30.0022 20.809 29.7352 22.7948C29.4642 24.8107 28.8986 26.4014 27.65 27.6499C26.4014 28.8985 24.8107 29.4642 22.7948 29.7352C20.809 30.0022 18.2592 30 15 30C11.7407 30 9.19095 30.0022 7.20515 29.7352C5.18924 29.4642 3.59851 28.8986 2.34995 27.65C1.10139 26.4014 0.535804 24.8107 0.264776 22.7948C-0.00220903 20.809 5.85924e-07 18.2592 5.85924e-07 15Z" fill="%239AE200"/%3E%3Cpath d="M10.3956 16.0302C9.79624 16.0302 9.31035 15.5784 9.31035 15.021C9.31035 14.4637 9.79624 14.0119 10.3956 14.0119H17.9047L15.4163 11.6981C14.9925 11.304 14.9925 10.665 15.4163 10.2709C15.8401 9.87685 16.5273 9.87685 16.9511 10.2709L21.2922 14.3075C21.716 14.7016 21.716 15.3405 21.2922 15.7346L16.9511 19.7712C16.5273 20.1652 15.8401 20.1652 15.4163 19.7712C14.9925 19.3771 14.9925 18.7381 15.4163 18.344L17.9047 16.0302H10.3956Z" fill="%239AE200"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.2s ease;
  pointer-events: none;
}
@media (max-width: 430px) {
  .mega-menu__shop-link::after {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.mega-menu__shop-link:hover::after {
  transform: translateX(0.25rem);
}
.mega-menu__shop-link:not(:has(.mega-menu__shop-link-text)) {
  justify-content: space-around;
}
.mega-menu__shop-link:not(:has(.mega-menu__shop-link-text))::after {
  display: none;
}
.mega-menu__shop-logo {
  width: auto;
  height: 1.5rem;
  max-width: 100%;
  object-fit: contain;
  flex-shrink: 0;
  pointer-events: auto;
}
@media (max-width: 430px) {
  .mega-menu__shop-logo {
    height: 1.85rem;
    max-width: 6rem;
  }
}
.webview-body .mega-menu__shop-link {
  -webkit-tap-highlight-color: rgba(145, 213, 0, 0.3);
  touch-action: manipulation;
  -webkit-touch-callout: none;
}
.webview-body .mega-menu__shop-link img {
  -webkit-touch-callout: none;
}

.webview-body {
  overflow-x: hidden;
}
@media (min-width: 701px) {
  .webview-body {
    display: none;
  }
}
.webview-body .webview-main.webview-content {
  width: 100%;
  max-width: 100%;
  padding: 1.5rem 0.9375rem;
  margin: 0 auto;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  color: #262626;
  line-height: 1.6;
}
.webview-body .webview-content {
  width: 100%;
  max-width: 100%;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  font-family: "Montserrat", sans-serif;
  color: #262626;
  line-height: 1.6;
  overflow: hidden;
}
.webview-body .webview-static-page {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 700px) {
  .webview-body .webview-static-page {
    padding-bottom: 5.5rem;
  }
}
.webview-body .webview-static-page h1, .webview-body .webview-static-page h2, .webview-body .webview-static-page h3, .webview-body .webview-static-page h4, .webview-body .webview-static-page h5, .webview-body .webview-static-page h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: #0f0f0f;
}
.webview-body .webview-static-page h1:first-child, .webview-body .webview-static-page h2:first-child, .webview-body .webview-static-page h3:first-child, .webview-body .webview-static-page h4:first-child, .webview-body .webview-static-page h5:first-child, .webview-body .webview-static-page h6:first-child {
  margin-top: 0;
}
.webview-body .webview-static-page h1 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page h1 {
    font-size: 2rem;
  }
}
.webview-body .webview-static-page h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page h2 {
    font-size: 1.75rem;
  }
}
.webview-body .webview-static-page h3 {
  font-size: 1.25rem;
  margin-bottom: 0.875rem;
  margin-top: 1.25rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page h3 {
    font-size: 1.5rem;
  }
}
.webview-body .webview-static-page h4 {
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page h4 {
    font-size: 1.25rem;
  }
}
.webview-body .webview-static-page p {
  margin-bottom: 1rem;
  line-height: 1.6;
  font-size: 0.875rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page p {
    font-size: 1rem;
  }
}
.webview-body .webview-static-page p:last-child {
  margin-bottom: 0;
}
.webview-body .webview-static-page p strong {
  font-weight: 700;
  color: #0f0f0f;
}
.webview-body .webview-static-page p em {
  font-style: italic;
}
.webview-body .webview-static-page ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page ul {
    gap: 1.25rem;
  }
}
.webview-body .webview-static-page ul li {
  position: relative;
  padding-left: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #262626;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page ul li {
    padding-left: 1.75rem;
    font-size: 1.15rem;
    color: #5B616D;
  }
}
.webview-body .webview-static-page ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../img/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.webview-body .webview-static-page ul li a {
  display: inline;
  color: inherit;
  text-decoration: underline;
}
.webview-body .webview-static-page ul li a:hover {
  text-decoration: none;
}
.webview-body .webview-static-page ul li ul {
  margin-top: 0.9375rem;
  margin-bottom: 0;
  padding-left: 1.5rem;
}
.webview-body .webview-static-page ul li ul li {
  padding-left: 1.5rem;
}
.webview-body .webview-static-page ul li ul li::before {
  width: 1rem;
  height: 1rem;
}
.webview-body .webview-static-page ul li p {
  margin-bottom: 0.5rem;
}
.webview-body .webview-static-page ul li p:last-child {
  margin-bottom: 0;
}
.webview-body .webview-static-page ol {
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page ol {
    gap: 1.25rem;
  }
}
.webview-body .webview-static-page ol li {
  position: relative;
  padding-left: 2rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #262626;
  counter-increment: item;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page ol li {
    padding-left: 2.5rem;
    font-size: 1.15rem;
    color: #5B616D;
  }
}
.webview-body .webview-static-page ol li::before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "RotondaC", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #91d500;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page ol li::before {
    font-size: 1.15rem;
  }
}
.webview-body .webview-static-page ol li ol {
  margin-top: 0.9375rem;
  margin-bottom: 0;
  padding-left: 2rem;
  counter-reset: item;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page ol li ol {
    padding-left: 2.5rem;
  }
}
.webview-body .webview-static-page ol li ol li {
  padding-left: 2rem;
  counter-increment: item;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page ol li ol li {
    padding-left: 2.5rem;
  }
}
.webview-body .webview-static-page ol li ol li::before {
  content: counter(item, lower-alpha) ".";
  font-size: 0.875rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page ol li ol li::before {
    font-size: 1rem;
  }
}
.webview-body .webview-static-page ol li p {
  margin-bottom: 0.5rem;
}
.webview-body .webview-static-page ol li p:last-child {
  margin-bottom: 0;
}
.webview-body .webview-static-page a {
  color: #91d500;
  text-decoration: none;
  transition: color 0.3s ease;
}
.webview-body .webview-static-page a:hover {
  color: #9ae200;
  text-decoration: underline;
}
.webview-body .webview-static-page a:active {
  opacity: 0.7;
}
p .webview-body .webview-static-page a {
  color: #91d500;
}
.webview-body .webview-static-page img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1rem 0;
  border-radius: 0.5rem;
}
p .webview-body .webview-static-page img {
  margin: 1rem 0;
}
.webview-body .webview-static-page hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 2rem 0;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page hr {
    margin: 2.5rem 0;
  }
}
.webview-body .webview-static-page blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.5rem;
  border-left: 3px solid #91d500;
  background-color: #f9f9f9;
  font-style: italic;
  color: #626262;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page blockquote {
    padding: 1.25rem 2rem;
    margin: 2rem 0;
  }
}
.webview-body .webview-static-page blockquote p {
  margin-bottom: 0.5rem;
}
.webview-body .webview-static-page blockquote p:last-child {
  margin-bottom: 0;
}
.webview-body .webview-static-page code {
  background-color: #f4f4f4;
  padding: 0.125rem 0.375rem;
  border-radius: 0.375rem;
  font-family: "Courier New", monospace;
  font-size: 0.875rem;
  color: #0f0f0f;
}
.webview-body .webview-static-page pre {
  background-color: #f4f4f4;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin: 1rem 0;
}
.webview-body .webview-static-page pre code {
  background-color: transparent;
  padding: 0;
}
.webview-body .webview-static-page table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}
.webview-body .webview-static-page table th, .webview-body .webview-static-page table td {
  padding: 0.75rem;
  border: 1px solid #e0e0e0;
  text-align: left;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page table th, .webview-body .webview-static-page table td {
    padding: 1rem;
  }
}
.webview-body .webview-static-page table th {
  background-color: #f9f9f9;
  font-weight: 600;
  color: #0f0f0f;
}
.webview-body .webview-static-page table tr:nth-child(even) {
  background-color: #fafafa;
}
.webview-body .webview-static-page u {
  text-decoration: underline;
}
.webview-body .webview-static-page s, .webview-body .webview-static-page del {
  text-decoration: line-through;
  color: #767a85;
}
.webview-body .webview-static-page mark {
  background-color: #fff9c4;
  padding: 0.125rem 0.25rem;
  border-radius: 0.375rem;
}
.webview-body .webview-static-page small {
  font-size: 0.75rem;
  color: #767a85;
}
.webview-body .webview-static-page sup {
  font-size: 0.75rem;
  vertical-align: super;
}
.webview-body .webview-static-page sub {
  font-size: 0.75rem;
  vertical-align: sub;
}
.webview-body .webview-static-page .content-list__text strong {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 700;
  color: #0f0f0f;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .content-list__text strong {
    margin-bottom: 0.375rem;
  }
}
.webview-body .webview-static-page .privacy__header {
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__header {
    margin-bottom: 2.5rem;
  }
}
.webview-body .webview-static-page .privacy__header h1 {
  margin-top: 0;
  margin-bottom: 1rem;
}
.webview-body .webview-static-page .privacy__header p {
  margin-bottom: 0.75rem;
}
.webview-body .webview-static-page .privacy__header p:last-child {
  margin-bottom: 0;
}
.webview-body .webview-static-page .privacy__toc {
  margin-bottom: 2rem;
  padding: 1.25rem;
  background-color: #f9f9f9;
  border-radius: 0.5rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__toc {
    margin-bottom: 2.5rem;
    padding: 1.5rem;
  }
}
.webview-body .webview-static-page .privacy__toc h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__toc h2 {
    font-size: 1.5rem;
  }
}
.webview-body .webview-static-page .privacy__toc ol {
  margin-bottom: 0;
}
.webview-body .webview-static-page .instruction-list {
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .instruction-list {
    gap: 1.5rem;
  }
}
.webview-body .webview-static-page .instruction-list__item {
  position: relative;
  padding-left: 2.5rem;
  counter-increment: item;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .instruction-list__item {
    padding-left: 3rem;
  }
}
.webview-body .webview-static-page .instruction-list__item::before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "RotondaC", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #91d500;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .instruction-list__item::before {
    font-size: 1.15rem;
  }
}
.webview-body .webview-static-page .instruction-list__content {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #262626;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .instruction-list__content {
    font-size: 1rem;
  }
}
.webview-body .webview-static-page .sources-list {
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .sources-list {
    gap: 1.5rem;
  }
}
.webview-body .webview-static-page .sources-list__item {
  position: relative;
  padding-left: 2.5rem;
  counter-increment: item;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .sources-list__item {
    padding-left: 3rem;
  }
}
.webview-body .webview-static-page .sources-list__item::before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "RotondaC", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #91d500;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .sources-list__item::before {
    font-size: 1.15rem;
  }
}
.webview-body .webview-static-page .sources-list__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .sources-list__content {
    gap: 0.625rem;
  }
}
.webview-body .webview-static-page .sources-list__authors {
  font-weight: 600;
  color: #0f0f0f;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .sources-list__authors {
    font-size: 1rem;
  }
}
.webview-body .webview-static-page .sources-list__title {
  font-style: italic;
  color: #262626;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .sources-list__title {
    font-size: 1rem;
  }
}
.webview-body .webview-static-page .sources-list__journal {
  color: #626262;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .sources-list__journal {
    font-size: 0.9375rem;
  }
}
.webview-body .webview-static-page .sources-list__link {
  margin-top: 0.25rem;
}
.webview-body .webview-static-page .sources-list__link a {
  color: #91d500;
  font-size: 0.875rem;
  word-break: break-all;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .sources-list__link a {
    font-size: 0.9375rem;
  }
}
.webview-body .webview-static-page .sources-list__link a:hover {
  text-decoration: underline;
}
.webview-body .webview-static-page .privacy__section {
  margin-bottom: 2.5rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__section {
    margin-bottom: 3rem;
  }
}
.webview-body .webview-static-page .privacy__section:last-child {
  margin-bottom: 0;
}
.webview-body .webview-static-page .privacy__section h2 {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__section h2 {
    margin-bottom: 1.5rem;
  }
}
.webview-body .webview-static-page .privacy__section h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__section h3 {
    margin-top: 2rem;
    margin-bottom: 1.25rem;
  }
}
.webview-body .webview-static-page .privacy__section dl {
  margin: 1.5rem 0;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__section dl {
    margin: 2rem 0;
  }
}
.webview-body .webview-static-page .privacy__section dt {
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #0f0f0f;
}
.webview-body .webview-static-page .privacy__section dt:first-child {
  margin-top: 0;
}
.webview-body .webview-static-page .privacy__section dd {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__section dd {
    margin-left: 2rem;
  }
}
.webview-body .webview-static-page .privacy__section dd:last-child {
  margin-bottom: 0;
}
.webview-body .webview-static-page .privacy__section dd ul, .webview-body .webview-static-page .privacy__section dd ol {
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1200px) {
  .webview-body .webview-static-page .privacy__section dd ul, .webview-body .webview-static-page .privacy__section dd ol {
    margin-top: 1rem;
    margin-bottom: 0.75rem;
  }
}
.webview-body .where-to-buy__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1200px) {
  .webview-body .where-to-buy__wrapper {
    gap: 1.5rem;
  }
}
.webview-body .where-to-buy__block {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.webview-body .where-to-buy__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 0;
  margin-bottom: 0.625rem;
}
@media (min-width: 1200px) {
  .webview-body .where-to-buy__logo {
    padding: 1.5rem 0;
    margin-bottom: 0.9375rem;
  }
}
.webview-body .where-to-buy__logo-img {
  max-width: 100%;
  height: auto;
  display: block;
}
.webview-body .where-to-buy__greeting {
  padding: 0.625rem 0;
}
.webview-body .where-to-buy__greeting-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #0f0f0f;
  margin: 0;
  text-align: left;
}
.webview-body .where-to-buy__greeting-text strong {
  font-weight: 700;
}
.webview-body .where-to-buy__greeting-text p {
  margin: 0 0 0.625rem 0;
}
.webview-body .where-to-buy__greeting-text p:last-child {
  margin-bottom: 0;
}
.webview-body .where-to-buy__promo-block {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  padding: 0.75rem 0.9375rem;
  border-radius: 0.625rem;
  box-shadow: 0.625rem 0.875rem 2.75rem 0 rgba(168, 157, 152, 0.15);
}
.webview-body .where-to-buy__promo-block--first {
  background: linear-gradient(to right, #abef1a 0%, #91d501 20.802%);
}
.webview-body .where-to-buy__promo-block--second {
  background: linear-gradient(to right, #abef1a 0%, #91d501 52.404%);
}
.webview-body .where-to-buy__promo-content {
  display: flex;
  flex-direction: column;
}
.webview-body .where-to-buy__promo-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #ffffff;
  margin: 0;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.webview-body .where-to-buy__promo-input {
  background: #ffffff;
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  border-radius: 0.625rem;
  box-shadow: 0.625rem 0.875rem 2.75rem 0 rgba(168, 157, 152, 0.15);
}
.webview-body .where-to-buy__promo-input-text {
  flex: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #0f0f0f;
  margin: 0;
}
.webview-body .where-to-buy__promo-input-text strong {
  font-weight: 700;
}
.webview-body .where-to-buy__promo-input-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}
.webview-body .where-to-buy__promo-code {
  background: #ffffff;
  display: flex;
  gap: 0.625rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  border-radius: 0.625rem;
  box-shadow: 0.625rem 0.875rem 2.75rem 0 rgba(168, 157, 152, 0.15);
}
.webview-body .where-to-buy__promo-code-text {
  flex: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: normal;
  color: #0f0f0f;
  margin: 0;
}
.webview-body .where-to-buy__promo-code-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 1.1875rem;
  height: 1.25rem;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.webview-body .where-to-buy__promo-code-copy:active {
  transform: scale(0.95);
}
.webview-body .where-to-buy__promo-code-copy svg {
  width: 100%;
  height: 100%;
  display: block;
}
.webview-body .where-to-buy__promo-note {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: normal;
  color: #ffffff;
  margin: 0;
  padding: 0 0.9375rem;
  opacity: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.webview-body .where-to-buy__goal-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-top: 0.625rem;
}
@media (min-width: 1200px) {
  .webview-body .where-to-buy__goal-wrapper {
    gap: 0.625rem;
    margin-top: 0.9375rem;
  }
}
.webview-body .where-to-buy__goal-title-wrapper {
  display: flex;
  height: 2.0625rem;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.625rem;
  position: relative;
}
.webview-body .where-to-buy__goal-title, .webview-body .where-to-buy__plan-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #0f0f0f;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  flex: 1 0 0;
  position: relative;
}
.webview-body .where-to-buy__goal-title::after, .webview-body .where-to-buy__plan-title::after {
  content: "";
  position: absolute;
  top: -1rem;
  width: 1.525rem;
  height: 1.5875rem;
  background-image: url("/local/templates/scinepic/assets/img/two_stars.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.webview-body .where-to-buy__goal-block {
  background: linear-gradient(173.69deg, rgb(234, 255, 188) 4.47%, rgb(234, 255, 188) 56.09%, rgb(212, 241, 150) 99.45%);
  border-radius: 0.75rem;
  padding: 0.75rem;
  display: flex;
  align-items: flex-start;
}
.webview-body .where-to-buy__goal-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #0f0f0f;
  margin: 0;
  flex: 1 0 0;
  letter-spacing: 0;
}
.webview-body .where-to-buy__goal-text p {
  margin: 0 0 0.625rem 0;
}
.webview-body .where-to-buy__goal-text p:last-child {
  margin-bottom: 0;
}
.webview-body .where-to-buy__plan-text {
  padding: 0.625rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webview-body .where-to-buy__plan-text p {
  flex: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.19;
  color: #0f0f0f;
  margin: 0;
}
.webview-body .where-to-buy__products-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.webview-body .where-to-buy__product-item {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
}
.webview-body .where-to-buy__product-icon {
  width: 1.375rem;
  height: 1.375rem;
  flex-shrink: 0;
}
.webview-body .where-to-buy__product-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.webview-body .where-to-buy__product-name {
  flex: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  letter-spacing: -0.05rem;
  color: #0f0f0f;
  margin: 0;
}
.webview-body .where-to-buy__plan-title-wrapper {
  display: flex;
  height: 2.0625rem;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.625rem;
  position: relative;
  margin-top: 0.625rem;
}
@media (min-width: 1200px) {
  .webview-body .where-to-buy__plan-title-wrapper {
    margin-top: 0.9375rem;
  }
}
.webview-body .where-to-buy__products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.625rem;
  width: 100%;
}
.webview-body .where-to-buy__products-grid:has(.plan-product-card) {
  grid-template-columns: 1fr;
}
.webview-body .where-to-buy__section-title {
  padding: 0.9375rem 0 0;
  height: 2.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webview-body .where-to-buy__section-title p {
  flex: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #0f0f0f;
  text-transform: uppercase;
  margin: 0;
}
.webview-body .where-to-buy__section-title-brand {
  color: #91d500;
}
.webview-body .where-to-buy__store-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.webview-body .where-to-buy__store-item {
  background: #f9f9fa;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.75rem;
  border-radius: 0.625rem;
}
.webview-body .where-to-buy__store-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.875rem;
  color: #303030;
  margin: 0;
}
.webview-body .where-to-buy__swiper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.75rem 0;
}
.webview-body .where-to-buy__swiper {
  width: 100%;
  overflow: visible;
}
.webview-body .where-to-buy__swiper .swiper-wrapper {
  display: flex;
}
.webview-body .where-to-buy__swiper .swiper-slide {
  height: auto;
}
.webview-body .where-to-buy__swiper .products-card {
  padding: 0.95rem;
  height: 100%;
}
.webview-body .where-to-buy__pagination {
  position: static !important;
  display: flex !important;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.5rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.8125rem;
  width: fit-content;
  margin: 0 auto;
  transform: none !important;
  z-index: auto !important;
}
.webview-body .where-to-buy__pagination .swiper-pagination-bullet {
  width: 0.9375rem;
  height: 0.9375rem;
  background: #efefef;
  border-radius: 50%;
  opacity: 1;
  margin: 0;
}
.webview-body .where-to-buy__pagination .swiper-pagination-bullet-active {
  background: #91d500;
}
.webview-body .where-to-buy__ozon-button {
  margin-top: 0.625rem;
}
.webview-body .where-to-buy__fixed-promo {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 0.75rem;
  pointer-events: none;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
@media (min-width: 1200px) {
  .webview-body .where-to-buy__fixed-promo {
    padding: 1rem;
  }
}
.webview-body .where-to-buy__fixed-promo.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.webview-body .where-to-buy__fixed-promo-inner {
  background: linear-gradient(to right, #abef1a 0%, #91d501 20.773%);
  border-radius: 3.125rem;
  padding: 1.25rem 2.1875rem;
  box-shadow: 0.625rem 0.875rem 2.75rem rgba(168, 157, 152, 0.15);
  max-width: 100%;
  margin: 0 auto;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.webview-body .where-to-buy__fixed-promo-inner::before {
  content: "";
  position: absolute;
  right: 0;
  top: -40%;
  transform: translateY(-50%);
  width: 15.78125rem;
  height: 15.8125rem;
  background-image: url("/local/templates/scinepic/assets/img/bubble.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 1200px) {
  .webview-body .where-to-buy__fixed-promo-inner {
    padding: 1.25rem 2.1875rem;
  }
  .webview-body .where-to-buy__fixed-promo-inner::before {
    width: 20rem;
    height: 20rem;
  }
}
.webview-body .where-to-buy__fixed-promo-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #0f0f0f;
  margin: 0;
  text-align: center;
  flex: 1 0 0;
  position: relative;
  z-index: 1;
}
.webview-body .products-card--no-like .products-card__like {
  display: none !important;
}
.webview-body .plan-product-card {
  background: #f9f9fa;
  border-radius: 0.75rem;
  padding: 0.625rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  position: relative;
}
@media (min-width: 1200px) {
  .webview-body .plan-product-card {
    display: grid;
    grid-template-columns: minmax(240px, 0.45fr) minmax(280px, 0.55fr);
    gap: 1.5rem;
    align-items: start;
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 1200px) {
  .webview-body .plan-product-card > *:not(.plan-product-card__image-block) {
    grid-column: 2;
  }
}
.webview-body .plan-product-card__number {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 auto;
  background-image: url("/local/templates/scinepic/assets/img/logo-bubble.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.webview-body .plan-product-card__number-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 2.125rem;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 1;
  letter-spacing: -0.0053125rem;
}
.webview-body .plan-product-card__title-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
.webview-body .plan-product-card__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #0f0f0f;
  margin: 0;
  text-align: center;
  flex: 1 0 0;
}
.webview-body .plan-product-card__image-block {
  background: linear-gradient(-77.77deg, rgb(145, 213, 0) 31.563%, rgb(175, 244, 30) 74.388%);
  border-radius: 0.75rem;
  padding: 1.25rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
  align-items: center;
  min-height: 14.375rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .webview-body .plan-product-card__image-block {
    grid-column: 1;
    grid-row: 1/-1;
    min-height: 18rem;
    align-self: stretch;
  }
}
.webview-body .plan-product-card__time-badges {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  z-index: 1;
}
.webview-body .plan-product-card__time-badge {
  background: #ffffff;
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.625rem;
  border-radius: 1.875rem;
}
.webview-body .plan-product-card__time-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.8125rem;
  color: #303030;
}
.webview-body .plan-product-card__image-wrapper {
  position: relative;
  z-index: 1;
}
.webview-body .plan-product-card__image-wrapper img {
  max-width: 80%;
  height: auto;
  margin: 0 auto;
}
.webview-body .plan-product-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.webview-body .plan-product-card__description {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #5b616d;
  margin: 0;
}
.webview-body .plan-product-card__description strong {
  color: #91d500;
}
.webview-body .plan-product-card__description p {
  margin: 0 0 0.625rem 0;
}
.webview-body .plan-product-card__description p strong {
  color: #91d500;
}
.webview-body .plan-product-card__description p:last-child {
  margin-bottom: 0;
}
.webview-body .plan-product-card__description span {
  color: #91d500;
}
.webview-body .plan-product-card .content-list__text {
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #5b616d;
}
.webview-body .plan-product-card__green-block {
  background: linear-gradient(170.85deg, rgb(234, 255, 188) 4.47%, rgb(234, 255, 188) 56.09%, rgb(212, 241, 150) 99.45%);
  border-radius: 0.75rem;
  padding: 0.75rem;
  align-items: flex-start;
}
.webview-body .plan-product-card__green-block p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #0f0f0f;
  margin: 0 0 0.3125rem 0;
  letter-spacing: 0;
}
.webview-body .plan-product-card__green-block p:last-child {
  margin-bottom: 0;
}
.webview-body .plan-product-card__green-block strong {
  font-weight: 700;
}
.webview-body .plan-product-card__use-block {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.webview-body .plan-product-card__use-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.webview-body .plan-product-card__use-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #91d500;
  letter-spacing: 0;
}
.webview-body .plan-product-card__use-icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
.webview-body .plan-product-card__use-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.webview-body .plan-product-card__use-content {
  display: none;
}
.webview-body .plan-product-card__use-text-wrapper {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  justify-content: center;
}
.webview-body .plan-product-card__use-icon-small {
  width: 0.9375rem;
  height: 1.0625rem;
  flex-shrink: 0;
  margin-top: 0.0625rem;
}
.webview-body .plan-product-card__use-icon-small img {
  width: 100%;
  height: 100%;
  display: block;
}
.webview-body .plan-product-card__use-text {
  flex: 1 0 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #0f0f0f;
  letter-spacing: 0;
}

.ai-result-plan {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .ai-result-plan {
    margin-top: 1.5rem;
  }
}

.ai-result-plan .where-to-buy {
  background: #f9f9fa;
  border-radius: 0.75rem;
  padding: 2.125rem 2.75rem;
}
@media (max-width: 1200px) {
  .ai-result-plan .where-to-buy {
    padding: 2rem 1.5rem;
  }
}
@media (max-width: 700px) {
  .ai-result-plan .where-to-buy {
    padding: 0.625rem 0.75rem;
  }
}
.ai-result-plan .where-to-buy .where-to-buy__products-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.625rem;
  width: 100%;
}
.ai-result-plan .where-to-buy .where-to-buy__plan-title-wrapper {
  grid-column: 1/-1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.ai-result-plan .where-to-buy .where-to-buy__plan-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 3.125rem;
  font-style: normal;
  line-height: 3.75rem;
  letter-spacing: var(--typeface-letter_spacing-sm, -0.05rem);
  color: #303030;
  margin: 0;
  text-transform: none;
}
@media (max-width: 700px) {
  .ai-result-plan .where-to-buy .where-to-buy__plan-title {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.ai-result-plan .where-to-buy .where-to-buy__plan-title strong {
  font-weight: 700;
}
.ai-result-plan .where-to-buy .where-to-buy__plan-title--stars {
  position: relative;
}
.ai-result-plan .where-to-buy .where-to-buy__plan-title--stars::before {
  content: "";
  display: block;
  width: 2.9375rem;
  height: 2.125rem;
  background-image: url("../img/two_stars.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  margin-bottom: 0.375rem;
}
@media (max-width: 700px) {
  .ai-result-plan .where-to-buy .where-to-buy__plan-title--stars {
    padding-top: 2.5rem;
  }
  .ai-result-plan .where-to-buy .where-to-buy__plan-title--stars::before {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
  }
}
.ai-result-plan .where-to-buy .plan-product-card {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  position: relative;
}
@media (min-width: 1200px) {
  .ai-result-plan .where-to-buy .plan-product-card {
    display: grid;
    grid-template-columns: minmax(240px, 0.45fr) minmax(280px, 0.55fr);
    gap: 1.5rem;
    align-items: start;
  }
}
.ai-result-plan .where-to-buy .plan-product-card__col--left {
  order: 2;
}
@media (max-width: 1199px) {
  .ai-result-plan .where-to-buy .plan-product-card__col--left {
    display: contents; /* в адаптиве порядок задаётся через order у дочерних блоков */
  }
}
@media (min-width: 1200px) {
  .ai-result-plan .where-to-buy .plan-product-card__col--left {
    order: unset;
    display: flex;
    grid-column: 1;
    align-self: stretch;
  }
}
.ai-result-plan .where-to-buy .plan-product-card__col--right {
  order: 1;
}
@media (max-width: 1199px) {
  .ai-result-plan .where-to-buy .plan-product-card__col--right {
    display: contents;
  }
}
@media (min-width: 1200px) {
  .ai-result-plan .where-to-buy .plan-product-card__col--right {
    order: unset;
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
  }
}
.ai-result-plan .where-to-buy .plan-product-card__col--right {
  /* Порядок внутри правой колонки: описание, затем content-list */
}
.ai-result-plan .where-to-buy .plan-product-card__col--right > .plan-product-card__number {
  order: 0;
}
.ai-result-plan .where-to-buy .plan-product-card__col--right > .plan-product-card__title-block {
  order: 0;
}
.ai-result-plan .where-to-buy .plan-product-card__col--right > .plan-product-card__description {
  order: 1;
}
.ai-result-plan .where-to-buy .plan-product-card__col--right > .content-list {
  order: 2;
}
.ai-result-plan .where-to-buy .plan-product-card__col--right > .plan-product-card__green-block {
  order: 3;
}
.ai-result-plan .where-to-buy .plan-product-card__col--right > .plan-product-card__use-block {
  order: 4;
}
.ai-result-plan .where-to-buy .plan-product-card {
  /* В адаптиве: номер первым, затем картинка, описание, название, список и остальное */
}
@media (max-width: 1199px) {
  .ai-result-plan .where-to-buy .plan-product-card__number {
    order: 1;
  }
  .ai-result-plan .where-to-buy .plan-product-card__image-block {
    order: 1;
  }
  .ai-result-plan .where-to-buy .plan-product-card__description {
    order: 3;
  }
  .ai-result-plan .where-to-buy .plan-product-card__title-block {
    order: 4;
  }
  .ai-result-plan .where-to-buy .plan-product-card__col--right > .content-list, .ai-result-plan .where-to-buy .plan-product-card > .content-list {
    order: 5;
  }
  .ai-result-plan .where-to-buy .plan-product-card__green-block {
    order: 6;
  }
  .ai-result-plan .where-to-buy .plan-product-card__use-block {
    order: 7;
  }
}
.ai-result-plan .where-to-buy .plan-product-card__number {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 2.75rem;
  height: 2.75rem;
  background-image: url("/local/templates/scinepic/assets/img/logo-bubble.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 700px) {
  .ai-result-plan .where-to-buy .plan-product-card__number {
    margin-bottom: 0.625rem;
  }
}
.ai-result-plan .where-to-buy .plan-product-card__number-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 2.125rem;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 1;
}
.ai-result-plan .where-to-buy .plan-product-card__title-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-result-plan .where-to-buy .plan-product-card__title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #0f0f0f;
  margin: 0;
  text-align: left;
  flex: 1 0 0;
}
.ai-result-plan .where-to-buy .plan-product-card__image-block {
  background: linear-gradient(-77.77deg, rgb(145, 213, 0) 31.563%, rgb(175, 244, 30) 74.388%);
  border-radius: 0.75rem;
  padding: 1.25rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.8125rem;
  align-items: center;
  min-height: 14.375rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ai-result-plan .where-to-buy .plan-product-card__image-block {
    min-height: 18rem;
    align-self: stretch;
    width: 100%;
  }
}
.ai-result-plan .where-to-buy .plan-product-card__time-badges {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  z-index: 1;
}
.ai-result-plan .where-to-buy .plan-product-card__time-badge {
  background: #ffffff;
  display: flex;
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.625rem;
  border-radius: 1.875rem;
}
.ai-result-plan .where-to-buy .plan-product-card__time-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.8125rem;
  color: #303030;
}
.ai-result-plan .where-to-buy .plan-product-card__image-wrapper {
  position: relative;
  z-index: 1;
}
.ai-result-plan .where-to-buy .plan-product-card__image-wrapper img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.ai-result-plan .where-to-buy .plan-product-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.ai-result-plan .where-to-buy .plan-product-card__description {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #5b616d;
  margin: 0;
}
.ai-result-plan .where-to-buy .plan-product-card__description strong {
  color: #91d500;
}
.ai-result-plan .where-to-buy .plan-product-card__description p {
  margin: 0 0 0.625rem 0;
}
.ai-result-plan .where-to-buy .plan-product-card__description p:last-child {
  margin-bottom: 0;
}
.ai-result-plan .where-to-buy .plan-product-card__description p strong {
  color: #91d500;
}
.ai-result-plan .where-to-buy .plan-product-card__description span {
  color: #91d500;
}
@media (max-width: 700px) {
  .ai-result-plan .where-to-buy .plan-product-card__description {
    margin-bottom: 0.625rem;
  }
}
.ai-result-plan .where-to-buy .plan-product-card .content-list__text {
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #5b616d;
}
@media (max-width: 700px) {
  .ai-result-plan .where-to-buy .plan-product-card .content-list {
    margin-bottom: 0.625rem;
  }
}
.ai-result-plan .where-to-buy .plan-product-card__green-block {
  background: linear-gradient(170.85deg, rgb(234, 255, 188) 4.47%, rgb(234, 255, 188) 56.09%, rgb(212, 241, 150) 99.45%);
  border-radius: 0.75rem;
  padding: 0.75rem;
}
.ai-result-plan .where-to-buy .plan-product-card__green-block p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #0f0f0f;
  margin: 0 0 0.3125rem 0;
}
.ai-result-plan .where-to-buy .plan-product-card__green-block p:last-child {
  margin-bottom: 0;
}
.ai-result-plan .where-to-buy .plan-product-card__green-block strong {
  font-weight: 700;
}
@media (max-width: 700px) {
  .ai-result-plan .where-to-buy .plan-product-card__green-block {
    margin-bottom: 0.625rem;
  }
}
.ai-result-plan .where-to-buy .plan-product-card__use-block {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.ai-result-plan .where-to-buy .plan-product-card__use-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.ai-result-plan .where-to-buy .plan-product-card__use-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #91d500;
}
.ai-result-plan .where-to-buy .plan-product-card__use-icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
.ai-result-plan .where-to-buy .plan-product-card__use-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.ai-result-plan .where-to-buy .plan-product-card__use-content {
  display: none;
}
.ai-result-plan .where-to-buy .plan-product-card__use-text-wrapper {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
}
.ai-result-plan .where-to-buy .plan-product-card__use-icon-small {
  width: 0.9375rem;
  height: 1.0625rem;
  flex-shrink: 0;
  margin-top: 0.0625rem;
}
.ai-result-plan .where-to-buy .plan-product-card__use-icon-small img {
  width: 100%;
  height: 100%;
  display: block;
}
.ai-result-plan .where-to-buy .plan-product-card__use-text {
  flex: 1 0 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.33;
  color: #0f0f0f;
}

.ai-result-plan__fixed-promo {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 0.75rem;
  pointer-events: none;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
@media (min-width: 1200px) {
  .ai-result-plan__fixed-promo {
    display: none;
  }
}
.ai-result-plan__fixed-promo.is-visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.ai-result-plan__fixed-promo .where-to-buy__fixed-promo-inner {
  background: linear-gradient(to right, #abef1a 0%, #91d501 20.773%);
  border-radius: 3.125rem;
  padding: 1.25rem 2.1875rem;
  box-shadow: 0.625rem 0.875rem 2.75rem rgba(168, 157, 152, 0.15);
  max-width: 100%;
  margin: 0 auto;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.ai-result-plan__fixed-promo .where-to-buy__fixed-promo-inner::before {
  content: "";
  position: absolute;
  right: 0;
  top: -40%;
  transform: translateY(-50%);
  width: 15.78125rem;
  height: 15.8125rem;
  background-image: url("/local/templates/scinepic/assets/img/bubble.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}
.ai-result-plan__fixed-promo .where-to-buy__fixed-promo-text {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #0f0f0f;
  margin: 0;
  text-align: center;
  flex: 1 0 0;
  position: relative;
  z-index: 1;
}

/**
 * Стили для страницы "Полезно знать"
 */
.webview-body .webview-main.webview-content .know-useful {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.know-useful {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
.know-useful__swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.know-useful__swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.know-useful__swiper .swiper-wrapper {
  display: flex;
  height: 100%;
}
.know-useful__swiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.know-useful__slide {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.know-useful__slide-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  padding-top: 70px;
  padding-bottom: 20px;
}
.know-useful__slide-text {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow: hidden;
}
.know-useful__slide-image {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  min-height: 0;
}
.know-useful__slide-image img {
  max-width: 70%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.know-useful__preview, .know-useful__detail {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #303030;
  margin: 0;
}
.know-useful__preview h1, .know-useful__detail h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #303030;
  margin-top: 0;
  margin-bottom: 10px;
}
.know-useful__preview h2, .know-useful__detail h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #303030;
  margin-top: 0;
  margin-bottom: 10px;
}
.know-useful__preview h3, .know-useful__preview h4, .know-useful__preview h5, .know-useful__preview h6, .know-useful__detail h3, .know-useful__detail h4, .know-useful__detail h5, .know-useful__detail h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px;
  color: #303030;
  margin-top: 0;
  margin-bottom: 10px;
}
.know-useful__preview p, .know-useful__detail p {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 19px;
  color: #303030;
}
.know-useful__preview p:last-child, .know-useful__detail p:last-child {
  margin-bottom: 0;
}
.know-useful__preview strong,
.know-useful__preview b, .know-useful__detail strong,
.know-useful__detail b {
  font-weight: 700;
  color: #000000;
}
.know-useful__preview em,
.know-useful__preview i, .know-useful__detail em,
.know-useful__detail i {
  font-style: italic;
}
.know-useful__preview ul, .know-useful__detail ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.know-useful__preview ul li, .know-useful__detail ul li {
  position: relative;
  padding-left: 1.5rem;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  letter-spacing: -0.8px;
}
.know-useful__preview ul li::before, .know-useful__detail ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../img/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
.know-useful__preview ul li strong,
.know-useful__preview ul li b, .know-useful__detail ul li strong,
.know-useful__detail ul li b {
  font-weight: 700;
}
.know-useful__preview ol, .know-useful__detail ol {
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0 0 10px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.know-useful__preview ol li, .know-useful__detail ol li {
  counter-increment: item;
  position: relative;
  padding-left: 1.5rem;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  letter-spacing: -0.8px;
}
.know-useful__preview ol li::before, .know-useful__detail ol li::before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  color: #303030;
}
.know-useful__preview ol li strong,
.know-useful__preview ol li b, .know-useful__detail ol li strong,
.know-useful__detail ol li b {
  font-weight: 700;
}
.know-useful__preview a, .know-useful__detail a {
  color: #9ae200;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
  transition: color 0.2s ease;
}
.know-useful__preview a:hover, .know-useful__preview a:focus, .know-useful__detail a:hover, .know-useful__detail a:focus {
  color: #7bc200;
}
.know-useful__preview blockquote, .know-useful__detail blockquote {
  margin: 10px 0;
  padding-left: 1rem;
  border-left: 3px solid #9ae200;
  font-style: italic;
  color: #303030;
}
.know-useful__preview code, .know-useful__detail code {
  font-family: monospace;
  background-color: #f5f5f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 0.9em;
}
.know-useful__preview pre, .know-useful__detail pre {
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 5px;
  overflow-x: auto;
  margin: 10px 0;
}
.know-useful__preview pre code, .know-useful__detail pre code {
  background: none;
  padding: 0;
}
.know-useful__preview hr, .know-useful__detail hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 20px 0;
}
.know-useful__preview .content-list, .know-useful__detail .content-list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.know-useful__preview .content-list__item, .know-useful__detail .content-list__item {
  position: relative;
  padding-left: 1.5rem;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  letter-spacing: -0.8px;
}
.know-useful__preview .content-list__item::before, .know-useful__detail .content-list__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../img/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.know-useful__preview .content-list__text, .know-useful__detail .content-list__text {
  margin: 0;
}
.know-useful__preview .content-list__text strong,
.know-useful__preview .content-list__text b, .know-useful__detail .content-list__text strong,
.know-useful__detail .content-list__text b {
  font-weight: 700;
}
.know-useful__pagination {
  position: absolute !important;
  top: 20px !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  display: flex !important;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  width: 100% !important;
  z-index: 10 !important;
}
.know-useful__pagination .swiper-pagination-bullet {
  flex: 1 1 auto;
  min-width: 9px;
  max-width: 100px;
  height: 9px;
  border-radius: 8px;
  background-color: #D6FEAE;
  opacity: 1;
  margin: 0 !important;
  transition: background-color 0.3s ease;
}
.know-useful__pagination .swiper-pagination-bullet-active {
  background-color: #9AE200;
}

@media (min-width: 1200px) {
  .know-useful {
    max-width: 431px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
  }
}
.ui-page--static__meta {
  margin-bottom: 3.75rem;
}
@media (max-width: 700px) {
  .ui-page--static__meta {
    margin-bottom: 2rem;
  }
}
.ui-page--static__organization {
  font-family: "RotondaC", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  margin: 0 0 0.5rem 0;
}
.ui-page--static__location, .ui-page--static__date {
  font-family: "RotondaC", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #626262;
  margin: 0 0 0.25rem 0;
}
.ui-page--static__text {
  font-family: "RotondaC", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: #000;
}
.ui-page--static__section-title {
  font-family: "RotondaC", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
  margin: 2.5rem 0 1.25rem 0;
}
.ui-page--static__section-title:first-child {
  margin-top: 0;
}
@media (max-width: 700px) {
  .ui-page--static__section-title {
    font-size: 1.25rem;
    margin: 2rem 0 1rem 0;
  }
}
.ui-page--static__paragraph {
  margin: 0 0 1.25rem 0;
}
.ui-page--static__paragraph:last-child {
  margin-bottom: 0;
}
.ui-page--static__list {
  list-style: none;
  padding: 0;
  margin: 1.25rem 0;
}
.ui-page--static__list--ordered {
  counter-reset: list-counter;
  list-style: none;
}
.ui-page--static__list--ordered .ui-page--static__list-item {
  counter-increment: list-counter;
  position: relative;
  padding-left: 2rem;
}
.ui-page--static__list--ordered .ui-page--static__list-item::before {
  content: counter(list-counter) ".";
  position: absolute;
  left: 0;
  font-weight: 700;
  color: #000;
}
.ui-page--static__list--nested {
  margin: 0.625rem 0 0 1.25rem;
  padding-left: 0;
}
.ui-page--static__list--nested .ui-page--static__list-item {
  position: relative;
  padding-left: 1.5rem;
}
.ui-page--static__list--nested .ui-page--static__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1rem;
  height: 1rem;
  background-image: url("../img/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
.ui-page--static__list-item {
  margin: 0.75rem 0;
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.75;
}
.ui-page--static__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../img/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
.ui-page--static__list--nested .ui-page--static__list-item {
  padding-left: 1.5rem;
}
.ui-page--static__list--nested .ui-page--static__list-item::before {
  width: 1rem;
  height: 1rem;
}
.ui-page--static__list--ordered .ui-page--static__list-item::before {
  display: none;
}
.ui-page--static__list-item strong {
  font-weight: 700;
}

.ui-page--contacts__info-block {
  background: #f9f9fa;
  border-radius: 1.875rem;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (max-width: 700px) {
  .ui-page--contacts__info-block {
    padding: 0.9375rem;
    border-radius: 1.25rem;
    gap: 0.9375rem;
  }
}
.ui-page--contacts__info-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 3.125rem;
  color: #303030;
  margin: 0;
  text-align: left;
  letter-spacing: -0.8px;
}
.ui-page--contacts__info-title--bold {
  font-weight: 700;
}
@media (max-width: 700px) {
  .ui-page--contacts__info-title {
    font-size: 1.075rem;
    line-height: 1.1875rem;
  }
}
.ui-page--contacts__info-item {
  background: #ffffff;
  border-radius: 1.25rem;
  padding: 1.25rem 1.875rem;
  box-shadow: 0px 3.6875rem 6.6875rem 0px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
@media (max-width: 700px) {
  .ui-page--contacts__info-item {
    padding: 0.9375rem;
    border-radius: 0.9375rem;
    gap: 0.9375rem;
  }
}
.ui-page--contacts__info-label {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
  color: #323232;
}
@media (max-width: 700px) {
  .ui-page--contacts__info-label {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #5b616d;
  }
}
.ui-page--contacts__info-value {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.875rem;
  color: #626262;
}
@media (max-width: 700px) {
  .ui-page--contacts__info-value {
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: #5b616d;
  }
}
.ui-page--contacts__form-block {
  background: linear-gradient(166.42deg, rgb(145, 213, 0) 56.939%, rgb(175, 244, 30) 110.15%);
  border-radius: 1.25rem;
  padding: 1.875rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  overflow: hidden;
}
@media (max-width: 700px) {
  .ui-page--contacts__form-block {
    padding: 0.9375rem;
    border-radius: 1.25rem;
    gap: 0.9375rem;
  }
}
.ui-page--contacts__form-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 3.125rem;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.8px;
}
.ui-page--contacts__form-title--bold {
  font-weight: 700;
}
@media (max-width: 700px) {
  .ui-page--contacts__form-title {
    font-size: 1.875rem;
    line-height: 3.125rem;
  }
}
.ui-page--contacts__form-description {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #ffffff;
  margin: 0;
}
@media (max-width: 700px) {
  .ui-page--contacts__form-description {
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.25rem;
  }
}
.ui-page--contacts__form {
  display: flex;
  flex-direction: column;
  gap: 1.4375rem;
}
@media (max-width: 700px) {
  .ui-page--contacts__form {
    gap: 1.4375rem;
  }
}
.ui-page--contacts__form-group {
  display: flex;
  flex-direction: column;
}
.ui-page--contacts__form-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (max-width: 700px) {
  .ui-page--contacts__form-checkboxes {
    gap: 0.9375rem;
  }
}
.ui-page--contacts__form-message {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  margin: 0;
}
.ui-page--contacts__form-message--success {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.ui-page--contacts__form-message--error {
  background-color: rgba(255, 0, 0, 0.2);
  color: #ffffff;
}
@media (max-width: 700px) {
  .ui-page--contacts__form-message {
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
  }
}
.ui-page--contacts__map-block {
  background: #f9f9fa;
  border-radius: 1.25rem;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (max-width: 700px) {
  .ui-page--contacts__map-block {
    padding: 0.9375rem;
    border-radius: 1.25rem;
    gap: 0.9375rem;
  }
}
.ui-page--contacts__map-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 3.125rem;
  color: #303030;
  margin: 0;
  text-align: left;
  letter-spacing: -0.8px;
}
@media (max-width: 700px) {
  .ui-page--contacts__map-title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}
.ui-page--contacts__map-container {
  position: relative;
  width: 100%;
  height: 31.25rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media (max-width: 700px) {
  .ui-page--contacts__map-container {
    height: 31.25rem;
  }
}
.ui-page--contacts__map {
  width: 100%;
  height: 100%;
}
.ui-page--contacts__map-note {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .ui-page--contacts__map-note {
    gap: 0.9375rem;
  }
}
.ui-page--contacts__map-note-icon {
  flex-shrink: 0;
  width: 5.0625rem;
  height: 4.875rem;
}
.ui-page--contacts__map-note-icon img {
  transform: rotate(380deg);
}
@media (max-width: 700px) {
  .ui-page--contacts__map-note-icon {
    width: 3.297rem;
    height: 3.165rem;
  }
}
.ui-page--contacts__map-note-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.ui-page--contacts__map-note-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: normal;
  color: #323232;
  margin: 0;
  flex: 1;
}
@media (max-width: 700px) {
  .ui-page--contacts__map-note-text {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #5b616d;
  }
}
.ui-page--contacts__map-subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 2.5rem;
  color: #303030;
  margin: 0;
  letter-spacing: -0.8px;
}
.ui-page--contacts__map-subtitle--bold {
  font-weight: 700;
}
@media (max-width: 700px) {
  .ui-page--contacts__map-subtitle {
    font-size: 1.4375rem;
    line-height: 1.625rem;
  }
}
.ui-page--contacts__social {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media (max-width: 700px) {
  .ui-page--contacts__social {
    gap: 1.25rem;
  }
}
.ui-page--contacts__social-title {
  font-family: "Montserrat", sans-serif;
  font-size: 4.375rem;
  font-weight: 400;
  line-height: 4.375rem;
  color: #303030;
  margin: 0;
  letter-spacing: -0.8px;
}
.ui-page--contacts__social-title--bold {
  font-weight: 700;
  color: #9fe30e;
}
@media (max-width: 700px) {
  .ui-page--contacts__social-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}

.ui-numbers-block {
  margin-bottom: 12.5rem;
  position: relative;
}
@media (max-width: 700px) {
  .ui-numbers-block {
    margin-bottom: 3.125rem;
  }
}
.ui-numbers-block__title {
  font-family: "Montserrat", sans-serif;
  font-size: 4.375rem;
  font-weight: 400;
  line-height: 4.375rem;
  color: #171717;
  margin: 0 0 3.75rem 0;
  letter-spacing: -0.8px;
}
@media (max-width: 700px) {
  .ui-numbers-block__title {
    font-size: 1.875rem;
    line-height: 1.875rem;
    margin-bottom: 0.3125rem;
  }
}
.ui-numbers-block__title-brand {
  font-weight: 700;
  color: #91d500;
}
.ui-numbers-block__title-normal {
  font-weight: 400;
  color: #000;
}
.ui-numbers-block__grid {
  display: grid;
  grid-template-columns: 1fr 18.125rem 1fr;
  gap: 1.875rem;
  position: relative;
  min-height: 40rem;
}
@media (max-width: 700px) {
  .ui-numbers-block__grid {
    grid-template-columns: 50% 50%;
    gap: 0;
    min-height: auto;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-top: 3rem;
  }
}
.ui-numbers-block__col {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (max-width: 700px) {
  .ui-numbers-block__col {
    gap: 0.625rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
}
@media (max-width: 700px) {
  .ui-numbers-block__col--left {
    width: 100%;
    max-width: 100%;
    padding-right: 0.3125rem;
    box-sizing: border-box;
  }
}
@media (max-width: 700px) {
  .ui-numbers-block__col--right {
    width: 100%;
    max-width: 100%;
    padding-left: 0.3125rem;
    box-sizing: border-box;
  }
}
.ui-numbers-block__col--center {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
@media (max-width: 700px) {
  .ui-numbers-block__col--center {
    display: none;
  }
}
.ui-numbers-block__background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18.125rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 0;
  overflow: visible;
}
@media (max-width: 700px) {
  .ui-numbers-block__background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 0;
  }
}
.ui-numbers-block__bg-image {
  max-width: 61.2115rem;
  max-height: 56.7485625rem;
  width: auto;
  height: auto;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 700px) {
  .ui-numbers-block__bg-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 30rem;
  }
}
.ui-numbers-block__pic-wrapper {
  position: absolute;
  top: 18.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 18.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 700px) {
  .ui-numbers-block__pic-wrapper {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: 11.6875rem;
    margin-top: -1.875rem;
    text-align: center;
    pointer-events: auto;
  }
}
.ui-numbers-block__pic-image {
  max-width: 31.4984375rem;
  max-height: 31.4984375rem;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
@media (min-width: 701px) {
  .ui-numbers-block__pic-image {
    margin: 0 auto;
  }
}
@media (max-width: 700px) {
  .ui-numbers-block__pic-image {
    position: absolute;
    left: 50%;
    top: -1.875rem;
    transform: translateX(-50%) rotate(352.626deg);
    min-width: 16.5625rem;
    width: 16.5625rem;
    height: auto;
    z-index: 1;
  }
}
.ui-numbers-block__card {
  background: #ffffff;
  border-radius: 1.25rem;
  padding: 1.25rem 1.875rem;
  box-shadow: 0px 3.6875rem 6.6875rem 0px rgba(0, 0, 0, 0.05);
  opacity: 0.9;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .ui-numbers-block__card {
    padding: 0.9375rem;
    border-radius: 1.25rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
  }
}
@media (max-width: 700px) {
  .ui-numbers-block__card--top {
    margin-top: 0;
  }
}
@media (max-width: 700px) {
  .ui-numbers-block__card--bottom {
    margin-top: 0.3125rem;
  }
}
@media (max-width: 700px) {
  .ui-numbers-block__col--right .ui-numbers-block__card--top {
    margin-top: 0.625rem;
  }
}
@media (max-width: 700px) {
  .ui-numbers-block__col--right .ui-numbers-block__card--bottom {
    margin-top: 0;
  }
}
.ui-numbers-block__number {
  font-family: "Montserrat", sans-serif;
  font-size: 3.875rem;
  font-weight: 700;
  line-height: 1;
  color: #323232;
  margin: 0;
  display: block;
  min-height: 4.375rem;
  height: 4.375rem;
  min-width: 22rem;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .ui-numbers-block__number {
    font-size: 1.5625rem;
    line-height: 1.75rem;
    min-height: 1.75rem;
    height: auto;
    min-width: auto;
  }
}
.ui-numbers-block__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.75rem;
  color: #000;
  margin: 0;
  letter-spacing: -0.6px;
}
@media (max-width: 700px) {
  .ui-numbers-block__text {
    font-size: 0.925rem;
    line-height: 1.3125rem;
    letter-spacing: -0.36px;
  }
}

.ui-page-header__title i {
  color: #91d500;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 1200px) {
  .ui-page-header__title i.--mob_block {
    display: block;
  }
}
.ui-page-header .ui-app-intro {
  margin-top: 2.5rem;
}
@media (max-width: 700px) {
  .ui-page-header .ui-app-intro {
    margin-top: 1.875rem;
  }
}
.ui-page-header .ui-app-intro__text-block {
  margin-bottom: 2.5rem;
}
@media (max-width: 700px) {
  .ui-page-header .ui-app-intro__text-block {
    margin-bottom: 1.875rem;
  }
}
.ui-page-header .ui-app-intro__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  margin: 0 0 1.25rem 0;
}
@media (max-width: 700px) {
  .ui-page-header .ui-app-intro__text {
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-bottom: 0.9375rem;
  }
}
.ui-page-header .ui-app-intro__text--second {
  margin-bottom: 0;
  font-size: 1.325rem;
}
@media (max-width: 700px) {
  .ui-page-header .ui-app-intro__text--second {
    font-size: 1.125rem;
  }
}
@media (max-width: 370px) {
  .ui-page-header .ui-app-intro__text--second {
    font-size: 0.925rem;
  }
}
.ui-page-header .ui-app-intro__text-highlight {
  font-weight: 600;
  color: #91d500;
}
.ui-page-header .ui-app-intro__buttons {
  display: flex;
  gap: 0.625rem;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .ui-page-header .ui-app-intro__buttons {
    gap: 0.625rem;
    flex-direction: row;
  }
}

.ui-image-text-block {
  position: relative;
}
@media (min-width: 1201px) {
  .ui-image-text-block .ui-two-cols {
    gap: 8rem;
  }
}
@media (max-width: 1200px) {
  .ui-image-text-block--image-left .ui-two-cols--equal .ui-two-cols__col--left {
    order: 1;
  }
}
@media (max-width: 1200px) {
  .ui-image-text-block--image-right .ui-two-cols--equal .ui-two-cols__col--right {
    order: 1;
  }
}
.ui-image-text-block__number {
  position: absolute;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media (min-width: 1201px) {
  .ui-image-text-block__number {
    width: 5rem;
    height: 5rem;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
}
@media (max-width: 1200px) {
  .ui-image-text-block__number {
    width: 4.375rem;
    height: 4.375rem;
    left: 0.9375rem;
    top: 0;
  }
}
.ui-image-text-block__number-svg {
  width: 100%;
  height: 100%;
  display: block;
}
.ui-image-text-block__number-path {
  stroke: #91D500;
  stroke-width: 2;
  fill: none;
  transition: fill 0.3s ease;
}
.ui-image-text-block__number-svg text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 1.0625rem;
  fill: #91D500;
  transition: fill 0.3s ease;
}
@media (max-width: 1200px) {
  .ui-image-text-block__number-svg text {
    font-size: 0.8125rem;
  }
}
.ui-image-text-block.is-in-view .ui-image-text-block__number-path {
  fill: #91D500;
}
.ui-image-text-block.is-in-view .ui-image-text-block__number-svg text {
  fill: #ffffff;
}

.ui-app-bubbles {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  margin-bottom: 1.875rem;
}
@media (max-width: 700px) {
  .ui-app-bubbles {
    gap: 1.875rem;
    margin-bottom: 1.25rem;
  }
}

.ui-app-bubble {
  position: relative;
  background-color: #e3fbb0;
  border-radius: 6.25rem;
  padding: 0.9375rem 2.8125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
}
@media (max-width: 700px) {
  .ui-app-bubble {
    padding: 0.9375rem 2.8125rem;
    border-radius: 6.25rem;
  }
}
.ui-app-bubble--offset {
  margin-left: 2.5rem;
}
@media (max-width: 700px) {
  .ui-app-bubble--offset {
    margin-left: 2.5rem;
  }
}
.ui-app-bubble__tail {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.346125rem;
  height: 3.8125rem;
  background-image: url("../img/bubble_tail.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  pointer-events: none;
  z-index: 0;
}
.ui-app-bubble__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #000;
  margin: 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 700px) {
  .ui-app-bubble__text {
    font-size: 1rem;
  }
}

.ui-app-final {
  margin-bottom: 6.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.375rem;
  background-image: url("../img/fire.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
}
@media (max-width: 700px) {
  .ui-app-final {
    margin-bottom: 3.125rem;
    gap: 1.875rem;
  }
}
.ui-app-final__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.625rem;
  max-width: 44.75rem;
  width: 100%;
}
@media (max-width: 700px) {
  .ui-app-final__content {
    gap: 1.25rem;
  }
}
.ui-app-final__title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 4.375rem;
  color: #171717;
  text-align: center;
  margin: 0;
  letter-spacing: -0.8px;
}
@media (max-width: 700px) {
  .ui-app-final__title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }
}
.ui-app-final__title-bold {
  font-weight: 700;
  display: block;
}
.ui-app-final__typing-cursor {
  display: inline-block;
  animation: app-final-cursor-blink 1s infinite;
  margin-left: 0.125rem;
}
.ui-app-final__subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.19;
  color: #000;
  text-align: center;
  margin: 0;
}
@media (max-width: 700px) {
  .ui-app-final__subtitle {
    font-size: 1.625rem;
  }
}
.ui-app-final__image-wrapper {
  width: 100%;
  max-width: 44.75rem;
  position: relative;
}
@media (max-width: 700px) {
  .ui-app-final__image-wrapper {
    max-width: 100%;
  }
}
.ui-app-final__image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
.ui-app-final__download {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  width: 100%;
  max-width: 44.75rem;
}
@media (max-width: 700px) {
  .ui-app-final__download {
    gap: 1.875rem;
  }
}
.ui-app-final__download-box {
  background: #ffffff;
  border: 2px solid #9ae200;
  border-radius: 1.25rem;
  padding: 0.625rem 2.5rem;
  width: 100%;
}
@media (max-width: 700px) {
  .ui-app-final__download-box {
    padding: 0.625rem 1.25rem;
  }
}
.ui-app-final__download-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
  color: #181818;
  text-align: center;
  margin: 0;
  letter-spacing: -0.48px;
}
@media (max-width: 700px) {
  .ui-app-final__download-text {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    letter-spacing: -0.3px;
  }
}
.ui-app-final__download-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  width: 100%;
}
@media (max-width: 700px) {
  .ui-app-final__download-content {
    gap: 1.875rem;
  }
}
.ui-app-final__download-description {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
  color: #767a85;
  text-align: center;
  margin: 0;
  letter-spacing: -0.48px;
}
@media (max-width: 700px) {
  .ui-app-final__download-description {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    letter-spacing: -0.3px;
  }
}
.ui-app-final__download-buttons {
  display: flex;
  gap: 0.625rem;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .ui-app-final__download-buttons {
    gap: 0.625rem;
    flex-direction: row;
  }
}
@media (max-width: 370px) {
  .ui-app-final__download-buttons {
    gap: 0.325rem;
  }
}
.ui-app-final__download-btn {
  background: #000;
  border-radius: 0.375rem;
  padding: 0.5rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  text-decoration: none;
  min-width: 12.5rem;
  transition: opacity 0.3s ease;
}
@media (max-width: 700px) {
  .ui-app-final__download-btn {
    flex: 1 1 0;
    min-width: 0;
    padding: 0.5rem;
    gap: 0.4375rem;
  }
}
.ui-app-final__download-btn:hover {
  opacity: 0.8;
}
.ui-app-final__download-icon {
  width: 1.5625rem;
  height: 1.5625rem;
  flex-shrink: 0;
  object-fit: contain;
}
@media (max-width: 700px) {
  .ui-app-final__download-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.ui-app-final__download-btn-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: normal;
  flex: 1;
  white-space: nowrap;
}
.ui-app-final__download-label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #ffffff;
  line-height: normal;
}
@media (max-width: 700px) {
  .ui-app-final__download-label {
    font-size: 0.5625rem;
  }
}
.ui-app-final__download-name {
  font-family: "Montserrat", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  color: #ffffff;
  line-height: normal;
}
@media (max-width: 700px) {
  .ui-app-final__download-name {
    font-size: 0.75rem;
  }
}
@media (max-width: 370px) {
  .ui-app-final__download-name {
    font-size: 0.65rem;
  }
}

.ui-page--products .ui-blob--text .ui-blob__content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.ui-page--products .ui-page-header .content-list {
  margin-top: 1.625rem;
}
@media (max-width: 700px) {
  .ui-page--products .ui-page-header .content-list {
    margin-top: 1.25rem;
  }
}

.products-filter-block {
  margin: 0;
}
.products-filter-block__wrapper {
  position: relative;
  display: inline-block;
}

@media (min-width: 1200px) {
  .products-filter-block .popup--positioned {
    top: 0;
    right: 0;
  }
}
@media (min-width: 1200px) {
  .products-filter-block .popup--positioned .popup__content {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    min-width: 20rem;
    max-width: 25rem;
  }
}
@media (max-width: 700px) {
  .products-filter-block .popup--positioned .popup__content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: calc(100% - 2rem);
    max-width: 25rem;
  }
}

.products-grid--page .section__title {
  display: none;
}
@media (min-width: 1200px) {
  .products-grid--page article.products-card:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .products-grid--page article.products-card:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
  .products-grid--page article.products-card:nth-child(3) {
    grid-column: 3;
    grid-row: 1;
  }
  .products-grid--page article.products-card:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
  }
  .products-grid--page article.products-card:nth-child(6) {
    grid-column: auto;
    grid-row: auto;
  }
  .products-grid--page .doctor-card {
    grid-column: 2;
    grid-row: 2;
  }
}

.ui-page--product-detail .ui-blob--text {
  top: -12.58rem;
}
@media (max-width: 1200px) {
  .ui-page--product-detail .ui-blob--text {
    top: -7.5rem;
  }
}
@media (max-width: 700px) {
  .ui-page--product-detail .ui-blob--text {
    top: -11rem;
  }
}
@media (max-width: 700px) {
  .ui-page--product-detail {
    padding-top: 7.5rem;
  }
}

.product-detail {
  margin-bottom: 5rem;
  position: relative;
}
@media (max-width: 1200px) {
  .product-detail {
    margin-bottom: 3rem;
  }
}
.product-detail__left-col {
  position: relative;
  align-self: flex-start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.product-detail__sticky-wrapper {
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .product-detail__sticky-wrapper {
    position: static;
    gap: 1.25rem;
  }
}
.product-detail__gallery {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .product-detail__gallery {
    gap: 1.25rem;
  }
}
.product-detail__gallery-main {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: 1.25rem;
  position: relative;
  max-height: 47.357rem;
  min-height: 20rem;
  aspect-ratio: 568/757.714;
  box-sizing: border-box;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1200px) {
  .product-detail__gallery-main {
    max-height: none;
    min-height: 0;
    aspect-ratio: auto;
    height: auto;
  }
}
.product-detail__gallery-swiper {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 1.25rem;
}
@media (max-width: 1200px) {
  .product-detail__gallery-swiper {
    height: auto !important;
  }
}
.product-detail__gallery-swiper .swiper-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .product-detail__gallery-swiper .swiper-wrapper {
    height: auto !important;
  }
}
.product-detail__gallery-swiper .swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .product-detail__gallery-swiper .swiper-slide {
    height: auto !important;
  }
}
.product-detail__gallery-main-image {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  display: block;
  box-sizing: border-box;
  max-height: 47.357rem;
}
@media (max-width: 1200px) {
  .product-detail__gallery-main-image {
    max-height: none;
    height: auto;
    object-fit: contain;
  }
}
.product-detail__gallery-thumbs {
  background: #f9f9fa;
  border-radius: 0.625rem;
  padding: 0.625rem;
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.product-detail__gallery-thumbs-swiper {
  width: 100% !important;
  max-width: 100% !important;
  height: 7.5rem;
  box-sizing: border-box;
  overflow: hidden;
}
.product-detail__gallery-thumbs-swiper .swiper-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.product-detail__gallery-thumbs-swiper .swiper-slide {
  width: auto !important;
  flex-shrink: 0;
  box-sizing: border-box;
}
.product-detail__gallery-thumb {
  width: 5.3125rem;
  height: 6.375rem;
  border-radius: 0.3125rem;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.3s ease;
}
.product-detail__gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-detail__gallery-thumb--active {
  border-color: #91D500;
}
.product-detail__gallery-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 10;
}
.product-detail__gallery-nav .swiper-nav-button {
  pointer-events: all;
  width: 2.25rem;
  height: 2.25rem;
}
@media (max-width: 1200px) {
  .product-detail__gallery-nav .swiper-nav-button {
    width: 2rem;
    height: 2rem;
  }
}
.product-detail__volume-selector {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 1200px) {
  .product-detail__volume-selector {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.625rem;
  }
}
.product-detail__volume-label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #5b616d;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .product-detail__volume-label {
    font-size: 0.9375rem;
  }
}
.product-detail__volume-options {
  background: #f9f9fa;
  border-radius: 1.875rem;
  padding: 0.5rem 0.5625rem;
  display: flex;
  gap: 0.9375rem;
  align-items: center;
}
@media (max-width: 1200px) {
  .product-detail__volume-options {
    padding: 0.3125rem 0.5625rem;
    gap: 0.625rem;
  }
}
.product-detail__volume-option {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #5b616d;
  background: transparent;
  border: none;
  padding: 0.9375rem 1.25rem;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: background 0.3s ease;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .product-detail__volume-option {
    font-size: 0.9375rem;
    padding: 0.9375rem 1.25rem;
  }
}
.product-detail__volume-option--active {
  background: #ffffff;
}
.product-detail__volume-option:hover {
  background: rgba(255, 255, 255, 0.5);
}
.product-detail__buy-button {
  margin-top: 0;
}
.product-detail__right-col {
  display: flex;
  flex-direction: column;
  gap: 3.4375rem;
}
@media (max-width: 1200px) {
  .product-detail__right-col {
    gap: 1.875rem;
    display: contents;
  }
}
.product-detail__header-block {
  display: flex;
  flex-direction: column;
  gap: 1.71875rem;
}
@media (max-width: 1200px) {
  .product-detail__header-block {
    gap: 0.9375rem;
  }
}
.product-detail__title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 4.375rem;
  color: #303030;
  margin: 0;
}
@media (max-width: 1200px) {
  .product-detail__title {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}
.product-detail__title strong {
  font-weight: 700;
}
.product-detail__preview {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.19;
  color: #000;
  margin: 0;
}
@media (max-width: 1200px) {
  .product-detail__preview {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
.product-detail__volume-like-wrapper {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  margin: 0;
}
@media (max-width: 1200px) {
  .product-detail__volume-like-wrapper {
    gap: 1.25rem;
  }
}
.product-detail__like {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media (max-width: 1200px) {
  .product-detail__like {
    gap: 0.5rem;
  }
}
.product-detail__like-count {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: #767a85;
}
@media (max-width: 1200px) {
  .product-detail__like-count {
    font-size: 1.125rem;
  }
}
.product-detail__like-icon {
  width: 2.75rem;
  height: 2.375rem;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .product-detail__like-icon {
    width: 2rem;
    height: 1.75rem;
  }
}
.product-detail__detail-list {
  margin: 0;
}
.product-detail__tabs-wrapper {
  width: 100%;
}
@media (max-width: 1200px) {
  .product-detail__tabs-wrapper {
    order: 2;
    width: 100%;
  }
}
.product-detail__header-block {
  display: flex;
  flex-direction: column;
  gap: 1.71875rem;
}
@media (max-width: 1200px) {
  .product-detail__header-block {
    gap: 0.9375rem;
    order: 0;
  }
}
.product-detail__tabs {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.product-detail__tabs-nav {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 0.625rem;
  position: relative;
  flex-wrap: nowrap;
}
@media (max-width: 1200px) {
  .product-detail__tabs-nav {
    gap: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 700px) {
  .product-detail__tabs-nav {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .product-detail__tabs-nav::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
  }
}
.product-detail__tab-button {
  font-family: "Montserrat", sans-serif;
  font-size: 1.0625rem;
  font-weight: 500;
  color: #18191c;
  background: transparent;
  border: none;
  padding: 0 0.75rem;
  cursor: pointer;
  transition: color 0.3s ease;
  line-height: 2.125rem;
  letter-spacing: -0.34px;
  position: relative;
  white-space: nowrap;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .product-detail__tab-button {
    font-size: 0.9375rem;
    padding: 0 0.5rem;
  }
}
.product-detail__tab-button--active {
  color: #91d500;
}
.product-detail__tab-button--active::after {
  content: "";
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #91d500;
}
@media (max-width: 1200px) {
  .product-detail__tab-button--active::after {
    bottom: -0.5rem;
  }
}
@media (max-width: 700px) {
  .product-detail__tab-button--active::after {
    bottom: -0.5rem;
  }
}
.product-detail__tab-button:hover {
  color: #91d500;
}
.product-detail__tabs-content {
  position: relative;
}
.product-detail__tabs-content .product-detail__tab-content {
  position: relative;
}
.product-detail__tab-pane {
  display: none;
}
.product-detail__tab-pane--active {
  display: block;
}
.product-detail__tab-content {
  background: #f9f9fa;
  border-radius: 1rem;
  padding: 3.125rem 2rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5b616d;
  position: relative;
  overflow: visible;
}
@media (max-width: 1200px) {
  .product-detail__tab-content {
    padding: 0.9375rem;
    font-size: 0.9375rem;
    line-height: 1.33;
  }
}
.product-detail__tab-content p {
  margin: 0 0 1.25rem 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.product-detail__tab-content p:last-child {
  margin-bottom: 0;
}
.product-detail__tab-content p.green {
  color: #91d500;
}
.product-detail__tab-content p.green strong {
  color: #91d500;
}
.product-detail__tab-content ul + p,
.product-detail__tab-content ol + p {
  margin-top: 0;
}
.product-detail__tab-content i {
  color: #91d500;
  font-style: italic;
}
.product-detail__tab-content ul, .product-detail__tab-content ol {
  margin: 0 0 1.25rem 0;
  padding-left: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.product-detail__tab-content ul:last-child, .product-detail__tab-content ol:last-child {
  margin-bottom: 0;
}
.product-detail__tab-content li {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.product-detail__tab-content li:last-child {
  margin-bottom: 0;
}
.product-detail__tab-content small {
  font-weight: 400;
  font-size: 0.875rem;
}
.product-detail__tab-content h1, .product-detail__tab-content h2, .product-detail__tab-content h3, .product-detail__tab-content h4, .product-detail__tab-content h5, .product-detail__tab-content h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #303030;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.product-detail__tab-content h1:first-child, .product-detail__tab-content h2:first-child, .product-detail__tab-content h3:first-child, .product-detail__tab-content h4:first-child, .product-detail__tab-content h5:first-child, .product-detail__tab-content h6:first-child {
  margin-top: 0;
}
.product-detail__tab-content strong {
  font-weight: 700;
  color: #303030;
}
.product-detail__effective-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.35;
  color: #5b616d;
  margin-bottom: 2rem;
}
@media (max-width: 1200px) {
  .product-detail__effective-text {
    font-size: 0.9375rem;
    line-height: 1.33;
  }
}
.product-detail__effective-text .small {
  font-size: 0.875rem;
  line-height: 1.5;
}
.product-detail__doctor-block {
  position: relative;
  height: 23rem;
  width: 100%;
  margin-top: 2rem;
  overflow: visible;
}
@media (max-width: 1200px) {
  .product-detail__doctor-block {
    height: 24.375rem;
  }
}
.product-detail__doctor-block::after {
  content: "";
  position: absolute;
  bottom: -3.0625rem;
  right: -1.875rem;
  width: 28.75rem;
  max-height: 29.0625rem;
  height: 58.125rem;
  background-image: url("../img/doctor.webp"), url("../img/doctor@2x.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .product-detail__doctor-block::after {
    width: 19.5rem;
    height: 39.375rem;
    max-height: 24.375rem;
    bottom: -2.4375rem;
    right: -1.5rem;
  }
}
.product-detail__doctor-info {
  position: absolute;
  top: 1.25rem;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .product-detail__doctor-info {
    top: 0.9375rem;
  }
}
.product-detail__doctor-name {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  margin-bottom: 0.5rem;
}
@media (max-width: 1200px) {
  .product-detail__doctor-name {
    font-size: 1rem;
    margin-bottom: 0.375rem;
  }
}
.product-detail__doctor-position {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #5b616d;
}
@media (max-width: 1200px) {
  .product-detail__doctor-position {
    font-size: 0.875rem;
  }
}
.product-detail__effective-footer {
  position: absolute;
  bottom: 1.25rem;
  left: 0;
  z-index: 1;
  max-width: 25.3125rem;
}
@media (max-width: 1200px) {
  .product-detail__effective-footer {
    bottom: 0.9375rem;
    max-width: 100%;
  }
}
.product-detail__pdf-link {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1.25rem;
  padding: 0.625rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 1.875rem;
  text-decoration: none;
  z-index: 1;
  backdrop-filter: blur(10px);
}
@media (max-width: 1200px) {
  .product-detail__pdf-link {
    padding: 0.625rem 0.9375rem;
    gap: 1.25rem;
  }
}
.product-detail__pdf-link-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
}
@media (max-width: 1200px) {
  .product-detail__pdf-link-text {
    font-size: 0.9375rem;
  }
}
.product-detail__pdf-link-icon {
  width: 2.125rem;
  height: 2.125rem;
  transform: rotate(-360deg);
}
@media (max-width: 1200px) {
  .product-detail__pdf-link-icon {
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
.product-detail__how-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.875rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (max-width: 1200px) {
  .product-detail__how-list {
    gap: 0.9375rem;
  }
}
.product-detail__how-item {
  display: flex;
  gap: 1.6875rem;
  align-items: center;
}
@media (max-width: 1200px) {
  .product-detail__how-item {
    gap: 0.9375rem;
  }
}
.product-detail__how-icon {
  position: relative;
  width: 11.375rem;
  height: 11.375rem;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .product-detail__how-icon {
    width: 8.75rem;
    height: 8.75rem;
  }
}
.product-detail__how-blob {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.product-detail__how-number {
  position: absolute;
  left: 0;
  top: 0;
  width: 45.035px;
  height: 44px;
  z-index: 2;
}
.product-detail__how-icon-image {
  position: absolute;
  left: 2.3125rem;
  top: 2.3125rem;
  width: 6.75rem;
  height: 6.75rem;
  object-fit: cover;
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 1200px) {
  .product-detail__how-icon-image {
    left: 1rem;
    top: 0.8125rem;
    width: 6.75rem;
    height: 6.75rem;
  }
}
.product-detail__how-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  color: #5b616d;
  flex: 1;
}
@media (max-width: 1200px) {
  .product-detail__how-text {
    font-size: 0.9375rem;
    line-height: 1.33;
  }
}
.product-detail__how-text strong {
  font-weight: 700;
}
.product-detail__how-warning {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.35;
  color: #5b616d;
}
@media (max-width: 1200px) {
  .product-detail__how-warning {
    font-size: 0.9375rem;
    line-height: 1.33;
  }
}
.product-detail__how-warning strong {
  font-weight: 700;
}
.product-detail__composition-title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 3.125rem;
  color: #303030;
  letter-spacing: -0.8px;
  margin: 0 0 0.5rem 0;
}
@media (max-width: 1200px) {
  .product-detail__composition-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
.product-detail__composition-title strong {
  font-weight: 700;
}
.product-detail__composition-subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
  color: #767a85;
  letter-spacing: -0.48px;
  margin: 0 0 1.875rem 0;
}
@media (max-width: 1200px) {
  .product-detail__composition-subtitle {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}
.product-detail__composition-image {
  width: 100%;
  margin-bottom: 1.875rem;
  position: relative;
}
.product-detail__composition-image img {
  width: 100%;
  height: auto;
  display: block;
}
.product-detail__composition-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11.375rem;
  height: 11.375rem;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .product-detail__composition-icon {
    width: 8.75rem;
    height: 8.75rem;
  }
}
.product-detail__composition-blob {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.product-detail__composition-icon-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.product-detail__composition-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.product-detail__composition-full-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.125rem;
  color: #18191c;
  letter-spacing: -0.48px;
  margin: 0;
}
@media (max-width: 1200px) {
  .product-detail__composition-full-title {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
}
.product-detail__composition-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  color: #5b616d;
}
@media (max-width: 1200px) {
  .product-detail__composition-text {
    font-size: 0.9375rem;
    line-height: 1.33;
  }
}

.product-detail__how-icon text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 17px;
}
@media (max-width: 1200px) {
  .product-detail__how-icon text {
    font-size: 13px;
  }
}

@keyframes product-detail-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.5rem);
  }
}
.product-detail__buy-button.product-detail__buy-button--bounce {
  animation: product-detail-bounce 0.5s ease-in-out;
}

.product-detail__gallery-zoom {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
}
.product-detail__gallery-zoom:hover {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.1);
}
.product-detail__gallery-zoom:active {
  transform: scale(0.95);
}
.product-detail__gallery-zoom svg {
  width: 1.875rem;
  height: 1.875rem;
}
@media (max-width: 1200px) {
  .product-detail__gallery-zoom {
    width: 3rem;
    height: 3rem;
    bottom: 1rem;
    left: 1rem;
  }
  .product-detail__gallery-zoom svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.product-detail__image-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.product-detail__image-modal--active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.product-detail__image-modal--active .product-detail__image-modal-backdrop {
  opacity: 1;
}
.product-detail__image-modal--active .product-detail__image-modal-content {
  transform: scale(1);
  opacity: 1;
  background-color: #fff;
}

.product-detail__image-modal-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.product-detail__image-modal-content {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media (max-width: 700px) {
  .product-detail__image-modal-content {
    max-width: 95vw;
    max-height: 95vh;
  }
}

.product-detail__image-modal-img {
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 0.5rem;
  box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.5);
}
@media (max-width: 700px) {
  .product-detail__image-modal-img {
    max-height: 95vh;
  }
}

.product-detail__image-modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
  z-index: 10;
}
.product-detail__image-modal-close:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.1);
}
.product-detail__image-modal-close:active {
  transform: scale(0.95);
}
.product-detail__image-modal-close svg {
  width: 1.5rem;
  height: 1.5rem;
}
@media (max-width: 700px) {
  .product-detail__image-modal-close {
    top: -2.5rem;
    right: -0.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .product-detail__image-modal-close svg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.product-detail__image-modal-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
  z-index: 10;
  padding: 0;
}
@media (max-width: 700px) {
  .product-detail__image-modal-nav {
    width: 2.5rem;
    height: 2.5rem;
  }
  .product-detail__image-modal-nav svg {
    width: 36px;
    height: 36px;
  }
}
.product-detail__image-modal-nav:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-50%) scale(1.1);
  border-color: rgba(255, 255, 255, 0.8);
}
.product-detail__image-modal-nav:active {
  transform: translateY(-50%) scale(0.95);
}
.product-detail__image-modal-nav--prev {
  left: 1rem;
}
@media (max-width: 700px) {
  .product-detail__image-modal-nav--prev {
    left: 0.5rem;
  }
}
.product-detail__image-modal-nav--next {
  right: 1rem;
}
@media (max-width: 700px) {
  .product-detail__image-modal-nav--next {
    right: 0.5rem;
  }
}
.product-detail__image-modal-nav[style*="display: none"] {
  display: none !important;
}

.product-detail__where-to-buy-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.product-detail__where-to-buy-modal--active {
  opacity: 1;
  visibility: visible;
}

.product-detail__where-to-buy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
}

.product-detail__where-to-buy-content {
  position: relative;
  width: 60%;
  max-width: 100%;
  background: #9ae200;
  border-radius: 1.875rem;
  padding: 3.75rem 5.4375rem;
  z-index: 1001;
  transform: scale(0.9);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  overflow: hidden;
}
.product-detail__where-to-buy-modal--active .product-detail__where-to-buy-content {
  transform: scale(1);
  opacity: 1;
}
@media (max-width: 1200px) {
  .product-detail__where-to-buy-content {
    width: 80%;
    padding: 2.5rem 3rem;
  }
}
@media (max-width: 700px) {
  .product-detail__where-to-buy-content {
    width: 90%;
    padding: 2rem 1.5rem;
  }
}
.product-detail__where-to-buy-content::before, .product-detail__where-to-buy-content::after {
  content: "";
  position: absolute;
  width: 33.75rem;
  height: 33.875rem;
  background-image: url("../img/bubble_green.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}
.product-detail__where-to-buy-content::before {
  top: -16.875rem;
  right: -16.875rem;
}
.product-detail__where-to-buy-content::after {
  bottom: -16.875rem;
  left: -16.875rem;
}

.product-detail__where-to-buy-close {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  padding: 0;
  z-index: 1002;
  transition: background-color 0.3s ease;
}
.product-detail__where-to-buy-close:hover {
  background: rgb(255, 255, 255);
}
.product-detail__where-to-buy-close:hover svg {
  transform: rotate(90deg);
}
.product-detail__where-to-buy-close svg {
  width: 1.875rem;
  height: 1.875rem;
  transition: transform 0.3s ease;
  transform-origin: center;
}
@media (max-width: 700px) {
  .product-detail__where-to-buy-close {
    top: 1rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
  }
  .product-detail__where-to-buy-close svg {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.product-detail__where-to-buy-title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 4.375rem;
  color: #FFFFFF;
  margin: 0 0 1.875rem 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 700px) {
  .product-detail__where-to-buy-title {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1.25rem;
  }
}

.product-detail__where-to-buy-countries {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1.875rem;
  position: relative;
  z-index: 1;
}

.product-detail__where-to-buy-countries-scroll {
  display: flex;
  gap: 1.875rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.5rem 0.625rem;
  padding-bottom: 0.5rem;
  scrollbar-width: thin;
  scrollbar-color: #91D500 transparent;
  background: #F9F9FA;
  border-radius: 1.875rem;
}
.product-detail__where-to-buy-countries-scroll::-webkit-scrollbar {
  height: 4px;
}
.product-detail__where-to-buy-countries-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.product-detail__where-to-buy-countries-scroll::-webkit-scrollbar-thumb {
  background: #91D500;
  border-radius: 2px;
}

.product-detail__where-to-buy-country {
  flex-shrink: 0;
  padding: 0.9375rem 1.25rem;
  background: #F5F5F5;
  border: none;
  border-radius: 1.25rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #5B616D;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.product-detail__where-to-buy-country.active {
  background: #91D500;
  color: #FFFFFF;
}
.product-detail__where-to-buy-country:hover:not(.active) {
  background: #E5E5E5;
}
@media (max-width: 700px) {
  .product-detail__where-to-buy-country {
    padding: 0.75rem 1rem;
    font-size: 1rem;
  }
}

.product-detail__where-to-buy-text {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.19;
  color: #FFFFFF;
  margin: 0 0 1.875rem 0;
  position: relative;
  z-index: 1;
}
.product-detail__where-to-buy-text strong {
  font-weight: 700;
}
@media (max-width: 700px) {
  .product-detail__where-to-buy-text {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.product-detail__where-to-buy-shops {
  width: 100%;
  position: relative;
  z-index: 1;
}

.product-detail__where-to-buy-shops-scroll {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  align-items: flex-start;
}
.product-detail__where-to-buy-shops-scroll--hidden {
  display: none;
}

.product-detail__where-to-buy-shop-item {
  width: 100%;
  background: #F9F9FA;
  border-radius: 0.625rem;
  padding: 0.9375rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.product-detail__where-to-buy-shop-name {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: #303030;
  margin: 0;
  letter-spacing: -0.8px;
}
@media (max-width: 370px) {
  .product-detail__where-to-buy-shop-name {
    font-size: 1.025rem;
  }
}

.product-detail__where-to-buy-shop-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9375rem;
  background: #FFFFFF;
  border-radius: 1.25rem;
  padding: 0.9375rem 1.25rem;
  box-shadow: 0px 59px 107px 0px rgba(0, 0, 0, 0.05);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-detail__where-to-buy-shop-link:hover {
  transform: translateY(-2px);
  box-shadow: 0px 59px 107px 0px rgba(0, 0, 0, 0.1);
}

.product-detail__where-to-buy-shop-logo {
  height: auto;
  max-height: 2.5rem;
  width: auto;
  object-fit: contain;
}

.product-detail__where-to-buy-shop-arrow {
  flex-shrink: 0;
  width: 2.1875rem;
  height: 2.1875rem;
}

.blog-popular {
  margin-top: 6.25rem;
  margin-bottom: 5.75rem;
}
@media (max-width: 1200px) {
  .blog-popular {
    margin-bottom: 6.5rem;
  }
}
.blog-popular__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
}
@media (max-width: 1200px) {
  .blog-popular__header {
    flex-direction: column;
    gap: 1.875rem;
    margin-bottom: 1.875rem;
    align-items: flex-start;
  }
}
.blog-popular__title {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.25;
  color: #171717;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: -0.8px;
}
@media (max-width: 1200px) {
  .blog-popular__title {
    font-size: 1.875rem;
    line-height: 1.33;
  }
}
.blog-popular__title-bold {
  font-weight: 700;
}
.blog-popular__title-normal {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.blog-popular__swiper-wrapper {
  position: relative;
}
.blog-popular__swiper {
  overflow: hidden;
}
.blog-popular__swiper-track {
  display: flex;
  gap: 1.75rem;
  transition: transform 0.3s ease;
}
@media (max-width: 1200px) {
  .blog-popular__swiper-track {
    gap: 0.9375rem;
  }
}
.blog-popular__swiper-track.swiper-wrapper {
  gap: 0;
}
.blog-popular__controls {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
@media (max-width: 1200px) {
  .blog-popular__controls {
    display: none;
  }
}
.blog-popular__control {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: filter 0.3s ease, opacity 0.3s ease;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .blog-popular__control {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.blog-popular__control:disabled {
  cursor: not-allowed;
  filter: grayscale(100%) opacity(0.3);
}
.blog-popular__control:not(:disabled):hover {
  opacity: 0.8;
}
.blog-popular__control svg {
  width: 100%;
  height: 100%;
}
.blog-popular__pagination {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1.25rem;
}
@media (max-width: 1200px) {
  .blog-popular__pagination {
    margin-top: 1rem;
  }
}

.blog-tags-filter {
  margin-bottom: 1.75rem;
}
@media (max-width: 1200px) {
  .blog-tags-filter {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
}
.blog-tags-filter__label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #5b616d;
  margin: 0 0 0.8125rem 0;
}
@media (max-width: 1200px) {
  .blog-tags-filter__label {
    font-size: 0.8125rem;
    margin-bottom: 0;
  }
}
.blog-tags-filter__list {
  display: flex;
  gap: 1.875rem;
  flex-wrap: wrap;
  background: #f9f9fa;
  border-radius: 1.875rem;
  padding: 0.5rem 1.875rem 0.5rem 0.625rem;
  width: fit-content;
}
@media (max-width: 1200px) {
  .blog-tags-filter__list {
    gap: 1.25rem;
    padding: 0.5rem 0.625rem;
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .blog-tags-filter__list::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
  }
}
.blog-tags-filter__tag {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #5b616d;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.9375rem 1.25rem;
  border-radius: 2rem;
  transition: all 0.3s ease;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .blog-tags-filter__tag {
    font-size: 0.8125rem;
    padding: 0.75rem 1rem;
    border-radius: 1.5rem;
  }
}
.blog-tags-filter__tag--active {
  background: #91d500;
  color: #ffffff;
}
.blog-tags-filter__tag:hover:not(.blog-tags-filter__tag--active) {
  color: #171717;
}

.blog-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 1200px) {
  .blog-list {
    grid-template-columns: 1fr;
    gap: 0.9375rem;
    margin-bottom: 2.5rem;
  }
}

.blog-card {
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .blog-card {
    height: auto;
    min-height: 20.6875rem;
  }
}
.blog-card__image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .blog-card__image-wrapper {
    border-radius: 1rem;
  }
}
.blog-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-height: 20rem;
}
.blog-card__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(41, 61, 0, 0.02) 0%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.37, 0.28, 0, 1);
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1201px) {
  .blog-card:hover .blog-card__overlay {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1200px) {
  .blog-card__overlay {
    opacity: 1;
    visibility: visible;
  }
}
.blog-card__meta {
  position: absolute;
  top: 0.9375rem;
  left: 0.9375rem;
  right: 0.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 2;
}
.blog-card__date {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 2rem;
}
.blog-card__views {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
}
.blog-card__views-icon {
  width: 1.4375rem;
  height: 0.9375rem;
  flex-shrink: 0;
  display: block;
  overflow: visible;
}
.blog-card__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.35;
  color: #171717;
  margin: 0;
  text-align: center;
  padding: 0 1.25rem;
}
.blog-card__title--overlay {
  position: absolute;
  bottom: 3.75rem;
  left: 0.625rem;
  right: 0.625rem;
  color: #ffffff;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 1200px) {
  .blog-card__title--overlay {
    align-items: baseline;
  }
}
.blog-card__tags {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.875rem;
}
.blog-card__tags--overlay {
  position: absolute;
  bottom: 0.9375rem;
  left: 0.625rem;
  right: 0.625rem;
  z-index: 2;
}
.blog-card__tag {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
  background: rgba(230, 230, 230, 0.2);
  border-radius: 1.25rem;
  padding: 0 0.9375rem;
  line-height: 1.6875rem;
  white-space: nowrap;
}
.blog-card__read-btn {
  position: relative;
  z-index: 2;
  pointer-events: auto;
  text-decoration: none;
}
.blog-card__read-btn.app-button {
  cursor: pointer;
}
.blog-card__hover-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s cubic-bezier(0.37, 0.28, 0, 1), visibility 0.3s cubic-bezier(0.37, 0.28, 0, 1), transform 0.3s cubic-bezier(0.37, 0.28, 0, 1);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .blog-card__hover-layer {
    padding: 1rem;
    transform: none;
    transition: opacity 0.3s cubic-bezier(0.37, 0.28, 0, 1), visibility 0.3s cubic-bezier(0.37, 0.28, 0, 1);
  }
}
@media (min-width: 1201px) {
  .blog-card:hover .blog-card__hover-layer {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
}
@media (max-width: 1200px) {
  .blog-card.is-active .blog-card__hover-layer {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
}
.blog-card--special {
  background: #f9f9fa;
  padding: 0.9375rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.blog-card--special .blog-card__meta {
  position: static;
  width: 100%;
  margin-bottom: 0;
}
.blog-card--special .blog-card__date,
.blog-card--special .blog-card__views {
  color: #171717;
}
.blog-card--special .blog-card__views-icon path {
  fill: #171717;
}
.blog-card--special .blog-card__image-wrapper--blob {
  position: relative;
  width: 10.3125rem;
  height: 10.3125rem;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .blog-card--special .blog-card__image-wrapper--blob {
    width: 8.125rem;
    height: 8.125rem;
  }
}
.blog-card--special .blog-card__mask {
  position: absolute;
  width: 0;
  height: 0;
}
.blog-card--special .blog-card__image--blob {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  clip-path: url(#blog-blob-mask);
  -webkit-clip-path: url(#blog-blob-mask);
}
.blog-card--special .blog-card__title {
  color: #171717;
  position: static;
  margin-top: 0.875rem;
}
.blog-card--special .blog-card__tags {
  position: static;
  margin-top: 0;
}
.blog-card--special .blog-card__tag {
  background: #e6e6e6;
  color: #171717;
}
.blog-card--special .blog-card__hover-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1.25rem;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 0.3s cubic-bezier(0.37, 0.28, 0, 1), visibility 0.3s cubic-bezier(0.37, 0.28, 0, 1), transform 0.3s cubic-bezier(0.37, 0.28, 0, 1);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .blog-card--special .blog-card__hover-layer {
    padding: 1rem;
    transform: none;
    transition: opacity 0.3s cubic-bezier(0.37, 0.28, 0, 1), visibility 0.3s cubic-bezier(0.37, 0.28, 0, 1);
  }
}
@media (min-width: 1201px) {
  .blog-card--special:hover .blog-card__hover-layer {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
}
@media (max-width: 1200px) {
  .blog-card--special.is-active .blog-card__hover-layer {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
}
.blog-card--popular .blog-card__tags {
  position: absolute;
  bottom: 0.9375rem;
  left: 0.625rem;
  right: 0.625rem;
  z-index: 3;
  justify-content: center;
  margin-top: 0;
}

.blog-list__more {
  display: flex;
  justify-content: center;
  margin-top: 3.75rem;
}
@media (max-width: 1200px) {
  .blog-list__more {
    margin-top: 2.5rem;
  }
}

.ui-page--blog-detail {
  overflow: visible !important;
}
.ui-page--blog-detail .container {
  overflow: visible !important;
}

.blog-detail {
  position: relative;
  z-index: 1;
  overflow: visible;
}
.blog-detail__header {
  margin-bottom: 6.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__header {
    margin-bottom: 3.75rem;
  }
}
.blog-detail__title {
  font-family: "Montserrat", sans-serif;
  font-size: 4.375rem;
  font-weight: 400;
  line-height: 1;
  color: #303030;
  margin: 0 0 1.875rem 0;
}
@media (max-width: 2200px) {
  .blog-detail__title {
    padding-right: 19rem;
  }
}
@media (max-width: 1999px) {
  .blog-detail__title {
    padding-right: 23rem;
  }
}
@media (max-width: 1600px) {
  .blog-detail__title {
    padding-right: 27rem;
  }
}
@media (max-width: 1500px) {
  .blog-detail__title {
    padding-right: 30rem;
  }
}
@media (max-width: 1400px) {
  .blog-detail__title {
    padding-right: 40rem;
  }
}
@media (max-width: 1300px) {
  .blog-detail__title {
    padding-right: 40rem;
  }
}
@media (max-width: 1200px) {
  .blog-detail__title {
    font-size: 2.5rem;
    line-height: 1.25;
  }
}
@media (max-width: 978px) {
  .blog-detail__title {
    padding-right: 14rem;
  }
}
@media (max-width: 768px) {
  .blog-detail__title {
    padding-right: 0rem;
  }
}
.blog-detail__meta {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .blog-detail__meta {
    gap: 0.9375rem;
  }
}
.blog-detail__meta-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__meta-item {
    gap: 0.625rem;
  }
}
.blog-detail__meta-label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #5b616d;
}
@media (max-width: 1200px) {
  .blog-detail__meta-label {
    font-size: 0.75rem;
  }
}
.blog-detail__meta-value {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  background: #f9f9fa;
  border-radius: 1.875rem;
  padding: 0.625rem 1.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__meta-value {
    padding: 0.5rem 1rem;
    gap: 0.625rem;
  }
}
.blog-detail__meta-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  color: #5b616d;
}
@media (max-width: 1200px) {
  .blog-detail__meta-text {
    font-size: 0.875rem;
  }
}
.blog-detail__meta-icon {
  width: 1.375rem;
  height: 1.375rem;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .blog-detail__meta-icon {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.blog-detail__content {
  display: grid;
  grid-template-columns: 1fr 18.625rem;
  gap: 6.25rem;
  align-items: start;
  overflow: visible;
}
@media (max-width: 978px) {
  .blog-detail__content {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
.blog-detail__image-wrapper {
  margin-bottom: 6.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .blog-detail__image-wrapper {
    margin-bottom: 3.75rem;
  }
}
.blog-detail__image {
  width: 100%;
  height: auto;
  display: block;
}
.blog-detail__text {
  margin-bottom: 6.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__text {
    margin-bottom: 3.75rem;
  }
}
.blog-detail__preview {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5b616d;
  margin: 0 0 3.75rem 0;
}
@media (max-width: 1200px) {
  .blog-detail__preview {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 2.5rem;
  }
}
.blog-detail__detail-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5b616d;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.blog-detail__detail-text h2, .blog-detail__detail-text h3, .blog-detail__detail-text h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #91d500;
  margin: 3.75rem 0 1.875rem 0;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text h2, .blog-detail__detail-text h3, .blog-detail__detail-text h4 {
    margin: 2.5rem 0 1.25rem 0;
  }
}
.blog-detail__detail-text h2 {
  font-size: 2.5rem;
  line-height: 1;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text h2 {
    font-size: 1.875rem;
  }
}
.blog-detail__detail-text h3 {
  font-size: 1.875rem;
  line-height: 1.33;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text h3 {
    font-size: 1.5rem;
  }
}
.blog-detail__detail-text p {
  margin: 0 0 1.875rem 0;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #5b616d;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text p {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.5;
  }
}
.blog-detail__detail-text .callout--brackets {
  border-left: 5px solid #91d500;
  border-right: 5px solid #91d500;
  border-top: none;
  border-bottom: none;
  border-radius: 0.625rem;
  padding: 0 2.5rem;
  margin: 3.75rem 0;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .callout--brackets {
    padding: 0 1.875rem;
    margin: 2.5rem 0;
  }
}
.blog-detail__detail-text .callout--brackets p {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000000;
  margin: 0;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .callout--brackets p {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.blog-detail__detail-text .callout--green {
  background: linear-gradient(175.1deg, rgb(234, 255, 188) 4.47%, rgb(249, 255, 235) 56.09%, rgb(212, 241, 150) 99.45%);
  border-radius: 1.25rem;
  padding: 1.25rem 2.5rem;
  margin: 3.75rem 0;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .callout--green {
    padding: 1.25rem 1.875rem;
    margin: 2.5rem 0;
  }
}
.blog-detail__detail-text .callout--green p {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000000;
  margin: 0;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .callout--green p {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.blog-detail__detail-text .list--stars {
  list-style: none;
  padding: 0;
  margin: 1.875rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .list--stars {
    margin: 1.25rem 0;
    gap: 1rem;
  }
}
.blog-detail__detail-text .list--stars li {
  position: relative;
  padding-left: 1.95625rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.35;
  color: #5b616d;
  letter-spacing: -0.8px;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .list--stars li {
    font-size: 1rem;
    line-height: 1.35;
    padding-left: 1.5625rem;
  }
}
.blog-detail__detail-text .list--stars li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background-image: url("../img/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
.blog-detail__detail-text .list--numbered {
  list-style: none;
  padding: 0;
  margin: 1.875rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  counter-reset: numbered-list;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .list--numbered {
    margin: 1.25rem 0;
    gap: 1rem;
  }
}
.blog-detail__detail-text .list--numbered li {
  position: relative;
  padding-left: 5rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.35;
  color: #5b616d;
  letter-spacing: -0.8px;
  counter-increment: numbered-list;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .list--numbered li {
    font-size: 1rem;
    line-height: 1.35;
    padding-left: 3.5rem;
  }
}
.blog-detail__detail-text .list--numbered li p {
  display: inline;
  margin: 0;
}
.blog-detail__detail-text .list--numbered li h3 {
  display: block;
  margin: 0 0 0.5rem 0;
  font-size: 1.25rem;
  line-height: 1.35;
  color: #5b616d;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .list--numbered li h3 {
    font-size: 1rem;
    line-height: 1.35;
    margin-bottom: 0.375rem;
  }
}
.blog-detail__detail-text .list--numbered li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3.75rem;
  height: 3.75rem;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M59.7612%2029.3852C59.3542%2025.5399%2058.5032%2021.7685%2057.2082%2018.1265C55.5988%2013.5971%2053.4898%209.36355%2050.2338%205.75854C47.6993%202.94849%2044.6653%201.02582%2040.8543%200.360281C37.2469%20-0.268284%2033.6579%20-0.00946303%2030.0874%200.637589C24.9815%201.58044%2020.153%203.33672%2015.5465%205.70308C11.421%207.82911%207.59157%2010.3988%204.40959%2013.8005C2.0046%2016.3702%200.469113%2019.3282%200.117615%2022.8407C-0.178383%2025.8356%200.0991165%2028.7936%200.783612%2031.7146C2.6336%2039.5901%206.24108%2046.5598%2011.717%2052.5312C13.826%2054.8051%2016.2125%2056.7463%2019.0615%2058.0588C21.9474%2059.3998%2025.0341%2059.8646%2028.1948%2059.8705C28.2285%2059.8706%2028.2559%2059.8977%2028.2559%2059.9314C28.2559%2059.9679%2028.2876%2059.9964%2028.3238%2059.9924C30.2811%2059.7752%2032.2556%2059.6445%2034.1759%2059.279C41.5758%2057.8925%2048.2173%2054.8975%2053.7858%2049.7396C56.6347%2047.0959%2058.6327%2043.9346%2059.4097%2040.0523C60.1127%2036.4843%2060.1312%2032.9162%2059.7612%2029.3297V29.3852Z%22%20fill%3D%22%239AE200%22%2F%3E%20%3Cpath%20d%3D%22M59.7612%2029.3852C59.3542%2025.5399%2058.5032%2021.7685%2057.2082%2018.1265C55.5988%2013.5971%2053.4898%209.36355%2050.2338%205.75854C47.6993%202.94849%2044.6653%201.02582%2040.8543%200.360281C37.2469%20-0.268284%2033.6579%20-0.00946303%2030.0874%200.637589C24.9815%201.58044%2020.153%203.33672%2015.5465%205.70308C11.421%207.82911%207.59157%2010.3988%204.40959%2013.8005C2.0046%2016.3702%200.469113%2019.3282%200.117615%2022.8407C-0.178383%2025.8356%200.0991165%2028.7936%200.783612%2031.7146C2.6336%2039.5901%206.24108%2046.5598%2011.717%2052.5312C13.826%2054.8051%2016.2125%2056.7463%2019.0615%2058.0588C21.9474%2059.3998%2025.0341%2059.8646%2028.1948%2059.8705C28.2285%2059.8706%2028.2559%2059.8977%2028.2559%2059.9314C28.2559%2059.9679%2028.2876%2059.9964%2028.3238%2059.9924C30.2811%2059.7752%2032.2556%2059.6445%2034.1759%2059.279C41.5758%2057.8925%2048.2173%2054.8975%2053.7858%2049.7396C56.6347%2047.0959%2058.6327%2043.9346%2059.4097%2040.0523C60.1127%2036.4843%2060.1312%2032.9162%2059.7612%2029.3297V29.3852Z%22%20fill%3D%22url%28%23paint0_linear_844_2383%29%22%2F%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22paint0_linear_844_2383%22%20x1%3D%2239.878%22%20y1%3D%2245.7269%22%20x2%3D%229.61074%22%20y2%3D%2238.0432%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2391D500%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AFF41E%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .list--numbered li::before {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.blog-detail__detail-text .list--numbered li::after {
  content: counter(numbered-list);
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 1;
  color: #ffffff;
  letter-spacing: -0.8px;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text .list--numbered li::after {
    width: 3.125rem;
    height: 3.125rem;
    font-size: 1.25rem;
  }
}
.blog-detail__detail-text ul, .blog-detail__detail-text ol {
  margin: 1.875rem 0;
  padding-left: 2.5rem;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text ul, .blog-detail__detail-text ol {
    margin: 1.25rem 0;
    padding-left: 1.875rem;
  }
}
.blog-detail__detail-text li {
  margin-bottom: 1.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__detail-text li {
    margin-bottom: 0.9375rem;
  }
}
.blog-detail__gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  margin-bottom: 6.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__gallery {
    grid-template-columns: 1fr;
    margin-bottom: 3.75rem;
  }
}
.blog-detail__gallery-item {
  border-radius: 1.25rem;
  overflow: hidden;
}
.blog-detail__gallery-image {
  width: 100%;
  height: auto;
  display: block;
}
.blog-detail__answers {
  background: #f9f9fa;
  border-radius: 1.875rem;
  padding: 2.125rem 2.75rem;
  margin-bottom: 6.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.75rem;
  align-self: stretch;
}
@media (max-width: 1200px) {
  .blog-detail__answers {
    padding: 1rem 0.75rem;
    margin-bottom: 1.875rem;
    gap: 1.25rem;
  }
}
.blog-detail__answers-title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 1;
  color: #303030;
  letter-spacing: -0.8px;
}
@media (max-width: 1200px) {
  .blog-detail__answers-title {
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
}
.blog-detail__answers-title-bold {
  font-weight: 700;
}
.blog-detail__answers-list {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
}
@media (max-width: 1200px) {
  .blog-detail__answers-list {
    gap: 1.25rem;
  }
}
.blog-detail__answer-item {
  background: #ffffff;
  border-radius: 1.25rem;
  padding: 1.25rem 1.875rem;
  box-shadow: 0px 59px 107px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 1200px) {
  .blog-detail__answer-item {
    padding: 1rem 1.25rem;
  }
}
.blog-detail__answer-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.9375rem;
}
.blog-detail__answer-question-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  color: #323232;
  margin: 0;
  flex: 1;
}
@media (max-width: 1200px) {
  .blog-detail__answer-question-text {
    font-size: 1rem;
  }
}
.blog-detail__answer-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 2.375rem;
  height: 2.375rem;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.blog-detail__answer-toggle svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 1200px) {
  .blog-detail__answer-toggle {
    width: 2.375rem;
    height: 2.375rem;
  }
}
.blog-detail__answer-toggle--active {
  transform: rotate(180deg);
}
.blog-detail__answer-toggle svg {
  width: 100%;
  height: 100%;
}
.blog-detail__answer-content {
  margin-top: 0.9375rem;
  display: none;
}
.blog-detail__answer-content--active {
  display: block;
}
.blog-detail__answer-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5;
  color: #626262;
  margin: 0;
}
@media (max-width: 1200px) {
  .blog-detail__answer-text {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.blog-detail__related-products {
  margin-bottom: 6.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__related-products {
    margin-bottom: 3.75rem;
  }
}
.blog-detail__related-title {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
  color: #5b616d;
  margin: 0 0 3.75rem 0;
}
@media (max-width: 1200px) {
  .blog-detail__related-title {
    font-size: 1.875rem;
    margin-bottom: 2.5rem;
  }
}
.blog-detail__related-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 1.875rem;
}
@media (max-width: 1200px) {
  .blog-detail__related-list {
    grid-template-columns: 1fr;
  }
}
.blog-detail__related-item {
  background: #f9f9fa;
  border-radius: 1.25rem;
  padding: 1.875rem;
  text-align: center;
}
@media (max-width: 1200px) {
  .blog-detail__related-item {
    padding: 1.5rem;
  }
}
.blog-detail__related-image-wrapper {
  margin-bottom: 1.25rem;
}
.blog-detail__related-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.625rem;
}
.blog-detail__related-name {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #111;
  margin: 0 0 1.25rem 0;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .blog-detail__related-name {
    font-size: 1rem;
  }
}
.blog-detail__related-link {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.9375rem;
  background: #ffffff;
  border-radius: 3.75rem;
  padding: 0.75rem 1.5625rem;
  box-shadow: 10px 14px 44px 0px rgba(168, 157, 152, 0.15);
  transition: opacity 0.3s ease;
}
.blog-detail__related-link:hover {
  opacity: 0.8;
}
.blog-detail__sidebar {
  position: relative;
  align-self: start;
  width: 100%;
  height: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.blog-detail__sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0rem;
  padding-top: 6rem;
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  align-self: start;
}
@media (max-width: 1200px) {
  .blog-detail__sidebar-sticky {
    position: static;
    gap: 3.75rem;
  }
}
@media (max-width: 978px) {
  .blog-detail__sidebar-sticky {
    gap: 1.75rem;
  }
}
.blog-detail__toc {
  margin-bottom: 0;
}
@media (max-width: 978px) {
  .blog-detail__toc {
    display: none;
  }
}
@media (max-width: 1200px) {
  .blog-detail__toc {
    margin-bottom: 0;
  }
}
.blog-detail__toc-title {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #91d500;
  text-transform: uppercase;
  margin: 0 0 1.25rem 0;
  letter-spacing: 0.13px;
  line-height: 1.29;
}
.blog-detail__toc-list {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
.blog-detail__toc-item {
  background: #f9f9fa;
  border-left: 3px solid transparent;
  border-radius: 0.3125rem;
  padding: 0.9375rem 1.25rem;
  transition: all 0.3s ease;
}
.blog-detail__toc-item--active {
  border-left-color: #91d500;
}
.blog-detail__toc-link {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #5b616d;
  text-decoration: none;
  line-height: 1.25;
  display: block;
}
.blog-detail__toc-link:hover {
  color: #171717;
}
.blog-detail__rating {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .blog-detail__rating {
    margin-bottom: 0;
  }
}
.blog-detail__rating-title {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #767a85;
  margin: 0 0 0.625rem 0;
  line-height: 1.29;
}
.blog-detail__rating-stars {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
.blog-detail__rating-star {
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-detail__rating-star-icon {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}
@media (max-width: 1200px) {
  .blog-detail__rating-star-icon {
    width: 1rem;
    height: 1rem;
  }
}
.blog-detail__author {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .blog-detail__author {
    margin-bottom: 0;
  }
}
.blog-detail__author-title {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #767a85;
  margin: 0 0 0.625rem 0;
  line-height: 1.29;
}
.blog-detail__author-name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #5b616d;
  margin: 0;
  line-height: 1.29;
}
.blog-detail__editor {
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .blog-detail__editor {
    margin-bottom: 0;
  }
}
.blog-detail__editor-title {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #767a85;
  margin: 0 0 0.625rem 0;
  line-height: 1.29;
}
.blog-detail__editor-info {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
}
.blog-detail__editor-photo-wrapper {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.blog-detail__editor-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.blog-detail__editor-details {
  flex: 1;
}
.blog-detail__editor-name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #5b616d;
  margin: 0 0 0.3125rem 0;
  line-height: 1.29;
}
.blog-detail__editor-pos {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #5b616d;
  margin: 0;
  line-height: 1.29;
}
.blog-detail__reviews {
  margin-top: 6.25rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .blog-detail__reviews {
    margin-top: 3.75rem;
  }
}
.blog-detail__reviews-col {
  position: relative;
  background: #f7f7f8;
  border-radius: 1.875rem;
  padding: 2.75rem 2.125rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
}
@media (max-width: 1200px) {
  .blog-detail__reviews-col {
    padding: 2rem 1.5rem;
  }
}
.blog-detail__reviews-swiper-wrapper {
  position: relative;
}
.blog-detail__reviews-swiper {
  overflow: hidden;
}
.blog-detail__reviews-swiper-track {
  display: flex;
  gap: 0;
}
.blog-detail__reviews-swiper-track.swiper-wrapper {
  gap: 0;
}
.blog-detail__reviews-slide {
  width: 100%;
  flex-shrink: 0;
}
.blog-detail__reviews-pagination {
  position: static !important;
  display: flex !important;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  width: 100% !important;
  transform: none !important;
  z-index: auto !important;
}
@media (max-width: 1200px) {
  .blog-detail__reviews-pagination {
    margin-top: 1.5rem;
  }
}
.blog-detail__reviews-pagination .swiper-pagination-bullet {
  width: 0.9375rem;
  height: 0.9375rem;
  background: #efefef;
  border-radius: 50%;
  opacity: 1;
  margin: 0;
  transition: background-color 0.3s ease;
}
.blog-detail__reviews-pagination .swiper-pagination-bullet-active {
  background: #91d500;
}
.blog-detail__review {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .blog-detail__review {
    gap: 1.25rem;
  }
}
.blog-detail__review-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 5.1875rem;
  height: auto;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1200px) {
  .blog-detail__review-icon {
    display: none;
  }
}
.blog-detail__review-icon svg {
  width: 100%;
  height: 100%;
}
.blog-detail__review-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.37;
  color: #767a85;
  margin: 0;
  padding-left: 7.125rem;
  letter-spacing: -0.8px;
}
@media (max-width: 1200px) {
  .blog-detail__review-text {
    font-size: 1rem;
    line-height: 1.5;
    padding-left: 0;
  }
}
.blog-detail__review-rating {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  padding-left: 7.75rem;
}
@media (max-width: 1200px) {
  .blog-detail__review-rating {
    padding-left: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
  }
}
.blog-detail__review-rate {
  display: flex;
  align-items: center;
  gap: 0;
  position: relative;
}
.blog-detail__review-rate-icon {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.blog-detail__review-rate-icon svg {
  width: 100%;
  height: 100%;
}
.blog-detail__review-rate-value {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: "Montserrat", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.15;
  letter-spacing: -0.8px;
}
.blog-detail__review-info {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
}
.blog-detail__review-date {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  color: #767a85;
  margin: 0;
  letter-spacing: -0.8px;
}
@media (max-width: 1200px) {
  .blog-detail__review-date {
    font-size: 1rem;
  }
}
.blog-detail__review-author {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #767a85;
  margin: 0;
  letter-spacing: -0.8px;
}
@media (max-width: 1200px) {
  .blog-detail__review-author {
    font-size: 1rem;
  }
}
.blog-detail__review-form-wrapper {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
@media (max-width: 1200px) {
  .blog-detail__review-form-wrapper {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}
.blog-detail__review-form {
  background: #ffffff;
  border-radius: 1.875rem;
  padding: 3.125rem 3.75rem;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}
@media (max-width: 1200px) {
  .blog-detail__review-form {
    padding: 2rem 1.5rem;
    gap: 2rem;
  }
}
.blog-detail__review-form-header {
  display: flex;
  flex-direction: column;
  gap: 1.8125rem;
}
.blog-detail__review-form-title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 1;
  color: #303030;
  margin: 0;
  letter-spacing: -0.8px;
}
@media (max-width: 1200px) {
  .blog-detail__review-form-title {
    font-size: 2rem;
  }
}
.blog-detail__review-form-title-bold {
  font-weight: 700;
}
.blog-detail__review-form-subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.42;
  color: #767a85;
  margin: 0;
  letter-spacing: -0.48px;
}
@media (max-width: 1200px) {
  .blog-detail__review-form-subtitle {
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
.blog-detail__review-form-rating {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.blog-detail__review-form-stars {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
.blog-detail__review-form-star {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 3.3125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  position: relative;
}
@media (max-width: 1200px) {
  .blog-detail__review-form-star {
    width: 3rem;
    height: 3rem;
  }
}
.blog-detail__review-form-star:hover {
  transform: scale(1.1);
}
.blog-detail__review-form-star svg,
.blog-detail__review-form-star img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}
.blog-detail__review-form-star--active .blog-detail__review-form-star-empty, .blog-detail__review-form-star.active .blog-detail__review-form-star-empty {
  display: none;
}
.blog-detail__review-form-star--active .blog-detail__review-form-star-filled, .blog-detail__review-form-star.active .blog-detail__review-form-star-filled {
  display: block;
}
.blog-detail__review-form-field {
  margin: 0;
}
.blog-detail__review-form-checkboxes {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.blog-detail__review-form-submit {
  margin-top: 0;
}

.error-404-page {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #91d500 0%, #9ae200 100%);
  padding: 3.125rem 0 0;
  overflow: hidden;
}
@media (max-width: 430px) {
  .error-404-page {
    padding: 6.25rem 0 0;
  }
}
.error-404-page::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15.75rem;
  transform: translate(0, calc(-50% + var(--parallax-y, 0px)));
  width: 90%;
  height: 100%;
  background-image: url("/local/templates/scinepic/assets/img/skinepic_404.webp");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 50%;
  pointer-events: none;
  z-index: 1;
  will-change: transform;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .error-404-page::before {
    background-image: url("/local/templates/scinepic/assets/img/skinepic_404@2x.webp");
  }
}
@media (max-width: 430px) {
  .error-404-page::before {
    left: -9.375rem;
    background-size: 40%;
  }
}
.error-404-page__breadcrumbs {
  position: relative;
  z-index: 2;
  margin-bottom: 1.25rem;
}
.error-404-page__breadcrumbs .ui-breadcrumbs__link,
.error-404-page__breadcrumbs .ui-breadcrumbs__current {
  color: #ffffff;
}
.error-404-page__breadcrumbs .ui-breadcrumbs__separator path {
  stroke: #ffffff;
}
.error-404-page__grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 1.75rem;
  align-items: start;
  padding-bottom: 3.75rem;
}
@media (max-width: 430px) {
  .error-404-page__grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}
.error-404-page__left {
  grid-column: 1/7;
}
@media (max-width: 430px) {
  .error-404-page__left {
    grid-column: 1;
    order: 1;
  }
}
.error-404-page__title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 4.375rem;
  color: #ffffff;
  margin: 0 0 1.25rem 0;
  max-width: 44.75rem;
}
@media (max-width: 430px) {
  .error-404-page__title {
    font-size: 1.875rem;
    line-height: 1.875rem;
    margin-bottom: 0.9375rem;
  }
}
.error-404-page__subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 3.4375rem;
  font-weight: 700;
  line-height: 4.125rem;
  color: #FFF;
  margin: 0 0 2.5rem 0;
  width: 49rem;
  margin-top: 8rem;
}
@media (max-width: 430px) {
  .error-404-page__subtitle {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    margin-bottom: 0.9375rem;
    margin-top: 5rem;
    width: 100%;
  }
}
.error-404-page__subtitle p {
  font-family: "Montserrat", sans-serif !important;
  font-size: 3.4375rem !important;
  font-weight: 700;
  line-height: 4.125rem !important;
  color: #FFF !important;
  margin: 0;
}
@media (max-width: 430px) {
  .error-404-page__subtitle p {
    font-size: 1.875rem !important;
    line-height: 2.1875rem !important;
  }
}
.error-404-page__subtitle-line1 {
  margin: 0 0 0 0;
}
.error-404-page__subtitle-line2 {
  margin: 0;
  font-weight: 400 !important;
}
.error-404-page__animation {
  position: relative;
  grid-column: 1/10;
  width: 100%;
  height: 37.5rem;
  margin-top: 3.75rem;
  min-height: 25rem;
  overflow: hidden;
}
@media (max-width: 430px) {
  .error-404-page__animation {
    grid-column: 1;
    height: 26.875rem;
    margin-top: 0;
    min-height: 20rem;
    order: 2;
  }
}
.error-404-page__animation-circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.error-404-page__circle {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  animation: circleMove linear infinite;
}
.error-404-page__circle--1 {
  width: 0.5rem;
  height: 0.5rem;
  top: 10%;
  animation-duration: 8s;
  animation-delay: 0s;
}
.error-404-page__circle--2 {
  width: 0.75rem;
  height: 0.75rem;
  top: 25%;
  animation-duration: 10s;
  animation-delay: 1s;
}
.error-404-page__circle--3 {
  width: 0.625rem;
  height: 0.625rem;
  top: 40%;
  animation-duration: 9s;
  animation-delay: 0.5s;
}
.error-404-page__circle--4 {
  width: 0.5rem;
  height: 0.5rem;
  top: 55%;
  animation-duration: 11s;
  animation-delay: 1.5s;
}
.error-404-page__circle--5 {
  width: 0.875rem;
  height: 0.875rem;
  top: 70%;
  animation-duration: 8s;
  animation-delay: 0.25s;
}
.error-404-page__circle--6 {
  width: 0.625rem;
  height: 0.625rem;
  top: 15%;
  animation-duration: 9.5s;
  animation-delay: 0.75s;
}
.error-404-page__circle--7 {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  animation-duration: 10.5s;
  animation-delay: 1.25s;
}
.error-404-page__circle--8 {
  width: 0.75rem;
  height: 0.75rem;
  top: 80%;
  animation-duration: 8.5s;
  animation-delay: 0.5s;
}
.error-404-page__animation-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 0px))) scale(var(--current-scale, 1));
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}
.error-404-page__animation-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  animation: backgroundMove 20s linear infinite;
}
.error-404-page__animation-pimple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  cursor: pointer;
  user-select: none;
  touch-action: manipulation;
  --current-x: 0px;
  --current-y: 0px;
  --current-scale: 1;
  will-change: transform;
}
.error-404-page__animation-pimple img {
  width: 15.125rem;
  height: auto;
  display: block;
  pointer-events: none;
}
@media (max-width: 430px) {
  .error-404-page__animation-pimple img {
    width: 7.5rem;
  }
}
.error-404-page__animation-pimple {
  animation: pimpleBounce 1.5s ease-in-out infinite;
}
.error-404-page__animation-pimple[style*=transform] {
  animation: none !important;
}
.error-404-page__animation-shadow {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 0.75rem));
  z-index: 3;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  --current-x: 0px;
  --current-y: 12px;
  --current-scale: 1;
}
.error-404-page__animation-shadow img {
  width: 15.3125rem;
  height: auto;
  display: block;
}
@media (max-width: 430px) {
  .error-404-page__animation-shadow img {
    width: 6rem;
  }
}
.error-404-page__right {
  grid-column: 7/10;
}
@media (max-width: 430px) {
  .error-404-page__right {
    grid-column: 1;
    order: 3;
  }
}
.error-404-page__card {
  background: #ffffff;
  border-radius: 0.625rem;
  padding: 2.5rem 1.25rem;
  width: 100%;
  box-shadow: 0 0.625rem 2.75rem rgba(168, 157, 152, 0.15);
}
@media (max-width: 430px) {
  .error-404-page__card {
    padding: 0.9375rem;
  }
}
.error-404-page__card-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.8125rem;
  font-weight: 700;
  line-height: 1.5625rem;
  color: #303030;
  margin: 0 0 0.9375rem 0;
}
@media (max-width: 430px) {
  .error-404-page__card-title {
    font-size: 1.375rem;
    line-height: 1.5625rem;
  }
}
.error-404-page__card-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1875rem;
  font-weight: 400;
  line-height: 1.5625rem;
  color: #303030;
  margin: 0 0 2.5rem 0;
}
@media (max-width: 430px) {
  .error-404-page__card-text {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
.error-404-page__card-text a {
  color: #91d500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
  transition: color 0.3s ease;
}
.error-404-page__card-text a:hover {
  color: #9ae200;
}
.error-404-page__link {
  color: #91d500;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-position: from-font;
  font-weight: 700;
  transition: color 0.3s ease;
}
.error-404-page__link:hover {
  color: #9ae200;
}
.error-404-page__actions {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.error-404-page__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 3.75rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  overflow-y: auto;
}
.error-404-page__modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
@media (max-width: 430px) {
  .error-404-page__modal {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    min-height: 100vh;
  }
}
.error-404-page__modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 1;
}
.error-404-page__modal-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 84.592rem;
  height: 62.25125rem;
  background-image: url("/local/templates/scinepic/assets/img/bubble_glow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.6;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 430px) {
  .error-404-page__modal-glow {
    width: 100%;
    height: 100%;
    opacity: 0.4;
  }
}
.error-404-page__modal-content {
  position: relative;
  z-index: 2;
  background: #ffffff;
  border-radius: 1.875rem;
  padding: 1.875rem 3rem 4.375rem;
  max-width: 39.125rem;
  width: 90%;
  margin-bottom: 3.75rem;
  box-shadow: 0 0 8.125rem rgba(0, 0, 0, 0.35);
  transform: scale(0.9);
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}
@media (max-width: 430px) {
  .error-404-page__modal-content {
    padding: 1.875rem 1.25rem 2.5rem;
    width: 95%;
    border-radius: 1.25rem;
    margin-bottom: 1.875rem;
    max-height: none;
    overflow: visible;
    flex-shrink: 0;
  }
}
.error-404-page__modal.is-active .error-404-page__modal-content {
  transform: scale(1);
  opacity: 1;
}
.error-404-page__modal-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #303030;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: opacity 0.3s ease;
}
.error-404-page__modal-close:hover {
  opacity: 0.7;
}
.error-404-page__modal-close svg {
  width: 100%;
  height: 100%;
}
.error-404-page__modal-image-top {
  width: 100%;
  margin-bottom: 1.875rem;
  text-align: center;
}
@media (max-width: 430px) {
  .error-404-page__modal-image-top {
    margin-bottom: 1.25rem;
  }
}
.error-404-page__modal-image-top img {
  width: 100%;
  max-width: 22rem;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 430px) {
  .error-404-page__modal-image-top img {
    max-width: 18.75rem;
  }
}
.error-404-page__modal-title {
  font-family: "Montserrat", sans-serif;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.5625rem;
  color: #303030;
  text-align: center;
  margin: 0 0 2.75rem 0;
}
@media (max-width: 430px) {
  .error-404-page__modal-title {
    font-size: 1.875rem;
    line-height: 1.5625rem;
    margin-bottom: 1.875rem;
  }
}
.error-404-page__modal-image-blob {
  width: 100%;
  margin-bottom: 2.75rem;
  text-align: center;
}
@media (max-width: 430px) {
  .error-404-page__modal-image-blob {
    margin-bottom: 1.875rem;
  }
}
.error-404-page__modal-image-blob img {
  width: 100%;
  max-width: 30rem;
  max-height: 16.25rem;
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}
@media (max-width: 430px) {
  .error-404-page__modal-image-blob img {
    max-width: 18.75rem;
    max-height: 12rem;
  }
}
.error-404-page__modal-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.8625rem;
  color: #303030;
  text-align: center;
  margin: 0 0 2.5rem 0;
}
@media (max-width: 430px) {
  .error-404-page__modal-text {
    font-size: 1.25rem;
    line-height: 1.5625rem;
    margin-bottom: 1.875rem;
  }
}
.error-404-page__modal-text-bold {
  font-weight: 700;
}
.error-404-page__modal-actions {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

@keyframes pimpleBounce {
  0%, 100% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 0px))) translateY(0) scale(var(--current-scale, 1));
  }
  50% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 0px))) translateY(-0.625rem) scale(var(--current-scale, 1));
  }
}
@keyframes pimpleWiggle {
  0%, 100% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 0px))) rotate(0deg) scale(var(--current-scale, 1));
  }
  25% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 0px))) rotate(-3deg) scale(var(--current-scale, 1));
  }
  75% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 0px))) rotate(3deg) scale(var(--current-scale, 1));
  }
}
@keyframes pimpleLevitation {
  0%, 100% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 0px))) translateY(0) scale(var(--current-scale, 1));
  }
  50% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 0px))) translateY(-1.25rem) scale(var(--current-scale, 1));
  }
}
@keyframes shadowLevitation {
  0%, 100% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 12px))) translateY(0) scale(var(--current-scale, 1));
  }
  50% {
    transform: translate(calc(-50% + var(--current-x, 0px)), calc(-50% + var(--current-y, 12px))) translateY(-0.625rem) scale(var(--current-scale, 1));
  }
}
.firework-particle {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 10;
  opacity: 1;
  transform: translate(-50%, -50%);
  animation: fireworkExplode 1s ease-out forwards;
  animation-delay: var(--delay, 0s);
  box-shadow: 0 0 0.5rem currentColor, 0 0 1rem currentColor;
  filter: blur(0.5px);
}

@keyframes fireworkExplode {
  0% {
    transform: translate(-50%, -50%) translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -50%) translate(var(--end-x, 0), var(--end-y, 0)) scale(0);
    opacity: 0;
  }
}
@keyframes backgroundMove {
  0% {
    transform: translateX(3.125rem);
  }
  100% {
    transform: translateX(-3.125rem);
  }
}
@keyframes circleMove {
  0% {
    transform: translateX(100vw);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    transform: translateX(-5rem);
    opacity: 0;
  }
}
.ui-page--sitemap .sitemap {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media (max-width: 700px) {
  .ui-page--sitemap .sitemap {
    gap: 2rem;
  }
}
.ui-page--sitemap .sitemap__section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 700px) {
  .ui-page--sitemap .sitemap__section {
    gap: 1rem;
  }
}
.ui-page--sitemap .sitemap__section-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
  margin: 0;
}
@media (max-width: 700px) {
  .ui-page--sitemap .sitemap__section-title {
    font-size: 1.25rem;
  }
}
.ui-page--sitemap .sitemap__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 700px) {
  .ui-page--sitemap .sitemap__list {
    gap: 0.5rem;
  }
}
.ui-page--sitemap .sitemap__item {
  margin: 0;
  padding: 0;
}
.ui-page--sitemap .sitemap__link {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5B616D;
  text-decoration: none;
  display: inline-block;
  transition: color 0.2s ease;
  position: relative;
  padding-left: 1.75rem;
}
.ui-page--sitemap .sitemap__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../img/star.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
.ui-page--sitemap .sitemap__link:hover {
  color: #000;
}
.ui-page--sitemap .sitemap__link--current {
  color: #000;
  font-weight: 500;
}
@media (max-width: 700px) {
  .ui-page--sitemap .sitemap__link {
    font-size: 0.875rem;
    padding-left: 1.5rem;
  }
  .ui-page--sitemap .sitemap__link::before {
    width: 1rem;
    height: 1rem;
  }
}

.online-page {
  padding-bottom: 4rem;
  overflow: hidden;
}

.online-page__breadcrumbs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.hero--online {
  position: relative;
  z-index: 99;
}
.hero--online .hero__nav {
  display: none;
}

.online-page .hero {
  padding-bottom: 3.75rem;
}
@media (max-width: 700px) {
  .online-page .hero {
    padding-top: 1.5rem;
  }
}
.online-page .hero .hero__inner {
  align-items: start;
}
.online-page .hero .hero__decor-circle {
  width: 29.25rem;
  height: 29.25rem;
}
@media (max-width: 700px) {
  .online-page .hero .hero__decor-circle {
    width: 20rem;
    height: 20rem;
  }
}
.online-page .hero [data-scene="0"] .hero__photo-wrapper {
  width: 29.25rem;
  height: 29.25rem;
}
@media (max-width: 700px) {
  .online-page .hero [data-scene="0"] .hero__photo-wrapper {
    width: 20rem;
    height: 20rem;
  }
}
.online-page .hero .hero__title {
  font-size: 3.25rem;
}
@media (max-width: 1600px) {
  .online-page .hero .hero__title {
    font-size: 2.75rem;
  }
}
@media (max-width: 1400px) {
  .online-page .hero .hero__title {
    font-size: 2.25rem;
  }
}
@media (max-width: 1200px) {
  .online-page .hero .hero__title {
    font-size: 2rem;
  }
}
@media (max-width: 1000px) {
  .online-page .hero .hero__title {
    font-size: 1.75rem;
  }
}
@media (max-width: 900px) {
  .online-page .hero .hero__title {
    font-size: 1.5rem;
  }
}
@media (max-width: 700px) {
  .online-page .hero .hero__title {
    font-size: 1.375rem;
  }
}
.online-page .hero .hero__col--right {
  min-height: 0;
}

.hero--online__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #303030;
  margin: 0 0 1.25rem;
}
@media (min-width: 701px) {
  .hero--online__text {
    margin-right: 2rem;
  }
}
@media (max-width: 700px) {
  .hero--online__text {
    font-size: 0.961rem;
    line-height: 1.2;
    margin: 0 0 0.25rem;
  }
}

.hero--online__highlight {
  display: flex;
  align-items: stretch;
  margin: 0 0 1.25rem;
}
@media (max-width: 700px) {
  .hero--online__highlight {
    margin: 0 0 0.25rem;
  }
}
.hero--online__highlight::before {
  content: "";
  width: 0.25rem;
  min-height: 1.5em;
  background: #91d500;
  border-radius: 0 0.125rem 0.125rem 0;
  flex-shrink: 0;
  margin-right: 0.75rem;
}

.hero--online__highlight-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  color: #91d500;
  margin: 0;
}
@media (max-width: 700px) {
  .hero--online__highlight-text {
    font-size: 1.0125rem;
    line-height: 1.2;
  }
}

.hero--online__action {
  text-align: center;
  margin: 0 0 1.25rem;
}

.hero--online__bordered {
  border-left: 5px solid #91d500;
  border-radius: 0 0.625rem 0.625rem 0;
  padding: 1rem 1.5rem;
  margin: 0;
  background: rgba(145, 213, 0, 0.08);
}
.hero--online__bordered p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #303030;
  margin: 0;
}
@media (max-width: 700px) {
  .hero--online__bordered p {
    font-size: 1rem;
  }
}

.ai-logo {
  display: block;
  width: 6rem;
  height: auto;
}
.ai-logo .ai-logo__stars {
  transform-origin: 50% 50%;
  animation: ai-stars-rotate 12s linear infinite;
}
.ai-logo .ai-logo__stars path {
  animation: ai-stars-glow 2s ease-in-out infinite;
}
.ai-logo.ai-logo--no-glow .ai-logo__stars path {
  animation: none;
}

.ai-logo--gray-stars .ai-logo__letters path {
  fill: #91D500;
}
.ai-logo--gray-stars .ai-logo__stars path {
  fill: #AFAFAF;
}

@keyframes ai-stars-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ai-stars-glow {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@keyframes ai-stars-green-glow {
  0%, 100% {
    fill: #fff;
  }
  50% {
    fill: #91D500;
  }
}
.ai-logo--green-glow .ai-logo__stars path {
  animation: ai-stars-green-glow 2.5s ease-in-out infinite;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(1) {
  animation-delay: -0.075s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(2) {
  animation-delay: -0.15s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(3) {
  animation-delay: -0.225s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(4) {
  animation-delay: -0.3s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(5) {
  animation-delay: -0.375s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(6) {
  animation-delay: -0.45s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(7) {
  animation-delay: -0.525s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(8) {
  animation-delay: -0.6s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(9) {
  animation-delay: -0.675s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(10) {
  animation-delay: -0.75s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(11) {
  animation-delay: -0.825s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(12) {
  animation-delay: -0.9s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(13) {
  animation-delay: -0.975s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(14) {
  animation-delay: -1.05s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(15) {
  animation-delay: -1.125s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(16) {
  animation-delay: -1.2s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(17) {
  animation-delay: -1.275s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(18) {
  animation-delay: -1.35s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(19) {
  animation-delay: -1.425s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(20) {
  animation-delay: -1.5s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(21) {
  animation-delay: -1.575s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(22) {
  animation-delay: -1.65s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(23) {
  animation-delay: -1.725s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(24) {
  animation-delay: -1.8s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(25) {
  animation-delay: -1.875s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(26) {
  animation-delay: -1.95s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(27) {
  animation-delay: -2.025s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(28) {
  animation-delay: -2.1s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(29) {
  animation-delay: -2.175s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(30) {
  animation-delay: -2.25s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(31) {
  animation-delay: -2.325s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(32) {
  animation-delay: -2.4s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(33) {
  animation-delay: -2.475s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(34) {
  animation-delay: -2.55s;
}

.ai-logo--green-glow .ai-logo__stars path:nth-child(35) {
  animation-delay: -2.625s;
}

.online-banner-section {
  padding: 3rem 0;
  position: relative;
  z-index: 102;
}
@media (max-width: 700px) {
  .online-banner-section {
    padding: 2rem 0;
  }
}

.online-banner {
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  padding: 2rem 2.5rem;
  background: #f9f9fa;
  border-radius: 1.875rem;
  min-height: 11rem;
  overflow: hidden;
}
@media (max-width: 700px) {
  .online-banner {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem 1.25rem;
    gap: 1.25rem;
    min-height: auto;
  }
}

.online-banner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 32rem;
  height: 32rem;
  background-image: url("../img/hero-blob.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 700px) {
  .online-banner::before {
    top: auto;
    right: auto;
    bottom: -70%;
    left: 51%;
    transform: translateX(-49%);
    width: 50rem;
    height: 29rem;
    background-position: center bottom;
  }
}

.online-banner__content {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 0;
}

.online-banner__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  color: #0f0f0f;
  margin: 0 0 0.375rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media (max-width: 900px) {
  .online-banner__title {
    font-size: 1.125rem;
  }
}
@media (max-width: 700px) {
  .online-banner__title {
    font-size: 1.125rem;
    margin-bottom: 0.25rem;
  }
}

.online-banner__text {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  color: #262626;
  margin: 0 0 1rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.online-banner__text.green {
  color: #91d500;
}
@media (max-width: 700px) {
  .online-banner__text {
    font-size: 0.75rem;
    margin-bottom: 0.875rem;
  }
}

.online-banner__action {
  margin-top: 0;
}

.online-banner__logo {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 16rem;
  min-width: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.online-banner__logo .online-banner-ai-logo {
  width: 7.1875rem;
  height: auto;
  display: block;
  margin-left: 4rem;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(n+3) {
  animation: ai-stars-green-glow 2.5s ease-in-out infinite;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(3) {
  animation-delay: 0s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(4) {
  animation-delay: -0.075s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(5) {
  animation-delay: -0.15s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(6) {
  animation-delay: -0.225s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(7) {
  animation-delay: -0.3s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(8) {
  animation-delay: -0.375s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(9) {
  animation-delay: -0.45s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(10) {
  animation-delay: -0.525s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(11) {
  animation-delay: -0.6s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(12) {
  animation-delay: -0.675s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(13) {
  animation-delay: -0.75s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(14) {
  animation-delay: -0.825s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(15) {
  animation-delay: -0.9s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(16) {
  animation-delay: -0.975s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(17) {
  animation-delay: -1.05s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(18) {
  animation-delay: -1.125s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(19) {
  animation-delay: -1.2s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(20) {
  animation-delay: -1.275s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(21) {
  animation-delay: -1.35s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(22) {
  animation-delay: -1.425s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(23) {
  animation-delay: -1.5s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(24) {
  animation-delay: -1.575s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(25) {
  animation-delay: -1.65s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(26) {
  animation-delay: -1.725s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(27) {
  animation-delay: -1.8s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(28) {
  animation-delay: -1.875s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(29) {
  animation-delay: -1.95s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(30) {
  animation-delay: -2.025s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(31) {
  animation-delay: -2.1s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(32) {
  animation-delay: -2.175s;
}
.online-banner__logo .online-banner-ai-logo path:nth-child(33) {
  animation-delay: -2.25s;
}
@media (max-width: 700px) {
  .online-banner__logo {
    order: unset;
    width: 100%;
    min-width: 0;
    margin-top: 2rem;
    margin-right: 0;
    justify-content: center;
    min-height: 10rem;
  }
  .online-banner__logo .online-banner-ai-logo {
    width: 5rem;
    margin-left: 0;
  }
}

@media (max-width: 700px) {
  .hero--online__bordered {
    display: none;
  }
}

.online-bordered-mobile {
  display: none;
  margin: 0 0 1.5rem;
}
@media (max-width: 700px) {
  .online-bordered-mobile {
    display: block;
  }
}
.online-bordered-mobile .hero--online__bordered {
  display: block;
}

.online-faq {
  padding: 2rem 0 4rem;
}
@media (max-width: 700px) {
  .online-faq {
    padding: 1rem 0 2rem;
  }
}

.online-page .callout.callout--green {
  background: linear-gradient(175.1deg, rgb(234, 255, 188) 4.47%, rgb(249, 255, 235) 56.09%, rgb(212, 241, 150) 99.45%);
  border-radius: 1.25rem;
  padding: 1rem 1.5rem;
  margin: 2rem 0;
}
@media (max-width: 700px) {
  .online-page .callout.callout--green {
    padding: 0.75rem 1rem;
  }
}
.online-page .callout.callout--green p {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: #262626;
  margin: 0;
}
@media (max-width: 700px) {
  .online-page .callout.callout--green p {
    font-size: 0.6875rem;
  }
}

.online-steps {
  padding: 4rem 0;
  z-index: 99;
  position: relative;
}
@media (max-width: 700px) {
  .online-steps {
    padding: 0;
  }
}

.online-steps .section__title {
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .online-steps .section__title {
    margin-bottom: 3.75rem;
  }
}

.online-steps__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-bottom: 3rem;
}
.online-steps__grid .swiper-wrapper {
  display: contents;
}
.online-steps__grid .swiper-slide {
  min-width: 0;
}
@media (min-width: 701px) {
  .online-steps__grid {
    display: grid !important;
    overflow: visible;
    margin-left: 0;
    margin-right: 0;
    align-items: stretch;
  }
  .online-steps__grid .swiper-wrapper {
    display: contents !important;
  }
  .online-steps__grid .swiper-slide {
    display: flex;
    height: auto;
    min-height: 0;
  }
  .online-steps__grid .online-steps__card {
    height: 100%;
    flex: 1 1 auto;
    min-height: 0;
  }
}
@media (max-width: 700px) {
  .online-steps__grid {
    display: block;
    width: 100%;
    height: 60vh;
    max-height: 420px;
    min-height: 280px;
    margin-bottom: 0;
    overflow: hidden;
  }
  .online-steps__grid .swiper-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .online-steps__grid .swiper-slide {
    height: 100%;
    flex-shrink: 0;
  }
}

.hero--online .hero__scene--active .hero__animation-block {
  top: 33%;
}

.online-steps__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.875rem 1.875rem 0;
  gap: 0.875rem;
  background: #F9F9FA;
  border-bottom: 5px solid #A2E611;
  border-radius: 1.25rem;
  overflow: hidden;
  flex: none;
  text-align: left;
  transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.online-steps__card:hover {
  background: #91d500;
  border-bottom-color: transparent;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}
.online-steps__card:hover .online-steps__card-title,
.online-steps__card:hover .online-steps__card-desc {
  color: #fff;
}
.online-steps__card:hover .online-steps__card-number path {
  fill: #fff;
}
.online-steps__card:hover .online-steps__card-number text {
  fill: #0f0f0f;
}
@media (max-width: 700px) {
  .online-steps__card {
    width: 100%;
    height: 100%;
    min-height: 0;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1.25rem 0;
    margin: 0;
    text-align: center;
  }
  .online-steps__card:hover {
    transform: none;
  }
}

.online-steps__card-body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.875rem;
  order: 1;
  flex: 1;
  min-width: 0;
  width: 100%;
}
@media (max-width: 700px) {
  .online-steps__card-body {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.online-steps__card-text {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media (max-width: 700px) {
  .online-steps__card-text {
    align-items: center;
  }
}

.online-steps__card-number {
  position: relative;
  left: auto;
  top: auto;
  flex: 0 0 auto;
  display: block;
}
@media (max-width: 700px) {
  .online-steps__card-number {
    margin-left: auto;
    margin-right: auto;
  }
}

.online-steps__card-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.35;
  color: #0f0f0f;
  margin: 0;
}
@media (max-width: 700px) {
  .online-steps__card-title {
    font-size: 1rem;
    text-align: center;
  }
}

.online-steps__card-desc {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #626262;
  margin: 0;
}
@media (max-width: 700px) {
  .online-steps__card-desc {
    font-size: 0.875rem;
    text-align: center;
  }
}

.online-steps__card-image {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
  order: 2;
}
@media (max-width: 700px) {
  .online-steps__card-image {
    max-height: 50vh;
    width: auto;
    aspect-ratio: auto;
  }
}

.online-steps__cta {
  text-align: center;
  margin: 2rem 0 3rem;
}
.online-steps__cta .app-button {
  max-width: 100%;
}

.online-steps__seo {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
  background: #f9f9fa;
  border-radius: 1.25rem;
}
@media (max-width: 700px) {
  .online-steps__seo {
    grid-template-columns: 1fr;
    padding: 1.5rem;
    gap: 1rem;
  }
}

.online-steps__seo-col {
  min-width: 0;
}

.online-steps__seo-logo .online-steps__seo-ai-logo {
  display: block;
  width: 7.375rem;
  height: auto;
}

.online-steps__seo-text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  columns: 1;
}

.online-steps__seo-title {
  font-family: Montserrat, sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #000;
  margin: 0;
}

.online-steps__seo-text {
  font-family: Montserrat, sans-serif;
  font-size: 0.9375rem;
  font-style: normal;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #000;
  margin: 0;
}

.online-video {
  padding: 4rem 0;
}
@media (max-width: 700px) {
  .online-video {
    padding: 2rem 0;
  }
}

.online-video__wrapper {
  position: relative;
  width: 100%;
  margin: 0 0 1.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background: #f5f5f5;
  aspect-ratio: 16/9;
}

.online-video__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.online-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #88DC00;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s, transform 0.2s;
  z-index: 2;
}
.online-video__play:hover {
  opacity: 0.95;
  transform: translate(-50%, -50%) scale(1.05);
}
.online-video__play.is-hidden {
  display: none;
}
.online-video__play .online-video__play-icon {
  width: 2rem;
  height: 2rem;
  margin-left: 0.25rem;
  display: block;
}

.online-video__pause {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: rgba(136, 220, 0, 0.95);
  border: none;
  cursor: pointer;
  padding: 0;
  display: none;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s, transform 0.2s;
  z-index: 2;
  color: #fff;
}
.online-video__pause:hover {
  opacity: 0.95;
  transform: translate(-50%, -50%) scale(1.05);
}
.online-video__pause .online-video__pause-icon {
  width: 2rem;
  height: 2rem;
  display: block;
}

.online-video__wrapper.is-playing:hover .online-video__pause {
  display: flex;
}

.online-video__cta {
  width: 100%;
}

.online-video__cta-btn {
  width: 100%;
  background: linear-gradient(90deg, #91D500 0%, #AFF41E 100%) !important;
  color: #fff !important;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
  justify-content: space-between;
}
.online-video__cta-btn::before {
  display: none;
}
.online-video__cta-btn:hover {
  opacity: 0.98;
  color: #fff !important;
}

.online-results {
  padding: 4rem 0;
}
@media (max-width: 700px) {
  .online-results {
    padding: 2rem 0;
  }
}

.online-results__inner {
  background: #f9f9fa;
  border-radius: 1.25rem;
  padding: 2.125rem 2.75rem;
}
@media (max-width: 1200px) {
  .online-results__inner {
    padding: 2rem 1.5rem;
  }
}
@media (max-width: 700px) {
  .online-results__inner {
    padding: 1.5rem;
    border-radius: 1rem;
  }
}

.online-results__title {
  font-family: Montserrat, sans-serif;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 4.375rem; /* 175% */
  letter-spacing: -0.05rem;
  color: #303030;
  margin: 0 0 0.5rem;
  text-align: left;
}
@media (max-width: 700px) {
  .online-results__title {
    font-size: 1.75rem;
    line-height: 3rem;
  }
}

.online-results__desc {
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.125rem; /* 141.667% */
  letter-spacing: -0.03rem;
  color: #767A85;
  margin: 0 0 1.5rem;
  text-align: left;
}
@media (max-width: 700px) {
  .online-results__desc {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}

.online-results__slider {
  position: relative;
  width: 100%;
  margin: 0 0 2rem;
  aspect-ratio: 3/4;
  height: auto;
  border-radius: 1.25rem;
  overflow: hidden;
  user-select: none;
}
@media (max-width: 700px) {
  .online-results__slider {
    margin-bottom: 1.5rem;
  }
}

.online-results__label {
  position: absolute;
  top: 1rem;
  z-index: 3;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.375rem 0.75rem;
  border-radius: 2rem;
  pointer-events: none;
}
@media (max-width: 700px) {
  .online-results__label {
    top: 0.75rem;
    font-size: 0.8125rem;
    padding: 0.25rem 0.625rem;
  }
}

.online-results__label--before {
  left: 1rem;
}

.online-results__label--after {
  right: 1rem;
  left: auto;
}

.online-results__before,
.online-results__after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.online-results__before img,
.online-results__after img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.online-results__after {
  clip-path: inset(0 0 0 50%);
}

.online-results__handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2rem;
  height: 100%;
  margin-left: -1rem;
  cursor: ew-resize;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.online-results__handle-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  transform: translate(-50%, -50%);
  display: block;
  pointer-events: none;
}

.online-results__line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  margin-left: -2px;
  background: #fff;
  pointer-events: none;
  z-index: 1;
}

.online-results__thumbs {
  max-width: 100%;
  margin: 0 auto;
}

.online-results__thumbs .swiper-slide {
  width: 6.25rem;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 0.5rem;
  overflow: hidden;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.online-results__thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
@media (max-width: 700px) {
  .online-results__thumbs .swiper-slide {
    width: 5rem;
  }
}

.online-results__thumbs img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
}

.online-results__cta {
  margin-top: 2rem;
  width: 100%;
}
@media (max-width: 700px) {
  .online-results__cta {
    margin-top: 1.5rem;
  }
}

.online-results__cta-btn {
  width: 100%;
  background: linear-gradient(90deg, #91D500 0%, #AFF41E 100%) !important;
  color: #fff !important;
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1);
  justify-content: space-between;
}
.online-results__cta-btn::before {
  display: none;
}
.online-results__cta-btn:hover {
  opacity: 0.98;
  color: #fff !important;
}

/* Optional: minimal header/footer when using header-ai.php */
.header--ai .header__inner {
  justify-content: center;
}

/* Мин. футер по Figma 3210-6932: только копирайт по центру, SKINEPIC — зелёный */
.footer--ai {
  padding: 1.25rem 0;
  text-align: center;
  border-top: 0.0625rem solid #e6e6e6;
  background: #fff;
}
.footer--ai .footer__inner--ai {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.footer--ai .footer--ai__copyright {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.footer--ai .footer--ai__brand {
  color: #91D500;
  font-weight: 600;
}

/* Quiz section: на всю ширину container */
.ui-page--ai .ai-quiz {
  padding: 0 0 3rem;
}

.ai-quiz__wrap {
  width: 100%;
  max-width: none;
}

/* Заголовок вопроса: число жирным (Figma 3103-13826) */
.ai-quiz__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1rem;
  color: #262626;
}

.ai-quiz__title-num {
  font-weight: 700;
}

/* Статус-бары: вертикальные полосы (Figma 3103-13831) */
.ai-quiz__paginator {
  display: flex;
  align-items: stretch;
  gap: 0.125rem;
  margin-bottom: 1.5rem;
  height: 0.75rem;
}

.ai-quiz__paginator-bar {
  flex: 1;
  min-width: 0;
  height: 100%;
  border-radius: 0.625rem;
  background: #E6E6E6;
  transition: background 0.2s;
}
.ai-quiz__paginator-bar.is-answered {
  background: #91D500;
}

/* Форма на зелёном фоне (Figma 3103-13843: вопрос белым, размер и отступы) */
.ai-quiz__form-wrap {
  background: linear-gradient(180deg, #91D500 0%, #AFF41E 100%);
  border-radius: 1rem;
  padding: 2rem 2.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .ai-quiz__form-wrap {
    padding: 1.5rem 1rem;
  }
}

.ai-quiz__question-text {
  font-size: 1.375rem; /* 22px по макету */
  font-weight: 500;
  color: #fff;
  line-height: 1.35;
  margin: 0 0 1.5rem 0;
  letter-spacing: 0.01em;
}

.ai-quiz__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ai-quiz__option {
  margin-bottom: 0.75rem;
}
.ai-quiz__option:last-child {
  margin-bottom: 0;
}
.ai-quiz__option {
  /* Наведение только на ПК (с мышьью): на мобильных отключаем, чтобы не подсвечивало как выбранное */
}
@media (hover: hover) {
  .ai-quiz__option:hover:not(:has(.ai-quiz__option-input:checked)) .ai-quiz__option-indicator {
    background: rgba(145, 213, 0, 0.5);
  }
  .ai-quiz__option:hover:not(:has(.ai-quiz__option-input:checked)) .ai-quiz__option-indicator svg {
    opacity: 0;
  }
}

/* Вариант ответа: карточка (Figma 3103-13846) */
.ai-quiz__option-label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  cursor: pointer;
  background: #fff;
  border-radius: 0.75rem;
  padding: 1rem 1.25rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.2s, background 0.2s;
}
@media (hover: hover) {
  .ai-quiz__option-label:hover {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  }
}

/* Выбранный ответ — лёгкий серый фон */
.ai-quiz__option:has(.ai-quiz__option-input:checked) .ai-quiz__option-label {
  background: #f5f5f5;
}

.ai-quiz__option-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  border: 0;
  cursor: pointer;
  /* На мобильных полная область лейбла принимает тап — чекбокс можно снять */
}
.ai-quiz__option-input:checked ~ .ai-quiz__option-indicator {
  background: #91D500;
}
.ai-quiz__option-input:checked ~ .ai-quiz__option-indicator svg {
  opacity: 1;
}
.ai-quiz__option-input[type=checkbox]:checked ~ .ai-quiz__option-indicator {
  background: #91D500;
}
.ai-quiz__option-input[type=checkbox]:checked ~ .ai-quiz__option-indicator svg {
  opacity: 1;
}

.ai-quiz__option-text {
  font-size: 1rem;
  font-weight: 500;
  color: #262626;
  flex: 1;
}

.ai-quiz__option-indicator {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #E6E6E6;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.ai-quiz__option-indicator svg {
  width: 1rem;
  height: 1rem;
  opacity: 0;
}
.ai-quiz__option-indicator {
  /* Квадрат для множественного выбора (checkbox) */
}
.ai-quiz__option-label:has(input[type=checkbox]) .ai-quiz__option-indicator {
  border-radius: 0.25rem;
}

/* Кнопки — app-button из ui (чёрная на всю ширину, белая на всю ширину) */
.ai-quiz__actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.ai-quiz__actions .app-button {
  width: 100%;
}
.ai-quiz__actions {
  /* Моб: высота как у блока варианта ответа (padding 1rem + контент ≈ 3.5rem) */
}
@media (max-width: 768px) {
  .ai-quiz__actions .app-button {
    min-height: 3.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/* AI logo */
.ai-quiz__ai-block {
  text-align: center;
  margin-top: 1.5rem;
}

/* Логотип уменьшен в 1.5 раза от исходных 157×160px */
.ai-quiz__ai-logo {
  width: 6.5625rem; /* 105px ≈ 157/1.5 */
  height: 6.666rem; /* ~106.67px ≈ 160/1.5 */
  margin: 0 auto;
  display: block;
}

/* Upload state — по Figma 3028-7140, 3028-7142 */
.ai-quiz__upload {
  padding: 0 0 3rem;
}

.ai-quiz__upload-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #262626;
  margin: 0 0 1rem;
  line-height: 1.3;
}

.ai-quiz__upload .hero--online__highlight {
  margin-bottom: 1.5rem;
}

/* Блок с серым фоном, две колонки (Figma 3028-7142) */
.ai-quiz__upload-block {
  background: #F5F5F5;
  border-radius: 1rem;
  padding: 2rem 2.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  align-items: start;
}
@media (max-width: 700px) {
  .ai-quiz__upload-block {
    grid-template-columns: 1fr;
    padding: 1.5rem 1.25rem;
    gap: 1.5rem;
  }
}

.ai-quiz__upload-footer {
  grid-column: 1/-1;
  margin-top: 2rem;
  padding-top: 2rem;
  text-align: center;
}

.ai-quiz__upload-col--left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Блок заглушки и блок превью — портретные пропорции (селфи) */
.ai-quiz__upload-image-wrap {
  border-radius: 0.75rem;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 3/4;
  max-height: 26rem;
  background: #E6E6E6;
}

.ai-quiz__upload-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Блок результата: заглушка или превью загруженного фото */
.ai-quiz__upload-result {
  position: relative;
  min-height: 0;
}

/* Блок превью — те же размеры, что и заглушка; картинка cover; кнопка «Заменить фото» */
.ai-quiz__upload-result .ai-quiz__upload-preview {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ai-quiz__upload-preview-inner {
  position: relative;
  width: 100%;
  aspect-ratio: 3/4; /* портретное селфи */
  max-height: 40rem;
  overflow: hidden;
  border-radius: 0.75rem;
  background: #E6E6E6;
}

/* Пульсация по прозрачности для AI-логотипа при загрузке */
@keyframes ai-quiz-loading-pulse {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
/* Оверлей загрузки: маска + AI-логотип по центру (стили логотипа из _online.scss) */
.ai-quiz__upload-loading {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.5);
  border-radius: inherit;
  z-index: 2;
}
.ai-quiz__upload-loading .ai-quiz__upload-loading-logo,
.ai-quiz__upload-loading .online-banner__logo {
  width: 5rem;
  animation: ai-quiz-loading-pulse 1.5s ease-in-out infinite;
}
.ai-quiz__upload-loading .ai-quiz__upload-loading-logo .online-banner-ai-logo,
.ai-quiz__upload-loading .online-banner__logo .online-banner-ai-logo {
  width: 100%;
  height: auto;
  display: block;
}

/* Текст «Немного терпения» в правой колонке при загрузке */
.ai-quiz__upload-loading-text {
  color: #91D500;
  font-family: Montserrat, sans-serif;
  font-size: 2.1875rem;
  font-weight: 400;
  line-height: 2.8125rem;
  margin: 0 0 0.5rem 0;
}

.ai-quiz__upload-loading-subtext {
  font-size: 1rem;
  line-height: 1.5;
  color: #262626;
  margin: 0;
}

/* Печатающий текст при загрузке (как в ai-banner__typing-text) */
.ai-quiz__typing-text {
  display: inline;
}

.ai-quiz__typing-cursor {
  display: inline-block;
  animation: blink 1s infinite;
  color: #91D500;
}

/* Блок формы запроса плана (после успешного ответа) — по макету Figma 3089-13022 */
.ai-quiz__plan-ready {
  padding: 1.5rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 0.9375rem;
  background: linear-gradient(114deg, #91D500 12.19%, #AFF41E 50.21%), #FFF;
  color: #262626;
  font-family: Montserrat, sans-serif;
  font-size: 1.025rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}

.ai-quiz__get-plan-intro {
  color: #5B616D;
  font-family: Montserrat, sans-serif;
  font-size: 0.825rem;
  font-style: normal;
  line-height: 1.2875rem; /* 135% */
  letter-spacing: 0;
  margin: 0 0 1.25rem;
}

.ai-quiz__get-plan-fields {
  margin-bottom: 1.25rem;
}

.ai-quiz__get-plan-label {
  display: block;
  margin-bottom: 0.75rem;
}

.ai-quiz__get-plan-label:last-child {
  margin-bottom: 0;
}

.ai-quiz__get-plan-input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  font-size: 1rem;
  background: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04);
}

.ai-quiz__get-plan-input::placeholder {
  color: #9e9e9e;
}

.ai-quiz__get-plan-checkboxes {
  margin: 1.25rem 0;
}
.ai-quiz__get-plan-checkboxes .ui-checkbox__link {
  color: #91D500;
  text-decoration: underline;
}
.ai-quiz__get-plan-checkboxes .ui-checkbox__link:hover {
  color: #7ab800;
}

.ai-quiz__get-plan-btn {
  margin-top: 1rem;
}

/* Блокировка по валидации: кнопка неактивна, пока не заполнены поля и чекбоксы */
.ai-quiz__get-plan-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.ai-quiz__upload-preview-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* После ответа ИИ: скрыты заголовок «Анализ селфи», текст «Опрос пройден…», блок с фото и футер */
.ai-quiz__upload--plan-form .ai-quiz__upload-title,
.ai-quiz__upload--plan-form .hero--online__highlight,
.ai-quiz__upload--plan-form .ai-quiz__upload-col--left,
.ai-quiz__upload--plan-form .ai-quiz__upload-footer {
  display: none !important;
}

/* Форма «Получить план» на всю ширину блока */
.ai-quiz__upload--plan-form .ai-quiz__upload-block {
  grid-template-columns: 1fr;
}

/* Прозрачность превью только на этапе формы «Получить план» */
.ai-quiz__upload--plan-form .ai-quiz__upload-preview-inner img {
  opacity: 0.2;
}

.ai-quiz__upload-replace-btn {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  margin: 0;
}
.ai-quiz__upload-replace-btn[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Чекбоксы перед «Отправить» — текст белый */
.ai-quiz__upload-checkboxes {
  margin-top: 1rem;
}
.ai-quiz__upload-checkboxes .ai-quiz__upload-disclaimer {
  margin: 0 0 1rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #5b616d;
}
.ai-quiz__upload-checkboxes .ui-checkbox__link {
  color: #91D500;
  text-decoration: underline;
}
.ai-quiz__upload-checkboxes .ui-checkbox__link:hover {
  color: #7ab800;
}

/* Кнопка «Загрузить фото» — app-button чёрная из UI (Figma 3029-7402) */
.ai-quiz__upload-zone {
  position: relative;
  cursor: pointer;
}
.ai-quiz__upload-zone:hover, .ai-quiz__upload-zone.is-dragover {
  opacity: 0.9;
}

.ai-quiz__upload-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* Два варианта: «Сделать селфи» и «Выбрать фото» (на Android даёт камеру и галерею) */
.ai-quiz__upload-zone--choices {
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}
.ai-quiz__upload-zone--choices .ai-quiz__upload-input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.ai-quiz__upload-zone-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
}

.ai-quiz__upload-zone-btn {
  flex: 1;
  min-width: 140px;
  cursor: pointer;
}

/* Десктоп: одна кнопка «Загрузить фото»; мобильная: две кнопки «Сделать селфи» и «Выбрать фото» */
.ai-quiz__upload-zone-btn-text--desktop {
  display: none;
}

.ai-quiz__upload-zone-btn-text--mobile {
  display: inline;
}

@media (min-width: 769px) {
  .ai-quiz__upload-zone-btn--camera {
    display: none;
  }
  .ai-quiz__upload-zone-btn-text--desktop {
    display: inline;
  }
  .ai-quiz__upload-zone-btn-text--mobile {
    display: none;
  }
}
/* Модальное окно ошибки загрузки фото (распознавание лица) */
.ai-quiz-error-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.ai-quiz-error-modal[hidden] {
  display: none !important;
}

.ai-quiz-error-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.ai-quiz-error-modal__dialog {
  position: relative;
  z-index: 1;
  max-width: 22rem;
  padding: 1.5rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15);
}

.ai-quiz-error-modal__title {
  margin: 0 0 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f0f0f;
}

.ai-quiz-error-modal__text {
  margin: 0 0 1.25rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #262626;
}

.ai-quiz-error-modal__btn {
  width: 100%;
}

/* Скрытие до загрузки фото (переопределяем display от ui-form-checkboxes и app-button) */
.ai-quiz__upload-checkboxes[hidden],
.ai-quiz__submit-btn[hidden],
.ai-quiz__upload-replace-btn[hidden],
.ai-quiz__upload-zone[hidden] {
  display: none !important;
}

/* Стили из UI: app-button--green, app-button--medium */
.ai-quiz__submit-btn {
  margin-top: 0;
}

/* Правая колонка — заголовок списка и content-list со звёздами */
.ai-quiz__upload-col--right {
  padding-top: 0;
}

.ai-quiz__upload-list-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #91D500;
  margin: 0 0 1rem;
  line-height: 1.4;
}
.ai-quiz__upload-list-title.black {
  color: #0f0f0f;
}

.ai-quiz__upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ai-quiz__upload-list .content-list__item {
  padding-left: 1.75rem;
}
.ai-quiz__upload-list .content-list__text {
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #262626;
}

/* Футер-картинка внизу блока загрузки (662×101 px → rem) */
.ai-quiz__upload-footer-image {
  width: 25.375rem; /* 662px */
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: inline-block;
}

.ai-quiz__step {
  display: none;
}
.ai-quiz__step.is-active {
  display: block;
}

.ai-result {
  margin-top: 2rem;
  padding: 3.125rem 2.5rem;
  border-radius: 1.25rem;
  background: #F9F9FA;
}
@media (max-width: 768px) {
  .ai-result {
    padding: 0.625rem 0.75rem;
  }
}

.ai-result__block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
  align-items: start;
}
@media (max-width: 768px) {
  .ai-result__block {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.ai-result__col--left {
  position: relative;
}

.ai-result__photo-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 3/4; /* портретное */
  max-height: 40rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #f0f0f0;
}

.ai-result__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ai-result__photo--original[hidden],
.ai-result__photo--ai[hidden] {
  display: none !important;
}

/* Тумблер как в hero — позиция внизу по центру */
.ai-result__photo-wrap .hero__ai-toggle--result {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.ai-result__label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.75rem 0 0;
  font-size: 1rem;
  font-weight: 600;
  color: #262626;
}

.ai-result__label-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #91D500;
}

.ai-result__label-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  opacity: 0.9;
}

.ai-result__greeting {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  color: #262626;
  margin: 0 0 1.5rem;
}

.ai-result__box {
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.25rem;
}

.ai-result__box--green {
  background: linear-gradient(114deg, #91D500 12.19%, #AFF41E 50.21%), #fff;
  color: #fff;
}

.ai-result__congrats {
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}

.ai-result__box--white {
  background: #fff;
  color: #262626;
  padding: 1rem 1.25rem;
}

.ai-result__severity {
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.ai-result__goal-title {
  font-size: 1rem;
  font-weight: 700;
  color: #262626;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.ai-result__box--light {
  background: rgba(154, 226, 0, 0.2); /* светло-зеленый $color-primary-light как в описании средств */
  color: #262626;
  border-radius: 1rem;
}

.ai-result__goal-text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.ai-result__repeat {
  margin: 1.5rem 0 0;
  color: #6b6b6b;
}

.ai-result__repeat-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
}
.ai-result__repeat-link:hover {
  color: #262626;
  text-decoration: underline;
}

.ai-result__repeat-arrow {
  flex-shrink: 0;
}

/* Блок «Немного магии от Skinepic» — слайдер до/после (original vs clean) */
.ai-result-magic {
  margin-top: 3rem;
  /* Портретный вид фотографий без обрезки */
}
.ai-result-magic .online-results__slider {
  aspect-ratio: 3/4;
  height: auto;
  max-height: 100%;
}
.ai-result-magic .online-results__before img,
.ai-result-magic .online-results__after img {
  object-fit: contain;
}

.ai-result-magic__title {
  color: #303030;
  font-family: Montserrat, sans-serif;
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.75rem; /* 120% */
  letter-spacing: -0.05rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 700px) {
  .ai-result-magic__title {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.ai-result-magic__title--stars {
  position: relative;
}
.ai-result-magic__title--stars::before {
  content: "";
  display: block;
  width: 2.9375rem;
  height: 2.125rem;
  background-image: url("../img/two_stars.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  margin-bottom: 0.375rem;
}
@media (max-width: 700px) {
  .ai-result-magic__title--stars {
    padding-top: 2.5rem;
  }
  .ai-result-magic__title--stars::before {
    position: absolute;
    top: 0;
    left: 0;
    transform: none;
  }
}

.header--promo .header--promo__inner {
  display: flex;
  align-items: center;
  min-height: 5rem;
}
@media (max-width: 700px) {
  .header--promo {
    position: static;
  }
}

.promo-page .container--promo-blob .ui-blob.ui-blob--products {
  top: 0;
  right: 0;
  margin-top: 0;
}

.promo-page {
  padding-top: 5rem;
  padding-bottom: 4rem;
  overflow-x: hidden;
  overflow-y: visible;
}
@media (max-width: 700px) {
  .promo-page {
    padding-top: 7rem;
  }
}

.promo-decor-line {
  border-left: 7px solid #91d500;
  padding-left: 1.675rem;
  margin-bottom: 1.5rem;
}

.promo-hero__text.promo-decor-line,
.promo-mechanics__intro.promo-decor-line {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #171717;
  margin-top: 2rem;
}
.promo-hero__text.promo-decor-line p,
.promo-mechanics__intro.promo-decor-line p {
  margin: 0;
  font-size: inherit;
}
.promo-hero__text.promo-decor-line strong,
.promo-mechanics__intro.promo-decor-line strong {
  font-weight: 700;
}
@media (max-width: 700px) {
  .promo-hero__text.promo-decor-line,
  .promo-mechanics__intro.promo-decor-line {
    font-size: 1.15rem;
  }
}

.promo-title--stars-left {
  position: relative;
  padding-top: 1.5rem;
}
.promo-title--stars-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  width: 5.25rem;
  height: 3.8125rem;
  background-image: url("../img/two_stars.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 1;
}
@media (max-width: 700px) {
  .promo-title--stars-left {
    padding-top: 1.25rem;
  }
  .promo-title--stars-left::before {
    width: 2.9375rem;
    height: 2.125rem;
  }
}

.promo-hero {
  position: relative;
  padding: 2rem 0 3rem;
  overflow: visible;
}
.promo-hero__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
  .promo-hero__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.promo-hero__col {
  flex: 1;
  min-width: 0;
}
.promo-hero__col--left {
  max-width: 40rem;
}
.promo-hero__title {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #303030;
  margin: 0 0 1rem;
}
@media (max-width: 700px) {
  .promo-hero__title {
    font-size: 1.75rem;
  }
}
.promo-hero__title-bold {
  font-weight: 700;
  color: #000;
}
.promo-hero__title-normal {
  font-weight: 400;
}
.promo-hero__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.75rem;
  line-height: 1.5;
  color: #171717;
  margin: 0 0 1.5rem;
}
.promo-hero__text p {
  margin: 0;
}
.promo-hero__text strong {
  font-weight: 700;
}
@media (max-width: 700px) {
  .promo-hero__text {
    font-size: 1.375rem;
  }
}

.promo-mechanics {
  padding: 3rem 0;
}
.promo-mechanics__title {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  color: #303030;
  margin: 0 0 1.5rem;
}
@media (max-width: 700px) {
  .promo-mechanics__title {
    font-size: 1.75rem;
  }
}
.promo-mechanics__title strong {
  font-weight: 700;
}
.promo-mechanics__intro {
  font-family: "Montserrat", sans-serif;
  font-size: 1.75rem;
  line-height: 1.5;
  color: #000;
  margin-bottom: 2rem;
}
.promo-mechanics__intro p {
  font-size: inherit;
}
@media (max-width: 700px) {
  .promo-mechanics__intro {
    font-size: 1.375rem;
  }
}
.promo-mechanics__grid {
  display: block;
}
.promo-mechanics__content {
  max-width: 50rem;
}
.promo-mechanics__block {
  margin-bottom: 3rem;
}
.promo-mechanics__subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000;
  margin: 0 0 0.5rem;
}
.promo-mechanics__period {
  margin-bottom: 0.75rem;
}
.promo-mechanics__text {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #626262;
  margin: 0;
}
.promo-mechanics__link-wrap {
  margin: 1.5rem 0;
}
.promo-mechanics__link {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.67);
  text-decoration: none;
}
.promo-mechanics__link:hover {
  text-decoration: underline;
}
.promo-mechanics__green-block {
  background: linear-gradient(175deg, #eaffbc 4%, #f9ffeb 56%, #d4f196 99%);
  border-radius: 1.25rem;
  padding: 1.25rem 2.5rem;
  margin: 2rem 0;
}
.promo-mechanics__green-block p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.025rem;
  font-weight: 600;
  line-height: 1.7;
  color: #000;
  margin: 0 0 1rem;
}
.promo-mechanics__green-block p:last-child {
  margin-bottom: 0;
}
.promo-mechanics__cta {
  text-align: center;
  margin-top: 2rem;
}

.promo-prizes {
  margin: 2rem 0;
  width: 100%;
  box-sizing: border-box;
}
.promo-prizes__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1rem;
}
.promo-prizes__grid {
  width: 100%;
  overflow: hidden;
  padding-bottom: 2.5rem;
}
.promo-prizes__grid .swiper-wrapper {
  align-items: stretch;
}
.promo-prizes__grid .swiper-slide {
  height: auto;
  box-sizing: border-box;
}
.promo-prizes__grid .swiper-slide .promo-prizes__item {
  height: 100%;
}
.promo-prizes__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
  margin-top: 1rem;
}
.promo-prizes__pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background: #c4c4c4;
  opacity: 1;
  transition: background 0.2s ease;
}
.promo-prizes__pagination .swiper-pagination-bullet-active {
  background: #A2E611;
}
.promo-prizes__item {
  width: 100%;
  box-sizing: border-box;
  padding: 1.875rem 1.875rem 0;
  background: #F9F9FA;
  border-bottom: 5px solid #A2E611;
  border-radius: 1.25rem;
  overflow: hidden;
  transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.promo-prizes__item:hover {
  background: #91d500;
  border-bottom-color: transparent;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}
@media (max-width: 700px) {
  .promo-prizes__item {
    padding: 1.5rem 1.25rem 0;
  }
}
.promo-prizes__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0 0 1rem 1rem;
  object-fit: contain;
}
.promo-prizes__placeholder {
  aspect-ratio: 1;
  background: #f9f9fa;
  border: 2px solid #a2e611;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  color: #767a85;
}

.promo-form {
  padding: 3rem 0;
  margin: 2rem 0;
  background: transparent;
}

.promo-form__header {
  margin-bottom: 1.5rem;
}

.promo-form__title {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  color: #171717;
  margin: 0 0 1.5rem;
}
@media (max-width: 700px) {
  .promo-form__title {
    font-size: 1.75rem;
  }
}
.promo-form__title strong {
  font-weight: 700;
}
.promo-form__desc {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #5b616d;
  margin: 0 0 1.5rem;
}
.promo-form__desc.promo-decor-line {
  border-left: 7px solid #91d500;
  padding-left: 1.875rem;
}
.promo-form__box {
  background: linear-gradient(175deg, #91d500 57%, #9ae200 110%);
  border-radius: 1.25rem;
  padding: 2rem 2.5rem;
  max-width: none;
  width: 100%;
}
.promo-form__field {
  margin-bottom: 1.25rem;
}
.promo-form__label {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.promo-form__combobox {
  position: relative;
  width: 100%;
}
.promo-form__input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  background: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04);
  color: #262626;
}
.promo-form__input::placeholder {
  color: #9e9e9e;
}
.promo-form__input:disabled {
  background: #f5f5f5;
  cursor: not-allowed;
}
.promo-form__dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 0.25rem;
  max-height: 12rem;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: none;
  list-style: none;
  padding: 0.25rem 0;
  margin: 0;
}
.promo-form__dropdown.is-open {
  display: block;
}
.promo-form__dropdown-option {
  padding: 0.75rem 1rem;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  cursor: pointer;
  color: #262626;
}
.promo-form__dropdown-option:hover, .promo-form__dropdown-option:focus {
  background: #f5f5f5;
}
.promo-form__result {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}
.promo-form__message {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
  padding: 0 1rem;
  color: #fff;
  text-align: center;
}
@media (min-width: 700px) {
  .promo-form__message {
    font-size: 1.375rem;
    padding: 0 1.5rem;
  }
}
.promo-form__apply-btn {
  width: 100%;
  font-size: 2rem;
  padding: 1.25rem 2rem;
  line-height: 1.3;
  background-color: #fff !important;
  color: #171717 !important;
  border: none !important;
  justify-content: center;
}
.promo-form__apply-btn:hover {
  background-color: #f5f5f5 !important;
  color: #171717 !important;
}
@media (max-width: 700px) {
  .promo-form__apply-btn {
    font-size: 1.5rem;
    padding: 1rem 1.5rem;
  }
}
.promo-form__apply-btn--hidden {
  display: none !important;
}
.promo-form__continue-btn {
  padding: 1.175rem 2.1875rem;
  font-size: 1.2375rem;
}
@media (max-width: 700px) {
  .promo-form__continue-btn {
    padding: 1rem 1.5rem;
    font-size: 1.0625rem;
  }
}
.promo-form__continue-btn--hidden {
  display: none !important;
}
.promo-form__stats {
  font-family: "Montserrat", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  color: #171717;
  margin: 2rem 0 0;
}
.promo-form__stats strong {
  font-weight: 700;
}
@media (min-width: 700px) {
  .promo-form__stats {
    font-size: 1.75rem;
  }
}

.promo-video {
  padding: 3rem 0;
}
.promo-video__title {
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  color: #303030;
  margin: 0 0 2.5rem;
}
@media (max-width: 700px) {
  .promo-video__title {
    font-size: 1.75rem;
  }
}
.promo-video__title strong {
  font-weight: 700;
}
.promo-video__green-block {
  background: linear-gradient(175deg, #eaffbc 4%, #f9ffeb 56%, #d4f196 99%);
  border-radius: 1.25rem;
  padding: 1.25rem 2.5rem;
  margin-bottom: 2rem;
}
.promo-video__green-block p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  margin: 0 0 0.5rem;
}
.promo-video__green-block .promo-video__green-title {
  margin-bottom: 0.5rem;
}
.promo-video .online-video__wrapper {
  margin-bottom: 1.5rem;
}
.promo-video__placeholder {
  max-width: 50rem;
  aspect-ratio: 16/9;
  background: #f0f0f0;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.promo-video__placeholder p {
  font-family: "Montserrat", sans-serif;
  color: #767a85;
  margin: 0;
}

.promo-organizer {
  margin: 2.5rem 0 0;
  padding: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  color: #6b7280;
  text-align: center;
}/*# sourceMappingURL=main.css.map */