.page-title {
    margin-top: 32px;
}

@media only screen and (max-width: 756px) {
    .page-title {
        margin-top: 24px;
    }
}

.lh160 {
    line-height: 160% !important;
}

.anchor-link {
    padding: 48px;
}

@media only screen and (max-width: 756px) {
    .anchor-link {
        padding: 32px 24px;
    }
}

.anchor-link ul {
    display: flex;
    justify-content: center;
    gap: 24px;
}

@media only screen and (max-width: 756px) {
    .anchor-link ul {
        flex-direction: column;
    }
}

.anchor-link ul a {
    color: #6d717a;
    display: block;
    margin-right: calc(16px + 12px);
    position: relative;
    border-bottom: 1px solid transparent;
}

.anchor-link ul a::after {
    position: absolute;
    inset: 0 calc(-16px - 12px) 0 auto;
    margin: auto;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: currentColor;
    -webkit-mask-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.4506 6.46547L6.38546 9.52998L6.38546 1.00494L5.61506 1.00494L5.61506 9.52998L2.54992 6.46547L2.00488 7.01051L5.99995 11.0049L9.99501 7.01051L9.44997 6.46547L9.4506 6.46547Z" fill="black"/></svg>');
    mask-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.4506 6.46547L6.38546 9.52998L6.38546 1.00494L5.61506 1.00494L5.61506 9.52998L2.54992 6.46547L2.00488 7.01051L5.99995 11.0049L9.99501 7.01051L9.44997 6.46547L9.4506 6.46547Z" fill="black"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.anchor-link ul a:hover {
    font-size: 14px;
    border-color: #000;
    color: #000;
}

@media only screen and (max-width: 756px) {
    .anchor-link ul a {
        width: -moz-max-content;
        width: -webkit-max-content;
        width: max-content;
        margin-inline: auto;
    }
}

@media only screen and (max-width: 756px) {
    .anchor-link ul+.u-mt-8 {
        margin-top: 12px;
    }
}

.bg-gradation {
    position: relative;
}

