i-footer footer {
    margin-top: 0;
}

.precious-auto-massage {
    width: 100%;
    /* max-width: 2200px;*/
    margin: 0 auto;
    background-color: #000;
    position: relative;
    --FONT-CLARINS: "ClarinsRegular", "Clarins";
    --FONT-GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial,
        sans-serif;
    --FONT-GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
        Arial, sans-serif;
    --FONT-GOTHAM-XTRA-LIGHT: "GothamXtraLight";
    --FONT-SIZE: 14px;
    --COLOR-GOLD: #CCB089;
    --MENU-HEIGHT: 48px;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 14px;
    color: #fff;
    --swiper-theme-color: #fff;
    --swiper-pagination-bullet-inactive-color: #D3CCC8;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    --swiper-navigation-size: 24px;
    --swiper-navigation-sides-offset: 0px;
    transition: opacity ease-in-out 0.5s;
    overflow: hidden;
}

.precious-auto-massage .swiper-button-next,
.precious-auto-massage .swiper-button-prev {
    font-size: 0;
    width: 24px;
    height: 24px;
}

.precious-auto-massage .swiper-button-next::after {
    width: 24px;
    height: 24px;
    content: "";
    font-size: 0;

    background-image: url(../img/arrow-white-right.svg);
}

.precious-auto-massage .swiper-button-prev::after {
    width: 24px;
    height: 24px;
    content: "";
    font-size: 0;
    background-image: url(../img/arrow-white-left.svg);

}

.precious-auto-massage .swiper-button-next.swiper-button-disabled,
.precious-auto-massage .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.precious-auto-massage * {
    box-sizing: border-box;
}


.precious-lp-anchor {
    position: relative;
    z-index: 1;
    height: calc(var(--HEADER-HEIGHT) + var(--MENU-HEIGHT));
    margin-top: calc(-1 * (var(--HEADER-HEIGHT) + var(--MENU-HEIGHT)));
    pointer-events: none;
}

.precious-lp-anchor#clarins-precious {
    height: 0;
    margin-top: 0;
}

/****************************************************************/

/*------------------------------------------------*/
.precious-auto-massage-nav {
    display: block;
}

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

    .precious-auto-massage-nav__wrapper {
        width: 100%;
        height: var(--MENU-HEIGHT);
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        /* transform: translateY(-100%);*/
        transition: transform ease-in-out 0.5s;
        background-color: #212121 !important;
    }

    .precious-auto-massage-nav:hover .precious-auto-massage-nav__wrapper,
    .precious-auto-massage-nav[data-scrollback="1"] .precious-auto-massage-nav__wrapper {
        transform: translateY(-0%)
    }

    .precious-auto-massage-nav button {
        display: none !important
    }

    .precious-auto-massage-nav__menu {
        position: relative;
        height: var(--MENU-HEIGHT);
    }

    .precious-auto-massage-nav__current {
        display: none;
    }

    .precious-auto-massage-nav__selector {
        display: flex;
        justify-content: center;
        width: 100%;
        overflow: hidden;
        height: var(--MENU-HEIGHT);
        box-sizing: border-box;
    }

    .precious-auto-massage-nav__link {
        font-size: 14px;
        height: var(--MENU-HEIGHT);
        line-height: 20px;
        font-family: var(--FONT-GOTHAM-MEDIUM);
        color: #fff !important;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 10px;
        box-sizing: border-box;
        text-decoration: none;
        position: relative;
    }

    .precious-auto-massage-nav__cta {
        background-color: var(--COLOR-GOLD) !important;
        font-size: 12px;
        color: #000 !important;
        border-radius: 4px;
        line-height: 32px;
        padding: 0 20px;
        text-transform: unset;
        font-family: var(--FONT-GOTHAM-MEDIUM);
        margin: 9px 10px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

    .precious-auto-massage-nav__cta:hover {
        background-color: #fff;
    }

    .precious-auto-massage-nav__link::before {
        content: " ";
        display: block;
        width: 100%;
        background-color: var(--COLOR-GOLD);
        height: 4px;
        bottom: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scaleX(0);
        opacity: 0;
    }

    .precious-auto-massage-nav__link[data-active="1"] {
        color: var(--COLOR-GOLD) !important;
    }

    .precious-auto-massage-nav__link[data-active="1"]::before {
        opacity: 1;
        transform: translateX(-50%) scaleX(1);
        transition: transform ease-in-out 0.5s;
    }

    .precious-auto-massage-nav__link:hover {
        color: var(--COLOR-GOLD) !important;
    }

    .precious-auto-massage-nav .precious-lp-cta {
        display: none;
    }
}

