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

.ds9__page .ds9__virtual-media {
   top: calc(50% - 265px) !important;
}

.ds9__page .ds9__gradient{
    height: 100vh !important;
}

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

html,
body {
   overflow-x: clip;
}

.footer-wrapper {
   top: 3vw;
}

.ds9__page .ds9__approach-bottom {
   margin-top: 20px;
}

.display-flex {
   display: flex;
}

i-main-video.main-video-player.hide {
   display: none;
}

.ds9__skincare-cta .button--primary:not(.cba-button-style) {
   height: 50px !important;
   border: 2px solid #8c0b26 !important;
}

.ds9__skincare-cta .button--primary:not(.cba-button-style):active, 
.ds9__skincare-cta .button--primary:not(.cba-button-style):focus {
   outline: none !important;
   border: 2px solid #63021a !important;
}

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

@media (min-width: 900px) {
   .isMobile{
      display: none;
   }

   .anchorMobile{
      pointer-events: none;
      display: none;
   }
}

@media (max-width: 1200px){
   body {
      overflow-y: hidden;
  }
}

@media (min-width: 768px) {
   .ds9__page .ds9__header-body {
      width: 95%;
   }

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

   .ds9__page .ds9__header-content {
      max-width: calc(486 * var(--headerWidth));
   }

   .ds9__page .ds9__definition-body {
      padding: 50px 0 80px;
   }

   .ds9__page .ds9__definition-title {
      font-size: 38px;
   }

   .ds9__page .ds9__expert-text {
      margin-left: 0;
   }
}

@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-content {
      width: 40%;
   }
   .ds9__page .ds9__virtual-media {
       top: calc(50% - 270px) !important;
   }
}

@media (orientation: portrait) {
   /* .show-desktop {
      display: block !important;
   } */

   .isDesktop {
      display: none;
   }

   .ds9__navigation-inside {
       background: #AC651B !important;
   }
}

@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__header-title {
      font-size: 40px;
   }

   .ds9__page .ds9__definition-content {
      margin-left: calc(47% + 16 * var(--definitionWidth));
   }

   .ds9__page .ds9__definition-title {
      font-size: 32px;
   }

   .ds9__page .ds9__skincare-extra {
      bottom: 80px;
   }

   .ds9__page .ds9__skincare-extra {
      left: calc(62% - calc(220* var(--skincareWidth)));
   }
   .ds9__page .ds9__virtual-media {
      top: calc(50% - 260px) !important;
   }
}

@media (max-width: 761px) {
   .ds9__page .ds9__definition-title {
      font-size: 35px;
   }

   .ds9__page .ds9__approach-title {
      font-size: 40px;
   }

   .ds9__page .ds9__approach-texts {
      margin-top: 10px;
   }
}

/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
   .footer-wrapper {
      top: 12vw;
   }
   .anchorMobile{
      pointer-events: initial;
   }
   .ds9__page .ds9__virtual-title{
      font-size: 42px !important;
   }
   .ds9__page .ds9__virtual-media{
      top: 0 !important;
   }
}