/* Lato, Montserrat, PT Sans loaded locally via fonts/fonts.css */
.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.pt-sans-regular {
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.pt-sans-bold {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.pt-sans-regular-italic {
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.pt-sans-bold-italic {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Qanelas';
  margin: 0;
  overflow-x: hidden;
}

/* Scroll offset for anchor links */
section[id] {
  scroll-margin-top: 100px;
}

.container {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}

/* ============================================
   СТИЛИ ДЛЯ HEADER (перенесено из newProduct/css/style.css)
   ============================================ */

header {
  margin-bottom: 98px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background: #fff;
  z-index: 4;
  margin-bottom: 98px;
  max-width: 1400px;
  margin: 0 auto;
}

body {
  padding-top:120px;
}

.header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  border-style: solid;
  border-width: 0;
  border-color: #e7e7e7;
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
  padding: 0 50px;
  margin: 0 auto;
}

.header__right {
  display: flex;
  gap: 25px;
  align-items: center;
}

.header__phone a {
  color: #009BDE;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header__phone svg {
  display: none;
}

.header__callback a {
  font-size: 17px;
  background-color: #187bf1;
  border-style: solid;
  border-width: 0;
  padding: 15px 23px;
  color: #fff;
  border-radius: 84px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header__callback svg {
  width: 17.5px;
  height: 18px;
  fill: #fff;
}

.header__burger {
  display: none;
}

.header__menu {
  flex:1;
  padding:0 20px;
}


.header__menu ul {
  display: flex;
  gap: 0px;
  list-style-type: none;
  margin: 0;
  min-height: 47px;
  padding: 0;
  align-items: center;
  justify-content: space-evenly;
  gap:10px;
}

.header__menu ul li {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 0 !important;
  position: initial;
}

.header__menu ul li:after {
  display: none !important;
}

.header__menu ul li a {
  color: #54595F;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  line-height: 20px; /* 142.857% */
}

.header__menu ul li a:hover {
  color: #187bf1;
}

.header__logo img {
  max-width: 200px;
  height: auto;
}

/* Бургер меню анимация */
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ham path {
  stroke: #187bf1;
}

.hamRotate.active {
  transform: rotate(45deg);
}

.hamRotate180.active {
  transform: rotate(180deg);
}

.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #000;
  stroke-width: 5.5;
  stroke-linecap: round;
}


/* Мобильное меню */
.mobile-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 300px;
  height: 100vh;
  background-color: #373737;
  padding: 42px 25px 25px;
  z-index: 10000;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  display: none;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .reviews .section__title {
    text-align: center !important;
  }
  .mobile-menu {
    display: flex;
  }

  #indications::before {
    display:none;
  }
}

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

.mobile-menu.active {
  transform: translateX(0);
}

.mobile-menu__close.t450__close_icon {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10001;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mobile-menu__close.t450__close_icon span {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  transition: transform 0.3s ease;
}

.mobile-menu__close.t450__close_icon span:nth-child(1) {
  transform: rotate(45deg);
}

.mobile-menu__close.t450__close_icon span:nth-child(2) {
  transform: rotate(-45deg);
}

.mobile-menu__close.t450__close_icon span:nth-child(3),
.mobile-menu__close.t450__close_icon span:nth-child(4) {
  display: none;
}

.mobile-menu__logo {
  margin-bottom: 30px;
}

.mobile-menu__logo img {
  width: 120px;
  height: auto;
}

.mobile-menu__nav {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

.mobile-menu__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 0 !important;
}

.mobile-menu__nav ul li {
  list-style: none;
  margin-bottom: 15px;
  position: static !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  padding-bottom: 0 !important;
}

.mobile-menu__nav ul li:after {
  content: none !important;
  display: none !important;
}

.mobile-menu__nav ul li a {
  font-size: 17px;
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  display: block;
  transition: color 0.3s ease;
}

.mobile-menu__nav ul li a:hover {
  color: #187bf1;
}

.mobile-menu__buy {
  margin-top: auto;
  padding-top: 30px;
}

.mobile-menu__buy-btn {
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  color: #fff;
  background-color: #187bf1;
  border-style: solid !important;
  border-color: #187bf1 !important;
  border-width: 1px;
  border-radius: 100px;
  box-shadow: none !important;

  font-weight: 400;
  transition-duration: 0.2s;
  transition-property: background-color, color, border-color, box-shadow, opacity, transform, gap;
  transition-timing-function: ease-in-out;
  text-decoration: none;
  line-height: 1;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  width: auto;
}

.mobile-menu__buy-btn:hover {
  opacity: 0.9;
}

.mobile-menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: none;
}
 
#indications {
  position:relative;
  padding:40px 0;
}

#indications::before { 
  content: '';
  position: absolute;
  top: 0;
  width: 500%;
  left: -250%;
  height: 100%;
  background-color: #f4f4f4;
  z-index: -1;
}

#reviews {
  position: relative;
  padding: 80px 0 1px 0;
  margin-top: 80px;
}

#reviews::before { 
  content: '';
  position: absolute;
  top: 0;
  width: 500%;
  left: -250%;
  height: 100%;
  background-color: #f4f4f4;
  z-index: -1;
}

#recommendations {
  background-color: #f4f4f4;
  margin-top:80px;
  padding: 40px 24px 80px;
}

#why-clients {
  background-color: #f4f4f4;
  margin-top:80px;
  padding: 40px 24px 80px;
}

@media screen and (max-width: 768px) {
  .mobile-menu__overlay {
    display: block;
  }
  #reviews::before { 
    display:none;
  }
}

.mobile-menu__overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Скрываем мобильное меню на ПК */
@media screen and (min-width: 769px) {
  .mobile-menu,
  .mobile-menu__overlay {
    display: none !important;
  }
}

.order-button {
  display: inline-flex;
  padding: 15px 24px 16px 23px;
  justify-content: center;
  align-items: center;
  border-radius: 84px;
  background: #187bf1;
  color: #FFF;
  text-align: center;
  font-family: "PT Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  /* 100% */
  letter-spacing: 0.5px;
  text-decoration: none;
}

.main-title {
  color: #161717;
  font-family: "Lato", Arial, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  max-width:600px;
}

.main-list {
  width: 477px;
  border-radius: 30px;
  background: #F4F4FF;
  padding: 35px 35px;
  margin-top: 35px;
  border-radius: 20px 20px 20px 20px;
  background-color: #ffffff;
  background-position: center center;
  border-width: var(--t396-borderwidth, 0);
  border-style: var(--t396-borderstyle, solid);
  border-color: var(--t396-bordercolor, transparent);
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
  transition: background-color var(--t396-speedhover, 0s) 
ease-in-out, color var(--t396-speedhover, 0s) 
ease-in-out, border-color var(--t396-speedhover, 0s) 
ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) 
ease-in-out;
}

.main-list-item {
  display: flex;
  gap: 13px;
}

.main-list span {
  display: block;
  color: #161717;
  leading-trim: both;
  text-edge: cap;
  font-family: Qanelas;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

.main-wrap {
  display: grid;
  grid-template-columns: 1fr 390px;
  gap: 70px;
}

.main-video {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: block;
}

.main-video img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
}

.main-video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: transform 0.3s;
  pointer-events: none;
}

.main-video:hover .main-video__play {
  transform: translate(-50%, -50%) scale(1.1);
}

.main-video-title {
  color: #000000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
  margin-top: 19px;
}


/* utp */

.utp {
  padding: 101px 0 58px;
}

.utp__wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.utp__item {
  background: url(images/utp-bg.svg) top center / cover no-repeat;
  padding: 0 0 25px 25px;
  color: #161717;
  border-radius: 10px 10px 10px 10px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-width: var(--t396-borderwidth, 0);
    border-style: var(--t396-borderstyle, solid);
    border-color: var(--t396-bordercolor, transparent);
    transition: background-color var(--t396-speedhover, 0s) 
ease-in-out, color var(--t396-speedhover, 0s) 
ease-in-out, border-color var(--t396-speedhover, 0s) 
ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) 
ease-in-out;
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
}

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

.utp__item-img img {
  max-width: 100%;
  height: auto;
}

.utp__item h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  margin: 0;
}

.utp__item p {
  margin: 25px 0px 0 0;
  font-size: 16px;
  line-height: 25px;
  max-width: 220px;
}

.utp__item .toggle__icon {
  display: none;
}

.results-banner {
  border-radius: 30px;
  background: #f4f4f4;
  width: 100%;
  padding: 34px 50px 52px 45px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 31px;
}

.results-banner-icon-wrap {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.results-banner-icon {
  display: flex;
  gap: 31px;
  align-items: center;
}

.results-banner-item span {
  color: #161717;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
  display: block;
  margin-bottom: 7px;
  margin-top: 12px;
}

.results-banner-item strong {
  color: #161717;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  /* 69.444% */
}

.product-effects {
  margin-top: 64px;
}

.doctor-banner-btn {
  margin-bottom:0;
}

.toggle__item-visible span {
  color: #161717;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 156.25% */
}

.toggle__item-visible {

  padding: 12px 5px 12px 0px;
  border-radius: 0 !important;
  border-bottom: 1px solid #DADBEA !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.toggle__icon {
  background-color: #187bf1;
  width: 26px;
  height: 26px;
  transition: all 0.3s;
  border-radius: 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}

.toggle__icon svg {
  color: #fff;
}

.toggle__icon--plus,
.toggle__icon--minus {
  display: inline-flex;
}

.toggle__item-hidden {
  color: #161717;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
  display: none;
  overflow: visible;
  margin-top:18px;
}

.toggle__item-hidden ul {
  color: #161717;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding-left: 18px;
  overflow: visible;
  line-height: 36px;

}

.toggle__item_active .toggle__item-visible>span {
  color: #187bf1;
}

.product-effects .toggle__item_active .toggle__item-visible>span {
  color: #161717 !important;
}

.toggle__item_active .toggle__icon {
  background-color: #E9E9E9;
}

.toggle__item_active .toggle__icon svg {
  color: #187bf1;
}

.product-effects .toggle__icon {
  background-color: transparent !important;
}

.product-effects .toggle__icon svg {
  color: #187bf1 !important;
  width: 15px;
  height: 15px;
}

.product-effects-wrap {
  display: grid;
  grid-template-columns: 578px 1fr;
  gap: 60px;
}



.section__title {
  color: #161717;
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  font-style: normal;
  line-height: 58px;
  margin: 0 0 40px;
  padding: 0px 0 0;
  text-align: center;
}

.section__title strong {
  font-weight:600;
}

.video_section__title {
  margin-top:94px;
}

.section__title span {
  color: #187bf1;
}

.indications {
  margin-top: 82px;
}

.indications-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 33px;
  align-items: start;
}

.indications-item {
  border-radius: 20px;
  background: #fff;
  min-height: 590px;
}

.indications-item-content {
  padding: 0px 20px;
  box-sizing: border-box;
  margin-top: 16px;
}

.indications-item-content strong {
  display: block;
  color: #161717;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 15px;
  margin-bottom: 14px;
  /* 93.75% */
}

.indications-item-content strong svg {
  display:none;
}

.indications-item-content ul {
  padding: 0;
  color: #161717;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  /* 125% */
  list-style: none;
}

.indications-item-content-more {
  display: flex;
  justify-content: center;
  margin-top: 17px;
  margin-bottom: 25px;
}

.indications-item a {
  color: #187bf1;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  /* 131.25% */
  border-bottom: 2px dashed #187bf1 !important;
  text-decoration: none;
}


.test-banner1-title {
  color: #FFF;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  text-transform: uppercase;
  margin-bottom: 29px;
  text-align: center;
}

.test-banner1 {
  border-radius: 30px;
  background: #187bf1;
  height: 291px;
  padding: 46px;
  box-sizing: border-box;
  position: relative;
  margin-top: 78px;
}

.test-banner1 img {
  position: absolute;
  bottom: 0;
  right: 0;
  display:none;
}

.test-banner1-title strong {
  font-weight: 600;
}

.test-banner1 span {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  display: block;
  margin-bottom: 14px;
  text-align: center;
}

.test-banner1 span strong {
  font-weight: 600;
}

.test-banner1 small {
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
  display: block;
  margin-bottom: 28px;
  text-align: center;
  

}

.test-banner1-bg1 {
  display: block !important;
    right: -294px !important;
    height: 615px !important;
    top: unset !important;
    bottom: -326px !important;
    opacity: 0.4 !important;
}


.test-banner1-bg2 {
  display: block !important;
    left: -294px !important;
    height: 615px !important;
    top: unset !important;
    bottom: -326px !important;
    opacity: 0.4 !important;
}

.test-banner1 a {
  display: inline-flex;
  height: 58px;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 50px;
  background: #FFF;
  color: #ab2020;
  text-align: center;
  font-family: Qanelas;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  /* 130% */
  letter-spacing: 0.5px;
  display: flex;
  width: 260px;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  margin:0 auto;  
}


/* why__doctors */

.why-doctors {
  margin-top: 85px;
}

.why-doctors .section__title {
  padding-top: 0;
}

.why-doctors__wrap {
  display: grid;
  grid-template-columns: 47% 554px;
  ;
  ;
  justify-content: space-between;
}

.why-doctors__wrap p {
  color: #161717;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}

.why-doctors__wrap p strong {
  color: #161717;
  font-weight: 600;
}

.why-doctors__wrap p:last-child {
  line-height: 19px;
  margin-bottom:0;
}

.why-doctors__right .kinescope-popup {
  padding: 0px 0px 0px 71px;
  position: relative;
}

.why-doctors__right .kinescope-popup img {
  border-radius: 30px;
}

.why-doctors__right a {
  display: block !important;
}

/* Why doctors slider */
.why-doctors__slider {
  position: relative;
  width: 100%;
  border-radius: 30px;
  overflow: visible;
}

.why-doctors__slider .slick-list {
  border-radius: 30px;
  overflow: hidden;
}

.why-doctors__slide {
  position: relative;
  width: 100%;
  height: 283px;
  overflow: hidden;
  background: #000;
  display: block !important;
}

.why-doctors__slide iframe {
  display: block;
  width: 100%;
  height: 283px !important;
  border: none;
}

.why-doctors__slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
  background: transparent;
  display: block !important;
}