@media(max-width:1023px) {

    .precious-auto-massage-nav button {
        display: block !important;
        opacity: 1;
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
        font-size: 0;
        background-color: transparent;
        box-sizing: border-box;
        border: 0px solid #212121 !important;
        outline: 0 !important;
    }

    .precious-auto-massage-nav button:focus {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .precious-auto-massage-nav__wrapper {
        max-width: 1250px;
        width: 100%;
        padding: 0;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #212121;
    }

    .precious-auto-massage-nav__menu {
        flex: 1;
        position: relative;
        height: var(--MENU-HEIGHT);
        cursor: pointer;
    }

    .precious-auto-massage-nav__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-auto-massage-nav__menu[data-active="1"]:before {
        transform: rotate(45deg);
        margin-top: 7px;
    }

    .precious-auto-massage-nav__current {
        color: var(--COLOR-GOLD);
        font-family: var(--FONT-GOTHAM-MEDIUM);
        font-size: 14px;
        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-auto-massage-nav__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: 8px;
    }

    .precious-auto-massage-nav__menu[data-active="1"] .precious-auto-massage-nav__selector {
        max-height: calc(var(--MENU-HEIGHT) * 7 * 0.75);
        opacity: 1;
    }

    .precious-auto-massage-nav__selector a {
        font-family: var(--FONT-GOTHAM-MEDIUM);
        font-size: 14px;
        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;
        outline: 0 !important;
    }


    .precious-auto-massage-nav__selector a:focus {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .precious-auto-massage-nav__selector a[data-active="1"] {
        display: none;
    }

    .precious-auto-massage-nav__selector a:hover {
        color: var(--COLOR-GOLD);
    }

    .precious-auto-massage-nav__cta {
        background-color: var(--COLOR-GOLD) !important;
        font-size: 12px;
        color: #000 !important;
        border-radius: 4px;
        line-height: 32px;
        padding: 0 20px;
        text-transform: unset;
        font-family: var(--FONT-GOTHAM-MEDIUM);
        margin: 9px 10px;
        text-align: center;
        text-decoration: none;
    }
}

/****************************************************************/
.precious-auto-massage-link {
    margin: 0;
    margin-top: 16px;
    color: #333 !important;
    text-align: center;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 145%;
    text-transform: uppercase;
    text-decoration: underline !important;
    cursor: pointer;
}

/****************************************************************/
.precious-auto-massage-mentions {
    margin: 0;
    padding: 64px;
    font-size: 10px;
    line-height: 14px;
    width: 100%;
    max-width: 1328px;
    text-align: left;
}

@media(max-width:761px) {
    .precious-auto-massage-mentions {
        padding: 16px;
    }
}

/****************************************************************/
.precious-auto-massage-cta {
    position: relative;
    background-color: var(--COLOR-GOLD) !important;
    display: inline-block;
    color: #333 !important;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 14px;
    line-height: 15px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    height: 44px;
    box-sizing: border-box;
    text-transform: unset !important;
    letter-spacing: unset !important;
    outline: 0 !important;
    border: 1px solid var(--COLOR-GOLD);
}

.precious-auto-massage-cta:hover {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15);
}

.precious-auto-massage-cta:active {}

.precious-auto-massage-cta:focus {
    box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #6893D2;
}

/*------------------------------------------------*/
.precious-auto-massage-cta:focus::after {
    opacity: 1;
    outline: 0 !important;
}

.precious-auto-massage-cta:hover {
    outline: 0 !important;
}

.precious-auto-massage-cta:active::after {
    opacity: 1;
    outline: 0 !important;
}

/****************************************************************/
.precious-auto-massage-playvideo {
    position: relative;
    background-color: transparent !important;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: #fff !important;
    padding: 12px 16px;
    text-decoration: none;
    font-size: 14px;
    line-height: 15px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    height: 44px;
    box-sizing: border-box;
    text-transform: unset !important;
    letter-spacing: unset !important;
    outline: 0 !important;
    border: 1px solid #fff;
    white-space: nowrap;
}

.precious-auto-massage-playvideo::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/play-video.svg);
    background-size: cover;
}

