.article-top__sticker {
  background: linear-gradient(180deg, #F1B908 0%, #FAE70B 100%);
}

.article-top__sticker.--probielle {
  background: linear-gradient(90deg, #38289A -7.89%, #DEB7D6 154.06%);

}

.article-top__sticker.--probielle img {
  width: 84rem;
}

.article-footnotes__item {
  color: #fff;
}

.article-top.--probielle .article-top__content {
  width: 100%;
  margin-right: 52rem;
}

.article-top.--probielle .article-top__title {
  -webkit-line-clamp: 3;
}


.article-entry__title {
  font-size: 24rem;
  font-weight: 700;
}

.article-entry {
  margin-bottom: 15rem;
}

.article-entry__block {
  padding: 20rem 15rem;
  border-radius: 20rem;
  background: linear-gradient(74deg, rgba(234, 252, 255, 0.50) 14.9%, rgba(70, 211, 230, 0.00) 59.81%), #D7D6FF;
  font-size: 18rem;
  line-height: 1.4;
}

.article-entry__block:not(:first-child) {
  margin-top: 15rem;
}

.article-body.--probielle .article-block__item:not(:last-child) {
  margin-bottom: 2rem;
}
.article-block__list {
  padding-left: 20rem;
}
.article-block__list li {
  font-size: 16rem;
}


.summary {
  padding: 25rem 15rem 30rem;
  border-radius: 20rem;
  background-color: #F8F9FF;
}

.summary__title {
  font-size: 24rem;
  font-weight: 700;
}

.summary__content {
  margin-top: 15rem;
}

.summary__content a {
  color: #131313;
}

.summary__point {
  font-size: 18rem;
/*  font-weight: 700;*/
}

.summary__point:not(:first-child) {
  margin-top: 10rem;
}

.summary__point-list {
  padding-left: 20rem;
  color: #717070;
  font-weight: 400;
  margin-top: 10rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 4rem;
}

.summary__point-list a {
  color: #717070;
  margin-bottom: 6rem;
}
.summary__point-list a:hover {
  color: #000;
}

.product-block {
  margin: 10rem 0 20rem;
}

.product-block__img {
  margin: 0 auto;
}

.product-block__title {
  margin-bottom: 6rem;
  font-weight: 700;
}

.product-block__text {
  line-height: 1.4;
}


.product-block__item {
  padding: 23rem;
  min-height: 214rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 20rem;
  font-size: 18rem;
}

.product-block__right {
  width: 100%;
  max-width: 470rem;
}
.article-block__right .stats__list.desktop {
  margin-top: 64rem;
}

.product-block__item:first-child {
  background: linear-gradient(90deg, rgba(246, 161, 196, 1) 0%, rgba(248, 249, 255, 1) 64%);
  margin-bottom: 10rem;
}

.product-block__item:first-child img {
  width: 150rem;
  margin-left: 20rem;
}

.product-block__item:last-child {
  background: linear-gradient(90deg, rgba(112, 207, 237, 1) 0%, rgba(248, 249, 255, 1) 64%);
}

.product-block__item:last-child img {
  width: 310rem;
  margin-left: -110rem;
  margin-bottom: -86rem;
  margin-right: -100rem;
  margin-top: -16rem;
}


.article-block__title {
  margin-top: 30rem;
  margin-bottom: 0;
}

.article-block__title:first-child {
  margin-top: 20rem;
}

.article-block__text {
  margin-top: 15rem;
}

.article-block:first-child {
  margin-top: 0;
}

.header__block.container {
  background-color: #344A92;
}

/*.progress-bar {
  background: radial-gradient(closest-side, #e7e7e7 75%, transparent 80% 100%),
    conic-gradient(#38289A 60%, transparent 0%);
}*/
.progress-bar {
  --size: 12rem;
  --pgPercentage: var( --value);
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  background: radial-gradient(farthest-side, #0000 calc(100% - var(--size)));
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size));

}
.progress-bar:after {
  content: "";
  /* grid-area: 1/1; */
  border-radius: 50%;
  padding: var(--size);
  background: conic-gradient(#38289A, #DEB7D6);
  --_m: conic-gradient(#000 calc(var(--pgPercentage) * 1%), #0000 0), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}
.progress-bar.progress-bar-3:after {
  background: conic-gradient(#745cb0, #9f80bf);
}

.landing-footnotes {
  color: #fff;
  font-weight: 300;
}

.landing-footnotes__list {
  overflow: hidden;
}

.landing-footnotes a {
  color: #fff;
  cursor: pointer;
}

.landing-footnotes a:hover {
  text-decoration: underline;
}

.article-body.--probielle .article-block__list.--new .article-block__item:not(:last-child) {
  margin-bottom: 0;
}

.article-block__img.--new {
  height: auto;
}

.article-block__img-descr {
  color: #909090;
  margin-top: 6rem;
  font-size: 14rem;
}

.prob-sticker {
  padding: 15rem 20rem;
  background: linear-gradient(90deg, #F8F9FF 1.09%, rgba(248, 249, 255, 0.00) 99.81%);
  border-left: 4rem solid #6250AC;
  margin-top: 332rem;
}

.prob-sticker img {
  width: 196rem;
}

.new-sticker__title {
  font-size: 24rem;
  font-weight: 700;
}

.new-sticker__body {
  margin-top: 8rem;
  display: flex;
  align-items: center;
}

.new-sticker__item {
  width: 114rem;
  flex-shrink: 0;
}

.new-sticker__item svg {
  width: 100%;
  height: auto;
}

.new-sticker__item:not(:last-child) {
  margin-right: 15rem;
}

.new-sticker.--new {
  margin-top: 600rem;
}

.probielle-page-new .probielle-tabs {
  margin-top: 60rem;
}

.probielle-page-new .banner-probielle {
 margin-top: 72rem;
}

.probielle-page-new .tabs__item {
  background-color: #fff;
  opacity: 0.4;
}

.probielle-page-new .tabs__item.active, .probielle-page-new .tabs__item:hover {
  opacity: 1;
}

/*.article-footnotes {
  margin-top: 60rem;
  color: #fff;
}
.article-footnotes__title {
  font-size: 20rem;
}
.article-footnotes__list {
  margin-top: 24rem;
}
.article-footnotes__item {
  font-size: 14rem;
  color: #fff;
  font-weight: 300;
  line-height: 1.2;
  word-break: break-word;
}
.article-footnotes__item:not(:last-child) {
  margin-bottom: 2rem;
}
.article-footnotes .toggler {
  display: flex;
  font-size: 16rem;
  margin-top: 20rem;
  cursor: pointer;
}
.article-footnotes .toggler img {
  margin-left: 10rem;
  width: 11rem;
}
.article-footnotes .toggler:before {
  content: "СКРЫТЬ";
}
.article-footnotes.collapsed .article-footnotes__list li:nth-child(4) ~ li {
  display: none;
}
.article-footnotes.collapsed .toggler:before {
  content: "ПОКАЗАТЬ";
}
.article-footnotes.collapsed .toggler img {
  transform: rotate(180deg);
}*/
.probielle .probielle-tabs {
  margin-top: 76rem;
}
.probielle-tabs__title {
  color: #fff;
}
.probielle .tabs__item {
  width: 380rem;
}
.progress {
  background: #F8F9FF 50% 50% no-repeat;
  background-size: contain;
}
.progress.circle-60 {
  background-image: url(../img/probielle_article_1/circle-60.svg);
}
.progress.circle-20 {
  background-image: url(../img/probielle_article_1/circle-20.svg);
}
.progress.circle-24 {
  background-image: url(../img/probielle_article_1/circle-24.svg);
}
.progress.circle-38 {
  background-image: url(../img/probielle_article_1/circle-38.svg);
}
.progress__title {
  font-size: 18rem;
}

.right-products {
  position: relative;
  background: url(../img/probielle_article_1/right-products.png) 50% 0 no-repeat;
  background-size: contain;
  height: 476rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.right-products button.btn {
  margin-bottom: 30rem;
  background-color: #000;
}
.article-wrapper div, .article-wrapper p {
  position: relative;
}
.anchor {
  position: absolute;
  top: -80rem;
}


@media (max-width: 767px) {
  .article-block__text:first-child {
    margin-top: 0;
  }

  .article-top__sticker.--probielle img {
    width: 34rem;
  }

  .article-top.--probielle .article-top__content {
    margin-right: auto;
  }

  .article-top.--probielle .article-top__title {
    -webkit-line-clamp: unset;
  }

  .article-block.--entry {
    flex-direction: column-reverse;
  }

  .article-block .article-block__right {
    margin-left: 0;
    width: 100%;
  }

  .summary {
    width: calc(100% + 24rem);
    transform: translateX(-12rem);
    padding: 25rem 12rem;
  }

  .summary__title {
    font-size: 22rem;
  }

  .summary__point {
    font-size: 16rem;
  }

  .summary__point-item:not(:last-child) {
    margin-bottom: 4rem;
  }

  .article-body.--probielle {
    padding-top: 25rem;
  }

  .right-products {
    margin-left: -12rem;
    margin-right: -12rem;
    height: 442rem;
  }

  .article-entry {
    margin-top: 30rem;
  }

  .article-entry__title {
    font-size: 22rem;
  }

  .article-entry__block {
    font-size: 16rem;
    padding: 20rem 12rem;
  }

  .product-block__item {
    flex-direction: column;
    padding: 22rem 15rem 30rem;
  }

  .product-block__item:first-child {
    background: linear-gradient(90deg, rgba(246, 161, 196, 1) 0%, rgba(248, 249, 255, 1) 100%);
  }

  .product-block__item:last-child {
    background: linear-gradient(90deg, rgba(112, 207, 237, 1) 0%, rgba(248, 249, 255, 1) 100%);
  }

  .product-block__item:first-child img {
    margin-left: 50rem;
  }

  .product-block__item:last-child img {
    margin-left: -100rem;
    width: 300rem;
    margin-top: -4rem;
  }

  .product-block__title {
    font-size: 16rem;
    margin-bottom: 0;
  }

  .product-block__text {
    font-size: 16rem;
  }

  .product-block__right {
    margin-top: 30rem;
  }

  .article-block__list.--new {
    font-size: 16rem;
  }

  .probielle-page-new .article-block__text {
    margin-top: 12rem;
  }

  .probielle-page-new .article-block__title {
    font-size: 22rem;
  }

  .new-sticker {
    margin-top: 25rem;
  }

  .probielle-page-new .stats__item {
    align-items: center;
  }

  .new-sticker.--new {
    margin-top: 25rem;
  }

  .probielle-page-new .landing-footnotes {
    margin-top: 40rem;
  }

  .probielle-page-new .landing-footnotes__title {
    font-size: 16rem;
  }

  .probielle-page-new .landing-footnotes__list {
    margin-top: 20rem;
  }

  .probielle-page-new .probielle-tabs {
    margin-top: 40rem;
  }

  .probielle-page-new {
    background: linear-gradient(0deg, #3027A5 0%, #3027A5 100%), linear-gradient(90deg, #46D3E6 -246.52%, #3027A5 99.84%, #E091CB 481.22%);
  }
  .probielle-tabs .probielle-tab {
    width: 100%;
  }
  .article-block__title {
    font-size: 22rem;
  }
  .stats__item {
    align-items: center;
  }
  .article-wrapper {
    box-shadow: none;
  }
  .anchor {
    top: -170rem;
  }
}