/* Точки для why-doctors слайдера - под видео, как у других слайдеров */
.why-doctors__slider .slick-dots {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

.why-doctors__slider .slick-dots li {
  margin: 3px !important;
  width: 8px !important;
  height: 8px !important;
  position: relative !important;
  display: inline-block !important;
  padding: 0 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.why-doctors__slider .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  background-color: #D9D9D9 !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
  display: block !important;
  color: transparent !important;
  outline: 0 !important;
  transition: all 0.3s !important;
}

.why-doctors__slider .slick-dots li button:before {
  display: none !important;
}

.why-doctors__slider .slick-dots li.slick-active button {
  background-color: #187bf1 !important;
}

/* Убираем маркеры/псевдоэлементы списка от .shikPage ul li:after */
.why-doctors__slider .slick-dots li:after {
  content: none !important;
  display: none !important;
}

.kinescope-popup {
  display: block;
  width: 100%;
  height: 100%;
}

a.kinescope-popup {
  display: inline-block;
  width: auto;
}

.kinescope-play-btn {
  position: absolute;
  color: #fff;
  width: 4em;
  height: 4em;
  display: flex;
  align-items: center;
  justify-content: center;
  left: calc(50% - 2em);
  top: calc(50% - 2em);
  border-radius: 100%;
  opacity: .7;
  transition: .25s all;
  background: #000000;
  z-index: 1;
}

.why-doctors .toggles__wrap {
  padding: 60px 0px 0px 0px;
}



.why-doctors__button-wrap {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}

.why-doctors__button {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 26px;
  fill: #187bf1;
  color: #187bf1;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #187bf1;
  border-radius: 50px;
  padding: 13px 10px;
  cursor: pointer;
  transition: all 0.3s;
  display: block;
  width: 300px;
  max-width: 300px;
  text-align: center;
  text-decoration: none;
}

.why-doctors__button:hover {
  color: #fff;
  background-color: #045f95;
  border-color: #045f95;
}

.doctor-banner {
  width: 100%;
  height: auto;
  border-radius: 30px;
  background: #fff;
  padding: 37px;
  box-sizing: border-box;
  margin-top: 85px;
}

.doctor-banner-wrap {
  display: grid;
  grid-template-columns: 250px 1fr;
  padding-right: 118px;
  align-items: center;
}

.doctor {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 175px;
  text-align: center;
}

.doctor img {
  margin-bottom: 19px;
}

.doctor strong {
  display: block;
  margin-bottom: 3px;
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 117.647% */
}

.doctor span {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  /* 100% */
}

.doctor-banner-content {
  color: #161717;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 100% */
}

.doctor-banner-content a {
  display: inline-block;
  color: #187bf1;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  /* 105% */

  text-decoration: none;
  margin-top: 24px;
}

.doctor-banner-content .results__video-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  gap: 10px;
  margin-top: 24px;
  margin-bottom:0;
}

.price-banner {
  margin-top: 53px;
  width: 100%;
  height: 187px;
  border-radius: 30px;
  background: #187bf1;
  padding: 59px 47px;
  box-sizing: border-box;
}

.price-banner-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.price-banner-title {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.price-banner-text {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}

.price-banner-text p {
  margin:0;
  padding:0;
}

.price-banner a {
  display: inline-flex;
  height: 58px;
  padding: 16px 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 50px;
  background: #FFF;
  color: #ab2020;
  text-align: center;
  font-family: Qanelas;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  /* 130% */
  letter-spacing: 0.5px;
  display: flex;
  width: 260px;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}


/* why-clients - стили из newProduct/css/style.css */

.why-clients {
  padding: 110px 24px 0 24px;
  margin-bottom: 90px;
}

.why-clients__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.why-clients__item {
  background-color: #fff;
  border-radius: 30px;
  padding: 0 0 30px;
}

.why-clients__item-title {
  padding: 40px 20px 32px 30px;
  color: #161717;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.why-clients__item ul {
  padding: 0 50px 0 52px !important;
}

.why-clients__item-image {
  max-width: 100%;
}


.why-clients ul li {
  position: relative;
  color: #161717;
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 12px;
}

.shikPage .why-clients ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 6px;
  width: 6px;
  height: 10px;
  background: none;
  border-radius: 0;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


/* recommendations */

.recommendations {

}

.recommendations__item {
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 30px 40px;
  border-radius: 30px;
}

.recommendations__number {
  color: #187bf1;
  font-size: 16px;
  line-height: 25px;
}

.recommendations__title-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
  gap: 10px;
}

.recommendations__title {
  color: #161717;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  padding-right: 60px;
}

.recommendations__prices {
  display: flex;
  flex-direction: column;
}

.recommendations__prices-wrap {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.recommendations__prices strong {
  color: #161717;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 15px;
}


.recommendations__button {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  background-color: #187bf1;
  border-style: solid;
  border-width: 0;
  border-radius: 30px;
  padding: 6px 25px 5px;
  text-decoration: none;
  display: flex;
  gap: 15px;
  align-items: center;
  letter-spacing: 0.5px;
  ;
  max-width: 305px;
  box-sizing: border-box;
  width: auto;
}

.recommendations__button-icon {
  color: inherit;
  fill: currentColor;
}

.recommendations__prices span {
  color: #6a6a71;
  margin-top: 6px;
}

.recommendations__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
  gap: 10px;
}

.recommendations__content_hidden {
  display: none;
}

.recommendations__content_unbordered .recommendations__content-item-tr:first-child {
  border-top: none;
}

.recommendations__content_unbordered .recommendations__content-item_second {
  margin-top: 0 !important;
}

.recommendations__content-item h3 {
  color: #161717;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 16px 0;
}

.recommendations__content-item_second {
  margin-top: 50px;
}

.recommendations__content-item p {
  color: #6a6a71;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
}

.recommendations__content-item-tr {
  margin: 0;
  padding: 20px 0 30px;
  border-style: solid;
  border-width: 1px 0 0;
  border-color: #bcbeca;
  border-radius: 0;
  display: flex;
}

.recommendations__content-item-tr:last-child {
  padding-bottom: 0;
}

.recommendations__content-item-tr h3 {
  color: #161717;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
  min-width: 180px;
}

.recommendations__content-item-tr div {
  padding-left: 20px;
}

.recommendations__content-item-tr span {
  max-width: calc(100% - 180px);
  width: 100%;
  margin-top: 3px;
  padding-left: 20px;
  color: #6a6a71;
  font-size: 16px;
  line-height: 25px;
  padding-right: 65px;
}

.recommendations__content-item-tr div span {
  max-width: calc(100% - 180px);
  width: 100%;
  margin-top: 3px;
  padding-left: 20px;
  color: #187bf1;
  font-size: 16px;
  line-height: 25px;
  padding-right: 50px;
}


.recommendations__content-item-tr div span {
  padding-left: 0;
}

.recommendations__content-item-tr div ul {
  padding-top: 5px;
  padding-left: 25px;
  color: #6a6a71;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
  padding-right: 75px;
}

.recommendations__content-item-tr div ul li {
  padding-bottom: 12px;
}

.recommendations__content.hidden .recommendations__content-item-tr:first-child {
  border-top: none;
}

.recommendations__prices-or {
  color: #161717;
  font-size: 20px;
  font-weight: 600;
  line-height: 15px;
  padding: 15px 0;
}

.recommendations__prices-or-price {
  color: #6a6a71;
  font-size: 16px;
  line-height: 19px;
}

.recommendations__prices-or-price .recommendations__button-icon {
  color: #187bf1;
  fill: currentColor;
}

.recommendations__prices-or-price a {
  text-decoration: none;
}

.recommendations__prices-or-price a span {
  color: #187bf1 !important;
  border-style: dashed !important;
  border-width: 0 0 2px !important;
  border-color: #187bf1 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  position: relative !important;
}

.recommendations__view-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.recommendations__view-more {
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 24px;
  fill: #187bf1;
  color: #187bf1;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 2px dashed #187bf1 !important;
  text-decoration: none;
}

.desktop__hidden {
  display: none;
}


.shikPage ul {
  margin: 0;
  padding: 0;
  padding-left: 16px;
  list-style-type: none;
}

.shikPage ul li {
  position: relative;
  color: #161717;
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 12px;
}

.shikPage ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #000;
}

.usa {
  display: grid;
  grid-template-columns: 105px 1fr;
  gap: 26px;
  margin-top: 85px;
}

.usa span {
  display: block;
  max-width: 777px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 130% */
}

.usa-list {
  display: flex;
  gap: 15px;
  margin-top: 12px;
}

.usa-list-item {
  border-radius: 5px;
  background: #F4F4FF;
  padding: 7px 12px;
  box-sizing: border-box;
  display: flex;
  gap: 9px;
  align-items: center;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  position: relative;
}

.info-tooltip-popup * {
  color: #161717;
  font-size: 12px !important;
  line-height: 13px !important;
  /* 108.333% */
}

.info-tooltip-popup a {
  pointer-events: auto !important;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(24, 123, 241, 0.3);
  touch-action: manipulation;
}


/* product */

.product__main {
  margin-top: 53px;
}

.product__main-wrap {
  display: grid;
  grid-template-columns: 686px 1fr;
}

.product__main-content {
  padding-left: 60px;
}


.product__title {
  color: #161717;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 42px;
  margin-bottom: 15px;
}

.product__reviews {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 30px;
}

.product__reviews a {
  font-family: "Qanelas", Sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 17px;
  fill: #187bf1;
  color: #187bf1;
  background-color: rgba(0, 0, 0, 0);
  border-style: dashed;
  border-width: 0px 0px 2px 0px;
  border-color: #187bf1;
  border-radius: 0px 0px 0px 0px;
  text-decoration: none;
}

.product__description {
  margin-bottom: 5px;
  line-height: 25px;
  font-size: 16px;
  color: #161717;
}

.product__main-content .product__description> :first-child {
  margin-top: 0;
}

.product__main-content .product__description> :last-child {
  margin-bottom: 0;
}

.product__description.hidden {
  display: none;
}

.product__description a {
  font-size: 16px;
  color: rgb(0, 115, 191);
  font-weight: 700;
  border-style: dashed;
  border-width: 0px 0px 2px 0px;
  border-color: #187bf1;
  text-decoration: none;
}

.product__main-content>ul {
  margin-top: 40px;
}

.product__main-content .toggle__item-visible>span {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}

.product__main-content .toggle__icon {
  background-color: transparent !important;
}



.product__main-content .toggle__icon svg {
  color: #187bf1 !important;
  width: 15px;
  height: 15px;
}

.product__main-content .toggle__item-hidden {
  padding-top: 0px;
}

.product__main-content .toggle__item-hidden ul {
  margin-top: -0.8em;
  padding-left: 40px;
  list-style-type: disc;
  margin-bottom: 24px;
}

.product__main-content .toggle__item-hidden ul li {
  padding-bottom: 0px;
  font-size: 16px;
  color: #161717;
}

.product__main-content .toggle__item-hidden ul li:after {
  display: none;
}

.emoji.charismo-ll {
  width: 16px;
}



/* BUY BLOCK */
.buy__block-item {
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  border-color: #d9d9d9;
  margin: 0;
  padding: 20px;
  transition: all .3s !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
}

.buy__block h3 {
  font-size: 20px;
}

.buy__block-item:hover,
.buy__block-item.active {
  border-color: #187bf1 !important;
  background-color: #edf6ff !important;
}

.buy__block-item.active .buy__block-item-name:before {
  visibility: visible;
  opacity: 1;
}

.buy__block-item-name {
  color: #161717;
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 22px;
  position: relative;
}

.buy__block-item-sale-wrap {
  display: flex;
  justify-content: flex-end;
}

.buy__block-item-sale {
  margin: 0;
  padding: 5px 10px;
  background-color: #f2545b;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.buy__block-item-name:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 15px;
  height: 15px;
  border: 1px solid #1276ba;
  border-radius: 50%;
  box-sizing: border-box;
}

