.precious-lp {
    --CLARINS-FONT: ClarinsRegular, Clarins, "Microsoft Jhenghei";
    --GOTHAM-LIGHT: "Gotham_Light", Helvetica, Arial, "Microsoft Jhenghei", sans-serif;
    --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
        Helvetica, Arial, "Microsoft Jhenghei", sans-serif;
    --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
        Helvetica, Arial, "Microsoft Jhenghei", sans-serif;
}

.precious-lp-popin__close {
    font-family: var(--GOTHAM-BOOK);
}

.desktop-break {
    display: initial;
}

.tablet-landscape-break, .tablet-portrait-break, .mobile-break {
    display: none;
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .desktop-break {
        display: none;
    }
    .tablet-landscape-break {
        display: initial;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .desktop-break {
        display: none;
    }
    .tablet-portrait-break{
        display: initial;
    }
}

/*iPhone 6/7/8, 13, and X*/
@media (max-width: 480px) {
    .desktop-break {
        display: none;
    }
    .mobile-break {
        display: initial;
    }
}


/* ART OF TOUCH */
h3.precious-lp-title-aof,h3.product-aot-pname {
    color: var(--COLOR-GOLD);
}
.precious-lp-artoftouch, .precious-lp-artoftouch > *{
    display: flex;
    flex-direction: column;
}
.precious-lp-artoftouch-section {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.precious-lp-artoftouch-wrapper {
    margin: 70px auto 0;
    width: 100%;
    max-width: 1600px;
}
.precious-lp-artoftouch .precious-lp-title, .precious-lp-artoftouch  p.precious-lp-text {
    text-align: center;
    align-items: center;
    flex-basis: 100%;
}
.precious-lp-artoftouch .precious-lp-title {
    padding-bottom: 15px;
}
.precious-lp-artoftouch  p.precious-lp-text {
    max-width: 70vw;
    flex-basis: 100%;
    margin: 40px auto 0px;
}
.precious-lp-artoftouch-wrapper h3.precious-lp-title {
    font-size: 48px;
}
.precious-lp-artoftouch-wrapper picture.model-aot {
    max-width: 30%;
    flex-basis: 30%;
}
.precious-lp-artoftouch-wrapper .product-section-aot {
    max-width: 60%;
    flex-basis: 60%;
    margin: 0 auto;
}
.precious-lp-artoftouch-wrapper .product-section-aot p.precious-lp-text.precious-lp-text-aof {
    margin-top: 20px;
}
picture.product-aot-packshot-pct {
    flex-basis: fit-content;
}
img.product-aot-packshot {
    height: 300px;
    width: auto;
}

.product-section-aot .precious-lp-routine__product {
    justify-content: flex-end;
}

@media (min-width: 1023px) {
    div#precious-lp-artoftouch-wrapper__2 ul.slick-dots, div#precious-lp-artoftouch-wrapper__3 ul.slick-dots {
        display: none;
    }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
    .precious-lp-artoftouch-wrapper {
        width: 90%;
    }

    .precious-lp-artoftouch-wrapper .product-section-aot {
        max-width: 70%;
        flex-basis: 70%;
    }

    picture.product-aot-packshot-pct {
        width: 180px;
    }

    img.product-aot-packshot {
        height: 180px;
    }
}
@media (orientation : portrait) {
    .precious-lp-artoftouch-wrapper {
        width: 100%;
    }

    .precious-lp-artoftouch-section {
        flex-direction: column;
    }

    .precious-lp-artoftouch-wrapper picture.model-aot {
        max-width: unset;
        flex-basis: unset;
    }

    .precious-lp-artoftouch-wrapper .product-section-aot {
        max-width: 100%;
        flex-basis: unset;
    }

    picture.product-aot-packshot-pct {
        width: 100px;
    }

    img.product-aot-packshot {
        height: 300px;
    }
}
/*iPhone 11, 12, 13, 13 Min, and 13 Pro Max*/
@media (max-width: 480px) {
    .precious-lp-artoftouch .precious-lp-title {
        padding-top: 25px;
    }

    .precious-lp-artoftouch h2.precious-lp-title {
        font-size: 7.5vw;
    }

    .precious-lp-artoftouch-wrapper h3.precious-lp-title {
        font-size: 7vw;
    }

    .precious-lp-artoftouch-wrapper .product-section-aot {
        max-width: 100%;
        flex-basis: unset;
        margin-top: 12px;
    }

    .precious-lp-artoftouch  p.precious-lp-text {
        max-width: 90vw;
        margin: 20px auto 0px;
    }
}

/* Wrapper AOT */

.precious-lp-aot__wrapper .slick-track {
    display: flex !important;
}

.precious-lp-aot__wrapper {
    display: flex;
    justify-content: center;
    max-width: 1275px;
    margin: 0 auto !important;
    padding-top: 20px;
    width: 100%;
    text-align: center;
}


.precious-lp-aot__wrapper .precious-lp-text {
    text-align: center;
    line-height: var(--FONT-SIZE-BOLD);
    padding-top: var(--FONT-SIZE-BOLD);
    flex: 1;
    /* display: block !important; */
    font-size: 14px;
    line-height: 1.4em;
    padding: 30px;
    padding-bottom: 20px;
}

@media(max-width:761px) {
    .precious-lp-aot__wrapper {
        padding-top: 0px;
    }
    .precious-lp-aot__wrapper .precious-lp-text {
        padding: 20px;
        font-size: var(--FONT-SIZE);
    }
}



/* ----------2024 S2 updates------------- */
.precious-pdp-header__baseline-subtitle-1 {
    font-size: 80%;
    color: #fff;
    font-family: var(--GOTHAM-BOOK);
    margin-left: 700px;
}


.precious-lp-flower_video {
    width: calc(100% - 2*var(--PADDING-CONTENT));
    max-width: 1170px;
    aspect-ratio: 1063 / 598;
    margin: 50px auto;
    position: relative;
    z-index: 1;
    padding: 0;
}

.precious-lp-madeinfrance__city span {
    width: max-content;
}

@media (min-width: 1250px) {
    .precious-lp-products__scroller {
        overflow-x: unset;
    }
}

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .precious-lp-header__logo {
        top: 26.8%;
        left: 60.3%;
        width: 29.5%;
    }
    .precious-pdp-header__baseline-subtitle-1 {
        margin-left: 632px;
        /* margin-bottom: 10px; */
    }

    .precious-lp-navigation {
        top: 6.7vh;
    }
}

@media (max-width: 480px) {
    .precious-pdp-header__baseline-subtitle-1 {
        position: absolute;
        width: 25em;
        bottom: 0;
        left: 0;
        right: 0;
        margin-left: 0;
    }
    .precious-lp-products__scroller .precious-pdp-header__baseline-subtitle-1 {
        bottom: 50px;
        left: 15px;
    }

    .precious-lp-navigation {
        top: 5.6vh;
    }
}