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

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

@media (min-width: 768px){
   .ds9__facial-content-right {
      display: flex;
      flex-direction: column;
      align-items: center;
   }
}

@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__formula-content {left: 41%;}
   .ds9__page .ds9__ingredient-popin {top: calc(340* var(--ratioIngredient));}
   .ds9__page .ds9__popin-reed {left: -12%;}
   div.ds9__popin-content:nth-child(1) {margin-left: -6%!important;}

}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
   .ds9__innovation-title > span:nth-child(1) {
      font-size: 47px !important;
      line-height: 0.59em !important;
      }
      
      .ds9__page .ds9__innovation-top {
      padding-bottom: calc(0.033 * var(--screenHeight)) !important;
      }
}


@media (max-width: 480px) {
   Body, html { width: 100%; overflow-x: clip !important;}
  #main:not(.main-homepage) {padding-left: 0 !important; padding-right: 0 !important;}

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

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

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