@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.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;
}

/* 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;
}

.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 20px;
  max-width: 1200px;
  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: #017dc7;
  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 ul {
  display: flex;
  gap: 0px;
  list-style-type: none;
  margin: 0;
  min-height: 47px;
  padding: 0;
  align-items: center;
  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: 14px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  line-height: 20px; /* 142.857% */
}

.header__menu ul li a:hover {
  color: #0073bf;
}

.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: #0073BF;
}

.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;
}

.ham1 .top {
  stroke-dasharray: 40 139;
}

.ham1 .bottom {
  stroke-dasharray: 40 180;
}

.ham1.active .top {
  stroke-dashoffset: -98px;
}

.ham1.active .bottom {
  stroke-dashoffset: -138px;
}

.order-button {
  display: inline-flex;
  padding: 15px 24px 16px 23px;
  justify-content: center;
  align-items: center;
  border-radius: 84px;
  background: #017DC7;
  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: Qanelas;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
}

.main-list {
  width: 427px;
  border-radius: 30px;
  background: #F4F4FF;
  padding: 23px 27px;
  margin-top: 35px;
}

.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: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
}

.main-wrap {
  display: grid;
  grid-template-columns: 1fr 554px;
  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: #A6A6A6;
  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;
}

.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: #F4F4FF;
  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;
}


.toggle__item-visible span {
  color: #161717;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  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: #0073BF;
  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: #0073BF;
}

.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: #0073BF;
}

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

.product-effects .toggle__icon svg {
  color: #0073BF !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;
}

.section__title strong {
  font-weight:500;
}

.video_section__title {
  margin-top:94px;
}

.section__title span {
  color: #0073bf;
}

.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: #F4F4FF;
  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 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: #0073BF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  /* 131.25% */
  border-bottom: 2px dashed #0073BF !important;
  text-decoration: none;
}


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

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

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

.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;
}

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

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

.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: #0073BF;
  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__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;
  pointer-events: 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: #0073BF !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 {
  left: calc(50% - 2em);
  top: calc(50% - 2em);
}

.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: #0073bf;
  color: #0073bf;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #0073bf;
  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: #F4F4FF;
  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: 20px;
  /* 100% */
}

.doctor-banner-content a {
  display: inline-block;
  color: #0073BF;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px;
  /* 105% */
  border-bottom: 2px dashed #0073BF !important;
  text-decoration: none;
  margin-top: 24px;
}

.price-banner {
  margin-top: 53px;
  width: 100%;
  height: 187px;
  border-radius: 30px;
  background: #0073BF;
  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: #0073BF;
  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: #f4f4ff;
  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 50px !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;
}

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


/* recommendations */

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

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

.recommendations__number {
  color: #0073bf;
  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: #0073bf;
  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: #0073bf;
  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: #017dc7;
  fill: currentColor;
}

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

.recommendations__prices-or-price a span {
  color: #0073bf !important;
  border-style: dashed !important;
  border-width: 0 0 2px !important;
  border-color: #0073bf !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: #0073BF;
  color: #0073BF;
  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 #0073BF !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% */
}


