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

*[data-product="hydra-essentiel-ha2"] .anti-ageing-hero__ingredient span {
  width: 45%;
}

*[data-product="extra-firming"] .anti-ageing-hero__ingredient span {
  width: 25%;
}

/*[data-product="hydra-essentiel-ha2"] .anti-ageing-hero__ingredient span {
    background-color: rgba(0, 147, 163, 0.8);
     }

     *[data-product="multi-active"] .anti-ageing-hero__ingredient span {
    background-color: rgba(227, 102, 119, 0.8);
    }
    *[data-product="extra-firming"] .anti-ageing-hero__ingredient span {
    background-color: rgba(247, 168, 80, 0.8);
     }
     *[data-product="super-restorative"] .anti-ageing-hero__ingredient span {
    background-color: rgba(230, 128, 123, 0.8);
      }
    *[data-product="nutri-lumiere"] .anti-ageing-hero__ingredient span {
    background-color: rgba(147, 107, 5, 0.8);
    }*/



/* Desktop */
@media (min-width: 835px) {

  .anti-ageing-header .anti-ageing-header__bold-text, 
  .anti-ageing-header .anti-ageing-header__text {
      max-width: 100%;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .is-desktop-only {
    display: none;
  }

  .must-haves-2025__title {
    font-size: 30px !important;
  }

  #slick-slide30 > p:nth-child(3) > span:nth-child(1) {
    min-height: 41px;
  }

  [data-product="multi-active"] .anti-ageing-hero__ingredient span {
    font-size: 9px;
    width: 90%;
  }
}


/* 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) {
  .is-desktop-only {
    display: none;
  } 

  .must-haves-2025__name {
    font-size: 12px !important;
  }

  .anti-ageing-header__title {
    font-size: 50px;
  }

  .must-haves-2025-popin__title {
    font-size: 30px !important;
  }

  div.anti-ageing:nth-child(9)
    > section:nth-child(15)
    > div:nth-child(2)
    > div:nth-child(1)
    > div:nth-child(3) {
    top: 255px;
  }

  div.anti-ageing:nth-child(9)
    > section:nth-child(17)
    > div:nth-child(2)
    > div:nth-child(1)
    > div:nth-child(3) {
    top: 266px;
  }

  div.anti-ageing:nth-child(9)
    > section:nth-child(9)
    > div:nth-child(2)
    > div:nth-child(1)
    > div:nth-child(2) {
    top: 260px;
  }

  .must-haves-2025-popin__text-16 {
    font-size: 14px !important;
  }
}



/* 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) {
    .is-desktop-only {
        display: none;
    } 

    .anti-ageing-header .anti-ageing-header__bold-text, 
    .anti-ageing-header .anti-ageing-header__text {
        max-width: 705px;
    } 
}