.precious-auto-massage-playvideo:hover {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .15);
}

.precious-auto-massage-playvideo:active {}

.precious-auto-massage-cta:focus {
    box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #6893D2;
}

/*------------------------------------------------*/
.precious-auto-massage-playvideo:focus::after {
    opacity: 1;
    outline: 0 !important;
}

.precious-auto-massage-playvideo:hover {
    outline: 0 !important;
}

.precious-auto-massage-playvideo:active::after {
    opacity: 1;
    outline: 0 !important;
}

/*------------------------------------------------*/
div[data-playervimeo] {
    position: relative;
    display: block;
    cursor: pointer;
}

div[data-playervimeo] picture {
    display: block;
    width: 100%;
}

div[data-playervimeo] pictur>img {
    display: block;
    width: 100%;
    height: auto;
}

div[data-playervimeo]::before {
    content: "";
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    background-image: url(../img/play-video.svg);
    pointer-events: none;
}

/*************************************************************/
/********** PRECIOUS AUTO MASSAGE 2024    ********************/
/*************************************************************/
.precious-auto-massage-chapter {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    min-height: 100vh;
}

@media(max-width:761px) {
    .precious-auto-massage-chapter {
        padding: 0;
        padding-top: 50px;
    }
}

/********************************************************************/
.precious-auto-massage-title {
    margin: 0;
    padding: 0;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    text-align: center;
    color: var(--COLOR-GOLD);
}

.precious-auto-massage-intro {
    margin: 0;
    margin-top: 16px;
    margin-bottom: 64px;
    padding: 0;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: #fff;
    max-width: 830px;
    width: calc(100% - 40px);
}

@media(max-width:761px) {
    .precious-auto-massage-intro {
        padding: 0 16px;
    }
}

/********************************************************************/
.precious-auto-massage-guide {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 64px;
    padding: 0 64px;
    width: 100%;
    max-width: 1392px;
}

.precious-auto-massage-guide__content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    max-width: 476px;

}

.precious-auto-massage-guide__title {
    margin: 0;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 32px;
    font-weight: normal;
    line-height: 38px;
}