.buy__block-item-name:before {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 10px;
  width: 9px;
  height: 9px;
  background-color: #1276ba;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

.buy__block-item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.buy__block-item-bottom small {
  color: #161717;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.buy__block-item-bottom div {
  margin: 0;
  padding: 5px 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #187bf1;
  border-radius: 35px;
  transition: all .3s !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.but__block h3 {
  margin: 29px 0 0;
  padding: 0;
}

.buy__block-wrap {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.buy_block_button {
  font-family: "Qanelas", Sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 26px;
  fill: #fff;
  color: #fff;
  background-color: #187bf1;
  border-style: solid;
  border-width: 1px;
  border-color: #187bf1;
  border-radius: 50px;
  padding: 15px 80px;
  text-align: center;
  margin: 35px 0 20px;
  transition: all .3s;
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  display: block;
}


.buy_block_button:hover {
  background-color: #fff;
  border-color: #045f95;
  color: #187bf1;
}

.buy__block-item-price span {
  position: relative;
  margin-right: 10px;
}

.buy__block-item-price span:after {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background-color: #f2545b;
  width: calc(100% + 12px)
}


.loan__block {
  margin-top: 20px;
  font-size: 22px;
  line-height: 27px;
  margin: 0;
  padding: 24px 20px;
  background-color: #f7f7fb;
  border-radius: 12px;
  text-align: center;
}

.loan__block a {
  display: inline-block;
  text-decoration: none;
  border-bottom: 2px dashed #187bf1;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  margin-top: 8px;
  color: #187bf1;
  transition: all 0.3s;
}

.loan__block a:hover {
  color: #187bf1;
}

.after-buy {
  border-radius: 30px;
  background: #fff;
  height: 236px;
  box-sizing: border-box;
  padding: 38px;
  margin-top: 52px;
}

.after-buy {
  display: grid;
  grid-template-columns: 576px 1fr 1fr;
  gap: 73px;
  align-items: center;
}

.after-buy-text {
  color: #161717;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 37px;
  /* 102.778% */
}

.after-buy strong {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.after-buy span {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 8px;
}

.after-buy small {
  color: #A7A7A7;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 162.5% */
  display: block;
  margin-top: -10px;
  margin-bottom: 6px;
}



/* rules */

.rules {
  margin-top: 80px;
}

.rules__wrap {
  display: grid;
  grid-template-columns: 54% 46%;
  justify-content: space-between;
  align-items: start;
}

.rules__left {
  position: relative;
  padding-right: 60px;
  box-sizing: border-box;
}

.rules__left img {
  max-width: 100%;
  border-radius: 20px;
}

.rules__left .kinescope-popup {
  cursor: pointer;
}

.custom-table .bottom-table,
.custom-table .top-table {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding-bottom: 20px;
  border-bottom: 1px solid #187bf1;
}

.custom-table .bottom-table {
  padding: 20px 0;
  border-bottom: 1px solid #DADBEA;
}

.custom-table .col-container {
  max-width: 200px;
  width: 100%;
}

.custom-table .col-container h3 {
  margin: 0;
  font-family: "Qanelas", sans-serif;
  color: #161717;
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
}

.custom-table .col-container span {
  color: #161717;
  line-height: 25px;
  font-size: 16px;
}

.custom-table .col-container span.hidden {
  display: none;
}

.rules__right>ul {
  margin-top: 40px;
}

.rules__right .toggle__item-visible>span {
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
}

.rules__right .toggle__icon {
  background-color: transparent !important;
}

.rules__right .toggle__icon svg {
  color: #187bf1 !important;
  width: 15px;
  height: 15px;
}

.rules__right .toggle__item-hidden ul {
  margin-top: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

.rules__right .toggle__item-hidden ul li {
  padding-bottom: 0px;
  font-size: 16px;
  color: #161717;
}

.rules__right .toggle__item-hidden ul li:after {
  display: none;
}


.kinescope-popup {
  display: block;
  width: 100%;
  height: 100%;
}

a.kinescope-popup {
  display: inline-block;
  width: auto;
}

.kinescope-play-btn {
  position: absolute;
  color: #fff;
  width: 4em;
  height: 4em;
  display: flex;
  align-items: center;
  justify-content: center;
  left: calc(50% - 2em);
  top: calc(50% - 2em);
  border-radius: 100%;
  opacity: .7;
  transition: .25s all;
  background: #000000;
  z-index: 1;
}

.kinescope-popup-thumbnail {
  position: relative;
}

/* TODO УДАЛИТЬ */
.kinescope-popup-thumbnail img {
  max-width: 577px;
}

.memo {
  margin-top: 52px;
}

.memo__wrap {
  background-color: #187bf1;
  border-radius: 20px;
  margin: 0px;
  padding: 20px;
  margin-bottom: 20px;
}

.memo__title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

.memo__row {
  display: grid;
  grid-template-columns: 380px 54%;
  justify-content: space-between;
}

.memo__col {
  font-size: 16px;
  color: #fff;
  line-height: 23px;
}

.memo__col strong {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}

.memo__col ul {
  margin-top: 5px;
  list-style: disc;
}

.memo__col ul li {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.memo__col ul li:after {
  display: none;
}

.memo__row_hidden {
  margin-top: 20px;
}

.memo__col small {
  display: block;
  margin-bottom: 6px;
}

.memo__view-more-wrap {
  margin-top: 20px;
}

.memo__view-more {
  font-size: 16px;
  font-weight: 700;
  line-height: 17px;
  fill: #FFFFFF;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0);
  border-style: dashed;
  border-width: 0px 0px 2px 0px;
  border-color: #FFFFFF;
  border-radius: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}

.memo__row_hidden {
  display: none;
}

.memo__row_active {
  margin-top: 20px;
}



/* contr */

.contr {
  padding: 60px 24px 0;
}

.contr__wrap {
  border-style: solid;
  border-width: 1px;
  border-color: #dadbea;
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 40px;
  border-radius: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.contr__item {
  padding-bottom: calc(12px / 2);
  margin-top: calc(12px / 2);
  font-size: 16px;
  line-height: 25px;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  align-items: center;
}

.contr__item svg {
  width: 40px;
  min-width: 40px;
}

.contr__item span {
  margin-left: 30px;
}

.contr__title {
  color: #161717;
  font-size: 44px;
  text-transform: uppercase;
  line-height: 53px;
}

.contr__title span {
  color: #f2545b;
}


.questions-banner {
  margin-top: 80px;
}

.questions-banner__wrap {
  display: block;
  padding-bottom: 0px;
  border-radius: 30px;
  margin-bottom: 80px;
  position: relative;
  background: #F4F4FF;
}

.questions-banner img {
  position: absolute;
  bottom: 0px;
  left: 70px;
}

.questions-banner__title {
  color: #161717;
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 58px;
  margin-bottom: 40px;
}

.questions-banner__title span {
  color: #187bf1;
}

.questions-banner__content {
  padding: 49px 140px 49px 505px;
}

.questions-banner__text {
  margin: 0 0 60px;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 24px;
}

.questions-banner a {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  fill: #fff;
  color: #fff;
  background-color: #187bf1;
  border-style: solid;
  border-width: 1px;
  border-color: #187bf1;
  border-radius: 50px;
  padding: 13px 10px;
  text-decoration: none;
  transition: all .3s;
  width: 478px;
  max-width: 478px;
  display: block;
  text-align: center;
}

.questions-banner a:hover {
  background-color: #045f95;
  border-color: #045f95;
}

.results-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.results-tabs span {
  width: 144px;
  height: 41px;
  display: block;
  border-radius: 15px;
  background: #fff;
  color: #161717;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.results-tabs span.active {
  background: #F4F4FF;
  color: #187bf1;
  font-weight: 600;
}

.results-tabs-content-item img {
  border-radius: 20px;
  margin-bottom: 11px;
  max-width: 100%;
}

.results-tabs-content {
  display: grid;
  grid-template-columns: repeat(3, 274px);
  gap: 20px;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 51px;
}

.results-tabs-content-item {
  width: 274px;
}

.results-tabs-content-item strong {
  color: #161717;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  /* 125% */
  display: block;
  margin-bottom: 7px;
}

.results-tabs-content-item span {
  color: #161717;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 125% */
}

/* Info tooltip styles */
.info-tooltip-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.info-tooltip {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  z-index: 1;
}

.info-tooltip-popup li {
  padding: 0 !important
}

.info-tooltip-popup li:after {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 3px !important;
  width: 3px !important;
  height: 5px !important;
  border-radius: 50%;
  background-color: #187bf1;
}



.info-tooltip-popup {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: 339px;
  border-radius: 15px;
  background: #FFF;
  padding: 23px;
  color: #161717;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 10000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.info-tooltip-popup::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #FFF;
  margin-top: -1px;
}

.info-tooltip-popup.info-tooltip-popup-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.product-effects-wrap li img.info-tooltip {
  width: 10px;
  margin-top: -11px;
  margin-left: -3px;
}

.intro {
  max-width: 1280px;
  margin: 1em auto;
}

.table-scroll {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  border-radius: 15px;
  border: 1px solid #D7D7D7;
  margin-top: 42px;
}

.table-scroll table {
  width: 100%;
  /* min-width: 1280px; */
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.table-wrap {
  position: relative;
}

.table-scroll th,
.table-scroll td {
  height: 59px;
  /* width: 30px; */
  padding: 5px 10px;
  vertical-align: top;
}

.table-scroll thead th {
  background: #187BF1;
  height: 64px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.table-scroll tbody tr,
.table-scroll tbody tr>th:first-child {
  background: white;
  color: #797979;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  /* min-width: 20px; */
}

.table-scroll tbody tr>td {
  border-left: 1px solid #D7D7D7;
  vertical-align: middle;
}

.table-scroll tbody tr:nth-child(2n),
.table-scroll tbody tr:nth-child(2n)>th:first-child {
  background: rgba(247, 247, 247, 1);
}

.table-scroll tbody>tr.primary,
.table-scroll tbody>tr.primary>th:first-child {
  background: rgba(94, 163, 245, 1);
  color: white;
}

/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #666;
  color: #fff;
  z-index: 4;
}

.table-scroll th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
}

.table-scroll thead th:first-child,
.table-scroll tfoot th:first-child {
  z-index: 5;
}


footer {
  background-color: #1a1a1c;
}

.footer__wrap {
  padding: 81px 24px 160px;
  display:grid;
  grid-template-columns: 1fr 1fr;;
}

.footer__logo {
  display:block;
  margin-bottom:20px;
}

.footer__wrap span, .footer__wrap a {
  color: #fff;
  font-size: 16px;
  line-height: 25px;
  text-decoration: none;
}

.footer__contacts a, .footer__contacts span {
  font-size:20px !important;
  line-height:28px !important;
}

.footer__contacts div {
  display:flex;
  gap:20px;
}

.footer__contacts {
  display:flex;
  gap:40px;
  flex-direction: column;
  margin-top:40px;
  max-width:330px;
  margin-bottom:20px;
}

.footer__contacts svg {
  min-width:30px;
  margin-top:3px;
}

.footer__wrap a:hover {
  text-decoration: underline;
}

.footer__right strong {
  font-size:48px;
  line-height:58px;
  font-weight:400;
  color:#fff;
  text-transform: uppercase;
}

.footer__socs span {
  display:none;
}

.footer__socs {
  display:flex;
  gap:20px;
  margin-top:48px;
}

.footer__socs a {
  background-color: rgba(0, 0, 0, 0);
  font-size: 80px;
  padding: 0;
}

@media(max-width: 750px) {
  .table-scroll {
    max-height: 68vh;

  }

  body .table-scroll tr>td {
    max-width: 40px;
  }

  body .table-scroll tr>th:first-child {
    overflow-wrap: break-word;
    font-size: 12px;
  }

  body .table-scroll tr.primary>th:first-child {
    font-size: 14px;
  }

  .table-scroll thead th {
    font-size: 14px;
    height: 92px;
  }

  .table-scroll thead>tr>th,
  .table-scroll tbody td {
    width: 10%;
  }

  .table-scroll th,
  .table-scroll td {
    padding: 5px 6px;
  }
}

@media screen and (min-width: 769px) and (max-width: 700px) {
  body {
    padding-top:100px;
  }

}

/* ============================================
   ПЛАНШЕТНАЯ ВЕРСИЯ (769px - 1024px)
   ============================================ */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container {
    padding: 0 24px;
    max-width: 100%;
  }

  header {
    margin-bottom: 50px;
  }

  .header__wrap {
    height:78px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }

  .header__menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    max-width: 300px;
    height: 100vh;
    z-index: 10000;
    background-color: #373737;
    padding: 42px 25px 25px;
    transition: left 0.3s ease;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }

  .header__menu.active {
    left: 0;
  }

  .header__menu .header__menu-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 1;
  }

  .header__menu .header__menu-logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 120px !important;
    height: auto !important;
  }

  .header__menu.active .header__menu-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header__menu.active .header__menu-logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Крестик закрытия */
  .t450__close_icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .t450__close_icon span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    transition: transform 0.3s ease;
  }

  .t450__close_icon span:nth-child(1) {
    transform: rotate(45deg);
  }

  .t450__close_icon span:nth-child(2) {
    transform: rotate(-45deg);
  }

  .t450__close_icon span:nth-child(3),
  .t450__close_icon span:nth-child(4) {
    display: none;
  }

  /* Логотип в меню */
  .header__menu-logo {
    margin-bottom: 30px;
    margin-top: 0;
    display: block !important;
    width: 100%;
    flex-shrink: 0;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
  }

  .header__menu-logo img {
    width: 120px !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header__menu ul {
    flex-direction: column;
    background-color: #fff;
  }

  .header__menu ul li {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 0;
    position: initial;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    border-bottom: 1px solid #e0e0e0;
    flex-direction: column;
    box-sizing: border-box;
  }

  .header__menu ul li a {
    font-size: 16px !important;
    text-transform: uppercase !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: space-between;
    display: flex;
    width: 100%;
    box-sizing: border-box;
  }

  .header__right {
    gap: 20px;
  }

  .header__phone span {
    display: none;
  }

  .header__burger {
    display: block;
  }

  .header__burger .ham {
    width: 35px;
    margin-top: 2px;

  }



  .header__callback {
    display: none;
  }

  .header__logo img {
    width: 175px;
  }

  .main-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .main-title {
    font-size: 28px;
    line-height: 34px;
    padding-right: 20px;
  }

  .main-list {
    width: 100%;
    max-width: 100%;
  }

  .section__title {
    font-size: 36px;
    line-height: 44px;
  }
  
  .results__slider-wrap {
    max-width:580px !important;
  }

  .results__slider__next {
    right:-45px !important;
  }

  .results__slider__prev {
    left:-45px !important;
  }

  .results__video-btn {
    padding: 16px 65px !important;
  }

  .results-banner-icon > img {
    max-width:100px;
  }

  .product-effects-image img {
    max-width:100%;
  }

  .after-before__slider .slick-slide {
   
    box-sizing: border-box;
  }

  .after-before__slider .slick-slide:last-child {
    padding-right: 0;
  }

  .utp {
    padding: 60px 0 40px;
  }

  .utp__wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .utp__item {
    background-color: #f4f4ff;
    padding: 14px 20px;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 45px auto;
    column-gap: 5px;
    position: relative;
    border-radius: 30px;
  }

  .utp__item-img {
    grid-row: 1;
    grid-column: 1;
    justify-self: start;
    align-self: center;
    width: min-content;
    width: 45px;
  }

  .utp__item-img img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    object-position: center center;
  }

  .utp {
    padding-top: 37px;
  }

  .utp__item h2 {
    grid-row: 1;
    grid-column: 2;
    margin: 0;
    align-self: center;
    font-size: 16px;
    line-height: 25px;
    padding-right: 45px;
  }

  .utp__item p {
    display: none;
    grid-row: 2;
    grid-column: 1 / -1;
    margin: 0px 0 0 0;
    width: 100%;
    max-width: 100%;
  }

  .utp__item .toggle__icon {
    position: absolute;
    right: 20px;
    top: 25px;
    background-color: transparent !important;
    display: flex;
  }

  .utp__item .toggle__icon svg {
    color: #187bf1 !important;
    width: 15px;
    height: 15px;
  }

  .indications {
    margin-top: 60px;
  }

  .indications-wrap {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: stretch;
  }

  .indications-item {
    min-height: auto;
  }

  .indications-item img {
    width:100%;
  }

  .test-banner1 {
    padding: 40px 35px;
    margin-top: 60px;
    padding-right:340px;
    height:auto;
  }

  .reviews__sources {
    justify-content: center;
  }

  .test-banner1-title {
    font-size: 28px;
    line-height: 34px;
  }

  .test-banner1 span {
    font-size: 18px;
    line-height: 22px;
  }

  .test-banner1 a {
    width: 240px;
    font-size: 18px;
  }

  .why-doctors {
    margin-top: 60px;
  }

  .why-doctors__wrap {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .why-doctors__wrap {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .why-doctors__right {
    min-width: 0;
    width: 100%;
  }

  .why-doctors__slider {
    width: 100%;
    min-width: 0;
  }

  .why-doctors__slider .slick-list {
    width: 100%;
    min-width: 0;
  }

  .why-doctors__slide {
    width: 100%;
  }

  .product-effects {
    margin-top: 50px;
  }

  .product-effects-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .results {
    padding: 40px 24px 0;
  }

  .results-banner {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 30px 35px 40px 35px;
  }

  .results-banner-item strong {
    font-size: 30px;
    line-height: 28px;
  }

  .results__slider-wrap {
    width: 100%;
    max-width: 600px;
  }

  .results__slider__prev {
    left: -60px;
  }

  .results__slider__next {
    right: -60px;
  }

  .results__video-btn {
    width: 100%;
    max-width: 400px;
    padding: 16px 60px;
    font-size: 18px;
  }

  .recommendations {
    padding: 70px 24px 0;
  }

  .recommendations__item {
    padding: 25px 35px;
  }

  .recommendations__title-wrap {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .recommendations__title {
    font-size: 28px;
    line-height: 34px;
    padding-right: 0;
  }

  .recommendations__content {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 15px;
  }

  .recommendations__content-item-tr {
    padding: 15px 0 25px;
  }

  .recommendations__content-item-tr h3 {
    font-size: 18px;
    min-width: 160px;
  }

  .recommendations__content-item-tr span {
    padding-right: 30px;
  }

  .recommendations__content-item-tr div span {
    padding-right: 20px;
  }

  .recommendations__content-item-tr div ul {
    padding-right: 50px;
  }

  .why-clients {
    padding: 80px 24px 0;
    margin-bottom: 70px;
  }

  .why-clients__wrap {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

  .why-clients__item-title {
    padding: 35px 20px 28px 25px;
    font-size: 18px;
  }

  .why-clients__item ul {
    padding: 0 40px 0 40px !important;
  }

  .product__main {
    margin-top: 40px;
  }

  .product__main-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 30px;
  }

  .product__main-gallery-image {
    grid-column: 1;
    grid-row: 1;
  }

  .product__main-gallery-image img {
    max-width:100%;
  }

  .product__main-content {
    padding-left: 0;
    display: contents;
  }

  .product__main-content > .product__title,
  .product__main-content > .product__reviews,
  .product__main-content > .product__description {
    grid-column: 2;
    grid-row: 1;
  }

  .product__main-content > .product__title {
    margin-bottom: 20px;
  }

  .product__main-content > .product__reviews {
    margin-top: -195px;;
    margin-bottom: 20px;
  }

  .product__main-content > .product__description {
    margin-top: 90px;
  }

  .product__main-content > .buy__block {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 0;
  }

  .product__main-content > .loan__block {
    grid-column: 1 / -1;
    grid-row: 3;
    margin-top: 0;
  }

  .product__title {
    font-size: 30px;
    line-height: 36px;
  }

  .rules {
    margin-top: 60px;
  }

  .rules__wrap {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .rules__left {
    padding-right:0;
  }

  .kinescope-popup-thumbnail img {
    max-width:unset;
  }

  .doctor-banner {
    margin-top: 60px;
    padding: 30px;
  }

  .doctor-banner-wrap {
    grid-template-columns: 200px 1fr;
    padding-right: 50px;
  }

  .doctor-banner-content {
    font-size: 18px;
    line-height: 22px;
  }

  .price-banner {
    margin-top: 40px;
    padding: 50px 40px;
    height: auto;
  }

  .price-banner-title {
    font-size: 28px;
    line-height: 34px;
  }

  .price-banner-text {
    font-size: 18px;
    line-height: 20px;
  }

  .price-banner a {
    width: 240px;
    font-size: 18px;
  }

  .after-buy {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 32px;
    margin-top: 40px;
  }

  .after-buy-text {
    font-size: 20px;
    line-height: 24px;
  }

  .memo {
    margin-top: 40px;
  }

  .memo__row {
    grid-template-columns: 320px 1fr;
    gap: 30px;
  }

  .memo__title {
    font-size: 20px;
  }

  .memo__col {
    font-size: 15px;
    line-height: 21px;
  }

  .memo__col strong {
    font-size: 20px;
  }

  .contr {
    padding: 50px 24px 0;
  }

  .contr__title {
    font-size: 36px;
    line-height: 44px;
  }

  .contr__wrap {
    padding: 35px;
    gap: 15px;
    grid-template-columns: 1fr;
    padding:0;
  }

  .contr__item {
    font-size: 15px;
    line-height: 23px;
  }

  .contr__item svg {
    width: 35px;
    min-width: 35px;
  }

  .contr__item span {
    margin-left: 25px;
  }

  .questions-banner {
    margin-top: 60px;
  }

  .questions-banner__content {
    padding: 40px 80px 40px 330px;
  }

  .questions-banner__title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 30px;
  }

  .questions-banner__text {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 50px;
  }

  .questions-banner a {
    width: 100%;
    max-width: 420px;
    font-size: 18px;
  }

  .questions-banner img {
    width: 300px;
    left: 0px;
  }

  .reviews {
    padding: 60px 0px 0px 0px;
  }

  .reviews__top {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .reviews__sources {
    width: 100%;
    max-width: 100%;
  }

  .reviews__sources-wrap {
    justify-content: flex-end;
  }

  .results-tabs-content {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    justify-content: center;
  }

  .results-tabs-content-item {
    width: 100%;
    max-width: 100%;
  }

  .usa {
    margin-top: 60px;
    gap: 20px;
  }

  .usa span {
    font-size: 18px;
    line-height: 24px;
  }

  .footer__wrap {
    padding: 60px 24px 120px;
    gap: 50px;
  }

  .footer__right strong {
    font-size: 40px;
    line-height: 48px;
  }

  .popup__order {
    width: 90%;
    max-width: 754px;
    padding: 20px;
  }

  .popup__video {
    width: 95%;
    max-width: 95%;
  }

  #popup__video-prof-0, #popup__video-prof-2, #popup__video-prof-3, #popup__video-prof-4 {
    width: 95%;
    max-width: 95%;
  }

  .popup.popup__review {
    padding: 30px 20px;
  }

  .popup__loan {
    width: 90%;
    max-width: 800px;
    padding: 30px 20px;
  }

  .popup__ingredients {
    width: 90%;
    max-width: 560px;
    padding: 30px 20px;
  }

  .quiz {
    width: 90%;
    max-width: 754px;
    padding: 30px 35px 32px 25px;
  }

  .quiz__title {
    font-size: 22px;
    line-height: 28px;
  }

  .qp {
    padding: 25px 35px;
  }

  .qp__title {
    font-size: 28px;
    line-height: 34px;
  }

  .qp__columns {
    gap: 40px;
  }

  .professionals {
    padding: 0px 0px 30px 24px;
  }

  .professionals__item-container {
    width: 320px !important;
  }

  .professionals__item-wrap {
    padding: 30px 15px !important;
  }

  .reviews__item-container {
    width: 300px !important;
  }

  .reviews__item-wrap {
    padding: 30px 15px 48px 15px !important;
  }

  .reviews__sources-vk,
  .reviews__sources-otzovik {
    max-width: 100%;
  }

  .video_section__title {
    margin-top: 70px;
  }

  .results__slider__item {
    width: 280px;
    padding: 8px;
  }

  .results__slider__item-image {
    height: 320px;
  }

  .results__slider__item-image img {
    height: 320px;
  }

  .results__slider__item .results__slider__item-image a {
    width: 200px;
    height: 48px;
    left: calc(50% - 100px);
    font-size: 15px;
    padding: 12px 18px;
  }

  .usa-list {
    flex-wrap: wrap;
  }

  .usa-list-item {
    font-size: 15px;
  }

  .header__menu ul {
    gap: 8px;
  }

  .header__menu ul li a {
    font-size: 13px;
  }

  .header__phone a {
    font-size: 18px;
  }

  .header__callback a {
    font-size: 16px;
    padding: 13px 20px;
  }

  .footer-actions {
    padding: 12px 20px;
  }

  .footer-actions a.footer-btn {
    font-size: 15px;
    padding: 12px 18px;
  }

  .popup__consult {
    width: 90%;
    max-width: 600px;
    padding: 30px 25px 40px;
  }

  .popup__consult-title {
    font-size: 28px;
    line-height: 34px;
  }

  .popup__contact {
    width: 90%;
    max-width: 450px;
    padding: 35px 40px 45px;
  }

  .popup__contact-title {
    font-size: 17px;
  }

  .popup__contact-btn {
    padding: 14px 25px !important;
    font-size: 16px !important;
  }

  .main-video {
    width: 100%;
    max-width: 100%;
  }

  .main-video img {
    width: 100%;
    height: auto;
  }

  .buy__block {
    padding: 0px;
  }

  .buy_block_button {
    margin-bottom:0;
  }

  .buy__block-item {
    padding: 20px;
  }

  .buy__block-item-title {
    font-size: 18px;
  }

  .buy__block-item-price {
    font-size: 28px;
  }

  .buy__block-item-price-old {
    font-size: 20px;
  }

  .buy__block-item-btn {
    width: 100%;
    max-width: 280px;
    font-size: 16px;
    padding: 14px 20px;
  }

  .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    transition: all 0.3s;
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
  }

  .slick-dots li:after {
    display: none !important;
  }

  .slick-dots {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    bottom: 0px !important;
    align-items: center !important;
    position: unset !important;
    margin-top: 20px !important;
    padding-left: 0 !important;
    margin-left: 0;
  }

  .slick-dots li {
    margin: 3px;
    width: 8px;
    height: 8px;
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    list-style: none;
  }

  .slick-dots button {
    background-color: #D9D9D9;
  }

  .slick-dots .slick-active button {
    background-color: #187bf1;
  }
  
}

@media screen and (max-width: 767px) {
  .indications-item-content strong svg {
    display: block;
}
  
  #popup__video-prof-0 iframe {
    height:185px !important; 
  }

  .usa {
    gap:10px;
  }
  .usa > img {
    width:53px;
  }
  .usa-content p {
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0;
  }
  .buy__block-item-name {
    font-size:22px;
  }
  .buy__block-item-bottom small {
    color: #161717;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
}
  .buy__block-item-bottom div {
    margin: 0;
    padding: 5px 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #187bf1;
    border-radius: 35px;
    transition: all .3s !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
}
.quiz__header-text {
  display:none;
}
.quiz--buy .buy__block-item-bottom small {
  color: #161717;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
} 

.quiz--buy .buy__block-item-name {
  font-size:18px;
}
.quiz--buy .buy__block-item-bottom div {
  font-size:12px;
}
  header {
    margin-bottom: 50px;
  }

  .header__wrap {
    padding: 0 45px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  }

  .header__menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    max-width: 300px;
    height: 100vh;
    z-index: 10000;
    background-color: #373737;
    padding: 42px 25px 25px;
    transition: left 0.3s ease;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }

  .header__menu.active {
    left: 0;
  }

  .header__menu .header__menu-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: 1;
  }

  .header__menu .header__menu-logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 120px !important;
    height: auto !important;
  }

  .header__menu.active .header__menu-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .header__menu.active .header__menu-logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .header__menu.active .container {
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  /* Крестик закрытия */
  .t450__close_icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .t450__close_icon span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    transition: transform 0.3s ease;
  }

  .t450__close_icon span:nth-child(1) {
    transform: rotate(45deg);
  }

  .t450__close_icon span:nth-child(2) {
    transform: rotate(-45deg);
  }

  .t450__close_icon span:nth-child(3),
  .t450__close_icon span:nth-child(4) {
    display: none;
  }

  /* Логотип в меню */
  .header__menu-logo {
    margin-bottom: 30px;
    margin-top: 0;
    display: block !important;
    width: 100%;
    flex-shrink: 0;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1;
  }

  .header__menu-logo img {
    width: 120px !important;
    height: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Блокировка прокрутки при открытом меню */
  body.menu-open {
    overflow: hidden;
  }


  .header__menu ul {
    flex-direction: column;
    background-color: transparent;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
  }

  .header__menu ul li {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 15px;
    border-bottom: none;
    display: block;
    width: 100%;
    text-align: left;
  }

  .header__menu ul li a {
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-transform: none !important;
    padding: 0 !important;
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: left !important;
  }

  .header__right {
    gap: 20px;
  }

  .header__phone span {
    display: none;
  }

  .header__burger {
    display: block;
  }

  .header__burger .ham {
    width: 35px;
    margin-top: 2px;
    margin-left:-10px;
  }



  .header__callback {
    display: none;
  }

  .header__logo img {
    width: 175px;
  }

  .container {
    padding: 0 24px;
  }

  .main-wrap {
    margin-top: 50px;
    display: flex;
    gap: 43px;
    flex-direction: column;
  }

  .main-title {
    border-radius: 7px 7px 7px 7px;
    background-color: #187bf1;
    color: #fff;
    font-size: 22px;
    line-height: 23px;
    width: 320px;
    margin: 0 auto;
    font-family: 'Montserrat', Arial, sans-serif;
    padding: 10px 9px 15px 9px;
    font-weight:500;
  }
  
  .main-title strong {
    font-weight: 500;
  }

  .main-list {
    box-sizing: border-box;
    height: auto;
    width: 100%;
    margin-top: 28px;
    background: unset;
    padding: 0px 24px;
    box-shadow: unset;
  }

  .main-list-item {
    margin-bottom: 18px;
  }
  

  .main-list-item:last-child {
    margin-bottom: 0;
  }

  .main-list span {
    line-height: 16px;
    font-size:15px;
  }

  .results__slider__item-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #161717;
    text-align: left;
    padding: 10px;
}

  .main-video {
    width: 100%;
    height: auto;
  }



  .main-video-title {
    margin-top: 15px;
  }


  .utp__wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .utp__item {
    background-color: #f4f4ff;
    padding: 14px 20px;
    box-shadow:unset;
  }

  .utp__item {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 45px auto;
    column-gap: 5px;
    position: relative;
    border-radius: 30px;
  }

  .utp__item-img {
    grid-row: 1;
    grid-column: 1;
    justify-self: start;
    align-self: center;
    width: min-content;
    width: 45px;
  }

  .utp__item-img img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    object-position: center center;
  }

  .utp {
    padding-top: 37px;
  }

  .utp__item h2 {
    grid-row: 1;
    grid-column: 2;
    margin: 0;
    align-self: center;
    font-size: 16px;
    line-height: 25px;
    padding-right: 45px;
  }

  .utp__item p {
    display: none;
    grid-row: 2;
    grid-column: 1 / -1;
    margin: 0px 0 0 0;
    width: 100%;
    max-width: 100%;
  }

  .utp__item .toggle__icon {
    position: absolute;
    right: 20px;
    top: 25px;
  }

  .utp__item .toggle__icon {
    background-color: transparent !important;
    display: flex;
  }

  .utp__item .toggle__icon svg {
    color: #187bf1 !important;
    width: 15px;
    height: 15px;
  }

  .results-tabs {
    display: none;
  }

  .results-tabs-content {
    display: none;
  }

  .indications-wrap {
    grid-template-columns: 1fr;
    gap: 13px;
  }

  .indications-item {
    min-height: unset;
    cursor: pointer;
    box-sizing: border-box;
  }

  .indications-item img {
    width: 100%;
    max-height: 0;
    opacity: 0;
    display:block;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 0;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, margin-bottom 0.4s ease-in-out;
  }

  .indications-item-content {
    padding: 20px;
    margin-top: 0;
    overflow: hidden;
  }

  .indications-item-content strong {
    margin-bottom: 0;
  }

  .indications-item-content-more {
    display:none;
  }

  .indications-item-content ul {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, margin-top 0.4s ease-in-out;
  }

  .indications-item-content-more {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  }

  .indications-item.indications-item-active img {
    max-height: 500px;
    opacity: 1;
    margin-bottom: 16px;
        margin-left: -20px;
    margin-top: -20px;
    width: calc(100% + 40px);
  }

  .indications-item.indications-item-active .indications-item-content ul {
    max-height: 1000px;
    opacity: 1;
    margin-top: 14px;
  }

  .indications-item.indications-item-active .indications-item-content-more {
    max-height: 100px;
    opacity: 1;
    display: flex;
  }

  .section__title {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
  }

  .test-banner1 {
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 33px 20px 0px 20px;
    margin-top: 48px;
    margin-left: -24px;
    margin-right: -24px;
    border-radius: unset;
    background-color: #187bf1;
    align-items: center;
    position: relative;
  }
  .test-banner1 .test-banner1-bg1 {
    display: block !important;
    position: absolute;
    left: -405px;
    top: -175px !important;
    width: 521px;
    transform: rotate(25deg);
    opacity: 0.4;
  }

  .test-banner1 .test-banner1-bg2 {
    display: block !important;
    position: absolute;
    left: 300px !important;
    top: -134px !important;
    width: 568px;
    transform: rotate(162deg);
    opacity: 0.4;
  }

  .reviews__sources {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }

  .test-banner1 img {
    position: relative;
  }

  .test-banner1-title {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 15px;
    order: 1;
    max-width: 265px;
    text-align: CENTER;
}

  .test-banner1 span {
    font-size: 16px;
    line-height: 20px;
    order: 2;
    margin-bottom: 15px;
    max-width: 220px;
    text-align: center;
  }

  .test-banner1 a {
    order: 3;
    color:#ab2020;
  }

  .test-banner1 small {
    order: 4;
    margin-top: 15px;
    max-width: 280px;
    text-align: center;
    font-size: 14px;
  }

  .test-banner1 img {
    order: 5;
    display:none !important;
  }

  .why-doctors__wrap {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
  }

  .why-doctors__left {
    display: contents;
  }

  .why-doctors__left .section__title {
    order: 1;
  }

  .why-doctors__right {
    order: 2;
  }

  .why-doctors__left p {
    order: 3;
  }

  .why-doctors .container {
    padding: 0;
  }

  .product-effects-content .toggles__wrap {
    gap: 34px;
    display: flex;
    flex-direction: column;
  }

  .product-effects {
    margin-top: 70px;
  }

  .product-effects-wrap {
    display: grid;
    grid-template-columns: 1fr;
  }

  .product-effects-image {
    display: none;
  }

  .product-effects-content .toggle__icon {
    display: none;
  }

  .product-effects-content .toggle__item {
    position: relative;
  }

  .product-effects-content .toggle__item>div {
    border-bottom: 0px !important;
    padding: unset;
  }

  .shikPage .product-effects-content .toggle__item>div>span {
    position: absolute;
    top: 0;
    border-radius: 30px;
    background: #000;
    color: #FFF !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.35px;
    /* 155% */
    padding: 2px 22px 2px 4px;
    box-sizing: border-box;
    top: 0;
    transform: translatey(-50%);
    display: flex;
    align-items: center;
    justify-content: center;

  }

  .shikPage .product-effects-content .toggle__item>div>span::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_270_926)'%3E%3Cpath d='M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.933 3.8446L5.53879 9.29678L3.06791 6.83749L2.5459 7.37114L5.53879 10.3408L11.455 4.37823L10.933 3.8446Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_270_926'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .product-effects-content .toggles__wrap .toggle__item {
    border-radius: 10px;
    background: unset;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border:1px solid #000000;
    padding: 28px 40px 22px 17px;
  }

  .product-effects-content .toggle__item ul,
  .product-effects-content .toggle__item-hidden ul {
    list-style: none !important;
    padding-left: 0;
  }

  .product-effects-content .toggle__item ul li,
  .product-effects-content .toggle__item-hidden ul li {
    line-height: 19px;
    /* 118.75% */
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
  }
  .product-effects-content .toggle__item ul li:last-child {
    margin-bottom:0;
    padding-bottom:0;
  }

  .product-effects-content .toggle__item ul li::before,
  .product-effects-content .toggle__item-hidden ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M16.0648 4.19043L7.12451 13.1307L3.72591 9.7321L2.60645 10.8516L7.12451 15.3697L17.1842 5.3099L16.0648 4.19043Z' fill='%23187BF1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .product-effects-content .toggle__item ul li:after {
    display: none !important
  }

  .mobile-ordering1 {
    display: flex;
    flex-direction: column-reverse;
    gap: 38px;
  }

  .results-banner {
    background: unset;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 15px;
  }

  .results-banner-item {
    display: grid;
    grid-template-columns: 60px 1fr;
    grid-template-rows: auto auto;
    gap: 0;
    align-items: start;
  }

  .results-banner-icon {
    grid-row: 1 / 3;
    gap: 0;
    display: flex;
    align-items: center;
    width: 36px;
  }

  .results-banner-item>span {
    display: block;
    margin: 0;
    grid-column: 2;
    grid-row: 1;
    font-size: 16px;
    line-height: 20px;
    /* 125% */
    padding-right: 100px;
    margin-bottom: 5px;
  }

  .results-banner-item>strong {
    display: block;
    margin: 0;
    grid-column: 2;
    grid-row: 2;
    font-size: 32px;
    line-height: 30px;
  }

  .results-banner .results-banner-icon>img {
    display: none;
  }

  .results-banner-icon-wrap img {
    width: 36px;
  }

  .results-banner-icon-wrap {
    width: 36px;
    height: 36px;
  }

  .why-doctors__right .popup__open img {
    width: 100%;
  }

  .why-doctors__left .section__title {
    margin-bottom: 26px;
  }

  .why-doctors .toggles__wrap {
    padding-top: 29px;
  }

  .doctor-banner-wrap {
    display: flex;
    flex-direction: column;
    padding-right: 0;
  }

  .doctor {
    width: auto;
    margin-bottom: 12px;
  }


  .doctor-banner {
    padding:0 !important;
  }
  .doctor-banner-content {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
  }

  .doctor-banner-content>div {
    text-align: left;
  }

  .doctor-banner-content a {
    font-size: 16px;
    line-height: 21px;
    ;
  }

  .price-banner {
    height: auto;
  }

  .price-banner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }

  .price-banner-title {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 15px;
  }

  .price-banner-text {
    font-size: 16px;
    line-height: 20px;
    /* 125% */
    margin-bottom: 30px;
    text-align: center;
  }



  .price-banner {
    padding: 33px;
  }

  .why-clients__item img {
    display: none;
  }

  .why-clients__wrap {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 30px;
    padding: 27px 22px;
  }

  .why-clients__item {
    padding: 0 0 20px;
    border-radius: 0;
    background: unset;
  }

  .why-clients__item-image {
    max-width: 100%;
  }

  .why-clients__item-title {
    padding: 0;
    font-size: 16px;
    margin-bottom: 10px;
  }

  .why-clients__wrap ul li {
    font-size: 16px;
    line-height: 20px;
    /* 125% */
  }

  .why-clients__wrap ul li:nth-child(n+5) {
    display: none;
  }

  .why-clients__item:nth-child(1) {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 14px;
  }

  .why-clients .container {
    padding: 0;
  }


  .recommendations__title-wrap {
    grid-template-columns: 1fr;
  }

  .recommendations__item {
    padding: 30px 20px 40px;
  }

  .recommendations__title {
    font-size: 24px;
    line-height: 28px;
    padding-right: 0;
  }

  .mobile__hidden {
    display: none !important;
  }

  .recommendations__content {
    grid-template-columns: 1fr;
  }

  .recommendations__content-item-tr {
    display: block;
  }

  .recommendations__content-item-tr span {
    padding-left: 0;
    padding-right: 0;
  }

  .recommendations__button {
    font-size: 16px;
    line-height: 19px;
  }

  .recommendations__prices span {
    margin-top: 15px;
  }

  .recommendations__content-item_second {
    margin-top: 30px;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #bcbeca;
    padding-top: 15px;
  }

  .recommendations__content h3 {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 16px;
  }

  .recommendations__content h3 br {
    display: none;
  }

  .recommendations__prices-wrap {
    flex-direction: column;
    gap: 0;
  }

  .recommendations__content-item-tr div {
    padding-left: 0;
  }

  .recommendations__content-item-tr div ul {
    padding-left: 0;
    padding-right: 0;
  }

  .recommendations__content ul li:after {
    display: none;
  }

  .recommendations__content_unbordered .recommendations__content-item-tr:first-child {
    border-top: 1px solid #bcbeca;
  }

  .recommendations__subtitle-mobile {
    margin-top: 10px;
  }

  .recommendations__content_mobile_hidden {
    display: none;
  }

  .mobile_border_top {
    border-top: 1px solid #bcbeca;
    padding-top: 15px;
  }

  .recommendations__view-more-wrap.desktop__hidden {
    display: flex;
  }

  .recommendations__view-more {
    font-size: 16px;
    line-height: 21px;
  }

  .recommendations__content-item p {
    line-height: 25px !important;
  }

  .recommendations__content ul li {
    color: #6a6a71;
  }

  .desktop__hidden {
    display: block;
  }

  .recommendations {
    padding: 0;
    margin-top: 52px;
  }

  .recommendations__title-wrap .recommendations__prices {
    display: block;
  }

  .recommendations__view-more-wrap {
    margin-top: 40px;
  }

  .usa {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .usa-list {
    display: flex;
    gap: 15px;
    margin-top: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__wrap {
    display: flex;
    flex-direction: column-reverse;
    gap:100px;
}
.footer__contacts a, .footer__contacts span {
    font-size:16px !important;
    line-height:25px !important;
}
.footer__right strong {
    font-size: 30px !important;
    line-height: 38px !important;
}

.footer__socs svg {
    width:60px;
    height:60px;
}

  .product__main-gallery-image {
    max-width: 100%;
  
  }

  .product__main-gallery-image img {
    width: 288px;
    margin: 0 auto;
    display: block;
    margin-bottom: 29px;
  }

  .product__main-wrap {
    display: block;
  }

  .product__main-gallery-image {
    height: auto;
  }

  .product__main-gallery-image-wrap {
    max-height: 260px;
  }

  .product__title {
    font-size: 24px;
    line-height: 24px;
  }

  .product__main-content {
    padding: 0;
  }

  .after-buy {
    display: flex;
    grid-template-columns: 576px 1fr 1fr;
    gap: 19px;
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    padding: 27px 20px;
    margin-top: 30px;
  }

  .after-buy-text {
    font-size: 18px;
    line-height: 20px;
  }

  .rules__wrap {
    display: flex;
  }

  .rules__left {
    display: none;
  }

  .memo {
    margin: 0px;
    padding: 0;
    margin-top: 54px;
  }

  .memo__row {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
  }

  .memo__row_hidden {
    display: none;
  }

  .memo__col:nth-child(1) {
    margin-bottom: 20px;
  }

  .contr {
    padding: 0;
  }

  .contr__wrap {
    padding: 0;
    border: unset;
    grid-template-columns: 1fr;
  }

  .professionals .container {
    padding:0;
  }

  .contr__title {
    font-size: 30px;
    line-height: 36px;
    margin: 0px 0px 30px 0px;
    text-align: center;
  }

  .contr__item svg {
    width: 30px;
    min-width: 30px;
  }

  #questions {
    margin-bottom:130px;
  }

  .questions-banner__content {
    padding: 34px 0px 0px 20px;
  }

  .questions-banner__title {
    font-size: 32px;
    line-height: 38px;
    max-width: unset;
    max-width:150px;
  }

  .questions-banner__wrap {
    display: block;
    padding-bottom: 40px;
    border-radius: 20px;
  }

  .questions-banner__content a {
    display: block;
    position: absolute;
    bottom: -66px;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    font-size: 16px;
    padding: 6px 10px;

  }

  .questions-banner__text {
    max-width: 165px;
    font-size: 16px;
    line-height: 25px;
  }

  .questions-banner img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 220px;
    left: unset;
  }

  .questions-banner {
    padding: 0;
  }
}