/* 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: #0073BF;
  color: #0073BF;
  background-color: rgba(0, 0, 0, 0);
  border-style: dashed;
  border-width: 0px 0px 2px 0px;
  border-color: #0073BF;
  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: #0073BF;
  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: #0073BF !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: #0073bf !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: #0073bf;
  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: #0073bf;
  border-style: solid;
  border-width: 1px;
  border-color: #0073bf;
  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: #0073bf;
}

.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 #017dc7;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  margin-top: 8px;
  color: #0073bf;
  transition: all 0.3s;
}

.loan__block a:hover {
  color: #017dc7;
}

.after-buy {
  border-radius: 30px;
  background: #F4F4FF;
  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 #0073BF;
}

.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: #0073BF !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 {
  left: calc(50% - 2em);
  top: calc(50% - 2em);
}

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

.memo {
  margin-top: 52px;
}

.memo__wrap {
  background-color: #0073bf;
  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: #0073bf;
}

.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: #0073bf;
  border-style: solid;
  border-width: 1px;
  border-color: #0073bf;
  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: #0073BF;
  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 {
  position: relative;
  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: #0073bf;
}



.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;
}

.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;
  }
}

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

  header {
    margin-bottom: 50px;
  }

  .header__wrap {
    padding: 0 20px;
    border-bottom: 1px solid #E7E7E7;
  }

  .header__menu {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0;
    padding: 0;
    display: none;
  }

  .header__menu.active {
    display: block;
    top:71px;
  }

  .header__menu.active .container {
    padding:0;
  }

  .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__phone svg {
    display: block;
    fill: #017dc7;
    color: #017dc7;
    border: 3px solid #017dc7;
    width: 24px;
    height: 24px;
    padding: 3px;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .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: #0073BF !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: 90%;
    max-width: 840px;
  }

  .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: #0073BF;
  }
}

@media screen and (max-width: 768px) {
.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 20px;
    border-bottom: 1px solid #E7E7E7;
  }

  .header__menu {
    position: absolute;
    width: 100%;
    z-index: 9;
    left: 0;
    padding: 0;
    display: none;
  }

  .header__menu.active {
    display: block;
    top:71px;
  }
  .header__menu.active .container {
    padding:0;
  }

  .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__phone svg {
    display: block;
    fill: #017dc7;
    color: #017dc7;
    border: 3px solid #017dc7;
    width: 24px;
    height: 24px;
    padding: 3px;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .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 {
    font-size: 24px;
    line-height: 25px;
    padding-right: 50px;
  }

  .main-list {
    box-sizing: border-box;
    height: auto;
    width: 100%;
    margin-top: 28px;
  }

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

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

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

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

  .main-video img {
    filter: blur(2px);
  }

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


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

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

  .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: #0073BF !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%;
    display: none;
    border-radius: 15px;
    margin-bottom: 16px;
  }

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

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

  .indications-item-content ul {
    display: none;
    margin-top: 14px;
  }

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

  .indications-item.indications-item-active img,
  .indications-item.indications-item-active .indications-item-content ul,
  .indications-item.indications-item-active .indications-item-content-more {
    display: block;
  }

  .indications-item.indications-item-active .indications-item-content-more {
    display: flex;
  }

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

  .test-banner1 {
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 33px 20px 0px 20px;
    margin-top: 48px;
  }

  .test-banner1 img {
    position: relative;
  }

  .test-banner1-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
    order: 1;
  }

  .test-banner1 span {
    font-size: 16px;
    line-height: 20px;
    order: 2;
    margin-bottom: 30px;
  }

  .test-banner1 a {
    order: 3;
  }

  .test-banner1 small {
    order: 4;
    margin-top: 15px;
  }

  .test-banner1 img {
    order: 5;
  }

  .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: #F4F4FF;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    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: 24px;
    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-content {
    font-size: 16px;
    line-height: 20xpx;
    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: #f4f4ff;
    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;
  }

  .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: 999999;
  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: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 999999;
}

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

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

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

.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: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  right: 10px;
}

.popup__video-close:hover {
  background: rgba(255, 255, 255, 1);
}

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

@media (max-width: 1023px) {
  .popup__video iframe {
    height: 56vw;
  }

  .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, 420px);
}

.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 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 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    column-gap: 0;
    row-gap: 12px;
  }

  .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: #0073bf;
  border-style: solid;
  border-width: 1px;
  border-color: #0073bf;
  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: #0073BF;
  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: #0073BF;
  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: #0073BF;
}

.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 #0073bf;
  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: #0073bf;
  display: none;
}

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

.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;
}

/* Адаптивность */
@media (max-width: 768px) {
  .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 #0073BF;
  background: #fff;
  color: #0073BF;
  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;
}

.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 40px;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 40px;
  }
}

.results__slider__item {
  width: 294px;
  padding: 10px;
}

.results__slider__item-image {
  height: 338px;
  border-radius: 20px;
  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: #017dc7;
  border-style: solid;
  border-width: 1px;
  border-color: #017dc7;
  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: #017DC7;
  background-color: #FFFFFF;
  border-color: #017DC7;
}

.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 #0073BF;
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  color: #0073bf;
}

.results__slider-wrap {
  width: 880px;
  margin: 0 auto;
  position: relative;
}

.results__slider__arrow {
  top: 169px;
  border-radius: 50%;
  background: #FFF;
  width: 64px;
  height: 64px;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.13);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 6;
  position: absolute;
  cursor: pointer;
}

