/* -2024- */

/* -Desktop- */

.ds9__page .ds9__header-content-2 {max-width: 550px;}
/* .ds9__page .ds9__title {font-size: 400%;} */
/* .ds9__page .ds9__title {font-size: 40px!important;} */

p.ds9__header-text-small-legal {padding-top: 30%;}
p.innovation-small-legal {padding-bottom: 5%;}
p.ingredient-small-legal {padding-bottom: 5%;}
p.edito-result-small-legal {padding-left: 10%; padding-bottom: 2%;}


h2#titles-2 {font-size: 400%;}

h3.ds9__title.ds9__innovation-item-title {font-size: 250%!important;}
h3.ds9__title.ds9__innovation-item-small-title {font-size: 200%!important;}

h3.ds9__title.ds9__innovation-item-small-title-2 {font-size: 190%!important;}
h3.ds9__title.ds9__innovation-item-title-2 {font-size: 253%!important;}

#main:not(.main-homepage) {
   max-width: revert!important;
   padding-left: 0px!important;
   padding-right: 0px!important;}

   
/* -badge- */
img.ds9__badge-6-img {width: 6%; margin-left: 30%; margin-top: -7%; position: absolute; z-index: 1;}


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

   .ds9__page .ds9__title {font-size: 300%;}
	p.ds9__header-text-small-legal {padding-top: 150%; width: 200%;}


   p.ds9__text.ds9__ingredient-text {width: 70%;}
   img.ds9__badge-6-img {width: 8%; margin-left: 35%; margin-top: -19%; position: absolute; z-index: 1;}

       .ds9__page .ds9__header-result-number {
        margin-left: -186px;
    }
    .ds9__page .ds9__header-result-text {
        width: 85%;
        margin-left: -93px;
    }
    .ds9__page .ds9__title {
        font-size: 133%;
    }
}



@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__text.ds9__ingredient-text {width: 70%;}
   img.ds9__badge-6-img {width: 6%; margin-left: 35%; margin-top: -12%; position: absolute; z-index: 1;}
}





@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__title {font-size: 200%;}
	p.edito-result-small-legal {padding-left: 6%; padding-bottom: 2%;}

   img.ds9__badge-6-img {width: 17%; margin-left: 70%; margin-top: -3%; position: absolute; z-index: 1;}
   .ds9__page .ds9__title {
    font-size: 134%;
   }
   .ds9__page .ds9__title[data-animate="1"] span {
    font-size: 19px;
}


}

/* --- ------------------------------------------------------ --- */
.ds9__page .ds9__faq-title {
   padding-top: 45px;
}

.ds9__page .ds9__facial-qrcode {
   margin: 0 auto;
}

.ds9__page .ds9__text--lowercase {
   text-transform: none !important;
   font-weight: 300;
}

.ds9__header-content-1 .ds9__header-text {
   text-transform: inherit;
   font-weight: normal;
}

@media (min-width: 768px) {

   .ds9__page .ds9__text--lowercase {
      font-size: 32px;
      line-height: 1em;
   }


   /*header layout*/
   .ds9__header-content-1 .ds9__header-text {
      font-size: calc(14 * var(--headerRatio));
   }

   .ds9__header-content-2 .ds9__header-text {
      font-size: calc(17.5 * var(--headerRatio));
   }
}


/* Mobile */
@media (max-width: 480px) {
   .ds9__header-content-1 .ds9__header-text {
      font-size: 14px;
   }
}