/* Popup Order - точные стили из Figma без absolute позиционирования */
.popup__order {
  position: relative;
  width: 754px;
  min-height: 293px;
  background-color: #ffffff;
  border-radius: 30px;
  overflow: hidden;
  padding: 18px 20px 34px;
  margin: 0;
  box-sizing: border-box;
}

/* Кнопка закрытия - позиционирование через flex */
.popup__order-close {
  position: absolute;
  right: 20px;
  top: 18px;
  width: 21px;
  height: 21px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: block;
  z-index: 999999;
}

.popup__order-close img {
  width: 100%;
  height: 100%;
  display: block;
  max-width: none;
}

/* Контейнер для контента */
.popup__order-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 597px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

/* Логотип - точные размеры из Figma: top=34px, left=29px (отступ слева 10px от контейнера) */
.popup__order-logo {
  width: 200px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
  margin: 16px 0 43.5px 0;
  flex-shrink: 0;
  align-self: center;
}

.popup__order-logo img {
  width: 100%;
  height: 100%;
  max-width: none;
  display: block;
  object-fit: contain;
}

/* Заголовок - точные стили из Figma: top=130.5px (с translateY(-50%) = 100px), left=39px, width=597px, height=61px */
.popup__order-title {
  width: 100%;
  max-width: 597px;
  min-height: 61px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Qanelas', sans-serif;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  color: #161717;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  padding: 0;
  text-align: left;
}