.bg-gradation::before {
    content: "";
    height: 1300px;
    width: 100vw;
    position: absolute;
    top: 32px;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(to bottom, #f8f7f6 0px, #f8f7f6 630px, #fff);
}

@media only screen and (max-width: 756px) {
    .bg-gradation::before {
        background-size: 100% 120%;
    }
}

.container-1216 {
    max-width: 1216px;
    padding-inline: 50px;
    box-sizing: content-box;
    margin: auto;
}

@media only screen and (max-width: 756px) {
    .container-1216 {
        padding-inline: 24px;
    }
}

.container-1216-inner {
    padding-top: 24px;
}

@media only screen and (max-width: 756px) {
    .container-1216-inner {
        padding: 16px;
    }

    .container-1216-inner * {
        text-align: left;
    }

    .container-1216-inner .text-center {
        text-align: center;
    }
}

.container-1216 .sticky-scroll-layout {
    padding-inline: 0;
}

@media only screen and (max-width: 756px) {
    .container-1216 .sticky-scroll-layout {
        margin-top: 64px;
    }

    .container-1216 .sticky-scroll-layout+.sticky-scroll-layout {
        margin-top: 0;
    }
}

.bestcosme-container {
    background: white;
    max-width: 1216px;
    padding: 24px;
    box-sizing: content-box;
    margin: auto;
    text-align: center;
}

@media only screen and (max-width: 756px) {
    .bestcosme-container {
        margin-inline: 24px;
        text-align: left;
    }
}

.bestcosme-heading {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0.08em;
    color: #7d6c4f;
}

.bestcosme-heading::before {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_15657_58549)"><path d="M19.5156 4.08337C19.6262 4.08331 19.737 4.11085 19.8359 4.16638C19.8461 4.1721 19.8555 4.17971 19.8652 4.18591C19.9018 4.20907 19.9366 4.23488 19.9678 4.26501C19.9874 4.28407 20.0056 4.30433 20.0225 4.32556C20.0398 4.34742 20.0559 4.37058 20.0703 4.3949L25.5811 13.6888C25.6951 13.8812 25.695 14.1185 25.5811 14.3109L20.0703 23.6049C20.0502 23.6388 20.0257 23.6695 20 23.6986C19.9745 23.7275 19.9469 23.7546 19.916 23.7787C19.8905 23.7986 19.8642 23.8176 19.8359 23.8334L19.7598 23.8695C19.6816 23.9008 19.5987 23.9164 19.5156 23.9164H8.4834C8.40072 23.9164 8.3181 23.9007 8.24023 23.8695L8.16406 23.8334C8.13557 23.8174 8.10871 23.7988 8.08301 23.7787C8.05219 23.7545 8.02444 23.7275 7.99902 23.6986C7.97362 23.6698 7.94962 23.6394 7.92969 23.6058L2.41895 14.3109C2.30484 14.1184 2.30482 13.8813 2.41895 13.6888L7.92969 4.3949L7.97656 4.32556C8.02485 4.26456 8.08399 4.21345 8.15039 4.17419C8.15482 4.17156 8.15955 4.16892 8.16406 4.16638C8.16978 4.16317 8.17585 4.16062 8.18164 4.15759C8.19507 4.15062 8.20873 4.14409 8.22266 4.13806C8.23299 4.13356 8.24339 4.12931 8.25391 4.12537C8.26576 4.12095 8.2779 4.11738 8.29004 4.11365C8.30373 4.10941 8.31716 4.10427 8.33105 4.10095C8.33942 4.09897 8.34798 4.09773 8.35645 4.09607C8.39833 4.0878 8.44085 4.08339 8.4834 4.08337H19.5156ZM10.8691 22.6722H17.1299L13.999 20.9125L10.8691 22.6722ZM9.12305 22.2162L12.7207 20.1947L9.12305 18.1722V22.2162ZM15.2783 20.1947L18.876 22.2152V18.1732L15.2783 20.1947ZM7.84473 20.9701V17.4545L4.71777 15.6976L7.84473 20.9701ZM20.1553 17.4545V20.9701L23.2793 15.6996L20.1553 17.4545ZM9.12305 11.2631V16.7367L13.999 19.476L18.876 16.7367V11.2631L13.999 8.52283L9.12305 11.2631ZM4.25098 14.0004L7.84473 16.0189V11.9808L4.25098 14.0004ZM20.1553 16.0179L23.7471 14.0004L20.1553 11.9818V16.0179ZM4.71777 12.3002L7.84473 10.5433V7.02771L4.71777 12.3002ZM20.1553 10.5443L23.2783 12.2992L20.1553 7.02869V10.5443ZM15.2783 7.80408L18.876 9.82556V5.78357L15.2783 7.80408ZM9.12305 9.82458L12.7207 7.80408L9.12305 5.78259V9.82458ZM13.999 7.08533L17.1299 5.32751H10.8691L13.999 7.08533Z" fill="black"></path></g><defs><clipPath id="clip0_15657_58549"><rect width="23.3333" height="19.8333" fill="white" transform="translate(2.33301 4.08337)"></rect></clipPath></defs></svg>') no-repeat center/contain;
    mask: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_15657_58549)"><path d="M19.5156 4.08337C19.6262 4.08331 19.737 4.11085 19.8359 4.16638C19.8461 4.1721 19.8555 4.17971 19.8652 4.18591C19.9018 4.20907 19.9366 4.23488 19.9678 4.26501C19.9874 4.28407 20.0056 4.30433 20.0225 4.32556C20.0398 4.34742 20.0559 4.37058 20.0703 4.3949L25.5811 13.6888C25.6951 13.8812 25.695 14.1185 25.5811 14.3109L20.0703 23.6049C20.0502 23.6388 20.0257 23.6695 20 23.6986C19.9745 23.7275 19.9469 23.7546 19.916 23.7787C19.8905 23.7986 19.8642 23.8176 19.8359 23.8334L19.7598 23.8695C19.6816 23.9008 19.5987 23.9164 19.5156 23.9164H8.4834C8.40072 23.9164 8.3181 23.9007 8.24023 23.8695L8.16406 23.8334C8.13557 23.8174 8.10871 23.7988 8.08301 23.7787C8.05219 23.7545 8.02444 23.7275 7.99902 23.6986C7.97362 23.6698 7.94962 23.6394 7.92969 23.6058L2.41895 14.3109C2.30484 14.1184 2.30482 13.8813 2.41895 13.6888L7.92969 4.3949L7.97656 4.32556C8.02485 4.26456 8.08399 4.21345 8.15039 4.17419C8.15482 4.17156 8.15955 4.16892 8.16406 4.16638C8.16978 4.16317 8.17585 4.16062 8.18164 4.15759C8.19507 4.15062 8.20873 4.14409 8.22266 4.13806C8.23299 4.13356 8.24339 4.12931 8.25391 4.12537C8.26576 4.12095 8.2779 4.11738 8.29004 4.11365C8.30373 4.10941 8.31716 4.10427 8.33105 4.10095C8.33942 4.09897 8.34798 4.09773 8.35645 4.09607C8.39833 4.0878 8.44085 4.08339 8.4834 4.08337H19.5156ZM10.8691 22.6722H17.1299L13.999 20.9125L10.8691 22.6722ZM9.12305 22.2162L12.7207 20.1947L9.12305 18.1722V22.2162ZM15.2783 20.1947L18.876 22.2152V18.1732L15.2783 20.1947ZM7.84473 20.9701V17.4545L4.71777 15.6976L7.84473 20.9701ZM20.1553 17.4545V20.9701L23.2793 15.6996L20.1553 17.4545ZM9.12305 11.2631V16.7367L13.999 19.476L18.876 16.7367V11.2631L13.999 8.52283L9.12305 11.2631ZM4.25098 14.0004L7.84473 16.0189V11.9808L4.25098 14.0004ZM20.1553 16.0179L23.7471 14.0004L20.1553 11.9818V16.0179ZM4.71777 12.3002L7.84473 10.5433V7.02771L4.71777 12.3002ZM20.1553 10.5443L23.2783 12.2992L20.1553 7.02869V10.5443ZM15.2783 7.80408L18.876 9.82556V5.78357L15.2783 7.80408ZM9.12305 9.82458L12.7207 7.80408L9.12305 5.78259V9.82458ZM13.999 7.08533L17.1299 5.32751H10.8691L13.999 7.08533Z" fill="black"></path></g><defs><clipPath id="clip0_15657_58549"><rect width="23.3333" height="19.8333" fill="white" transform="translate(2.33301 4.08337)"></rect></clipPath></defs></svg>') no-repeat center/contain;
}

