@media (orientation:portrait) and (min-width:762px),
(max-width:1023px) and (min-width:762px) {
    @font-face {
        font-family: "Gotham_Light";
        src: url("https://www.clarins.com.cn/precious/fonts/GothamLight.eot");
        src: url("https://www.clarins.com.cn/precious/fonts/GothamLight.eot") format("embedded-opentype"), url("https://www.clarins.com.cn/precious/fonts/GothamLight.woff2") format("woff2"), url("https://www.clarins.com.cn/precious/fonts/GothamLight.woff") format("woff"), url("https://www.clarins.com.cn/precious/fonts/GothamLight.ttf") format("truetype"), url("https://www.clarins.com.cn/precious/fonts/GothamLight.svg#GothamLight") format("svg");
    }
    /*-----------------------------------*/
    body,
    html {
        overflow-x: hidden;
    }
    #main:not(.main-homepage) {
        padding-top: 0px;
    }
    #wrapper {
        max-width: unset;
    }
    .breadcrumb {
        display: none;
    }
    .primary-content {
        padding: 0;
    }
    footer {
        margin-top: 0px;
    }
    .footer .footer_marquee {
        display: none;
    }
    sup{
        font-size: 10px;
    }
    .sup{
        position: relative;
        top: -8px;
        font-size: 25px;
    }
    .precious-lp {
        background-color: #000;
        --SCROLLBAR-WIDTH: 40px;
        --CLARINS-FONT: ClarinsRegular, Clarins;
        --GOTHAM-LIGHT: "Gotham_Light";
        --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
        --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
        --COLOR-GOLD: #ccb089;
        --COLOR-CREAM: #fdfdfd;
        --COLOR-RED: #b40024;
        --HEADER-HEIGHT: 50px;
        --MENU-HEIGHT: 50px;
        --WIDTH-ANIM: 100vw;
        --FONT-SIZE: 20px;
        --FONT-SIZE-BOLD: 34px;
        --FONT-SIZE-TITLE: 50px;
        --FONT-SIZE-BIG-TITLE: 65px;
        --PADDING: 60px;
        background-color: #000;
        width: 100%;
    }
    .precious-lp-anchor {
        height: calc(-1px + var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        background-color: transparent;
        pointer-events: none;
        position: relative;
        z-index: 1;
        margin-top: calc(-1 * (var(--HEADER-HEIGHT) + var(--MENU-HEIGHT)));
    }
    .precious-lp-anchor.science {
        z-index: 3;
        text-align: center;
    }
    .precious-lp-anchor#sustainable-luxury {
        height: calc(-1px + var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        margin-top: calc(-1 * (var(--HEADER-HEIGHT) + var(--MENU-HEIGHT)));
    }
    .precious-lp * {
        box-sizing: border-box;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .precious-lp--scrolling * {
        transition: none !important;
        opacity: 0 !important;
    }
    .precious-lp-container {
        width: 100%;
        max-width: var(--WIDTH-ANIM);
        margin: 0 auto;
        overflow: hidden;
        padding-top: var(--MENU-HEIGHT);
    }
    /*------------------------------------------------*/
    .precious-lp-blacksolid {
        background-color: #000 !important;
    }
    /*------------------------------------------------*/
    .precious-lp-navigation {
        background-color: #212121 !important;
        position: fixed;
        width: 100%;
        color: #fff;
        left: 0;
        z-index: 40;
        transition: top ease-in-out 0.5s;
        top: var(--HEADER-HEIGHT);
        --FONT-SIZE: 14px;
    }
    .precious-lp-navigation__selector-dots {
        position: fixed;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 10;
        width: 18px;
        left: 50px;
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT) + (100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) * 0.5 - 200px);
        left: 20px;
        height: 400px;
    }
    .precious-lp-navigation__selector-dots a {
        color: transparent;
        font-size: 16px;
        text-align: center;
        flex-basis: 18px;
        line-height: 18px;
        position: relative;
    }
    .precious-lp-navigation__selector-dots a::after {
        content: " ";
        pointer-events: none;
        background-color: #525050;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        box-sizing: border-box;
        left: 5px;
        top: 5px;
    }
    .precious-lp-navigation__selector-dots a::before {
        content: " ";
        border: 1px solid var(--COLOR-GOLD) !important;
        opacity: 0;
        pointer-events: none;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        position: absolute;
        box-sizing: border-box;
        left: 1px;
        top: 1px;
        transition: opacity ease-in-out 0.5s;
    }
    .precious-lp-navigation__selector-dots a:hover::after,
    .precious-lp-navigation__selector-dots a[data-active="1"]::after {
        background-color: var(--COLOR-GOLD) !important;
    }
    .precious-lp-navigation__selector-dots a[data-active="1"]::before {
        opacity: 1;
    }
    .precious-lp-navigation__wrapper {
        max-width: 1250px;
        width: 100%;
        height: var(--MENU-HEIGHT);
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .precious-lp-navigation__menu {
        flex: 1;
        position: relative;
        height: var(--MENU-HEIGHT);
        cursor: pointer;
    }
    .precious-lp-navigation__menu::before {
        content: " ";
        width: 10px;
        height: 10px;
        border-left: 2px solid var(--COLOR-GOLD);
        border-top: 2px solid var(--COLOR-GOLD);
        position: absolute;
        right: 10px;
        top: 15px;
        transform: rotate(225deg);
        z-index: 2;
        transform-origin: center center;
        pointer-events: none;
    }
    .precious-lp-navigation__menu[data-active="1"]::before {
        transform: rotate(45deg);
        margin-top: 7px;
    }
    .precious-lp-navigation__current {
        text-transform: uppercase;
        color: var(--COLOR-GOLD);
        font-family: var(--GOTHAM-MEDIUM);
        font-size: var(--FONT-SIZE);
        line-height: 1.4em;
        height: var(--MENU-HEIGHT);
        display: flex;
        align-items: center;
        text-align: left;
        padding: 0 20px;
        text-decoration: none;
        box-sizing: border-box;
        width: 100%;
        position: relative;
    }
    .precious-lp-navigation__selector {
        position: absolute;
        top: var(--MENU-HEIGHT);
        left: -1px;
        width: 100vw;
        background-color: #212121 !important;
        border-radius: 4px;
        overflow: hidden;
        max-height: 0px;
        opacity: 0;
        transition: max-height ease-in-out 0.5s;
        box-sizing: border-box;
        padding-bottom: calc(var(--MENU-HEIGHT) *0.5);
    }
    .precious-lp-navigation__menu[data-active="1"] .precious-lp-navigation__selector {
        max-height: calc(var(--MENU-HEIGHT) * 7 * 0.75);
        opacity: 1;
    }
    .precious-lp-navigation__selector a {
        font-family: var(--GOTHAM-MEDIUM);
        font-size: var(--FONT-SIZE);
        line-height: 1.4em;
        color: #fff;
        display: block;
        height: calc(var(--MENU-HEIGHT)*0.75);
        display: flex;
        align-items: center;
        text-align: left;
        padding: 0 20px;
        box-sizing: border-box;
        text-decoration: none;
        text-transform: uppercase;
    }
    .precious-lp-navigation__selector a[data-active="1"] {
        display: none;
    }
    .precious-lp-navigation__selector a:hover {
        color: var(--COLOR-GOLD);
    }
    .precious-lp-navigation__cta {
        background-color: var(--COLOR-GOLD);
        font-size: 12px;
        color: #000 !important;
        border-radius: 4px;
        line-height: 32px;
        padding: 0 20px;
        text-transform: unset;
        font-family: var(--GOTHAM-MEDIUM);
        margin: 9px 10px;
        text-align: center;
        text-decoration: none;
    }
    /*------------------------------------------------*/
    .precious-lp-section {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
        z-index: 1;
    }
    .precious-lp-section[data-sticky] {
        background-color: transparent;
        pointer-events: none;
    }
    .precious-lp-section[data-sticky="1"] {
        pointer-events: unset;
    }
    .precious-lp-section[data-sticky="2"] {
        pointer-events: unset;
    }
    .precious-lp-section[data-sticky] .precious-lp-section__wrapper {
        width: 100%;
        z-index: 2;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        overflow: hidden;
        max-width: var(--WIDTH-ANIM);
    }
    .precious-lp-section[data-sticky="0"] .precious-lp-section__wrapper {
        position: absolute;
        top: 0;
    }
    .precious-lp-section[data-sticky="1"] .precious-lp-section__wrapper {
        position: fixed;
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
    }
    .precious-lp-section[data-sticky="2"] .precious-lp-section__wrapper {
        position: fixed;
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
    }
    .precious-lp-section[data-outofrange="1"] {
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .precious-lp-section--scroll {
        min-height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        background-color: #000;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        margin-top: -50vw;
    }
    /***********************************/
    .precious-lp-video {
        width: 100%;
        height: 100%;
        display: block;
        margin: 0;
        position: relative;
        z-index: 2;
        object-fit: cover;
    }
    .precious-lp-background {
        display: block;
        width: var(--WIDTH-ANIM);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 2;
    }
    .precious-lp-background img {
        width: 100%;
        display: block;
    }
    .precious-lp-chapter {
        display: block;
        width: var(--WIDTH-ANIM);
        position: absolute;
        z-index: 4;
        height: 100%;
        pointer-events: none;
        left: 0;
        top: 0;
    }
    .precious-lp-chapter[data-animchapter="1"] {
        pointer-events: unset;
    }
    /***************************************************/
    .precious-lp-leftblock {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translateY(-50%);
        width: 50%;
        text-align: right;
        padding-right: 144px;
        z-index: 2;
    }
    .precious-lp-rightblock {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%);
        width: 50%;
        text-align: left;
        padding-left: 144px;
        z-index: 2;
    }
    /***************************************************/
    .precious-lp-endscreen {
        max-width: var(--WIDTH-ANIM);
        display: block;
        width: 100%;
        position: relative;
        opacity: 0;
        transition: none;
        z-index: 3;
    }
    .precious-lp-endscreen img {
        display: block;
        width: 100%;
    }
    .precious-lp-video[data-anim="1"][data-state="pause"]+.precious-lp-endscreen {
        opacity: 1;
        transition: opacity ease-in-out 1s;
        transition-delay: 0.5s;
    }
    /*------------------------------------------------*/
    .precious-lp-cta {
        position: relative;
        background-color: var(--COLOR-GOLD) !important;
        display: block;
        color: #000;
        padding: 14px 20px;
        text-decoration: none;
        font-size: 14px;
        line-height: 15px;
        font-family: var(--GOTHAM-MEDIUM);
        font-weight: normal;
        cursor: pointer;
        border: 1px solid var(--COLOR-GOLD);
        min-width: 122px;
        text-align: center;
        border-radius: 5px;
        height: 44px !important;
        box-sizing: border-box;
        text-transform: unset !important;
        letter-spacing: unset !important;
        margin: 0;
        margin-top: 10px;
    }
    .precious-lp-cta:hover {
        background-color: #fff !important;
        color: #000 !important;
    }
    .precious-lp-cta::after {
        content: " ";
        display: block;
        position: absolute;
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        border: #fff solid 2px;
        border-radius: 7px;
        opacity: 0;
        left: -2px;
        top: -2px;
        pointer-events: none;
        box-sizing: border-box;
    }
    .precious-lp-cta:active::after {
        opacity: 1;
    }
    *[data-anim="0"] .precious-lp-cta {
        opacity: 0;
        transform: translateY(100%);
    }
    *[data-anim="1"] .precious-lp-cta {
        opacity: 1;
        transform: translateY(0);
        transition: all ease-in-out 0.5s;
    }
    /*
  *[data-end="1"] .precious-lp-cta {
    opacity: 0 !important;
    transition: all ease-in-out 0.5s;
  }
*/
    /*------------------------------------------------*/
    .precious-lp-cta--video {
        background-color: transparent !important;
        color: #fff;
        border: 1px solid #fff;
        padding-left: 44px;
        font-family: var(--GOTHAM-BOOK);
    }
    .precious-lp-cta--video::before {
        content: " ";
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 14px solid #fff;
        display: inline-block;
        position: absolute;
        top: 13px;
        left: 16px;
    }
    .precious-lp-text+.precious-lp-cta--video {
        margin-top: 30px;
    }
    .precious-lp-cta--video:hover {
        background-color: #fff !important;
        color: #000 !important;
    }
    .precious-lp-cta--video:hover::before {
        border-left: 14px solid #000;
    }
    .precious-lp-cta--video::after {
        border: var(--COLOR-GOLD) solid 2px;
    }
    .precious-lp-cta--video:active::after {
        opacity: 1;
    }
    /*slick CSS*****/
    .precious-lp .slick-slide {
        position: relative;
        display: flex;
        height: auto;
        justify-content: flex-end;
        flex-direction: column;
    }
    .precious-lp .slick-track {
        display: flex;
    }
    .precious-lp .slick-slide {
        display: flex;
        float: none !important;
    }
    .precious-lp .slick-track:after,
    .precious-lp .slick-track:before {
        display: none;
    }
    .precious-lp .slick-slide {
        position: relative;
    }
    .precious-lp .slick-dotted.slick-slider {
        margin: 0;
        padding-bottom: 30px;
    }
    .precious-lp .slick-dots {
        position: absolute;
        bottom: 0px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }
    .precious-lp .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }
    .precious-lp .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 10px;
        height: 10px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: 0;
        background: 0 0;
        min-width: 0;
        opacity: 1;
    }
    .precious-lp .slick-dots li button:before {
        font-family: slick;
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        content: " ";
        text-align: center;
        background-color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity: 1;
    }
    .precious-lp .slick-dots li.slick-active button:before {
        background-color: var(--COLOR-GOLD);
    }
    /*********************************************************************************************/
    /****   titles, texts  , etc                        ******************************************/
    /*********************************************************************************************/
    .precious-lp-fullscreen {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
    }
    .precious-lp-big-title {
        margin: 0;
        font-weight: normal;
        color: #fff;
        font-size: var(--FONT-SIZE-BIG-TITLE);
        line-height: 1.45em;
        text-transform: uppercase;
        font-family: var(--GOTHAM-MEDIUM);
        display: flex;
        flex-direction: column;
    }
    *[data-anim="0"] .precious-lp-big-title {
        opacity: 0;
        transform: translateY(10%);
    }
    *[data-anim="1"] .precious-lp-big-title {
        opacity: 1;
        transform: translateY(0px);
        transition: all ease-in-out 0.8s;
    }
    *[data-lastanim="1"] .precious-lp-big-title {
        opacity: 1;
        transform: translateY(0px);
        transition: all ease-in-out 0.8s;
    }
    .precious-lp-big-title+.precious-lp-intro {
        margin-top: 30px;
    }
    .precious-lp-big-title+.precious-lp-stat {
        margin-top: 30px;
    }
    .precious-lp-big-title+.precious-lp-text {
        margin-top: 0px;
    }
    .precious-lp-title {
        margin: 0;
        font-weight: normal;
        color: #fff;
        font-size: var(--FONT-SIZE-TITLE);
        line-height: 1.4em;
        text-transform: uppercase;
        font-family: var(--GOTHAM-BOOK);
        padding-bottom: 1em;
        opacity: 0;
        display: block;
    }
    *[data-anim="0"] .precious-lp-title {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-title {
        opacity: 1;
        transition: opacity ease-in-out 1s;
    }
    .precious-lp-subtitle {
        color: var(--COLOR-GOLD);
        font-size: var(--FONT-SIZE-BOLD);
        line-height: 1.5em;
        display: block;
        font-family: var(--GOTHAM-MEDIUM);
        margin: 0;
        padding-bottom: 1.4em;
        font-size: 40px;
    }
    *[data-anim="0"] .precious-lp-subtitle {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-subtitle {
        opacity: 1;
        transition: opacity ease-in-out 1s;
    }
    .precious-lp-intro {
        color: #fff;
        font-size: var(--FONT-SIZE-BOLD);
        line-height: 2em;
        display: block;
        font-family: var(--GOTHAM-BOOK);
        margin: 0;
        padding-bottom: 25px;
        font-weight: normal;
    }
    *[data-anim="0"] .precious-lp-intro {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-intro {
        opacity: 1;
        transition: opacity ease-in-out 1s;
    }
    .precious-lp-text {
        color: #fff;
        font-size: calc(var(--RATIO) * var(--FONT-SIZE-BOLD));
        /* font-size: var(--FONT-SIZE); */
        line-height: 2em;
        font-family: var(--GOTHAM-BOOK);
        margin: 0;
        box-sizing: border-box;
        display: block;
    }
    *[data-anim="0"] .precious-lp-text {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-text {
        opacity: 1;
        transition: all ease-in-out 1s;
    }
    .precious-lp-mentions {
        margin: 0;
        color: #fff;
        font-size: 12px;
        line-height: 12px;
        font-family: var(--GOTHAM-BOOK);
        text-transform: uppercase;
        display: block;
    }
    *[data-anim="0"] .precious-lp-mentions {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-mentions {
        opacity: 1;
        transition: opacity ease-in-out 0.3s;
    }
    *[data-end="1"] .precious-lp-mentions {
        opacity: 0;
        transition: opacity ease-in-out 0.3s;
    }
    /************************************/
    *[data-anim="0"] .precious-lp-title {
        opacity: 0;
        transition: opacity ease-in-out 0.5s;
    }
    *[data-anim="1"] .precious-lp-title {
        opacity: 1;
        transition: opacity ease-in-out 1s;
    }
    .precious-lp-title[data-end="1"] {
        opacity: 0;
        transition: opacity ease-in-out 0.5s;
    }
    *[data-anim="0"] .precious-lp-intro {
        opacity: 0;
        transition: opacity ease-in-out 0.5s;
    }
    *[data-anim="1"] .precious-lp-intro {
        opacity: 1;
        transition: opacity ease-in-out 1s;
        transition-delay: 0.8s;
    }
    /*********************************************************************************************/
    /****   ECRAN 01 - intro                            ******************************************/
    /*********************************************************************************************/
    .precious-lp-spacer {
        background-color: #000 !important;
        height: 0px;
    }
    .precious-lp-home {
        background-color: #000 !important;
        height: auto;
    }
    .precious-lp-home__video {
        width: var(--WIDTH-ANIM);
        left: calc(50% - var(--WIDTH-ANIM)*0.5);
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        z-index: 2;
    }
    *[data-sticky="0"] .precious-lp-home__video {
        position: absolute;
        top: 0;
    }
    *[data-sticky="1"] .precious-lp-home__video {
        position: fixed;
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
    }
    *[data-sticky="2"] .precious-lp-home__video {
        position: absolute;
        bottom: 0;
    }
    .precious-lp-home--text {
        background-color: #000 !important;
        /*   height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));*/
        position: relative;
        z-index: 3;
        padding: var(--PADDING);
        text-align: center;
        z-index: 1;
    }
    .precious-lp-home--text .precious-lp-subtitle {
        text-transform: inherit;
    }
    /*********************************************************************************************/
    /****   ECRAN 02 - products                         ******************************************/
    /*********************************************************************************************/
    .precious-lp-products {
        height: auto;
        background-color: #000;
        z-index: unset;
    }
    .precious-lp-products__wrapper>.precious-lp-title {
        opacity: 1;
        position: absolute;
        text-align: center;
        margin: 0;
        top: 100px;
        width: 100%;
        z-index: 3;
    }
    .precious-lp-products[data-anim="1"] {
        pointer-events: inherit !important;
    }
    .precious-lp-products__content .precious-lp-title {
        position: absolute;
        top: 15vw;
        text-align: center;
        width: 100vw;
    }
    .precious-lp-products__reveal-mobile {
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 100vw;
        left: 0;
        transition: opacity ease-in-out 1s;
    }
    .precious-lp-products__reveal-mobile::before {
        content: " ";
        display: block;
        height: calc(100% - 40vw);
        background-color: #000;
        width: 100%;
    }
    .precious-lp-products__reveal-mobile[data-anim="0"] {
        opacity: 1;
    }
    .precious-lp-products__reveal-mobile[data-anim="1"] {
        opacity: 0;
    }
    .precious-lp-products__reveal-mobile[data-end="1"] {
        opacity: 1;
    }
    .precious-lp-products__reveal-mobile[data-popin="creme"] {
        height: calc(110vw + 40vw);
        top: 0;
    }
    .precious-lp-products__reveal-mobile[data-popin="lotion"] {
        height: calc(140vw + 40vw);
        top: 110vw;
    }
    .precious-lp-products__reveal-mobile[data-popin="outil"] {
        height: calc(110vw + 40vw);
        top: 250vw;
    }
    .precious-lp-products__content {
        display: block;
        width: 100%;
        position: relative;
    }
    .precious-lp-products__background,
    .precious-lp-products__background img {
        display: block;
        width: 100%;
    }
    .precious-lp-products__button {
        position: absolute;
        cursor: pointer;
        color: #fff;
        text-transform: uppercase;
        font-family: var(--GOTHAM-BOOK);
        font-size: 28px;
        line-height: 1.5em;
        display: flex;
        flex-direction: column;
        padding-top: 20px;
    }
    .precious-lp-products__button[data-anim="0"] {
        opacity: 0;
    }
    .precious-lp-products__button[data-anim="1"] {
        transition: all ease-in-out 1s;
        opacity: 1;
    }
    .precious-lp-products__reveal-mobile[data-end="1"]+.precious-lp-products__button {
        opacity: 0 !important;
    }
    .precious-lp-products__button::before {
        content: "";
        height: 28px;
        width: 28px;
        border-radius: 50%;
        background-image: url(https://production-oss.oss-cn-shanghai.aliyuncs.com/precious/open-button.svg);
        background-repeat: no-repeat;
        background-position: center center;
        object-fit: contain;
        position: absolute;
    }
    .precious-lp-products__button:hover::before {
        background-image: url(https://production-oss.oss-cn-shanghai.aliyuncs.com/precious/open-button-rollover.svg);
    }
    .precious-lp-products__button:hover::before {
        background-color: #fff;
        color: var(--COLOR-GOLD);
    }
    .precious-lp-products__button:active::before {
        transform: scale(0.7);
    }
    .precious-lp-products__button[data-popin="creme"] {
        left: 55vw;
        top: 65vw;
        text-align: left;
        transform-origin: bottom left;
        padding-left: 70px;
    }
    .precious-lp-products__button[data-popin="creme"]::before {
        left: -28px;
        top: -28px;
    }
    .precious-lp-products__button[data-popin="lotion"] {
        right: 52vw;
        top: 162vw;
        text-align: right;
        transform-origin: bottom right;
        padding-right: 70px;
    }
    .precious-lp-products__button[data-popin="lotion"]::before {
        right: -28px;
        top: -28px;
        text-align: right;
        transform-origin: bottom right;
    }
    .precious-lp-products__button[data-popin="outil"] {
        left: 53vw;
        top: 265vw;
        text-align: left;
        transform-origin: bottom left;
        padding-left: 70px;
    }
    .precious-lp-products__button[data-popin="outil"]::before {
        left: -28px;
        top: -28px;
    }
    /*********************************************************************************************/
    /****   ECRAN 03 - flower  scroll anim              ******************************************/
    /*********************************************************************************************/
    .precious-lp-floweranim {
        height: auto;
        position: relative;
        overflow: hidden;
        background-color: #000;
    }
    *[data-sticky="0"] .precious-lp-floweranim {
        opacity: 1;
    }
    .precious-lp-section--scroll::before {
        content: " ";
        width: 100%;
        position: absolute;
        z-index: 3;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        pointer-events: none;
        background-color: #000;
        left: 0;
        top: 0;
        display: none;
    }
    .precious-lp-section--scroll[data-sticky="1"]::before {
        display: block;
    }
    .precious-lp-floweranim__content {
        width: 100%;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: var(--FONT-SIZE-BOLD);
        align-items: center;
        text-align: center;
        z-index: 3;
        color: #fff;
        padding: var(--PADDING);
    }
    .precious-lp-floweranim__content:last-child {
        display: none !important;
    }
    .precious-lp-floweranim__content {
        justify-content: center;
        background: rgba(0, 0, 0, 0.5);
    }
    *[data-outofrange="1"] .precious-lp-floweranim__content {
        visibility: hidden;
    }
    .precious-lp-floweranim>div {
        width: 100%;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        left: 0;
        display: block;
        z-index: 3;
        top: 0;
    }
    *[data-sticky="0"] .precious-lp-floweranim>div {
        top: 0;
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    *[data-sticky="1"] .precious-lp-floweranim>div {
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        position: fixed;
    }
    *[data-sticky="2"] .precious-lp-floweranim>div {
        top: auto;
        position: absolute;
        bottom: 0;
        pointer-events: none;
    }
    .precious-lp-floweranim--mobile {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: var(--PADDING);
        margin-top: -30vw;
        z-index: 3;
        position: relative;
    }
    /******************************************************/
    *[data-sticky="0"] .precious-lp-floweranim__content {
        top: 0;
        position: absolute;
        pointer-events: none;
    }
    *[data-sticky="1"] .precious-lp-floweranim__content {
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        position: fixed;
    }
    *[data-sticky="2"] .precious-lp-floweranim__content {
        bottom: 0;
        position: absolute;
    }
    *[data-sticky="2"] .precious-lp-floweranim__content * {}
    *[data-sticky="0"] .precious-lp-floweranim__content * {
        transition: opacity ease-in-out 1s;
        opacity: 0;
    }
    .precious-lp-floweranim__content[data-showtext="0"] {
        transition: opacity ease-in-out 1s;
        opacity: 0;
    }
    .precious-lp-floweranim__content[data-showtext="1"] {
        transition: opacity ease-in-out 1s;
        opacity: 1;
    }
    /******************************************************/
    .precious-lp-floweranim>div img {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        object-fit: cover;
        object-position: center center;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        opacity: 0;
        transition: opacity ease-in-out 0.1s;
    }
    .precious-lp-floweranim>div img[data-show="1"] {
        opacity: 1;
    }
    *[data-outofrange="1"] .precious-lp-floweranim {
        visibility: hidden;
    }
    /*********************************************************************************************/
    /****   ECRAN 05 - cryoextraction video             ******************************************/
    /*********************************************************************************************/
    .precious-lp-cryoextraction {
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
        position: relative;
        z-index: 3;
    }
    .precious-lp-cryoextraction__video {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        width: 100%;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
    }
    .precious-lp-cryoextraction__video video {
        object-fit: cover;
    }
    *[data-sticky="0"] .precious-lp-cryoextraction__video {
        top: 0;
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    *[data-anim="1"] .precious-lp-cryoextraction__video {
        transition: opacity ease-in-out 1s;
        opacity: 1;
    }
    *[data-sticky="1"] .precious-lp-cryoextraction__video {
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        position: fixed;
        transition: opacity ease-in-out 1s;
        opacity: 1;
    }
    *[data-sticky="2"] .precious-lp-cryoextraction__video {
        bottom: 0;
        position: absolute;
        opacity: 1;
        transition: opacity ease-out 1s;
        pointer-events: none;
    }
    .precious-lp-cryoextraction__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }
    *[data-anim="0"] .precious-lp-cryoextraction__content {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-cryoextraction__content {
        transition: opacity ease-in-out 1s;
        opacity: 1;
    }
    *[data-end="1"] .precious-lp-cryoextraction__content {
        opacity: 1;
    }
    .precious-lp-cryoextraction .precious-lp-big-title {
        text-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
    }
    .precious-lp-cryoextraction--text {
        /*  background-color: #000;*/
        width: 100%;
        box-sizing: border-box;
        position: relative;
        z-index: 3;
        padding: var(--PADDING);
        display: block;
        max-width: 700px;
        margin: 0 auto;
    }
    /*********************************************************************************************/
    /****   ECRAN 05 - results                          ******************************************/
    /*********************************************************************************************/
    .precious-lp-resultsV2 {
        display: none !important;
    }
    .precious-lp-results {
        height: calc(1000vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
        z-index: 3;
        position: relative;
    }
    .precious-lp-results[data-pause="1"] {
        height: calc(120vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
    }
    .precious-lp-results--first-mobile {
        display: none;
    }
    .precious-lp-results .precious-lp-text {
        display: block;
    }
    .precious-lp-results::before {
        content: " ";
        width: 100%;
        position: absolute;
        z-index: 3;
        height: calc(100vh - var(--HEADER-HEIGHT));
        pointer-events: none;
        background-color: #000;
        left: 0;
        top: 0;
    }
    .precious-lp-results__video {
        max-width: var(--WIDTH-ANIM);
        width: 100%;
        position: relative;
        z-index: 3;
        display: block;
        pointer-events: none;
        background-color: #000;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
    }
    *[data-sticky="0"] .precious-lp-results__video {
        position: absolute;
        top: 0;
    }
    *[data-sticky="1"] .precious-lp-results__video {
        position: fixed;
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
    }
    *[data-sticky="2"] .precious-lp-results__video {
        position: absolute;
        bottom: 0;
    }
    .precious-lp-results__video video {
        object-fit: cover;
    }
    .precious-lp-results__content--hollow {
        background-color: transparent;
    }
    .precious-lp-results__content {
        width: 100%;
        z-index: 4;
        padding: var(--PADDING);
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        left: 0;
        text-align: center;
        opacity: 0;
        top: 0;
        position: absolute;
    }
    *[data-sticky="1"] .precious-lp-results__content {
        position: fixed;
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
    }
    *[data-sticky="2"] .precious-lp-results__content {
        position: absolute;
        bottom: 0;
        top: auto;
    }
    *[data-animchapter="0"] .precious-lp-results__content {
        opacity: 0;
        pointer-events: none;
    }
    *[data-animchapter="1"] .precious-lp-results__content {
        transition: opacity ease-in-out 0.5s;
        opacity: 1;
        pointer-events: unset;
    }
    .precious-lp-results__content--last {
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        padding: var(--PADDING);
        padding-bottom: 70px;
    }
    .precious-lp-results__content--last .precious-lp-intro {
        margin-bottom: 0;
        padding-bottom: 0;
        padding: 0;
    }
    .precious-lp-results__content--last .precious-lp-title {
        position: relative;
        top: -86px;
        right: -200px;
        flex: 1
    }
    .precious-lp-results__content--last .precious-lp-cta--video {
        margin: 0 auto;
        margin-bottom: 60px;
    }
    .precious-lp-results__content .precious-lp-mentions {
        position: absolute;
        bottom: calc(1*var(--PADDING));
        left: calc(0.5*var(--PADDING));
        text-align: left;
        width: calc(100vw - var(--PADDING));
        display: block;
    }
    .precious-lp-bignum {
        font-size: 30vw;
        font-family: var(--GOTHAM-BOOK);
        color: var(--COLOR-GOLD);
        margin: 0;
        margin-left: 0.14em;
        line-height: 0.9em;
    }
    .precious-lp-results__content .precious-lp-text {
        display: block;
        max-width: 600px;
    }
    /*********************************************************************************************/
    /****   ECRAN 07 - Skin age delaying                ******************************************/
    /*********************************************************************************************/
    .precious-lp-skinage {
        background-color: #000 !important;
        height: calc(150vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
        overflow: visible;
        margin-bottom: calc(-120vh + var(--HEADER-HEIGHT) + var(--MENU-HEIGHT)) !important;
        z-index: 3;
    }
    .precious-lp-skinage--texts {
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
        z-index: 4;
    }
    .precious-lp-skinage__video {
        width: var(--WIDTH-ANIM);
        position: absolute;
        z-index: 3;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        display: block;
        pointer-events: none;
        background-color: #000;
        left: 0;
        transform: translateY(-20%);
    }
    .precious-lp-skinage__video::after {
        content: " ";
        width: var(--WIDTH-ANIM);
        position: absolute;
        z-index: 3;
        height: 100vh;
        display: block;
        pointer-events: none;
        overflow: hidden;
        background-color: #000;
        left: calc(50% - var(--WIDTH-ANIM)*0.5);
        top: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
    }
    *[data-sticky="0"] .precious-lp-skinage__video {
        opacity: 1;
        transition: opacity ease-in-out 0.5s;
    }
    .precious-lp-skinage__content {
        width: var(--WIDTH-ANIM);
        z-index: 4;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: calc(50vh - 120px - var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        align-items: center;
        left: 0;
        text-align: center;
        pointer-events: none;
    }
    .precious-lp-skinage__content .precious-lp-intro {
        font-size: 22px;
        display: block;
        max-width: 600px;
    }
    .precious-lp-skinage--texts .precious-lp-big-title {
        text-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
    }
    /*********************************************************************************************/
    /****   ECRAN 08 - FOXO                             ******************************************/
    /*********************************************************************************************/
    .precious-lp-foxxo {
        height: calc(800vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
        z-index: 3;
        position: relative;
    }
    .precious-lp-foxxo[data-pause="1"] {
        height: calc(120vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
    }
    .precious-lp-foxxo__video {
        max-width: var(--WIDTH-ANIM);
        width: 100%;
        position: absolute;
        z-index: 3;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        display: block;
        pointer-events: none;
        background-color: #000;
        left: 0;
    }
    .precious-lp-foxxo__video video {
        object-fit: cover;
        object-position: center center;
    }
    .precious-lp-foxxo__video video[data-video="foxo-1"] {
        object-fit: cover;
        object-position: center center;
    }
    .precious-lp-foxxo__video video[data-video="foxo-2"] {
        object-fit: cover;
        object-position: right center;
    }
    *[data-sticky="0"] .precious-lp-foxxo__video {
        top: 0;
        position: absolute;
    }
    *[data-sticky="1"] .precious-lp-foxxo__video {
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        position: fixed;
    }
    *[data-sticky="2"] .precious-lp-foxxo__video {
        bottom: 0;
        position: absolute;
    }
    .precious-lp-foxxo__content {
        z-index: 4;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        display: flex;
        flex-direction: column;
        justify-content: center;
        opacity: 0;
        padding: var(--PADDING);
        width: var(--WIDTH-ANIM);
        top: 0;
        position: absolute;
    }
    .skip-button {
        display: none;
        visibility: hidden;
    }
    *[data-animchapter="0"] .precious-lp-foxxo__content {
        opacity: 0;
        pointer-events: none;
    }
    *[data-animchapter="1"] .precious-lp-foxxo__content {
        transition: opacity ease-in-out 0.5s;
        opacity: 1;
        pointer-events: unset;
    }
    *[data-sticky="1"] .precious-lp-foxxo__content {
        position: fixed;
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
    }
    *[data-sticky="2"] .precious-lp-foxxo__content {
        position: absolute;
        bottom: 0;
    }
    .precious-lp-foxxo__content .precious-lp-intro {
        transition: opacity ease-in-out 1.5s;
        display: block;
        font-size: 22px;
    }
    #foxo-1 .precious-lp-foxxo__content {
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    #foxo-2 .precious-lp-foxxo__content {
        justify-content: center;
        padding-top: 50vw;
        align-items: center;
        text-align: center;
    }
    #foxo-3 .precious-lp-foxxo__content {
        justify-content: flex-start;
        align-items: center;
        text-align: center;
    }
    #foxo-4 .precious-lp-foxxo__content {
        justify-content: flex-end;
        align-items: center;
        text-align: center;
    }
    #foxo-4 .precious-lp-intro {
        padding-bottom: 0;
    }
    #foxo-5 .precious-lp-foxxo__content {
        justify-content: flex-start;
        align-items: center;
        text-align: center;
    }
    #foxo-6 .precious-lp-foxxo__content {
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        padding-bottom: 40vw;
    }
    .precious-lp-foxxo__content .precious-lp-mentions {
        position: absolute;
        bottom: calc(1*var(--PADDING));
        left: calc(0.5*var(--PADDING));
        text-align: left;
        width: calc(100vw - var(--PADDING));
        display: block;
    }
    /*********************************************************************************************/
    /****   ECRAN 09 - Peptides                         ******************************************/
    /*********************************************************************************************/
    .precious-lp-peptides {
        height: calc(800vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
        z-index: 3;
        position: relative;
    }
    .precious-lp-peptides[data-pause="1"] {
        height: calc(120vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
    }
    .precious-lp-peptides--last {
        height: auto !important;
        z-index: 2;
    }
    .precious-lp-peptides__video {
        width: var(--WIDTH-ANIM);
        position: absolute;
        z-index: 3;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        display: block;
        pointer-events: none;
        overflow: hidden;
        background-color: #000;
        left: 0;
    }
    .precious-lp-peptides__video video {
        object-fit: cover;
    }
    *[data-sticky="0"] .precious-lp-peptides__video {
        top: 0;
        position: absolute;
    }
    *[data-sticky="1"] .precious-lp-peptides__video {
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        position: fixed;
    }
    *[data-sticky="2"] .precious-lp-peptides__video {
        bottom: 0;
        position: absolute;
    }
    .precious-lp-peptides__content {
        position: absolute;
        left: 0;
        width: 100vw;
        z-index: 4;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: var(--PADDING);
        opacity: 0;
    }
    *[data-animchapter="0"] .precious-lp-peptides__content {
        opacity: 0;
        pointer-events: none;
    }
    *[data-animchapter="1"] .precious-lp-peptides__content {
        transition: opacity ease-in-out 0.5s;
        opacity: 1;
        pointer-events: unset;
    }
    *[data-sticky="1"] .precious-lp-peptides__content {
        position: fixed;
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
    }
    *[data-sticky="2"] .precious-lp-peptides__content {
        position: absolute;
        top: auto;
        bottom: 0;
    }
    #peptides-1 .precious-lp-peptides__content {
        align-items: center;
        text-align: center;
        justify-content: space-between;
    }
    #peptides-3 .precious-lp-peptides__content {
        justify-content: flex-start;
        align-items: flex-start;
        text-align: center;
    }
    .precious-lp-peptides__content .precious-lp-mentions {
        position: absolute;
        bottom: calc(1*var(--PADDING));
        left: calc(0.5*var(--PADDING));
        text-align: left;
        width: calc(100vw - var(--PADDING));
        display: block;
    }
    /*********************************************************************************************/
    /****   ECRAN 10 - Experiences                      ******************************************/
    /*********************************************************************************************/
    .precious-lp-experience {
        height: auto !important;
        background-color: #000 !important;
        display: flex;
        flex-direction: column-reverse;
        min-height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
        justify-content: space-between;
        z-index: 3;
    }
    .precious-lp-experience__background {
        position: relative;
        display: block;
        width: var(--WIDTH-ANIM);
        top: auto;
        left: auto;
        transform: none;
        z-index: 2;
    }
    *[data-anim="0"] .precious-lp-experience__background {
        top: 0;
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-experience__background {
        opacity: 1;
        transition: opacity ease-in-out 1.5s;
    }
    *[data-end="1"] .precious-lp-experience__background {
        opacity: 0;
        transition: opacity ease-in-out 1.5s;
    }
    .precious-lp-experience__content {
        width: 100vw;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: var(--PADDING);
        flex: 1;
    }
    .precious-lp-experience .precious-lp-cta--video {
        position: absolute;
        bottom: 15vw;
    }
    .precious-lp-experience[data-end="1"] .precious-lp-cta {
        opacity: 0 !important;
        transition: all ease-in-out 0.5s;
    }
    /*********************************************************************************************/
    /****   ECRAN 10 - Spa                               ******************************************/
    /*********************************************************************************************/
    .precious-lp-spa {
        height: auto !important;
        background-color: #000 !important;
        z-index: 3;
    }
    .precious-lp-spa .precious-lp-section__wrapper {
        display: flex;
        flex-direction: column;
    }
    .precious-lp-spa .precious-lp-background {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: var(--WIDTH-ANIM);
        top: auto;
        left: auto;
        transform: none;
        z-index: 2;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
    }
    *[data-anim="0"] .precious-lp-spa__background {
        top: 0;
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-spa__background {
        opacity: 1;
        transition: opacity ease-in-out 1.5s;
    }
    *[data-end="1"] .precious-lp-spa__background {
        opacity: 0;
        transition: opacity ease-in-out 1.5s;
    }
    .precious-lp-spa__content {
        width: 100vw;
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: var(--PADDING);
    }
    *[data-anim="0"] .precious-lp-spa__content {
        pointer-events: none;
    }
    *[data-anim="1"] .precious-lp-spa__content {
        pointer-events: normal;
    }
    *[data-end="1"] .precious-lp-spa__content {
        opacity: 0;
        transition: opacity ease-in-out 1.5s;
    }
    .precious-lp-spa__content .precious-lp-cta {
        margin-top: 20px;
    }
    /*********************************************************************************************/
    /****   ECRAN 11 - boutiques                        ******************************************/
    /*********************************************************************************************/
    .precious-lp-boutiques {
        height: auto !important;
        background-color: #000 !important;
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
    }
    .precious-lp-boutiques .precious-lp-background {
        position: relative;
        display: flex;
        width: var(--WIDTH-ANIM);
        top: auto;
        left: auto;
        transform: none;
        z-index: 2;
    }
    .precious-lp-boutiques[data-anim="0"] .precious-lp-background {
        top: 0;
        opacity: 0;
    }
    .precious-lp-boutiques[data-anim="1"] .precious-lp-background {
        opacity: 1;
        transition: opacity ease-in-out 1.5s;
    }
    .precious-lp-boutiques__content .precious-lp-cta {
        margin-top: 30px;
    }
    .precious-lp-boutiques__content {
        text-align: center;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: var(--PADDING);
        flex: 1;
    }
    *[data-anim="0"] .precious-lp-boutiques__content {
        opacity: 0;
        pointer-events: none;
        transition: opacity ease-in-out 0.5s;
    }
    *[data-anim="1"] .precious-lp-boutiques__content {
        opacity: 1;
        transition: opacity ease-in-out 0.5s;
    }
    *[data-end="1"] .precious-lp-boutiques__content {
        opacity: 0;
        transition: opacity ease-in-out 1.5s;
    }
    /*********************************************************************************************/
    /****   ECRAN 12 - sustainable luxury               ******************************************/
    /*********************************************************************************************/
    .precious-lp-luxury {
        background-color: #000;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    .precious-lp-luxury__content {
        padding: var(--PADDING);
    }
    .precious-lp-luxury-video {
        width: 100vw;
        position: relative;
        margin: 30px auto;
        cursor: pointer;
    }
    .precious-lp-luxury-video::before {
        content: " ";
        position: absolute;
        top: calc(50% - 51px);
        left: calc(50% - 51px);
        width: 100px;
        height: 102px;
        border-radius: 50%;
        border: 1px solid #fff;
        z-index: 2;
        transform: scale(1);
        transition: all ease-in-out 0.2s;
        opacity: 1;
        pointer-events: none;
    }
    .precious-lp-luxury-video__background,
    .precious-lp-luxury-video__background img {
        position: relative;
        display: block;
        width: 100%;
    }
    .precious-lp-luxury-video:hover::before {
        transform: scale(0.8);
    }
    .precious-lp-luxury-video[data-play="1"]::before {
        transform: scale(1.4);
        opacity: 0;
        pointer-events: none;
    }
    .precious-lp-luxury-video::after {
        content: " ";
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-left: 30px solid #fff;
        display: inline-block;
        position: absolute;
        top: calc(50% - 15px);
        left: calc(50% - 10px);
        transform: scale(1);
        transition: all ease-in-out 0.5s;
        opacity: 1;
    }
    .precious-lp-luxury-video[data-play="1"]::after {
        transform: scale(1.2);
        opacity: 0;
        pointer-events: none;
    }
    .precious-lp-ytplayer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    /*********************************************************************************************/
    /**** ECRAN xx - Nature                             ******************************************/
    /*********************************************************************************************/
    .precious-lp-nature {
        background-color: #000;
        display: flex;
        flex-direction: column-reverse;
        min-height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;
    }
    .precious-lp-nature .precious-lp-background {
        position: relative;
        display: flex;
        flex-direction: column;
        width: var(--WIDTH-ANIM);
        top: auto;
        left: auto;
        transform: none;
        z-index: 2;
        justify-content: flex-end;
    }
    .precious-lp-nature[data-anim="0"] .precious-lp-background {
        opacity: 0;
    }
    .precious-lp-nature[data-anim="1"] .precious-lp-background {
        opacity: 1;
        transition: opacity ease-in-out 1.5s;
    }
    .precious-lp-nature[data-end="1"] .precious-lp-background {
        opacity: 0 !important;
        transition: opacity ease-in-out 1s !important;
    }
    .precious-lp-nature__content {
        width: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        z-index: 3;
        padding: var(--PADDING);
        flex: 1;
    }
    *[data-anim="0"] .precious-lp-nature__content {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-nature__content {
        transition: all ease-in-out 0.5s;
        opacity: 1;
    }
    /*********************************************************************************************/
    /**** ECRAN xx - Packaging                          ******************************************/
    /*********************************************************************************************/
    .precious-lp-packaging {
        background-color: #000 !important;
        display: flex;
        flex-direction: column-reverse;
        height: auto;
        padding-top: 30px;
    }
    .precious-lp-packaging .precious-lp-background {
        position: relative;
        display: block;
        width: var(--WIDTH-ANIM);
        top: auto;
        left: auto;
        transform: none;
        z-index: 2;
    }
    .precious-lp-packaging__content {
        text-align: center;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: var(--PADDING);
    }
    *[data-anim="0"] .precious-lp-packaging__content {
        opacity: 0;
        transition: opacity ease-in-out 0.5s;
        pointer-events: none;
    }
    *[data-anim="1"] .precious-lp-packaging__content {
        opacity: 1;
        transition: opacity ease-in-out 1s;
    }
    /*********************************************************************************************/
    /**** ECRAN xx - Trust                              ******************************************/
    /*********************************************************************************************/
    .precious-lp-trust {
        /*  height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT)) !important;*/
        background-color: #000 !important;
        display: flex;
        flex-direction: column;
    }
    .precious-lp-trust .precious-lp-background {
        position: absolute;
        display: block;
        width: var(--WIDTH-ANIM);
        top: 0;
        left: 0;
        transform: none;
        z-index: 2;
    }
    .precious-lp-trust__visual {
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100vw;
        padding-top: 26vw;
        padding-bottom: 16vw;
        box-sizing: border-box;
    }
    *[data-anim="0"] .precious-lp-trust__visual {
        opacity: 0;
        transform: scale(0.5);
        pointer-events: none;
    }
    *[data-anim="1"] .precious-lp-trust__visual {
        opacity: 1;
        transform: scale(1);
        transition: opacity ease-in-out 0.5s;
    }
    .precious-lp-trust__logo {
        max-width: 37vw;
    }
    .precious-lp-trust__content {
        text-align: center;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        flex: 1;
        padding: var(--PADDING);
    }
    .precious-lp-trust__content[data-anim="0"] {
        opacity: 0;
    }
    .precious-lp-trust__content[data-anim="1"] {
        opacity: 1;
        transition: opacity ease-in-out 1s;
        pointer-events: none;
    }
    .precious-lp-trust__content[data-end="1"] {
        opacity: 0;
        transition: opacity ease-in-out 1s;
    }
    /*********************************************************************************************/
    /**** ECRAN xx - Made in france                     ******************************************/
    /*********************************************************************************************/
    .precious-lp-madeinfrance {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }
    .precious-lp-madeinfrance__content {
        text-align: center;
        width: 100%;
        z-index: 4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: var(--PADDING);
    }
    *[data-anim="0"] .precious-lp-madeinfrance__content {
        opacity: 0;
        pointer-events: none;
        transition: opacity ease-in-out 0.5s;
    }
    *[data-anim="1"] .precious-lp-madeinfrance__content {
        opacity: 1;
        transition: opacity ease-in-out 0.5s;
    }
    .precious-lp-madeinfrance__map {
        width: 300px;
        height: 300px;
        margin-top: 30px;
        position: relative;
        --WIDTH-MAP: 0.52;
        /*integer not px*/
    }
    @media (min-width:650px) {
        .precious-lp-madeinfrance__map {
            width: 600px;
            height: 600px;
            margin-top: 30px;
            position: relative;
            --WIDTH-MAP: 1.04;
        }
    }
    .precious-lp-madeinfrance__city {
        border-radius: 50%;
        width: calc(116px * var(--WIDTH-MAP));
        height: calc(116px * var(--WIDTH-MAP));
        border: 1px solid var(--COLOR-GOLD);
        position: absolute;
    }
    .precious-lp-madeinfrance__city span {
        color: #fff;
        position: absolute;
        text-transform: uppercase;
        font-family: var(--GOTHAM-MEDIUM);
        font-size: 16px;
        display: block;
        text-align: left;
        z-index: 2;
    }
    *[data-anim="0"] .precious-lp-madeinfrance__city {
        transform: scale(0.5);
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-madeinfrance__city {
        transform: scale(1);
        opacity: 1;
        transition: transform ease-in-out 0.5s;
    }
    *[data-anim="0"] .precious-lp-madeinfrance__city span {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-madeinfrance__city span {
        opacity: 1;
        transition: opacity ease-in-out 0.5s;
        transition-delay: 0.5s;
    }
    /******************************/
    .precious-lp-madeinfrance__city[data-city="brittany"] {
        left: calc(-13px * var(--WIDTH-MAP));
        top: calc(116px * var(--WIDTH-MAP));
    }
    .precious-lp-madeinfrance__city[data-city="brittany"] span {
        left: calc(68px* var(--WIDTH-MAP));
        top: calc(136px* var(--WIDTH-MAP));
    }
    /******************************/
    .precious-lp-madeinfrance__city[data-city="paris"] {
        left: calc(255px* var(--WIDTH-MAP));
        top: calc(108px* var(--WIDTH-MAP));
    }
    .precious-lp-madeinfrance__city[data-city="paris"] span {
        left: calc(95px* var(--WIDTH-MAP));
        top: calc(122px* var(--WIDTH-MAP));
    }
    /******************************/
    .precious-lp-madeinfrance__city[data-city="grasse"] {
        left: calc(409px* var(--WIDTH-MAP));
        top: calc(426px* var(--WIDTH-MAP));
    }
    .precious-lp-madeinfrance__city[data-city="grasse"] span {
        left: calc(-44px * var(--WIDTH-MAP));
        top: calc(-18px * var(--WIDTH-MAP));
    }
    /******************************/
    .precious-lp-madeinfrance__france {
        width: 100%;
        display: block;
        position: relative;
    }
    .precious-lp-madeinfrance__city video {
        width: calc(200px * var(--WIDTH-MAP));
        height: calc(200px* var(--WIDTH-MAP));
        object-fit: cover;
        border-radius: 50%;
        border: 2px solid var(--COLOR-GOLD);
        transform: scale(0.57);
        position: absolute;
        top: calc(50% - 100px * var(--WIDTH-MAP));
        left: calc(50% - 100px * var(--WIDTH-MAP));
        box-sizing: border-box;
        transition: all ease-in-out 0.2s;
        filter: brightness(50%);
    }
    .precious-lp-madeinfrance__city:hover video {
        transform: scale(1);
        cursor: pointer;
        filter: brightness(100%);
        transition: transform ease-in-out 1s;
    }
    /*********************************************************************************************/
    /**** ECRAN xx - Routine Produits                   ******************************************/
    /*********************************************************************************************/
    .precious-lp-routine {
        background-color: #000 !important;
        padding: 40px 0;
        height: auto;
    }
    .precious-lp-routine[data-end="1"] .precious-lp-cta {
        opacity: 1 !important
    }
    .precious-lp-routine__wrapper {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        max-width: 1275px;
        margin: 0 auto;
        padding-top: 40px;
        width: 100%;
        text-align: center;
    }
    .precious-lp-routine .precious-lp-text {
        text-align: center;
        padding-top: var(--FONT-SIZE-BOLD);
    }
    .precious-lp-routine[data-anim="1"] .precious-lp-text {
        opacity: 1 !important;
    }
    /*slick CSS*****/
    .precious-lp-routine__wrapper .slick-slide {
        position: relative;
        display: flex;
        height: auto;
        justify-content: flex-end;
        flex-direction: column;
    }
    .precious-lp-routine__wrapper .slick-track {
        display: flex;
    }
    .precious-lp-routine__wrapper .slick-slide {
        display: flex;
        float: none !important;
    }
    .precious-lp-routine__wrapper .slick-track:after,
    .precious-lp-routine__wrapper .slick-track:before {
        display: none;
    }
    /************************/
    .precious-lp-routine__product {
        flex-basis: 33.33%;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 0 var(--PADDING);
    }
    .precious-lp-routine__packshot {
        display: flex;
        position: relative;
        width: 300px;
        align-items: flex-end;
        justify-content: center;
    }
    .precious-lp-routine__packshot img {
        display: block;
    }
    .precious-lp-routine__product[data-product="lotion"] img {
        width: 25vw;
    }
    .precious-lp-routine__product[data-product="cream"] img {
        width: 45vw;
    }
    .precious-lp-routine__product[data-product="outil"] img {
        width: 30vw;
    }
    *[data-anim="0"] .precious-lp-routine__packshot {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-routine__packshot {
        opacity: 1;
        transition: opacity ease-in-out 0.5s;
    }
    .precious-lp-routine__product-name {
        margin: 0;
        text-transform: uppercase;
        margin-top: 30px;
        /*color: var(--COLOR-GOLD);*/
        color: #fff;
        font-size: 20px;
        line-height: 1em;
        font-weight: normal;
        font-family: var(--GOTHAM-MEDIUM);
    }
    *[data-anim="0"] .precious-lp-routine__product-name {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-routine__product-name {
        opacity: 1;
        transition: opacity ease-in-out 0.5s;
    }
    .precious-lp-routine__price {
        line-height: var(--FONT-SIZE-BOLD);
        font-size: var(--FONT-SIZE);
        font-family: var(--GOTHAM-BOOK);
        color: #fff;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    *[data-anim="0"] .precious-lp-routine__price {
        opacity: 0;
    }
    *[data-anim="1"] .precious-lp-routine__price {
        opacity: 1;
        transition: opacity ease-in-out 0.5s;
    }
    .precious-lp-routine__text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: var(--FONT-SIZE);
        line-height: 16px;
        margin: 16px auto;
    }
    /*************************************/
    .precious-lp-stat {
        align-items: center;
        flex-direction: column;
        display: flex;
    }
    .precious-lp-stat+.precious-lp-stat {
        margin-top: 10vw;
    }
    .precious-lp-stat__num {
        --RAYON: 112px;
        font-size: calc(67px * var(--RATIO));
        font-family: var(--GOTHAM-LIGHT);
        color: #fff;
        width: calc(var(--RATIO) * var(--RAYON) *2);
        height: calc(var(--RATIO) * var(--RAYON) *2);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .precious-lp-stat__num span {
        display: inline-block;
        position: relative;
        text-align: center;
    }
    .precious-lp-stat__num sup {
        position: relative;
        top: 0;
        display: inline-block;
        line-height: 100%;
        font-size: 4vw;
        vertical-align: top;
    }
    .precious-lp-stat__label {
        font-size: 26px;
        line-height: 1.5em;
        font-family: var(--GOTHAM-BOOK);
        text-transform: uppercase;
        color: #fff;
        display: flex;
        flex-direction: column;
        text-align: center;
        margin: 0.2em 0;
    }
    .precious-lp-chart {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .precious-lp-chart svg {
        transform: rotate(-90deg);
        position: absolute;
        top: calc(50% - var(--RAYON));
        left: calc(50% - var(--RAYON));
        width: calc(var(--RAYON) *2);
        height: calc(var(--RAYON) *2);
    }
    .precious-lp-chart svg circle {
        stroke-dashoffset: 0;
        stroke: transparent;
        stroke-width: 2px;
        width: calc(var(--RAYON) *2);
        height: calc(var(--RAYON) *2);
    }
    .precious-lp-chart svg .bar {
        stroke: var(--COLOR-GOLD);
    }
    *[data-animchapter="0"] .precious-lp-stat .precious-lp-chart svg .bar {
        transition: stroke-dashoffset 2s linear;
        stroke-dashoffset: calc(var(--RAYON) * 2 * 3.1416);
    }
    *[data-animchapter="1"] .precious-lp-stat .precious-lp-chart svg .bar {
        transition: stroke-dashoffset 2s linear;
        stroke-dashoffset: 0px;
    }
    *[data-animchapter="0"] .precious-lp-stat {
        opacity: 0 !important;
    }
    *[data-animchapter="1"] .precious-lp-stat {
        opacity: 1 !important;
        transition: all ease-in-out 0.8s;
    }
    .precious-lp-peptides *[data-animchapter="1"] #stat-7 .precious-lp-chart svg .bar,
    .precious-lp-peptides *[data-animchapter="1"] #stat-7 {
        transition-delay: 1s;
    }
    #stat-1 {
        position: absolute;
        bottom: 15vw;
        left: 4vw;
    }
    #stat-2 {
        position: absolute;
        bottom: 8vw;
        right: 4vw;
    }
    #stat-3 {
        position: absolute;
        bottom: 15vw;
        left: 4vw;
    }
    #stat-4 {
        position: absolute;
        margin: 0;
        bottom: 15vw;
        left: 8vw;
        top: auto;
    }
    #stat-5 {
        position: absolute;
        margin: 0;
        bottom: 15vw;
        right: 8vw;
    }
    #stat-6 {
        top: 10vw;
        position: absolute;
        right: 8vw;
    }
    #stat-7 {
        top: 60vw;
        right: 8vw;
        position: absolute;
    }
    /*********************************************/
    .precious-lp-popin {
        position: fixed;
        width: 100%;
        height: calc(100vh - var(--HEADER-HEIGHT) - var(--MENU-HEIGHT));
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.5);
        top: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
        left: 0;
        z-index: 5;
    }
    .precious-lp-popin[data-open="0"] {
        opacity: 0;
        pointer-events: none;
    }
    .precious-lp-popin[data-open="1"] {
        opacity: 1;
        transition: opacity ease-in-out 0.5s;
    }
    .precious-lp-popin__wrapper {
        position: absolute;
        width: 600px;
        height: 640px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        flex-direction: column;
    }
    .precious-lp-popin__close {
        position: absolute;
        cursor: pointer;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background-color: var(--COLOR-GOLD);
        top: -14px;
        right: -14px;
        font-size: 0;
        display: block;
        transition: transform ease-in-out 0.5s;
        box-sizing: border-box;
        color: #000;
        border: 1px solid var(--COLOR-GOLD);
    }
    .precious-lp-popin__close:hover {
        background-color: #fff;
        color: var(--COLOR-GOLD);
    }
    .precious-lp-popin__close:active {
        transform: scale(0.7);
    }
    .precious-lp-popin__close::before {
        content: "+";
        height: 28px;
        width: 28px;
        font-size: 28px;
        line-height: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        font-family: var(--GOTHAM-BOOK);
        transform: rotate(45deg);
        top: -1px;
        left: -1px;
    }
    .precious-lp-popin__title {
        margin: 0;
        font-weight: normal;
        font-family: var(--GOTHAM-MEDIUM);
        font-size: 36px;
        text-transform: uppercase;
        line-height: 1.5em;
        color: #000;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .precious-lp-popin__text {
        margin: 20px;
        font-family: var(--GOTHAM-BOOK);
        font-size: var(--FONT-SIZE);
        line-height: 1.4em;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .precious-lp-results-slider,
    .precious-lp-foxxo-slider,
    .precious-lp-peptides-slider {
        display: none !important;
    }
    .precious-lp-title {
        color: var(--COLOR-GOLD);
    }
    .recious-footer {
        line-height: 20px;
        font-size: 10px;
        padding: 30px 0px;
        width: 1257px;
        color: var(--COLOR-GOLD);
        text-align: right;
        margin: 0 auto;
        background-color: #000;
    }
    .precious-lp-title {
        color: var(--COLOR-GOLD);
    }
    .precious-lp-home-item {
        position: absolute;
        color: #fff;
        z-index: 999;
        left: 50%;
        transform: translate(-50%, 0%);
        bottom: 0px;
        text-align: center;
        font-size: 24px;
    }
    .precious-lp-home-item img{
        display: none;
    }
    .precious-lp-home-item p {
        line-height: 32px;
    }
}