.popup__order-title p {
  line-height: 30px;
  white-space: pre-wrap;
  margin: 0;
  padding: 0;
}

/* Форма с опциями - точные координаты из Figma: left=39px, top=177px, width=564px */
.popup__order-form {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 564px;
  align-self: flex-start;
  margin-left: 22px;
}

/* Общие стили для опций - точные размеры из Figma: left=61px, top=175/205/235, width=564px, height=17px */
.popup__order-option {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 17px;
  font-family: 'Qanelas', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #161717;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
}

/* Опция 1: top=175px относительно попапа, но с учетом заголовка нужен отступ */
.popup__order-option:first-child {
  margin-top: 0;
}

/* Опция 2: top=205px, отступ от опции 1 = 30px */
.popup__order-option:nth-child(2) {
  margin-top: 13px;
}

/* Опция 3: top=235px, отступ от опции 2 = 30px */
.popup__order-option:nth-child(3) {
  margin-top: 13px;
}

/* ============================================
   СТИЛИ ПОПАПОВ (перенесено из newProduct/css/style.css)
   ============================================ */

.popup__wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  background-color: rgba(0, 0, 0, .6);
  z-index: 7;
  overflow-y: auto;
  padding: 30px 16px;
  min-height: 100vh;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

/* Top-align only when showing review popups */
.popup__wrap.popup-wrap_top {
  align-items: flex-start;
}

.popup {
  padding: 40px 20px;
  animation-duration: .3s;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2);
  margin: 0;
  box-sizing: border-box;
  max-width: 950px;
  width: 100%;
}

.popup.popup__review {
  padding: 50px;
}

.popup__close {
  position: fixed;
  top: 5px;
  right: 5px;
  width: 43px;
  height: 43px;
  background-color: #187bf1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 999999;
  border-radius: 0;
}

.popup__close .t-popup__close-icon {
  width: 23px;
  height: 23px;
  display: block;
}

/* Video popup */
.popup__video {
  position: relative;
  padding: 0;
  background-color: transparent;
  max-height: 70vh;
  width: 840px;
  max-width: 840px;
}

.popup__video.vertical {
  width: 335px;
  max-width: 335px;
}

 #popup__video-prof-2, #popup__video-prof-3, #popup__video-prof-4 {
  max-width: 840px;
  width: 330px !important;
}

#popup__video-prof-0 {
  width: 890px !important;
  max-width: 890px;
  height: 500px;
}

#popup__video-prof-0 .review-popup__video {
  height:100%;
}

#popup__video-prof-1 {
  width: 604px !important;
  max-width: 604px;
  height: 500px;
}

#popup__video-prof-1 .review-popup__video {
  height:100%;
}

#popup__video-why {
  width: 100% !important;
  max-width: 100% !important;
}

.popup__vk, .popup__otzovik {
  position: relative;
  width: 100%;
  max-width: 1160px;
  padding: 0;
  background-color: transparent;
  max-height: 90vh;
  min-height: 90vh;
  padding: 0 !important;
}

.popup__components {
  position: relative;
  width: 100%;
  max-width: 600px;
  padding: 40px;
  background-color: #fff;
  border-radius: 12px;
}

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

.popup__components-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top:0;
  color: #000;
}

.popup__components-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 30px;
  color: #333;
}

.popup__components-links {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}

.popup__components-link {
  font-size: 16px;
  text-decoration: underline;
  transition: opacity 0.3s;
}

.popup__components-link:hover {
  opacity: 0.8;
}

.popup__components-link[data-popup="#popup__vk"] {
  color: rgb(0, 119, 255);
}

