/* ---------- */
.serum-finder-steps__item .serum-finder-steps__button>p {
  font-size: 11px;
}
.serum-finder-shopnow{
  font-size: 12px !important;
  padding: 7px !important;
}


.serum-finder-product__DS-container {
  display: none;
  margin-top: 14px;
  max-width: 767px;
  width: 100%;
}

.serum-finder-product__DS {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: solid 1px #faf3eb;
  min-height: 160px;
  margin: 0 auto;
  padding: 0 40px;
}

.serum-finder-product__DS-text-1 {
  font-family: var(--GOTHAM-MEDIUM);
  font-size: 13px;
  line-height: 25px;
  margin: 0;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.serum-finder-product__DS-text-2 {
  font-size: 32px;
  line-height: 35px;
  font-family: var(--CLARINS-FONT);
}

.serum-finder-product__DS-text-3 {
  font-size: 14px;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  margin: 0;
  margin-top: 10px;
}

.serum-finder-product__DS-infos .serum-finder-shopnow {
  margin-top: 15px;
  border: solid 1px #dedbda;
  background-color: #fff !important;
  color: #333333;
  transition: 0.3s;
}

.serum-finder-product__DS-infos .serum-finder-shopnow:hover {
  border-color: #be0f34;
  color: #be0f34;
}

.serum-finder-product__DS-infos {
  margin-left: auto;
  padding-left: 20px;
}

.serum-finder-product__DS-visual {
  max-width: 36px;
  width: 100%;
}

.serum-finder-product__DS-text {
  padding-left: 50px;
}

.serum-finder-product__DS-price {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin: 0;
  text-align: center;
}


.try-it-on-widget {
  position: absolute;
  top: 0px !important;
  left: 132px !important;
}

@media (max-width: 761px) {
  .try-it-on-widget {
    left: auto !important;
  }
}

.try-it-on-block {
  top: 0px !important;
}

#RESULT-DATA i-promo-block {
  display: none !important;
}

#RESULT-DATA i-ogwidget-basic {
  display: none !important;
}

#RESULT-DATA .i-product-above-the-fold .list-of-information-loader{
  margin: 0 !important;
  max-height: 580px;
}

#RESULT-DATA i-shade-comparator-button {
  display: none !important;
}

#RESULT-DATA i-product-above-the-fold .imagethumbnailcarousel-loader .carousel-wrapper {
  max-height: 489px;
  overflow: hidden;
}

#RESULT-DATA .discover-more-block__wrapper {
  display: none !important;
}

#RESULT-DATA .i-main-product-slider.vertical {
  max-height: 480px;
}

#RESULT-DATA .component-loader:not(.hide-loader)::before {
  display: none;
}

@media (max-width: 761px) {
  #RESULT-DATA i-product-above-the-fold {
    margin: 0;
    max-height: unset;
  }

  #RESULT-DATA i-product-above-the-fold .product-info__description {
    text-align: center;
  }

  #RESULT-DATA .component-loader:not(.hide-loader)::before {
    display: none;
  }

  #RESULT-DATA {
    width: 100%;
    margin-top: 20px;
  }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
  body,html{
    overflow-x: clip!important;
  }
  .serum-finder-product__DS {
      padding: 20px 20px 20px 130px;
  }
  .serum-finder-product__DS-text {
      padding-left: 0;
  }
  .serum-finder-product__DS-text-1 {
      text-align: left;
  }
  .serum-finder-product__DS-text-2 {
      padding-left: 0;
  }
  .serum-finder-product__DS-text-3 {
      padding-left: 0;
  }
  .serum-finder-product__DS-infos {
      margin-left: 0;
      padding-left: 0;
      margin-right: auto;
      margin-top: 14px;
  }
  .serum-finder-product__DS-price {
      text-align: left;
  }
  .serum-finder-product__DS-visual {
      max-width: 72px;
      position: absolute;
      left: 21px;
      top: 50%;
      width: 72px;
      height: auto;
      transform: translateY(-50%);
  }
}