.results__slider__arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 12px;
  height: 20px;
  transform: translate(-50%, -50%);
}

.results__slider__prev {
  left: -145px;
}

.results__slider__prev:after {
  background-image: url(https://cdn-wp.charismo.ru/wp-content/uploads/2024/04/Vector.svg);
}

.results__slider__next {
  right: -145px;
}

.results__slider__next:after {
  background-image: url(https://cdn-wp.charismo.ru/wp-content/uploads/2024/04/Vector-1.svg);
}

/* Адаптивные стили для results_slider */
@media (max-width: 1023px) {
  .results__slider-wrap {
    width: 100%;
    max-width: 580px !important;
  }

  .results__slider__item {
    width: 100%;

  }
}

@media (max-width: 768px) {
  .product-effects-wrap li img.info-tooltip {
    width: 15px;
    margin-top: -13px;
    margin-left: -3px;
}
  .results__slider__arrow {
    width: 25px;
    height: 25px;
  }

  .results__slider__prev:after,
  .results__slider__next:after {
    height: 12px;
  }

  .results__slider__prev {
    left: -35px;
  }

  .results__slider__next {
    right: -35px;
  }

  .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: #0073BF;
  }
}

/* ============================================
   СТИЛИ ДЛЯ 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.5) !important;
  padding: 4px 12px 4px 12px !important;
  max-width: 66px;
  right: 10px;
  min-width: 60px !important;
  text-align: center;
  border-radius: 30px !important;
  top: 30px !important;
  box-sizing: border-box !important;
  transition: all .3s !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.5) !important;
  padding: 4px 12px 4px 12px !important;
  max-width: 66px;
  right: 10px;
  min-width: 60px !important;
  text-align: center;
  border-radius: 30px !important;
  box-sizing: border-box !important;
  top: 30px !important;
  transition: all .3s !important;
}

.twentytwenty-after-label {
  opacity: 1 !important;
}

.twentytwenty-before-label {
  opacity: 1 !important;
}

.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;
}

.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: #F4F4FF;
  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: #0073BF;
  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: #0073BF;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #0073BF;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  border-bottom: 2px dashed #0073BF;
  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;
  }

  /* 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__sources > div {
    width: 100%;
    padding-right: 0px;
    border-radius: 20px;
    background-color: #F4F4FF;
    padding: 30px 20px !important;
    max-width: unset;
    box-sizing: border-box;
    margin-right: 0;
  }

  .reviews__sources-bottom {
    justify-content: center;
    gap: 25px;
  }

  .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;
}

/* ============================================
   СТИЛИ ДЛЯ 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: #0073BF;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #0073BF;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  border-bottom: 2px dashed #0073BF;
  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: 12px;
  height: 12px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top:6px;
}

.quiz__radio svg {
  width: 12px;
  height: 12px;
}

/* По умолчанию показываем пустой 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: #0073BF;
  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: #0073BF;
  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: #0073BF;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px dashed #0073BF;
}

.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: 12px;
  height: 12px;
  flex-shrink: 0;
  margin-right: 10px;
  margin-top: 6px;
}

.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: #0073BF;
}

.quiz__image-option.selected {
  border-color: #0073BF;
  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;
}

/* Quiz Result Styles - экраны результатов */
.quiz__result {
  text-align: center;
  padding: 20px 0;
}

.quiz__result-title {
  color: #161717;
  font-family: Qanelas;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 20px;
}

.quiz__result-subtitle {
  color: #161717;
  font-family: Qanelas;
  font-size: 25px;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.quiz__result-subtitle span {
  color: #0073BF;
}

.quiz__result-desc {
  color: #161717;
  font-family: Qanelas;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 25px;
}

.quiz__btn--result {
  width: auto;
  padding: 0 30px;
  background: #0073BF;
  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 {
  color: #c00;
  font-size: 22px;
}

/* 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: #0073BF;
  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: #0073BF;
  font-family: Qanelas;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
}

.qp__section-value {
  color: #0073BF;
  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 #0073BF;
  color: #0073BF;
}

.qp__btn--question:hover {
  background: #0073BF;
  color: #FFF;
}

.qp__btn--order {
  background: #0073BF;
  border: 1px solid #0073BF;
  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) {
  .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: 90%;
    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__protocol-content {
    max-height: 50vh;
  }

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

  .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-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;
  }
}