.popup__components-link[data-popup="#popup__otzovik"] {
  color: rgb(183, 71, 70);
}

.popup__vk iframe, .popup__otzovik iframe, .popup__vk_mob iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  border: none;
}

.popup__vk_mob {
  padding: 0 !important;
  min-height: 90vh;
  max-height: 90vh;
  position: relative;
}

.popup__video .review-popup__video {
  position: relative;
  width: 100%;
  z-index: 1;
}

.popup__video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  border-radius: 20px;
  background: #000;
}

.popup__video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.popup__video-close {
  background: #187bf1;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  right: 10px;
}


.popup__video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 12px;
}

/* Стрелки навигации в попапе с видео */
.popup__video-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s;
}

.popup__video-nav:hover {
  opacity: 1;
}

.popup__video-nav--prev {
  left: -60px;
}

.popup__video-nav--next {
  right: -60px;
}

.popup__video-nav .video-slider-arrow-circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2.19px 2.19px 10.94px 0px rgba(0, 0, 0, 0.13);
}

.popup__video-nav .video-slider-arrow-circle svg {
  width: 7px;
  height: 11px;
  display: block;
}

/* Скрываем стрелки если видео только одно или на первом/последнем */
.popup__video-nav.hidden {
  display: none;
}

@media (max-width: 1023px) {
  .popup__video iframe {
    height: 56vw;
  }
  
  /* Стрелки навигации на мобильных */
  .popup__video-nav {
    z-index: 1000000;
  }
  
  .popup__video-nav--prev {
    left: 10px;
  }
  
  .popup__video-nav--next {
    right: 10px;
  }
  
  .popup__video-nav .video-slider-arrow-circle {
    width: 30px;
    height: 30px;
  }
  
  .popup__video-nav .video-slider-arrow-circle svg {
    width: 6px;
    height: 9px;
  }

  .why-clients__item ul {
    padding: 0 35px 0 30px;
  }

  .why-clients__item-title {
    padding: 0px 20px 3px 13px;
  }
}

/* Review popup layouts */
.popup__review {
  position: relative;
}

.popup__review .review-popup__description {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 25px;
}

.popup__review .review-popup__gallery {
  display: grid;
  gap: 20px;
  justify-content: start;
  align-items: start;
  justify-items: start;
}

/* VK meta row */
.review-popup__vk-row {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.review-popup__vk-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}

.review-popup__vk-name {
  display: flex;
  align-items: center;
  color: #000;
  font-size: 24px !important;
  line-height: 32px;
  font-weight: 400;
  text-transform: uppercase;
}

.review-popup__vk-logo {
  width: 24px;
  height: 24px;
}

.review-popup__vk-link {
  margin-bottom: 0;
  margin-top: 0;
  color: #07f !important;
  font-weight: 400;
  border-bottom: 1px solid #07f;
  font-size: 17.6px;
  line-height: 25px;
  text-decoration: none;
}

/* Default: single column responsive */
.popup__review .review-popup__gallery img {
  width: 100%;
  max-height: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* 2 images: side by side, each up to 420x420 */
.popup__review .review-popup__gallery.gallery-count-2 {
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: repeat(1, minmax(100%, 1fr));
}

.popup__review .review-popup__gallery.gallery-count-2 img {
  width: 420px;
  height: 420px;
  object-fit: cover;
}

/* 4 images: 2x2, each 410x250 */
.popup__review .review-popup__gallery.gallery-count-4 {
  grid-template-columns: repeat(2, 410px);
  grid-auto-rows: 250px;
}

.popup__review .review-popup__gallery.gallery-count-4 img {
  width: 410px;
  height: 250px;
  object-fit: cover;
}

/* 3 images: left 570x520, right two stacked 270x250 using grid placement */
.popup__review .review-popup__gallery.gallery-count-3 {
  grid-template-columns: 570px 270px;
  grid-template-rows: 250px 250px;
  column-gap: 20px;
  row-gap: 20px;
}

.popup__review .review-popup__gallery.gallery-count-3 .img-0 {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 570px;
  height: 520px;
  object-fit: cover;
}

.popup__review .review-popup__gallery.gallery-count-3 .img-1 {
  grid-column: 2;
  grid-row: 1;
  width: 270px;
  height: 250px;
  object-fit: cover;
}

.popup__review .review-popup__gallery.gallery-count-3 .img-2 {
  grid-column: 2;
  grid-row: 2;
  width: 270px;
  height: 250px;
  object-fit: cover;
}

@media (max-width: 1023px) {
  .popup__review .review-popup__gallery.gallery-count-2 {
    grid-template-columns: 1fr;
  }

  .popup__review .review-popup__gallery.gallery-count-2 img {
    width: 100%;
    height: auto;
  }

  .popup__review .review-popup__gallery.gallery-count-4 {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
  }

  .popup__review .review-popup__gallery.gallery-count-4 img {
    width: 100%;
    height: auto;
  }

  .popup__review .review-popup__gallery.gallery-count-3 {


    row-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, minmax(50%, 1fr));
  }


  .popup__review .review-popup__gallery.gallery-count-3 a:nth-child(1) {
    grid-row: span 2;
    grid-column: span 2;
  }

  .popup__review .review-popup__gallery.gallery-count-3 a:nth-child(2), .popup__review .review-popup__gallery.gallery-count-3 a:nth-child(3) {
    grid-row: span 1;
  }


  .popup__review .review-popup__gallery.gallery-count-3 .img-0,
  .popup__review .review-popup__gallery.gallery-count-3 .img-1,
  .popup__review .review-popup__gallery.gallery-count-3 .img-2 {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    height: auto;
  }
}

/* Ensure lightbox is above popup overlay */
.lightboxOverlay,
.lightbox,
#lightboxOverlay,
#lightbox {
  z-index: 1000005 !important;
}

/* Loan popup */
.popup__loan {
  max-width: 800px;
  position: relative;
}

.popup__loan-title {
  color: #161717;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
}

.popup__loan-wrap {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
  margin-left: 5px;
}

.popup__loan-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.popup__loan-item > span {
  content: counter(li);
  color: #fff;
  display: inline-block;
  margin-right: .5em;
  text-align: center;
  direction: rtl;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #373737;
  background-color: #fff;
  color: #373737;
  min-width: 40px;
  min-height: 40px;
}

.popup__loan-item > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.popup__loan-item > div span {
  line-height: 25px;
}

.popup__loan a {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 26px;
  fill: #fff;
  color: #fff;
  background-color: #187bf1;
  border-style: solid;
  border-width: 1px;
  border-color: #187bf1;
  border-radius: 50px;
  padding: 13px 80px;
  display: inline-block;
  text-decoration: none;
}

/* Ingredients popup */
.popup__ingredients {
  max-width: 560px;
  position: relative;
}

.popup__ingredients-title {
  color: #161717;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 30px;
}

.popup__ingredients-text {
  font-size: 16px;
  line-height: 25px;
}

/* Consult popup */
.popup__consult {
  max-width: 600px;
  padding: 20px 20px 50px 20px;
  position: relative;
}

.popup__consult-title {
  color: #161717;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  max-width: 400px;
  margin-top: 18px;
  margin: 18px auto 30px auto;
}

.popup__consult-text {
  max-width: 400px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  margin: 0 auto 24px auto;
}

.popup__consult-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.popup__consult-methods {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
}

.popup__consult-method {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  transition: 0.3s;
}

.popup__consult-method input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.popup__consult-icon {
  width: 53px;
  height: 53px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: transparent;
  transition: 0.3s;
  border: 1px solid rgb(217, 217, 217);
}

.popup__consult-icon svg {
  width: 32px;
  height: 32px;
  transition: 0.3s;
}

.popup__consult-icon svg path {
  fill: rgb(217, 217, 217);
  transition: 0.3s;
}

.popup__consult-method--call input[type="radio"]:checked + .popup__consult-icon {
  background: rgb(60, 210, 84);
  border-color: rgb(60, 210, 84);
}

.popup__consult-method--call input[type="radio"]:checked + .popup__consult-icon svg path {
  fill: #fff;
}

.popup__consult-method--telegram input[type="radio"]:checked + .popup__consult-icon {
  background: rgb(0, 115, 191);
  border-color: rgb(0, 115, 191);
}

.popup__consult-method--telegram input[type="radio"]:checked + .popup__consult-icon svg path {
  fill: #fff;
}

.popup__consult-method--whatsapp input[type="radio"]:checked + .popup__consult-icon {
  background: rgb(60, 210, 84);
  border-color: rgb(60, 210, 84);
}

.popup__consult-method--whatsapp input[type="radio"]:checked + .popup__consult-icon svg path {
  fill: #fff;
}

.popup__consult-label {
  display: none;
}

.popup__consult-input {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #E6E6E6;
  font-size: 14px;
  max-width: 400px;
  background-color: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.8);
  border-width: 1px 1px 1px 1px;
  border-radius: 32px 32px 32px 32px;
  box-sizing: border-box;
  margin: 0 auto;
}

.popup__consult-agree {
  margin: 0 auto;
  max-width: 400px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #555;
}

.popup__consult-privacy {
  margin: 0 auto;
  max-width: 400px;
  font-size: 12px;
  color: #2a7ae2;
  text-decoration: underline;
}

.popup__consult-submit {
  background-color: #187bf1;
  color: #FFFFFF;
  font-family: "Qanelas", Sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 25px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #187bf1;
  border-radius: 32px 32px 32px 32px;
  padding: 12px 24px 12px 24px;
  transition: 0.3s;
  cursor: pointer;
  display: inline-block;
  width: 245px;
  margin: 0 auto 0px auto;
}

.popup__consult-submit:hover {
  background-color: #045F95;
  color: #FFFFFF;
  border-color: #187bf1;
}

.popup__order-option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

/* Радиокнопка внешний круг - точные размеры из Figma: 12x12 */
.popup__order-radio {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  flex-shrink: 0;
  border: 2px solid #187bf1;
  border-radius: 50%;
  background-color: transparent;
  display: block;
  box-sizing: border-box;
  margin-right: 10px;
  position: relative;
}

/* Внутренний круг выбранной радиокнопки - точные размеры из Figma: 6x6 */
.popup__order-radio-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #187bf1;
  display: none;
}

.popup__order-option input[type="radio"]:checked ~ .popup__order-radio {
  background-color: #187bf1;
}

.popup__order-option input[type="radio"]:checked ~ .popup__order-radio-inner {
  display: block;
}

.popup__order-label {
  line-height: 25px;
  white-space: pre-wrap;
  margin: 0;
  padding: 0;
  flex: 1;
}

.header__logo a {
  display: flex;
  text-decoration: none;
  flex-direction: column;
  align-items: center;
}

.header__logo a span {
  vertical-align: middle;
    color: #187bf1;
    font-size: 22px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 700;
}

.header__logo a small {
  vertical-align: middle;
  color: #000000;
  font-size: 15px;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 400;
  margin-top:-2px;
}


/* Адаптивность */
@media (max-width: 768px) {

  .header__phone svg {
    display:block;
  }
 
  .popup__ingredients-title {
    font-size:26px;
  }
  .popup__ingredients-text {
    font-size: 16px;
    line-height: 22px;
}
  .usa {
    margin-top:40px;
  }
  #recommendations {
    padding: 40px 24px 40px 24px;
  }
  #recommendations .container {
    padding:0;
  }
  #reviews {
    margin-top:0;
  }
  #why-clients {
    margin-top:0;
  }
  #recommendations {
    margin-top:0;
  }
  .indications {
    margin-top:42px;
    background: #f4f4f4;
    margin-left: -20px;
    margin-right: -20px;
    padding: 50px 20px;
  }
  .indications-item {
    background: #fff;
  }
  
  .indications-item-content strong {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indications-item-content strong svg {
  margin-left:20px;
  width:25px;
  height:25px;
}
.indications-item-active strong svg {
  display: none;
}

.shikPage .indications-item-content ul li {
  position: relative;
  color: #161717;
  font-size: 15px !important;
  line-height: 21px !important;
  padding-bottom: 12px;
}
.shikPage .indications-item-conten ul li:after {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
  .quiz__result-title-highlight {
    display:block;
  }
  .popup__video iframe {
    height: 51vw;
}
  .popup__order {
    width: 90%;
    max-width: 754px;
    padding: 20px;
  }
  
  .buy__block-item-price {
    display: flex;
    flex-direction: column;
  }

  .popup__order-close {
    right: 20px;
    top: 20px;
  }

  .popup__order-content {
    padding-left: 0;
    padding-right: 0;
  }

  .popup__order-logo {
    margin-bottom: 30px;
  }

  .popup__order-title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
  }

  .popup__order-form {
    margin-left: 0;
    max-width: 100%;
  }

  .popup__order-option {
    padding: 8px 0;
  }
}

/* ============================================
   СТИЛИ ДЛЯ RESULTS SLIDER (перенесено из newProduct/css/style.css)
   ============================================ */

.results {
  padding: 45px 24px 0;
}

.results_slider {
  margin-bottom:48px;
}

/* Кнопка "Смотреть видеоотзывы" */
.results__video-btn {
  display: flex;
  width: 440px;
  height: 58px;
  padding: 16px 88px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #187bf1;
  background: #fff;
  color: #187bf1;
  text-align: center;
  font-family: Qanelas;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.5px;
  text-decoration: none;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.3s;
  cursor: pointer;
  gap:10px;
}

.results__video-btn  img {
  margin-top:0;
}

.results__video-btn:hover {
  background: #005a94;
  border-color: #005a94;
  color: #FFF;
  text-decoration: none;
}

/* Адаптивность для кнопки */
@media (max-width: 768px) {
  .results__video-btn {
    width: 100%;
    max-width: 440px;
    padding: 16px 20px;
    display: flex;
    gap: 6px;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 40px;
}
  
  .results__slider__item {
    text-align: center;
  }
  
  .results__slider__item a {
    display: inline-block;
  }
}

.results__slider__item {
  width: 294px;
  padding: 10px;
}

.results__slider__item-image {
  height: 338px;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
}

.results__slider__item-image img {
  height: 338px;
  object-fit: cover;
  object-position: center center;
  max-width: 100%;
}

.results__slider__item .results__slider__item-image a {
  position: absolute;
  width: 224px;
  height: 53px;
  box-sizing: border-box;
  top: calc(50% - 26px);
  left: calc(50% - 112px);
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 25px;
  fill: #fff;
  color: #fff;
  background-color: #187bf1;
  border-style: solid;
  border-width: 1px;
  border-color: #187bf1;
  border-radius: 50px;
  padding: 13px 20px;
  transition: all .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.results__slider__item .results__slider__item-image a:hover {
  color: #187bf1;
  background-color: #FFFFFF;
  border-color: #187bf1;
}

.results__slider__item-text {
  padding: 8px 0 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  color: #161717;
}

.results__slider__item a {
  text-decoration: none;
  border-bottom: 2px dashed #187bf1;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  color: #187bf1;
}

.results__slider-wrap {
  width: 880px;
  margin: 0 auto;
  position: relative;
}

.results__slider__arrow {
  top: 169px;
  width: 43px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 3;
  position: absolute;
  cursor: pointer;
}

.results__slider__arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}