.precious-auto-massage-guide__text {
    margin: 0;
    margin-top: 24px;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.precious-auto-massage-guide__video {
    display: block;
    width: 100%;
    max-width: 724px;
}

.precious-auto-massage-guide__video>img {
    display: block;
    width: 100%;
    height: auto;
}

@media(max-width:761px) {
    .precious-auto-massage-guide {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 40px;
        padding: 0;
    }

    .precious-auto-massage-intro {
        width: 100%;
    }

    .precious-auto-massage-guide__title {
        padding-left: 10px;
        padding-right: 10px;

    }

    .precious-auto-massage-guide__video {
        max-width: 376px;
    }

    .precious-auto-massage-guide__content {
        align-items: center;
        text-align: center;
        max-width: 100%;
    }
}

/********************************************************************/
.precious-auto-massage-techniques {
    width: 100%;
    max-width: 1328px;
    overflow: hidden;
}


.precious-auto-massage-techniques__item {
    /*width: 400px;*/
    background-color: #212121;
    overflow: hidden;
    max-width: 400px;
    padding: 24px;
    border-radius: 8px;
    overflow: hidden;
}

.precious-auto-massage-techniques__video {
    display: block;
    width: calc(100% + 48px);
    margin: -24px;
    margin-bottom: 24px;
}

.precious-auto-massage-techniques__text {
    margin: 0;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    color: var(--COLOR-GOLD);
}

.precious-auto-massage-techniques__link {
    margin: 0;
    margin-top: 16px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

.precious-auto-massage-techniques__video>img {
    display: block;
    width: 100%;
    height: auto;
}

.precious-auto-massage-techniques__title {
    margin: 0;
    margin-top: 40px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 24px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    color: var(--COLOR-GOLD);
}

.precious-auto-massage-techniques__slider {
    width: 100%;
    padding: 32px;
    position: relative;
    padding-bottom: 48px;
    --swiper-pagination-bottom: 0;

}


.precious-auto-massage-techniques__slider .swiper-wrapper {
    font-size: 0;
    white-space: nowrap;
    display: flex;
    gap: 32px;
}

.precious-auto-massage-techniques__slider.swiper-initialized .swiper-wrapper {
    gap: 0px;
}

.precious-auto-massage-techniques__slider .swiper-slide {
    display: inline-block;
    white-space: normal;
    width: auto;
}

@media(max-width:1023px) {
    .precious-auto-massage-techniques__title {
        padding: 0 16px;
    }

    .precious-auto-massage-techniques__slider .swiper-button-next,
    .precious-auto-massage-techniques__slider .swiper-button-prev {
        display: none;
    }

    .precious-auto-massage-techniques__slider {
        max-width: 300px;
        margin: 0 auto;
        margin-top: 30px;
        padding: 0;
        padding-bottom: 78px;
        --swiper-pagination-bottom: 38px;

    }

    .precious-auto-massage-techniques__slider .swiper-slide {
        height: auto;
    }

    .precious-auto-massage-techniques__item {
        max-width: 300px;
        height: 100%;
    }
}

/************************************************/
.precious-auto-massage-products {
    margin-top: 80px;
    width: 832px;
    height: 187px;
    padding: 0px 40px;
    gap: 64px;
    border-radius: 8px;
    border: 1px solid var(--COLOR-GOLD);
    display: flex;
    align-items: center;
}

.precious-auto-massage-products__visual {
    margin-top: -40px;
    margin-bottom: 34px;
}

.precious-auto-massage-products__content {}

.precious-auto-massage-products__text {
    margin: 0;
    margin-bottom: 16px;
    color: #fff;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 20px;
    font-weight: normal;
    line-height: 29px;
    text-align: left;
}

@media(max-width:1023px) {
    .precious-auto-massage-products {
        flex-direction: column;
        height: auto;
        width: calc(100% - 32px);
        align-items: center;
        text-align: center;
        padding: 24px;
        gap: 0px;
        margin-top: 90px;
    }

    .precious-auto-massage-products__visual {
        margin-bottom: 16px;
        margin-top: -114px;
    }

    .precious-auto-massage-products__text {
        text-align: center;
    }
}

/**********************************************************/
.precious-auto-massage-uniques {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 64px;
}

.precious-auto-massage-uniques__title {
    margin: 0;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 32px;
    font-weight: normal;
    line-height: 38px;
    text-align: center;
    color: #fff;
    max-width: 590px;
}

.precious-auto-massage-uniques__text {
    margin: 0;
    margin-top: 16px;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    color: #fff;
    max-width: 590px;
}

.precious-auto-massage-uniques__slider {
    width: 752px;
    pointer-events: none;
    overflow: hidden;
}


.precious-auto-massage-uniques__hilite {
    width: 752px;
    height: 752px;
    display: block;
    pointer-events: none;
    user-select: none;
    position: relative;
    z-index: 1;
}

.precious-auto-massage-uniques__hilite::before {
    display: none !important;
}

.precious-auto-massage-uniques__wrapper {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.precious-auto-massage-uniques__areas {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

}

.precious-auto-massage-uniques__areas--item {
    opacity: 0;
    background-color: #fff;
    cursor: pointer;
}

.precious-auto-massage-uniques__list {
    position: absolute;
    width: 100%;
    height: 0;
    z-index: 3;
}

.precious-auto-massage-uniques__caption {
    position: absolute;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    transition: opacity ease-in-out 0.5s;
}


.precious-auto-massage-uniques__caption>p {
    margin: 0;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 16px 0;
    display: block;
}

.precious-auto-massage-uniques__caption .precious-auto-massage-playvideo {
    position: absolute;
    bottom: -44px;
    opacity: 0;
    transition: opacity ease-in-out 0.5s;
    display: inline-flex;
}

.precious-auto-massage-uniques__caption[data-hover="1"] .precious-auto-massage-playvideo,
.precious-auto-massage-uniques__caption:hover .precious-auto-massage-playvideo {
    opacity: 1;
}

.precious-auto-massage-uniques__caption::before {
    content: "";
    position: absolute;
    width: 42px;
    top: 50%;
    height: 0px;
    /*background-color: #fff;*/
    border-top: 1px solid #fff;
}

.precious-auto-massage-uniques__caption::after {
    content: "";
    position: absolute;
    top: 50%;
    height: 0px;
    border-top: 1px solid;
    border-image: linear-gradient(to left, white, transparent) 1;
}

/*
.precious-auto-massage[data-zoomout="1"] .precious-auto-massage-uniques__caption::before,
.precious-auto-massage[data-zoomout="1"] .precious-auto-massage-uniques__caption::after {
    height: 2px;
}
*/

@media(min-width:1024px) {
    .precious-auto-massage-uniques__slider .swiper-pagination {
        display: none !important;
    }
}

.precious-auto-massage-uniques__caption[data-hilite="01"] {
    text-align: right;
    top: 95px;
    right: calc(50% + 280px);
    width: 200px;
}

.precious-auto-massage-uniques__caption[data-hilite="01"]::before {
    right: -50px;
}

.precious-auto-massage-uniques__caption[data-hilite="01"]::after {
    right: -249px;
    width: 200px;
    transform: rotate(30deg);
    border-image: linear-gradient(to right, white, transparent) 1;
    transform-origin: top left;
}

.precious-auto-massage-uniques__caption[data-hilite="01"] .precious-auto-massage-playvideo {
    right: 0;
}

/*************************************************************/
.precious-auto-massage-uniques__caption[data-hilite="02"] {
    text-align: left;
    top: 90px;
    left: calc(50% + 300px);
    width: 180px;
}

.precious-auto-massage-uniques__caption[data-hilite="02"]::before {
    left: -50px;
}

.precious-auto-massage-uniques__caption[data-hilite="02"]::after {
    left: -249px;
    width: 200px;
    transform: rotate(-15deg);
    border-image: linear-gradient(to left, white, transparent) 1;
    transform-origin: top right;
}

.precious-auto-massage-uniques__caption[data-hilite="02"] .precious-auto-massage-playvideo {
    left: 0;
}

/*************************************************************/
.precious-auto-massage-uniques__caption[data-hilite="03"] {
    text-align: right;
    top: 345px;
    right: calc(50% + 320px);
    width: 200px;
}

.precious-auto-massage-uniques__caption[data-hilite="03"]::before {
    right: -50px;
}

.precious-auto-massage-uniques__caption[data-hilite="03"]::after {
    right: -149px;
    width: 110px;
    transform: rotate(0deg);
    border-image: linear-gradient(to right, white, transparent) 1;
    transform-origin: top left;
}

.precious-auto-massage-uniques__caption[data-hilite="03"] .precious-auto-massage-playvideo {
    right: 0;
}

/*****************************************************************/
.precious-auto-massage-uniques__caption[data-hilite="04"] {
    text-align: left;
    top: 436px;
    left: calc(50% + 300px);
    width: 180px;
}

.precious-auto-massage-uniques__caption[data-hilite="04"]::before {
    left: -50px;
}

.precious-auto-massage-uniques__caption[data-hilite="04"]::after {
    left: -249px;
    width: 200px;
    transform: rotate(0deg);
    border-image: linear-gradient(to left, #fff, transparent) 1;
    transform-origin: top right;
}

.precious-auto-massage-uniques__caption[data-hilite="04"] .precious-auto-massage-playvideo {
    left: 0;
}

/*****************************************************************/
.precious-auto-massage-uniques__caption[data-hilite="05"] {
    text-align: right;
    top: 605px;
    right: calc(50% + 280px);
    width: 133px;
}

.precious-auto-massage-uniques__caption[data-hilite="05"]::before {
    right: -50px;
}

.precious-auto-massage-uniques__caption[data-hilite="05"]::after {
    right: -299px;
    width: 250px;
    transform: rotate(-25deg);
    border-image: linear-gradient(to right, #fff, transparent) 1;
    transform-origin: top left;
}

.precious-auto-massage-uniques__caption[data-hilite="05"] .precious-auto-massage-playvideo {
    right: 0;
}

.precious-auto-massage-uniques .precious-auto-massage-playvideo::before {
    content: "" !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    position: relative !important;
    background-image: url(../img/play-video.svg);
    background-size: cover !important;
    top: auto !important;
    left: auto !important;
}

@media(max-width:1023px) {
    .precious-auto-massage-uniques {
        position: relative;
    }

    .precious-auto-massage-uniques__areas {
        display: none;
    }

    .precious-auto-massage-uniques__title {
        padding: 0 16px;
    }

    .precious-auto-massage-uniques__text {
        position: absolute;
        margin: 0;
        bottom: 96px;
        z-index: 2;
        padding: 24px;
        padding-right: 48px;
        text-align: left;
        transition: opacity ease-in-out 0.5s;
        pointer-events: none;
        opacity: 0;
    }

    .precious-auto-massage-uniques__text[data-selected="1"] {
        opacity: 1;
        pointer-events: unset;
    }

    .precious-auto-massage-uniques__text::after {
        content: "";
        background: url(../img/next.svg);
        background-repeat: no-repeat;
        background-size: 24px 24px;
        height: 24px;
        width: 24px;
        display: block;
        position: absolute;
        bottom: 24px;
        right: 24px;
    }

    .precious-auto-massage-uniques__list {
        display: block;
        width: 100%;
        bottom: 64px;
        height: 0px;
        top: auto;
        /* pointer-events: none;*/
    }

    .precious-auto-massage-uniques__caption .precious-auto-massage-playvideo {
        position: relative;
        bottom: auto;
        opacity: 1;
        display: inline-flex !important;
    }

    .precious-auto-massage-uniques__caption {
        text-align: center !important;
        width: 100% !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 24px;
        opacity: 0;
        transition: opacity ease-in-out 0.5s;
        pointer-events: none;
    }

    .precious-auto-massage-uniques iframe {
        clip-path: polygon(41% 42%, 59% 41%, 59% 58%, 41% 58%);
        position: absolute !important;
        top: auto !important;
        bottom: -75px !important;
        left: calc(50% - 150px) !important;
        width: 300px !important;
        height: 250px !important;
        cursor: pointer !important;
        transform: scaleY(1.2) scaleX(4);
        transform-origin: top center;
        opacity: 0;
    }

    .precious-auto-massage-uniques div[data-playervimeo]::before {
        /* display: none;*/
    }

    .precious-auto-massage-uniques iframe[data-playing="1"] {
        clip-path: unset;
        cursor: pointer !important;
        transform: none !important;
        opacity: 1;
    }

    .precious-auto-massage-uniques__caption[data-selected="1"] {
        opacity: 1;
        pointer-events: unset;
    }

    .precious-auto-massage-uniques__caption::before,
    .precious-auto-massage-uniques__caption::after {
        display: none;
    }

    .precious-auto-massage-uniques__wrapper {
        width: 100%;
    }

    .precious-auto-massage-uniques__slider {
        width: 100%;
        pointer-events: unset;
        padding-bottom: 64px;
    }

    .precious-auto-massage-uniques__hilite {
        overflow: hidden;
    }

    .precious-auto-massage-uniques__hilite,
    .precious-auto-massage-uniques__hilite picture,
    .precious-auto-massage-uniques__hilite picture>img {
        width: 100%;
        height: auto;
        display: block;
    }
}



/*****************************************************************/
.precious-auto-massage-marie-poulain {
    width: 100%;
    max-width: 1328px;
    overflow: hidden;
}

.precious-auto-massage-marie-poulain__title {
    margin: 0;
    margin-top: 24px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 24px;
    font-weight: normal;
    line-height: 35px;
    text-align: center;
    color: var(--COLOR-GOLD);
}

.precious-auto-massage-marie-poulain__slider {
    width: 100%;
    padding: 32px;
    padding-bottom: 0;
    position: relative;
}

.precious-auto-massage-marie-poulain__slider .swiper-wrapper {
    font-size: 0;
    white-space: nowrap;
    display: flex;
    gap: 32px;
}

.precious-auto-massage-marie-poulain__slider.swiper-initialized .swiper-wrapper {
    gap: 0px;
}

.precious-auto-massage-marie-poulain__slider .swiper-slide {
    display: inline-block;
    white-space: normal;
    width: auto;
}


.precious-auto-massage-marie-poulain__item {
    max-width: 400px;
    padding: 24px;
    background-color: #212121;
    border-radius: 8px;
    overflow: hidden;
}

.precious-auto-massage-marie-poulain__video {
    display: block;
    width: calc(100% + 48px);
    margin: -24px;
    margin-bottom: 24px;
}

.precious-auto-massage-marie-poulain__video>img {
    display: block;
    width: 100%;
    height: auto;
}

.precious-auto-massage-marie-poulain__text {
    margin: 0;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    text-align: left;
    color: var(--COLOR-GOLD);
}

.precious-auto-massage-marie-poulain__link {
    margin: 0;
    margin-top: 16px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

@media(max-width:1023px) {
    .precious-auto-massage-marie-poulain__title {
        padding: 0 16px;
    }

    .precious-auto-massage-marie-poulain__slider {
        max-width: 300px;
        margin: 0 auto;
        margin-top: 30px;
        padding: 0;
        padding-bottom: 48px;

    }

    .precious-auto-massage-marie-poulain__slider .swiper-slide {
        height: auto;
    }

    .precious-auto-massage-marie-poulain__item {
        max-width: 300px;
        height: 100%;
    }
}

/***********************************************************/

.precious-auto-massage-secrets {
    display: flex;
    gap: 40px;
    padding: 64px 40px;
    align-items: center;
    max-width: 832px;
}

.precious-auto-massage-secrets__visual {}

.precious-auto-massage-secrets__content {
    text-align: left;
}

.precious-auto-massage-secrets__title {
    margin: 0;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 24px;
    font-weight: normal;
    line-height: 29px;

}

.precious-auto-massage-secrets__text {
    margin: 0;
    margin-top: 16px;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

@media(max-width:761px) {
    .precious-auto-massage-secrets {
        flex-direction: column;
        gap: 24px;
        padding: 0 40px;
        padding-top: 64px;
    }

    .precious-auto-massage-secrets__content {
        text-align: center;
    }

}

/***********************************************************/
.precious-auto-massage-tool {
    display: flex;
    max-width: 1152px;
    gap: 64px;
    padding: 0 64px;
    padding-bottom: 64px;
    align-items: center;
}

.precious-auto-massage-tool__visual {
    flex-basis: 50%;
    max-width: 480px;
}

.precious-auto-massage-tool__content {
    flex-basis: 50%;
    max-width: 480px;
    text-align: left;
}

.precious-auto-massage-tool__title {
    margin: 0;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 24px;
    font-weight: normal;
    line-height: 35px;
    color: var(--COLOR-GOLD);
}

.precious-auto-massage-tool__text {
    margin: 16px 0;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.precious-auto-massage-tool__link {
    margin: 0;
    text-transform: uppercase;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    color: #fff !important;
    text-decoration: underline !important;
}

@media(max-width:761px) {
    .precious-auto-massage-tool {
        flex-direction: column;
        gap: 0px;
        padding: 0;
        width: 100%;
    }

    .precious-auto-massage-tool__visual {
        flex-basis: unset;
        max-width: 100%;
        width: 100%;
    }

    .precious-auto-massage-tool__visual>img {
        display: block;
        width: 100%;
        height: auto;
    }

    .precious-auto-massage-tool__content {
        text-align: center;
        padding: 32px 16px;
        padding-bottom: 24px;
    }
}

/********************************************************/

.precious-auto-massage-faq {
    color: #333333;
    padding: 20px 0;
    padding-top: 48px;
    position: relative;
    z-index: 1;
    width: 100%;
}

.precious-auto-massage-faq__wrapper {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}

.precious-auto-massage-faq__title {
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    font-family: var(--FONT-GOTHAM-BOOK);
    font-weight: normal;
    margin: 0 auto;
    margin-bottom: 20px;
    color: #fff;
}

.precious-auto-massage-faq__description {
    margin: 0 auto;
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    text-align: center;
}

.precious-auto-massage-faq__description+p {
    margin: 0 auto;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.precious-auto-massage-faq__container {
    display: block;
    margin-top: 30px;
    max-width: 838px;
    width: calc(100% - 40px);
    margin: 0 auto;
}

button.precious-auto-massage-faq__question {
    border: none;
    min-width: auto;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 0;
    text-align: left;
    color: #fff;
    border: none;
    text-transform: none;
    height: auto;
    background-color: #000;
    font-family: var(--FONT-GOTHAM-MEDIUM);
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    position: relative;

}

button.precious-auto-massage-faq__question:hover {
    border: none;
}

button.precious-auto-massage-faq__question>span {
    padding-right: 35px;
}

.precious-auto-massage-faq__response {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.02em;
    font-family: var(--FONT-GOTHAM-BOOK);
    color: #fff;
}

button.precious-auto-massage-faq__question[is-open="true"]::after {
    transform: rotate(180deg);
}

.precious-auto-massage-faq__response a {

    color: #fff;
    text-decoration: underline;
    font-family: var(--FONT-GOTHAM-MEDIUM);
}

button.precious-auto-massage-faq__question::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/arrow.svg);
    transition: transform 0.3s;
    filter: invert(1);
    position: absolute;
    top: calc(50% - 12px);
    right: 0;

}

.precious-auto-massage-faq__item {
    border-bottom: solid 1px #d2d2d2;
    transition: max-height ease-in-out 0.5s;
    overflow: hidden;
    max-height: 50px;
}

.precious-auto-massage-faq__item p {
    margin: 0;
}

.precious-auto-massage-faq__item p+p {
    padding-top: 16px;
}

.precious-auto-massage-faq__item p:last-child {
    padding-bottom: 40px;
}


@media screen and (max-width: 761px) {

    .precious-auto-massage-faq {
        padding: 16px;
        padding-top: 40px;
    }

    .precious-auto-massage-faq__container {
        width: 100%;
    }

    .precious-auto-massage-faq__title {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 48px;
    }
}




/*-------------------------------------------------------------------------------------------------*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .precious-auto-massage-techniques__text {
        min-height: 50px;
    }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .precious-auto-massage-guide__video {
        max-width: 564px;
    }
    .precious-auto-massage-guide__content {
        max-width: 716px;
    }
    .precious-auto-massage-techniques__text {
        font-size: 18px;
    }
}

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
    .precious-auto-massage-techniques__text {
        min-height: 50px;
    }
}


/* Hide Navigation Bar*/
.precious-auto-massage-nav {
    display: none;
}