/* ---------------------------------------------- */
.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__page .ds9__popin-reed-content {
   top: 6px;
   right: 0px;
   width: 200px;
}

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


@media (min-width: 768px){
   .ds9__page .ds9__header-content-3 {
      width: 40%;
  }
  
   .ds9__page .ds9__facial-body {
      padding: 32px 20px 32px 271px;
   }

   .ds9__page .ds9__facial-content-left {
      flex-basis: initial;
   }

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

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

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

@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__navigation-items {
      margin-left: 0px;
   }

   .ds9__page .ds9__navigation-item {
      margin: 0 8px;
   }

   .ds9__page .ds9__navigation-item span {
      font-size: 13px;
  }
}


@media (orientation: portrait) {

}

@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__ingredient-content {
      padding-left: 44px;
   }

   .ds9__page .ds9__ingredient-title {
      font-size: 54px;
   }

   .ds9__page .ds9__formula-content {
      left: 47%;
   }

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

   .ds9__page .ds9__facial-content-right-text {
      font-size: 12px;
   }
}

@media (max-width: 761px) {

}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
   .ds9__page .ds9__header-content-3 {
      left: calc(50% - 120px);
      width: 244px;
   }

   .ds9__page .ds9__navigation-handler-text {
      font-size: 12.5px;
   }

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

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

.ds9__header-text--price .price {
   font-size: 16px;
   font-weight: 500;
}

.ds9__page .ds9__popin-ingredient[data-tracking-slide="plants-&-science-pop-in_hydration"] .ds9__popin-title {
   font-size: 24px;
}
/* Mobile */
@media (max-width: 480px) {
   .ds9__page .ds9__navigation{
      top: 76px;
   }
   .ds9__page .ds9__legendes {
      text-align: left;
   }

   body,
  html {
    overflow-x: clip !important;
  }
}

/* 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) {
   .ds9__page .ds9__popin-epiageing  .ds9__popin-content:nth-child(1){
      padding-left: 0px;
   }

   .ds9__page .ds9__popin-epiageing  .ds9__popin-content:nth-child(2){
      padding-left: 20px;
   }

   .ds9__page .ds9__ingredient-popin-content {
      padding: 20px;
   }

   .ds9__page .ds9__ingredient-popin.ds9__opened .ds9__ingredient-popin-content {
      top: 36px;
      padding: 20px;
   }



   .ds9__page .ds9__popin-ingredient[data-tracking-slide="plants-&-science-pop-in_hydration"] .ds9__popin-title{
      font-size: 24px;
    }
}

/* 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) {

   .ds9__page .ds9__popin-ingredient[data-tracking-slide="plants-&-science-pop-in_hydration"] .ds9__popin-title{
      font-size: 24px;
    }

    .ds9__page .ds9__innovation-title {
      font-size: 48px;
    }

}

@media (max-width: 480px) {
.ds9__page .ds9__header-content-3 {
   width: 264px;
   top: 862px;
}
.ds9__page .ds9__header-content-3 {
   left: calc(41% - 120px);
   width: 313px;
}
}