.video-slider-arrow-circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2.19px 2.19px 10.94px 0px rgba(0, 0, 0, 0.13);
}

.video-slider-arrow-circle svg {
  width: 7px;
  height: 11px;
  display: block;
}

.results__slider__prev {
  left: -145px;
}

.results__slider__next {
  right: -145px;
}

/* Адаптивные стили для results_slider */
@media (max-width: 1023px) {
  .results__slider-wrap {
    width: 100%;
    max-width: 580px !important;
  }

  .results__slider__item {
    width: 100%;

  }
}
.after-buy-delivery {
  position: relative;
}
@media (max-width: 768px) {
  .popup__close {
    position: fixed;
    top: 5px;
    right: 5px;
    width: 33px;
    height: 33px;
    background-color: #187bf1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 999999;
    border-radius: 0;
}
  .toggle__icon {
    min-width:26px;
    min-height:26px;
  }
  .info-tooltip-popup {
    width:300px;
  }
  .info-tooltip-popup {
    left:59%;
  }
  .info-tooltip-popup {
    font-size:14px;
  }
  .product-effects-wrap li img.info-tooltip {
    width: 17px;
    margin-top: 0px;
    margin-left: 3px;
    position: absolute;
}
  .results__slider__arrow {
    width: 43px;
    height: 40px;
  }

  .results__slider__prev {
    left: -5px;
  }

  .results__slider__next {
    right: -5px;
  }

  .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    transition: all 0.3s;
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
  }

  .slick-dots li:after {
    display: none !important;
  }

  .slick-dots {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    bottom: 0px !important;
    align-items: center !important;
    position: unset !important;
    margin-top: 20px !important;
    padding-left: 0 !important;
    margin-left: 0;
  }

  .slick-dots li {
    margin: 3px;
    width: 8px;
    height: 8px;
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    list-style: none;
  }

  .slick-dots button {
    background-color: #D9D9D9;
  }

  .slick-dots .slick-active button {
    background-color: #187bf1;
  }
}

/* ============================================
   СТИЛИ ДЛЯ TWENTYTWENTY (перенесено из newProduct/css/style.css)
   ============================================ */

.twentytwenty-before-label::before {
  content: "До" !important;
  font-family: "Qanelas", Sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
  color: #FFFFFF !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  padding: 4px 12px 4px 12px !important;
  max-width: 66px;
  min-width: 60px !important;
  text-align: center;
  top: 20px !important;
  box-sizing: border-box !important;
  transition: all .3s !important;
  left: 0 !important;
  top: 20px !important;
  border-radius: 0 !important;
}

.twentytwenty-after-label::before {
  content: "После" !important;
  font-family: "Qanelas", Sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
  color: #FFFFFF !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
  padding: 4px 12px 4px 12px !important;
  max-width: 66px;
  right: 0px !important;
  min-width: 60px !important;
  text-align: center;

  box-sizing: border-box !important;
  top: 20px !important;
  border-radius: 0 !important;
  transition: all .3s !important;
}

/* Надписи всегда видны и обрезаются вместе с изображениями */
.twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container .twentytwenty-overlay:hover .twentytwenty-after-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-overlay:hover .twentytwenty-after-label,
.twentytwenty-after-label {
  opacity: 1 !important;
  position: absolute !important;
  overflow: visible !important;
  visibility: visible !important;
  display: block !important;
  /* clip работает только с position: absolute */
}

.twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container .twentytwenty-overlay:hover .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-overlay:hover .twentytwenty-before-label,
.twentytwenty-before-label {
  opacity: 1 !important;
  position: absolute !important;
  overflow: visible !important;
  visibility: visible !important;
  display: block !important;
  /* clip работает только с position: absolute */
}

/* Убеждаемся, что псевдоэлементы тоже обрезаются */
.twentytwenty-after-label::before {
  position: absolute !important;
}

.twentytwenty-before-label::before {
  position: absolute !important;
}

/* Clip-path будет применяться через динамические стили из JavaScript */

.twentytwenty-overlay:hover {
  background: transparent !important;
}

/* Убрано скрытие надписей при активном состоянии - надписи всегда видны */
/* .twentytwenty-container.active .twentytwenty-after-label::before,
.twentytwenty-container.active .twentytwenty-before-label::before {
  opacity: 0 !important;
} */

/* ============================================
   СТИЛИ ДЛЯ REVIEWS (перенесено из newProduct/css/style.css)
   ============================================ */

.reviews__arrow {
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
}

.reviews__arrow svg {
  width: 43px;
  height: 40px;
  display: block !important;
  position: relative;
  z-index: 1;
}

.reviews__arrow::before,
.reviews__arrow::after {
  display: none !important;
}

.reviews {
  padding: 80px 0px 0px 0px;
}

.reviews__top {
  display: grid;
  grid-template-columns: 45% 55%;
  justify-content: space-between;
}

.reviews .section__title {
  padding-top: 0;
}

.reviews__sources-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.reviews__sources {
  width: 560px;
  max-width: 560px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
  background-color: #fff;
  padding: 22px 26px 26px 31px;
  box-sizing: border-box;
  gap: 20px;
}

.reviews__sources-vk {
  margin-right: 8px;
}

.reviews__sources-vk,
.reviews__sources-otzovik {
  max-width: 256px;
}

.reviews__sources-vk a,
.reviews__sources-otzovik a {
  text-decoration: none;
}

.reviews__sources-vk > div > img,
.reviews__sources-otzovik > div > img {
  max-width: 100%;
  height: 44px;
}

/* Desktop/mobile toggles for VK sources blocks */
.reviews__sources-vk .ifr.mob {
  display: none;
}

.reviews__sources-vk .ifr {
  display: block;
}

.reviews__sources-bottom {
  margin-top: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.reviews__sources-bottom span {
  color: #187bf1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  cursor: pointer;
}

.reviews__sources-bottom strong {
  margin: 0;
  color: #282828;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.footer-actions {
  display: none;
}

.reviews__item-container {
  width: 325px !important;
  min-height: 325px !important;
}

.reviews__item-wrap {
  height: 100% !important;
  padding: 30px 12px 48px 12px !important;
}

.reviews__item {
  border-radius: 31px !important;
  padding: 40px 20px 30px 20px !important;
  min-height: 340px !important;
  background-color: #FFF !important;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.10) !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

}

.reviews__item-top {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.reviews__item-name {
  color: rgba(22, 23, 23, 0.8);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px;
}

.reviews__item-job {
  color: #6A6A71;
  font-family: "Qanelas", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  display: block;
  line-height: 18px;
}

.reviews__item p {
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  color: #161717;
}

.reviews__item a {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  fill: #187bf1;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #187bf1;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  border-bottom: 2px dashed #187bf1;
  margin-top: auto;
}

.reviews__item-source {
  margin-bottom: 8px;
}

.reviews__item-image {
  width: 80px;
  height: 80px;
  border-radius: 8px;
}

/* Адаптивные стили для reviews */
@media (max-width: 1023px) {
  .reviews__sources-vk > div > img,
  .reviews__sources-otzovik > div > img {
    max-width: 230px;
    height: auto;
    display: block;
    margin: 0 auto;
    max-width:120px;
    height:25px;
  }

  /* Show mobile VK source block, hide desktop */
  .reviews__sources-vk .ifr {
    display: none;
  }

  .reviews__sources-vk .ifr.mob {
    display: block;
  }
}

@media (max-width: 768px) {

  .reviews .container {
    padding:0;
  }
  .reviews__sources {
    padding:0;
  }
  .video_section__title {
    margin-top:60px;
  }


  .reviews__top {
    grid-template-columns: 1fr;
  }

  .reviews__sources {
    width: 100%;
    background: transparent;
    flex-direction: column;
  }


  .reviews__item {
    box-shadow: unset !important;
  }
  .doctor-banner {
    background: unset;
    margin-top: 20px;
}

  .why-doctors .toggle__item-visible span {
    font-size: 18px;
}

  .reviews__sources-bottom strong {
    height:14px;
  }
  #reviews {
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px;
    background: #f4f4f4;
    padding-bottom:20px;
  }
  .reviews__sources > div {
    width: 100%;
    padding-right: 0px;
    border-radius: 20px;
    background-color: #fff;
    padding: 15px 20px !important;
    max-width: unset;
    box-sizing: border-box;
    margin-right: 0;
  }
  .reviews__sources-bottom {
    justify-content: center;
    gap: 10px;
    flex-direction: column;
}

  .reviews__sources > div a {
    display: block;
    text-align: center;
  }

  .reviews__sources {
    padding-bottom: 0;
  }
}

/* ============================================
   СТИЛИ ДЛЯ CAROUSEL ARROWS (перенесено из newProduct/css/style.css)
   ============================================ */

.carousel-arrows {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.carousel-arrows div {
  cursor: pointer;
}

.professionals__arrow,
.reviews__arrow {
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
}

.reviews__arrow svg {
  width: 43px;
  height: 40px;
  display: block !important;
  position: relative;
  z-index: 1;
}

.reviews__arrow::before,
.reviews__arrow::after {
  display: none !important;
}

/* ============================================
   СТИЛИ ДЛЯ PROFESSIONALS (перенесено из newProduct/css/style.css)
   ============================================ */

.professionals {
  padding: 0px 0px 40px 24px;
}

.professionals__item-container {
  width: 350px !important;
  min-height: 280px !important;
}

.professionals__item-wrap {
  height: 100% !important;
  padding: 30px 10px !important;
}

.professionals__item {
  border-radius: 31px !important;
  padding: 40px 28px !important;
  background-color: #FFF !important;
  box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.10) !important;
}

.professionals__item-top {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
}

.professionals__item-name {
  color: rgba(22, 23, 23, 0.8);
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px;
}

.professionals__item-job {
  color: #6A6A71;
  font-family: "Qanelas", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  display: block;
  line-height: 18px;
}

.professionals__item strong {
  font-weight: 700;
  margin-bottom: 16px;
  display: block;
  font-size: 16px;
}

.professionals__item span {
  font-size: 14px;
  line-height: 20px;
  color: #161717;
  display: block;
}

.professionals__item a {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  fill: #187bf1;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #187bf1;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  border-bottom: 2px dashed #187bf1;
  display: inline-block;
  width: 174px;
  margin: 15px auto 0 auto;
}

.professionals .section__title {
  padding-top: 0;
}

.carousel-style {
  padding-left: 0;
}

/* Адаптивные стили для professionals */
@media (max-width: 768px) {
  .professionals {
    padding-left: 0px;
    padding-right: 0px;
  }

  .professionals .section__title {
    padding-left: 24px;
    padding-right: 24px;
  }

  .professionals__item {
    border-radius: 31px !important;
    padding: 40px 28px !important;
    min-height: 280px !important;
    background-color: #FFF !important;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.10) !important;
    box-sizing: border-box;
  }

  .professionals__item-wrap {
    padding: 30px 12px 22px 12px !important;
    box-sizing: border-box;
    width: 350px !important;
    max-width: 100% !important;
  }

  .professionals__item-container {
    width: 350px !important;
    min-height: 280px !important;
  }

  .carousel-style {
    padding-left: 0 !important;
  }
}

/* ============================================
   QUIZ POPUP - Многошаговый попап
   ============================================ */

.quiz {
  width: 754px;
  border-radius: 30px;
  background: #FFF;
  padding: 34px 40px 36px 29px;
  position: relative;
  box-sizing: border-box;
}

.quiz__close {
  position: absolute;
  right: 20px;
  top: 18px;
  width: 21px;
  height: 21px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 999999;
}

.quiz__close img {
  width: 100%;
  height: 100%;
  display: block;
  max-width: none;
}

/* Шаги квиза - по умолчанию скрыты, активный показывается */
.quiz__step {
  display: none;
}

.quiz__step.active {
  display: block;
}

.quiz__logo {
  margin-bottom: 13px;
}

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

.quiz__title {
  color: #161717;
  font-family: Qanelas;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0 0 13px 0;
  padding: 0;
}

/* Quiz форма с radio */
.quiz__form {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin: 0;
  padding: 0;
}

.quiz__option {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  margin: 0;
  padding: 0;
}

.quiz__option input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

.quiz__radio {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top:2px;
}

.quiz__radio svg {
  width: 18px;
  height: 18px;
}

/* По умолчанию показываем пустой radio */
.quiz__radio-empty {
  display: block;
}

.quiz__radio-checked {
  display: none;
}

/* При выборе показываем отмеченный radio */
.quiz__option input[type="radio"]:checked ~ .quiz__radio .quiz__radio-empty {
  display: none;
}

.quiz__option input[type="radio"]:checked ~ .quiz__radio .quiz__radio-checked {
  display: block;
}

.quiz__label {
  color: #161717;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

/* Quiz Header - логотип + текст */
.quiz__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 13px;
}

.quiz__header .quiz__logo {
  margin-bottom: 0;
}

.quiz__header-text {
  color: #161717;
  text-align: right;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

/* Quiz Progress Bar - прогресс квиза */
.quiz__progress {
  width: 100%;
  height: 11px;
  border-radius: 20px;
  background: #F4F4FF;
  margin-bottom: 28px;
  overflow: hidden;
}

.quiz__progress-bar {
  height: 11px;
  border-radius: 20px;
  background: #187bf1;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Прогресс бар заполняется динамически через JS */

/* Quiz Buttons - Назад/Далее */
.quiz__buttons {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 28px;
}

.quiz__btn {
  width: 124px;
  height: 49px;
  padding: 0;
  border: none;
  border-radius: 20px;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  flex-shrink: 0;
}

.quiz__btn--back {
  background: #F4F4FF;
  color: #161717;
}

.quiz__btn--back:hover {
  background: #e8e8f5;
}

.quiz__btn--next {
  background: #187bf1;
  color: #FFF;
}

.quiz__btn--next:hover {
  background: #045f95;
}

/* Quiz Buy Popup - попап с выбором объема */
.quiz--buy .buy__block {
  margin: 0;
  padding: 0;
}

.quiz--buy .buy__block h3 {
  margin: 0 0 20px 0;
}

.quiz--buy .buy__block-wrap {
  margin-top: 0;
}

.quiz__credit {
  color: #161717;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 20px;
  text-align: center;
}

.quiz__credit a {
  color: #187bf1;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px dashed #187bf1;
}

.quiz__credit a:hover {
  color: #045f95;
  border-color: #045f95;
}

.quiz--buy .buy_block_button {
  margin: 15px 0 0 0;
}

/* Quiz Checkbox Styles - чекбоксы */
.quiz__option--checkbox {
  align-items: flex-start;
}

.quiz__checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top: 2px;
}

.quiz__checkbox-empty,
.quiz__checkbox-checked {
  transition: opacity 0.2s;
}

.quiz__checkbox-empty {
  opacity: 1;
}

.quiz__checkbox-checked {
  display: none;
  opacity: 0;
}

/* Скрываем стандартный checkbox */
.quiz__option input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}

.quiz__option--checkbox input:checked ~ .quiz__checkbox .quiz__checkbox-empty {
  display: none;
  opacity: 0;
}

.quiz__option--checkbox input:checked ~ .quiz__checkbox .quiz__checkbox-checked {
  display: block;
  opacity: 1;
}

/* Quiz Image Options - картинки для шкал */
.quiz__images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.quiz__image-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #F4F4FF;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
}

