/* Updates added for the results */

.ds9__edito-content,
.ds9__edito-results {
    margin-bottom: 20px; 
}

.ds9__edito-result {
    margin-bottom: 10px; 
}

.ds9__edito-results .ds9__edito-result-number,
.ds9__edito-results .ds9__edito-result-text {
    vertical-align: middle;
}


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

.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: 120px;
}

@media (max-width: 1200px){
   html, body {
      overflow-x: clip;
   }
}

@media (min-width: 1023px) {

}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
   .ds9__page .ds9__innovation {
      --ratioInnovationWidth: 1px;
      --itemHeight: calc( var(--screenHeight) * 0.78 - 170px);
      --ratioInnovationHeight: min(1px, calc(var(--itemHeight) / 292));

   }   
   .ds9__page .ds9__innovation {
      --ratioInnovationWidth: 0.7px;
      --itemHeight: calc( var(--screenHeight) * 0.78 - 170px);
      --ratioInnovationHeight: min(1px, calc(var(--itemHeight) / 292));
  }
  [data-anchor-id="5"] .ds9__formula-content {
   left: 46%;
}

.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;
}
.ds9__page .ds9__header-content-3 {
   left: calc((-1) * ( 380) * var(--headerImgRatio));
}
.ds9__page .ds9__header-result-number {
   font-size: calc(75 * var(--headerRatio));
}
.ds9__page .ds9__header-result-text {
   font-size: calc(15 * var(--headerRatio));
}
/* .ds9__popin-img {
   margin-top: 20px;
   padding-top: 20px;
   position: relative;
   top: 20px;
   border-radius: 10px;
} */
.ds9__page .ds9__ingredient-popin-content {
   left: -81px;
}
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
   .ds9__page .ds9__header-title {
      font-size: 20px;
  }
  .ds9__page .ds9__header-suptitle {
   font-size: 18px;
   }
   .ds9__page .ds9__header-text {
      font-size: calc(14 * var(--headerRatio));
  }
  .ds9__page .ds9__navigation-item span {
   font-size: 11px;
}
}
@media screen and (max-width: 480px) {
   .ds9__page .ds9__header-title {
      font-size: 12px;
      }
      .ds9__page .ds9__header-content-1 {
         padding-top: calc(80 * var(--headerImgRatio));
     }
     .ds9__page .ds9__header-text {
      font-size: 11px;
      padding-bottom: 7px;
   }
   .ds9__page .ds9__header-result-text {
      font-size: 13px;
   }
   .ds9__page .ds9__header-result-number {
      font-size: 49px;
   }
  .ds9__bloc[data-anchor-id="3"] .ds9__ingredient-suptitle, .ds9__bloc[data-anchor-id="5"] .ds9__formula-suptitle {
   padding-bottom: 19px;
}

}

@media (max-width: 480px) {
   .ds9__page .ds9__navigation{
      top: 76px;
   }
}

/* updates for the images/ request */
.update-images {
   display: flex;
   justify-content: center;
   gap: 22px; 
   margin-top: -141px; 
   margin-bottom: 28px; 
   position: relative;
}

.update-images img {
   max-width: 100%;
   height: auto; 
   border-radius: 10px; 
}

.ds9__header-content-2 {
   text-align: left; 
   padding-top: 50px; 
}

.ds9__header-text {
   margin: 10px 0; 
}
/* 
.ds9__page .ds9__formula-picto-circle svg {
   width: 100%;
   display: block;
   height: auto;
}
.ds9__page .ds9__formula-pictos {
   padding-bottom: calc(24 * var(--formulaWidth));
}
.ds9__page .ds9__formula-pictos {
   display: flex;
   flex-direction: row;
   justify-content: center;
   padding-bottom: 10px;
}
.ds9__page .ds9__formula-picto {
   width: calc(112 * var(--pictoWidth));
   height: calc(112 * var(--pictoWidth));
   margin: 0 calc(12 * var(--pictoWidth));
   text-align: center;
   position: relative;
   top: 0;
   left: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.ds9__page .ds9__formula-picto-circle {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.ds9__page .ds9__formula-picto-circle svg {
   width: 100%;
   display: block;
   height: auto;
}
svg:not(:root) {
   overflow: hidden;
}
.ds9__page .ds9__formula-picto-circle .circle_internal {
   transform-origin: 50% center;
}
.ds9__page .ds9__formula-picto-circle .circle_external {
   transform-origin: 50% center;
}
.ds9__page .ds9__formula-picto-circle svg {
   width: 100%;
   display: block;
   height: auto;
}
.ds9__page .ds9__formula-picto-text-big {
   font-size: calc(35 * var(--pictoWidth));
   line-height: 0.85em;
   display: block;
   font-family: var(--GOTHAM-LIGHT);
}
.ds9__page .ds9__formula-picto-text {
   font-size: calc(9 * var(--pictoWidth));
   line-height: 1.05em;
   letter-spacing: 0.07em;
   text-transform: uppercase;
   display: block;
   padding-bottom: calc(1 * var(----pictoWidth));
}
.ds9__page .ds9__formula-picto-text:last-child {
   padding-bottom: 0;
}
.ds9__page .ds9__formula-picto {
   width: calc(112 * var(--pictoWidth));
   height: calc(112 * var(--pictoWidth));
   margin: 0 calc(12 * var(--pictoWidth));
   text-align: center;
   position: relative;
   top: 0;
   left: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.ds9__page .ds9__formula-picto-text:last-child {
   padding-bottom: 0;
}
.ds9__page .ds9__formula-picto-text {
   font-size: calc(9 * var(--pictoWidth));
   line-height: 1.05em;
   letter-spacing: 0.07em;
   text-transform: uppercase;
   display: block;
   padding-bottom: calc(1 * var(----pictoWidth));
}
.ds9__page .ds9__formula-pictos {
   padding-bottom: calc(24 * var(--formulaWidth));
}
.ds9__page .ds9__formula-pictos {
   display: flex;
   flex-direction: row;
   justify-content: center;
   padding-bottom: 10px;
}
 */


 /* --- ------------------------------------------------------ --- */

/*.ds9__navigation-item[data-goto-id="7"] {
   display: none;
}*/

.update-images img {
   width: 112px;
}
/* Mobile */
@media (max-width: 480px) {
   .ds9__page .ds9__header {
      height: 980px;
   }
   .ds9__page .ds9__header-content-3 {
      width: 120px;
      top: 845px;
   }

   .ds9__page .ds9__header-suptitle {
      font-size: 14px;
   }

   .update-images {
      margin-top: -65px;
      margin-bottom: 20px;
   }

   .update-images img {
      max-width: 80px;
   }

   .ds9__page .ds9__header-cta {
      padding-top: 20px;
      padding-bottom : 25px;
   }

   .ds9__page .ds9__header-content-3 { 
      width: 90px;
      top: 868px;
   }

   .ds9__header-content-2 .ds9__header-cta {
      text-align: center;
   }

   .ds9__page .ds9__header-content-3 {
      left: 50%;
      transform: translateX(-50%);
   }

   .ds9__page .ds9__header-title {
      font-size: 16px;
   }

}

/* Tablet Portrait */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {}

/* Tablet Landscape */
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {}