/* ---------------------------------------------- */
.footer-wrapper button.button-link.go-to-top:active,
.footer-wrapper button.button-link.go-to-top:focus,
button.button-link.inTheMiddle:active,
button.button-link.inTheMiddle:focus {
   border: none !important;
   outline: none !important;
}

.desktop-break {
   display: initial;
 }
 
.tablet-landscape-break, .tablet-portrait-break, .mobile-break {
   display: none;
}

.ds9__header-content-4 {
   position: absolute;
   width: auto;
   max-width: calc(324 * var(--headerImgRatio));
   text-align: left;
}

.ds9__page .ds9__header-content-1 {
   max-width: 700px;
}

.ds9__header-content-2 .ds9__text.ds9__header-text:nth-child(2) {
   padding-bottom: 25px;
}

.ds9__page .ds9__header-content-2 {
   max-width: 460px;
}

.ds9__header-content-4 .ds9__suptitle,
.ds9__header-content-4 .ds9__title {
   text-transform: none;
}

.ds9__header-content-4 .ds9__text {
   font-family: var(--GOTHAM-BOOK);
}

.ds9__bloc[data-anchor-id="3"] .ds9__title.ds9__ingredient-title,
.ds9__bloc[data-anchor-id="5"] .ds9__formula-title {
   padding-bottom: 0;
}

.ds9__bloc[data-anchor-id="3"] .ds9__ingredient-suptitle,
.ds9__bloc[data-anchor-id="5"] .ds9__formula-suptitle {
   padding-bottom: 32px;
}

.ds9__page .ds9__popin-reed-content {
   width: 176px;
}

.ds9__page .ds9__formula-bloc-result-number {
    min-width: 147px;
}

.ds9__header-text-bigger {
   font-size: 1.3em;
 }
 
 .ds9__page .ds9__header-text {
   line-height: 1.5em;
   display: flex;
   flex-direction: column;
 }

 .ds9__page .ds9__header-content-2 {
   max-width: 550px;
   }

.ds9__page .ds9__bloc-faq {
   padding-top: 40px;
}
 

@media (min-width: 1200px){
   .ds9__header-content-4 {
      max-width: calc(364 * var(--headerImgRatio));
  }
}

@media (min-width: 768px) {
   .ds9__header-content-4 {
      transform: translateX(-45vw);
      top: -27vh;
   }

   .ds9__header-content-4 .ds9__title {
      font-size: calc(42 * var(--headerImgRatio));
   }

   .ds9__header-content-4 .ds9__suptitle {
      font-size: calc(17 * var(--headerImgRatio));
   }

   .ds9__page .ds9__title small {
      font-size: calc(32 * var(--headerImgRatio));
   }

   .ds9__facial-content-right {
      display: flex;
      flex-direction: column;
      align-items: center;
   }
}

@media (min-width: 761px) {
   .ds9__page .ds9__legendes {
      text-align: left;
   }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
   html, body {
      overflow-x: clip;
   }

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

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
   .ds9__header-content-4 {
      transform: translateX(-181%);
      top: -25vh;
   }
}

@media (orientation: portrait) {
   .ds9__page .ds9__header-content-2 .ds9__header-title {
      width: 100%;
   }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
   .tablet-portrait-break{
      display: initial;
   }

   .ds9__header-content-4 {
      transform: translateX(-272%);
      width: 37%;
      top: -25vh;
   }

   .ds9__page .ds9__header-title {
      width: 90%;
   }

   [data-anchor-id="5"] .ds9__formula-content {
        left: 43%;
    }

   .ds9__popin-epigenetics .ds9__title.ds9__popin-title {
      padding-right: 8px;
   }

   .ds9__popin-epigenetics .ds9__popin-content {
      padding-left: 20px;
   }

   .ds9__popin-epiageing .ds9__popin-content[data-item-content="1"] {
      padding-left: 0;
   }
   
   .ds9__popin-epiageing .ds9__popin-content[data-item-content="2"] {
      padding-left: 24px;
   }

   .ds9__page .ds9__popin-dragonfly {
      margin-top: 0;
   }

   .ds9__page .ds9__popin-body.ds9__popin-right {
      margin-top: 20px;
   }

   [data-anchor-id="3"] .ds9__ingredient-popin {
      top: calc(339 * var(--ratioIngredient));
      left: calc(261 * var(--ratioIngredient));
   }

   .ds9__page .ds9__facial-body {
      padding: 32px 20px 32px 271px;
   }

   .ds9__page .ds9__facial-suptitle, 
   .ds9__page .ds9__facial-title {
      font-size: 32px;
   }

   .ds9__page .ds9__edito-title {
        font-size: 59px;
    }
}

@media (max-width: 761px) {
   .ds9__page .ds9__header-content-1 {
      padding-top: calc(73 * var(--headerImgRatio));
   }
}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
   html, body {
      overflow-x: clip;
   }

   .ds9__header-content-4 {
      top: 13vh;
      transform: translateX(-4%);
      max-width: calc(144 * var(--headerImgRatio));
   }

   .ds9__header-content-4 .ds9__suptitle {
      font-size: calc(12 * var(--headerImgRatio));
   }

   .ds9__page .ds9__header-title {
      font-size: calc(24 * var(--headerImgRatio));
   }

   .ds9__header-content-4 small {
      font-size: calc(19 * var(--headerImgRatio));
   }

  .ds9__header-content-4 .ds9__text {
      font-size: calc(10.5 * var(--headerImgRatio));
   }

   .mobile-break {
      display: initial;
   }

   .ds9__page .ds9__header-content-3 {
      top: 833px;
   }

   .ds9__header-content-3 .ds9__header-result-text {
      font-size: 14px;
   }

   .ds9__page .ds9__header-content-2 {
      width: 400px;
      left: calc(50% - 195px);
   }

   .ds9__page .ds9__navigation {
      top: 75px;
   }
}

/* -2024- */


/* p.ds9__header-result-text:nth-child(5) {font-size: smaller;} */

p.ds9__header-result-text:nth-child(5) { font-size: smaller; bottom: -151%; max-width: 500%; width: 167%; text-align: left; padding-top: 27%;}


@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
   p.ds9__header-result-text:nth-child(5) { font-size: smaller; bottom: -151%; max-width: 500%; width: 220%; text-align: left; padding-top: 160%;}



}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
   p.ds9__header-result-text:nth-child(5) {font-size: smaller;}

}

@media (max-width: 480px) {
   p.ds9__header-result-text:nth-child(5) {max-width: 500%; width: 135%; text-align: left; padding-top: 1%; font-size: 6px !important; padding-left: -21%; margin-left: -18%;}

}