@media only screen and (max-width: 756px) {
    .bestcosme-heading {
        justify-content: flex-start;
    }
}

.lineup {
    margin-top: 48px;
}

.lineup h2 {
    font-family: "CronosProLight" !important;
}

@media only screen and (max-width: 756px) {
    .lineup {
        margin-top: 96px;
        margin-inline: -24px;
    }

    .lineup .display-md.text-center {
        text-align: left;
        margin-bottom: 24px;
    }
}

.product-feature {
    gap: 24px;
    margin-top: 24px;
}

@media only screen and (max-width: 756px) {
    .product-feature {
        gap: 16px;
    }
}

@media only screen and (max-width: 756px) {
    .product-feature__item {
        grid-column: 1 / 3;
    }
}

.product-feature__item.--wide {
    grid-column: 1 / 3;
}

.product-feature__label {
    font-weight: 400;
    font-size: 14px;
}

.product-feature__text {
    font-size: 12px;
}

.bg-container {
    background: #f7f8f9;
    padding: 0 16px;
    margin-top: 48px;
}

.bg-container .parallax-content {
    background-color: transparent;
}

.heading.heading-2.product--heading-2 {
    font-weight: 300;
    font-size: 28px;
}

@media only screen and (max-width: 756px) {
    .heading.heading-2.product--heading-2 {
        font-size: 24px;
    }
}

.product-name {
    font-weight: 300;
}

.product-number.en {
    display: flex;
    gap: 6px;
}

.product-number.en span {
    font-family: "CronosProLight" !important;
}

@media only screen and (max-width: 756px) {
    .sticky-content .heading.heading-2 {
        font-size: 24px;
        font-weight: 300;
        line-height: 160%;
    }
}

.sticky-content picture {
    display: block;
}

@media only screen and (max-width: 756px) {
    .sticky-content picture {
        margin-inline: -16px;
    }
}

.scroll-column--image {
    vertical-align: bottom;
}

@media only screen and (max-width: 756px) {
    .sticky-scroll-layout .scroll-column {
        padding: 0;
    }

    .product-content-container {
        padding-inline: 0;
        margin-inline: -16px;
    }
}

.product-variations .swatches.size li a {
    text-transform: none;
}

.secret-area-heading.secret-area-heading__left {
    text-align: left;
    padding-inline: 0;
}

.secret-area-heading:has(.secret-area-heading--image) {
    padding-bottom: 0;
}

.secret-area-heading--image {
    margin-top: 32px;
    display: block;
}

@media only screen and (max-width: 756px) {
    .secret-area-heading {
        padding-block: 48px 32px;
    }
}

.secret-area-content.heiaght-auto {
    min-height: auto;
}

.secret-area-content.secret-area-content__left {
    text-align: left;
    padding-inline: 0;
}

.secret-area-content.secret-area-content__left .secret-area-number {
    justify-content: flex-start;
}

.secret-area-content.u-pt-0 {
    padding-top: 0;
}

.secret-area-content__image {
    margin-top: 48px;
    aspect-ratio: 450/338;
    overflow: hidden;
}

.secret-area-content__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.secret-area-content__image.u-mt-0 {
    margin-top: 0;
}

.secret-area-content__image.video-thumbs {
    aspect-ratio: 450/253;
}