.quiz__image-option:hover {
  border-color: #187bf1;
}

.quiz__image-option.selected {
  border-color: #187bf1;
  background: #e8f4fc;
}

.quiz__image-option img {
  max-width: 80px;
  height: auto;
  border-radius: 5px;
  margin-bottom: 5px;
}

.quiz__image-option span {
  color: #161717;
  font-family: Qanelas;
  font-size: 14px;
  font-weight: 500;
}

.quiz__images--ludwig .quiz__image-option img {
  max-width: 140px;
}

/* Шкала Норвуда - 7 фото в два ряда: 4 в первом, 3 во втором */
/* Шкала Норвуда - 7 фото в два ряда: 4 в первом, 3 во втором */
.quiz__images--norwood {
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin: 0 auto 15px;
  justify-items: center;
}

.quiz__images--norwood .quiz__image-option {
  width: 100%;
  max-width: 130px;
}

.quiz__images--norwood .quiz__image-option:nth-child(5) {
  grid-column: 2;
}

.quiz__images--norwood .quiz__image-option img {
  max-width: 120px;
  width: 100%;
}

/* Quiz Result Styles - экраны результатов */
.quiz__result {
  text-align: center;
  padding: 20px 0;
}

.quiz__result-label {
  font-family: Qanelas;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #161717;
  margin-bottom: 12px;
}

.quiz__result-title {
  color: #161717;
  font-family: Qanelas;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 20px;
}

.quiz__result-subtitle {
  font-family: Qanelas;
  font-weight: 600;
  font-style: normal;
  font-size: 36px;
  line-height: 35px;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #161717;
  margin-bottom: 12px;
}

.results__video-btn img {
  width:22px;
  margin-top:-2px;
}

.test-banner1 {
  overflow: hidden;
}

@media (max-width: 767px) {
  .price-banner {
    margin-top: 53px;
    width: auto;
    height: auto;
    border-radius: 0;
    background: #187bf1;
    padding: 59px 47px;
    box-sizing: border-box;
    margin-left: -24px;
    margin-right: -24px;
}
.price-banner a {
  color: #ab2020;
}
  .quiz__result-subtitle {
    font-size: 24px;
    line-height: 26px;
  }
  .results__video-btn:hover {
    border: 1px solid #187bf1 !important;
    background: #fff !important;
    color: #187bf1 !important;
  }
  .results__slider__item-text {
    padding: 8px 10px 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #161717;
}
}

.quiz__result-subtitle span {
  color: #187bf1;
}

.quiz__result-desc {
  font-family: Qanelas;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #161717;
  margin-bottom: 65px;
  padding: 0;
}

.quiz__btn--result {
  width: auto;
  padding: 0 30px;
  background: #187bf1;
  color: #FFF;
}

.quiz__btn--result:hover {
  background: #045f95;
}

.quiz__btn--close {
  width: auto;
  padding: 0 30px;
  background: #F4F4FF;
  color: #161717;
}

.quiz__btn--close:hover {
  background: #e8e8f5;
}

.quiz__result--declined .quiz__result-title {
  font-family: Qanelas;
  font-weight: 600;
  font-style: normal;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: left;
  color: #161717;
}

.quiz__result--declined .quiz__result-title-highlight {
  color: #187bf1;
}

/* Hide/show result subtitles based on q_2 answer (controlled by JS) */
.quiz__result-subtitle[class*="quiz__result--q2_"] {
  display: none;
}

.quiz__result-subtitle.active {
  display: block;
}

/* Скрытие заголовков q_8 (управляется JS) */
.quiz__step[data-step="q_8"] .quiz__title {
  display: none;
}

.quiz__step[data-step="q_8"] .quiz__title.active {
  display: block;
}

/* Shake animation для валидации */
@keyframes quizShake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.quiz__shake {
  animation: quizShake 0.5s ease-in-out;
  border: 1px solid #ff6b6b !important;
  border-radius: 10px;
  padding: 10px;
}

/* Quiz Protocol Styles - протоколы в попапе */
.quiz__protocol-content {
  max-height: 60vh;
  overflow-y: auto;
  padding-right: 10px;
  margin-bottom: 20px;
}

/* Скрываем все протоколы по умолчанию, показываем только активный */
.quiz__protocol {
  display: none;
}

.quiz__protocol.active {
  display: block;
}


/* Новые стили протокола (qp = quiz protocol) */
.qp {
  width: 100%;
  height: auto;
  border-radius: 30px;
  background: #F4F4FF;
  padding: 30px 40px;
  margin-top: 20px;
}

.qp__number {
  color: #187bf1;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 14px;
}

.qp__title {
  color: #161717;
  font-family: Qanelas;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 14px;
}

.qp__columns {
  display: flex;
  gap: 50px;
}

.qp__col {
  flex: 1;
}

.qp__section {
  margin-bottom: 20px;
}

.qp__section:last-child {
  margin-bottom: 0;
}

.qp__section-title {
  color: #161717;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 19px;
  margin-bottom: 5px;
}

.qp__section-text {
  color: #6A6A71;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}

.qp__section-text p {
  margin: 0;
  color: #6A6A71;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
}

.qp__section-text ul {
  margin: 0;
  padding-left: 18px;
}

.qp__section-text li {
  color: #6A6A71;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 5px;
}

.qp__section-price {
  color: #187bf1;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
}

.qp__section-value {
  color: #187bf1;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
}

.quiz__buttons--center {
  justify-content: center;
}

.quiz__buttons--protocol {
  justify-content: space-between;
}

/* Кнопки протокола */
.qp__btn {
  width: 193px;
  height: 49px;
  border-radius: 20px;
  text-align: center;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  cursor: pointer;
  transition: all 0.3s;
}

.qp__btn--question {
  background: transparent;
  border: 1px solid #187bf1;
  color: #187bf1;
}

.qp__btn--question:hover {
  background: #187bf1;
  color: #FFF;
}

.qp__btn--order {
  background: #187bf1;
  border: 1px solid #187bf1;
  color: #FFF;
}

.qp__btn--order:hover {
  background: #005a94;
  border-color: #005a94;
}

/* Адаптивность для протокола */
@media (max-width: 768px) {
  .qp {
    padding: 20px;
    border-radius: 20px;
  }

  .qp__title {
    font-size: 24px;
    line-height: 30px;
  }

  .qp__columns {
    flex-direction: column;
    gap: 20px;
  }
}

/* Адаптивность для Quiz попапа */
@media (max-width: 768px) {
  body {
    padding-top:60px;
  }
  header {
    margin-bottom: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 6;
}
  body .footer-actions {
    z-index: 6 !important; 
  }
  .why-clients__item ul {
    padding: 0 50px 0 30px !important;
}
.why-clients__item:last-child {
  padding-bottom:0;
  margin-bottom:0;
}
.why-clients {
  margin-bottom:53px;
  padding-top:42px;
}
  .quiz {
    width: 100%;
    max-height: 90vh;
    overflow: scroll;
    max-width: 754px;
    padding: 24px 20px 28px 20px;
  }

  .quiz__close {
    right: 15px;
    top: 15px;
  }

  .quiz__title {
    font-size: 20px;
    line-height: 26px;
  }

  .quiz__images {
    justify-content: center;
  }

  .quiz__image-option img {
    max-width: 60px;
  }

  .quiz__images--ludwig .quiz__image-option img {
    max-width: 100px;
  }

  /* Шкала Норвуда на мобильных - тоже два ряда */
  .quiz__images--norwood {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    max-width: 100%;
    justify-content: flex-start;
  }

  .quiz__images--norwood .quiz__image-option {
    max-width: 80px;
  }

  .quiz__images--norwood .quiz__image-option img {
    max-width: 70px;
  }

  .quiz__protocol-content {
    max-height: 50vh;
  }

  .popup__video {
    width: 95%;
    max-width: 95%;
  }
 #popup__video-prof-1, #popup__video-prof-2, #popup__video-prof-3, #popup__video-prof-4 {
    width: 95%;
    max-width: 95%;
  }


  #popup__video-prof-0 {
    height:auto;
    box-shadow: unset;
  }


  #popup__video-prof-1 {
    height:auto;
    box-shadow: unset;
  }

  .popup__wrap.popup-wrap_top {
    align-items: center;
  }

  .popup.popup__review {
    padding: 30px 20px;
    max-height: 80vh;
    overflow: scroll;
  }

  .popup__loan {
    width: 90%;
    max-width: 800px;
    padding: 30px 20px;
  }

  .popup__ingredients {
    width: 90%;
    max-width: 560px;
    padding: 30px 20px;
  }

  .main-video__play svg {
    width: 35px;
    height: 40px;
  }
  
  .footer-actions {
    display: none;
    align-items: center;
    position: fixed;
    bottom: 0;
    background: #f7f7f7;
    left: 0;
    z-index: 100000000;
    width: 100%;
    padding: 14px 20px;
    justify-content: space-evenly;
    border-top: 1px solid #e1e1e1;
    gap: 20px;
    box-sizing: border-box;
}

.footer-actions a.footer-btn-2 {
    color: #fff !important;
    background-color: #187bf1;
    border-color: transparent;
}

body .footer-actions.active {
    display: flex;
}


.footer-actions a.footer-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: 'Lato', Arial, sans-serif;
    line-height: 1.55;
    font-weight: 700;
    border-radius: 30px;
    border-style: solid;
    transition: background-color .2s 
ease-in-out, color .2s 
ease-in-out, border-color .2s 
ease-in-out;
    text-align: center;
    width: 200px;
    height: 45px;
    color: #b8b8b8;
    border-width: 1px;
    border-color: #b8b8b8;
    text-decoration: none;
}

.footer-actions a.footer-btn-1 {
    color: #858585 !important;
    background: 0 0;
    border-color: #858585;
}

.footer-actions a.footer-btn {
    width: auto;
    max-width: 200px;
    flex: 1 1 0px;
}


}


.popup__contact {
  max-width: 450px;
  padding: 40px 50px 50px;
  position: relative;
}

.popup__contact-title {
  margin: 0 0 30px 0;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

.popup__contact-title-highlight {
  color: #2196F3;
  font-weight: 600;
}

.popup__contact-vpn-note {
  color: #E53935;
  font-size: 14px;
  margin: -10px 30px 0 0;
  font-style: italic;
  text-align: right;
  font-weight: 600;
  height: 22px;
}

.popup__contact-buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.popup__contact-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 16px 30px !important;
  border-radius: 50px;
  text-decoration: none !important;
  font-size: 17px !important;
  font-weight: 500;
  color: white !important;
  transition: transform 0.2s, box-shadow 0.2s;
  border: none;
  cursor: pointer;
  max-width: 300px;
}

.popup__contact-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.popup__contact-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.popup__contact-btn-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.popup__contact-btn-whatsapp {
  background: #2fbe0e;
}

.popup__contact-btn-whatsapp:hover {
  background: #2aaa0d;
}

.popup__contact-btn-telegram {
  background: #3597E0;
}

.popup__contact-btn-telegram:hover {
  background: #2f8bcd;
}

.popup__contact-btn-vk {
  background: #0077FF;
}

.popup__contact-btn-vk:hover {
  background: #0059CC;
}

.popup__contact-btn-max {
  background: #7B2BFC;
}

.popup__contact-btn-max:hover {
  background: #6320D9;
}

.popup__contact-btn-phone {
  background: #187bf1;
}

.popup__contact-btn-phone:hover {
  background: #116ad6;
}

@media (max-width: 640px) {
  .popup__contact {
      padding: 30px 25px 35px;
      max-width: 350px;
  }

  .popup__contact-title {
      font-size: 18px;
      margin-bottom: 25px;
  }

  .popup__contact-btn {
      padding: 14px 20px;
      font-size: 15px;
  }

  .popup__contact-buttons {
      gap: 12px;
  }
}

/* ============================================
   СЕКЦИЯ "О БРЕНДЕ CHARISMO"
   ============================================ */
.about-brand {
  padding: 60px 0;
  background-color: #fff;
}

.about-brand__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

/* Заголовок для мобильной версии (на уровне wrap) - скрыт в десктопе */
.about-brand__title-mobile {
  display: none;
}

/* Заголовок для десктопной версии (в left части) */
.about-brand__title-desktop {
  display: block;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #000;
}

.about-brand__title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 24px;
  color: #000;
}

.about-brand__text {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin-bottom: 30px;
}

.about-brand__mission {
  border: 2px solid #187bf1;
  border-radius: 12px;
  padding: 20px;
  background-color: #f8f9fa;
}

.about-brand__mission p {
  font-family: Qanelas;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  leading-trim: CAP_HEIGHT;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  color: #333;
  margin: 0;
}

.about-brand__video-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-brand__video {
  position: relative;
  width: 579px;
  height: 282px;
  border-radius: 20px;
  overflow: hidden;
}

.about-brand__video iframe {
  width: 579px;
  height: 282px;
  border: none;
  border-radius: 20px;
  display: block;
}

.about-brand__video-wrap .main-video-title {
  margin-top: 15px;
  color: #A6A6A6;
  text-align: center;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

@media screen and (max-width: 768px) {
  .about-brand__text {
    margin:0;
    padding:0;
    margin-bottom:25px;
  }
  .about-brand {
    padding: 0px 0 40px 0;
  }

  .about-brand__wrap {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  /* Порядок в мобильной версии: заголовок, видео, остальное */
  .about-brand__title-mobile {
    display: block;
    order: 1;
    font-size: 24px;
    margin-bottom: 0;
    text-align: left;
  }

  /* Скрываем заголовок в left части в мобильной версии */
  .about-brand__title-desktop {
    display: none;
  }

  .about-brand__right {
    order: 2;
    width: 100%;
  }

  .about-brand__left {
    order: 3;
    width: 100%;
  }

  .about-brand__video-wrap {
    width: 100%;
  }

  .about-brand__video {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 579 / 282;
    position: relative;
    padding-bottom: 48.7%; /* 282/579 * 100 */
  }

  .about-brand__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  /* Скрываем подпись под видео в мобильной версии */
  .about-brand__video-wrap .main-video-title {
    display: none;
  }

  /* Стили для текста в мобильной версии */
  .about-brand__text {
    font-family: Qanelas;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    leading-trim: CAP_HEIGHT;
    line-height: 120%;
    letter-spacing: 0%;
  }

  /* Стили для блока "Наша миссия" в мобильной версии */
  .about-brand__mission p {
    font-family: Qanelas;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    leading-trim: CAP_HEIGHT;
    line-height: 20px;
    letter-spacing: 0%;
  }
}


/* Кнопка "Посмотреть сертификат" */
.chr-cert-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  margin-top: 0;
  margin-bottom: 0;
  background: #F5F7FA;
  border: 1px solid #E2E5EA;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s;
}

.chr-cert-btn:hover {
  background: #EBF0F7;
  border-color: #0073BF;
  text-decoration: none;
}

.chr-cert-btn-icon {
  width: 16px;
  height: 22px;
  flex-shrink: 0;
}

.chr-cert-btn-icon svg {
  width: 16px;
  height: 16px;
}

.chr-cert-btn span {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  color: #0073BF;
}