.secret-area-content__image.video-thumbs .video-button {
    aspect-ratio: inherit;
}

.product-accordion-list {
    margin: 24px 0;
}

.best-cosmetics-accordion {
    background-color: #f7f8f9;
}

.accordion-list>li {
    border-width: 0;
}

.accordion-button {
    padding: 8px 16px !important;
}

.product-accordion-content {
    padding: 16px !important;
}

.button-more__container {
    margin-top: 48px;
}

.button-more__container--serum-eclat {
    margin-top: 32px;
}

.button-more__container .button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
}

@media only screen and (max-width: 756px) {
    .button-more__container .accordion-button-text {
        text-align: center;
    }
}

figcaption {
    font-size: 17px;
}

.card-banner {
    display: block;
    margin-top: 64px;
    background: #fdf9f3;
}

.card-banner:hover {
    border-bottom: none;
    opacity: 0.9;
}

.card-banner[target="_blank"] .card-banner__description {
    position: relative;
    padding-right: 48px;
}

.card-banner[target="_blank"] .card-banner__description::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    inset: 0 16px 0 auto;
    margin: auto;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url($23clip0_39_22427)"><path d="M3.3571 5.7334C3.57695 5.73357 3.75684 5.91324 3.75684 6.13314C3.75683 6.35303 3.57695 6.53271 3.3571 6.53288H2.17025L2.17025 12.4001L10.7503 12.4001V11.1598C10.7503 10.9398 10.9301 10.7601 11.1501 10.7601C11.3701 10.7601 11.5498 10.9398 11.5498 11.1598V12.7998C11.5498 13.0198 11.3701 13.1995 11.1501 13.1995L1.76986 13.1995C1.54998 13.1994 1.37012 13.0197 1.37012 12.7998L1.37012 6.13314C1.37012 5.91322 1.54998 5.73354 1.76986 5.7334H3.3571Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2301 2.7998C14.45 2.79982 14.6297 2.97967 14.6299 3.19954L14.6299 9.86621C14.6299 10.0862 14.4501 10.2666 14.2301 10.2666L4.84993 10.2666C4.63002 10.2665 4.4502 10.0862 4.4502 9.86621L4.4502 3.19954C4.45034 2.97972 4.6301 2.7999 4.84993 2.7998L14.2301 2.7998ZM5.25033 9.46647L13.8304 9.46647L13.8304 3.59993L5.25033 3.59993L5.25033 9.46647Z" fill="black"/></g><defs><clipPath id="clip0_39_22427"><rect width="13.26" height="10.4" fill="white" transform="translate(1.37012 2.7998)"/></clipPath></defs></svg>') no-repeat center/contain;
}

.card-banner__description {
    padding: 16px;
}

.card-banner__heading {
    font-size: 17px;
}

.card-banner__text {
    margin-top: 8px;
    font-size: 12px;
}

.feature-items {
    width: 66.666%;
    display: -ms-grid;
    display: grid;
    gap: 32px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}

@media only screen and (max-width: 756px) {
    .feature-items {
        width: auto;
        gap: 0;
    }
}

.feature-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row: span 6;
    grid-row: span 6;
    gap: 0;
}

.feature-item:first-child {
    padding-right: 6px;
}

.feature-item:first-child .product-feature__item {
    margin-right: -6px;
    padding-right: 6px;
}

.feature-item:last-child {
    padding-left: 6px;
}

.feature-item:last-child .product-feature__item {
    margin-left: -6px;
    padding-left: 6px;
}

@media only screen and (max-width: 756px) {
    .feature-item:last-child .product-feature__item .product-feature__label {
        opacity: 0;
    }
}

.feature-item__image {
    width: 210px;
    margin: auto;
}

@media only screen and (max-width: 756px) {
    .feature-item__image {
        width: auto;
    }
}

.feature-item__description {
    grid-column: 1 / -1;
}

.feature-item__name {
    font-weight: 400;
}

.feature-item__text {
    font-size: 12px;
    margin-top: 4px;
}

.feature-item .product-feature__item {
    border-top: 1px solid #dddfe3;
    padding: 8px 0px 0;
    margin-top: 12px;
}

.feature-item .product-feature__label {
    font-weight: 300;
    font-size: 12px;
    color: #6d717a;
}

.feature-item .product-feature__text {
    font-size: 12px;
    color: #000000;
}

.feature-item .button {
    margin-top: 28px;
}

@media only screen and (max-width: 756px) {
    .feature-item .button {
        padding-inline: 0;
    }
}

.text-link.primary-text-link .text-link-text {
    text-align: center;
}

.aspect416-234 {
    aspect-ratio: 416/234;
}