/** Shopify CDN: Minification failed

Line 1278:14 "-" can only be used as an infix operator, not a prefix operator
Line 1991:11 Expected ":"

**/
/* 主 */
/* "video_url": "/cdn/shop/videos/c/o/v/8a54405359784f44abbf053f9184304f.mp4",
"video_url_mb": "/cdn/shop/videos/c/o/v/8169e73aa9b74a7d9a741f436cbe3867.mp4", */
.main-content {
    background: black;
}

.template-page .main-content {
    padding-top: 0;
}

/* 字体和部分宽度通用变量 */
@media (min-width: 2560px) {
    .main-content {
        /* --bzvw: calc(25.6px / 25.6); */
        --bzvw: calc(25.6px / 19.2);
        --ymvw: calc(25.6px / 25.6);
        --wmvw: calc(1vw / 25.6);
    }
}

@media (min-width: 1500px) and (max-width: 2560px) {
    .main-content {
        /* --bzvw: calc(1vw / 25.6); */
        --bzvw: calc(1vw / 19.2);
        --ymvw: calc(1vw / 25.6);
        --wmvw: calc(1vw / 25.6);
    }
}

@media (min-width: 850px) and (max-width: 1500px) {
    .main-content {
        /* --bzvw: calc(1vw / 19.2); */
        --bzvw: calc(1vw / 15);
        --ymvw: calc(1vw / 25.6);
        --wmvw: calc(1vw / 25.6);
    }
}

@media (max-width: 850px) {
    .main-content {
        --bzvw: calc(1vw / 3.9);
        --ymvw: calc(1vw / 3.9);
        --wmvw: calc(1vw / 3.9);
    }
}

/* 通用容器宽度 */
@media (min-width: 2560px) {
    .main-content .common-wrapper {
        width: 1600px;
    }
}

@media (min-width: 1500px) and (max-width: 2560px) {
    .main-content .common-wrapper {
        /* width: 46.875vw; */
        width: 62.5vw;
    }
}

@media (min-width: 850px) and (max-width: 1500px) {
    .main-content .common-wrapper {
        /* width: 62.5vw; */
        width: 80vw;
    }
}

@media (max-width: 850px) {
    .main-content .common-wrapper {
        width: 88.2vw;
    }

    .m_padding_0 .common-wrapper {
        padding: 0;
    }

    .m_padding_0.common-wrapper {
        padding: 0;
    }
}

/* section间距 */
@media (min-width: 850px) {
    .main-content .common-section-container {
        padding-top: 0;
        padding-bottom: calc(160 * var(--ymvw));
    }

    .x60-ultra-media1 .common-section-container {
        padding-bottom: 0;
    }

    .x60-ultra-custom2.common-section-container {
        padding-top: calc(160 * var(--ymvw));
    }

    .x60-ultra-media8 .common-section-container {
        padding-bottom: 0;
    }

    .x60-ultra-media5 .common-section-container {
        padding-bottom: 0;
    }

    .x60-ultra-swiper8 .common-section-container {
        padding-bottom: 0;
    }

    .chir25main2-section2a.common-section-container {
        padding-bottom: 0;
    }

    .x60-ultra-custom1.common-section-container {
        padding-top: calc(160 * var(--ymvw));
    }

    .x60-ultra-media3 .common-section-container {
        padding-top: calc(160 * var(--ymvw));
    }

    .x60-ultra-media4 .common-section-container {
        padding-top: calc(160 * var(--ymvw));
    }

    .x60-ultra-media7 .common-section-container {
        padding-top: calc(160 * var(--ymvw));
    }

    .x60-ultra-swiper4 .common-section-container {
        padding-top: calc(160 * var(--ymvw));
    }

    .x60-ultra-swiper4a .common-section-container {
        padding-top: calc(160 * var(--ymvw));
    }

    .x60-ultra-swipery .common-section-container {
        padding-top: calc(160 * var(--ymvw));
    }
}

@media (max-width: 850px) {
    .main-content .common-section-container {
        padding-top: 0;
        padding-bottom: calc(60 * var(--ymvw));
        padding-left: 0;
        padding-right: 0;
    }

    .x60-ultra-media1 .common-section-container {
        padding-bottom: 0;
    }

    .x60-ultra-media3m .common-section-container {
        padding-bottom: 0;
    }

    .x60-ultra-swiper7 .common-section-container {
        padding-bottom: 0;
    }

    .chir25main2-section2a.common-section-container {
        padding-bottom: 0;
    }

    .x60-ultra-custom1.common-section-container {
        padding-top: calc(60 * var(--ymvw));
    }

    .x60-ultra-media3 .common-section-container {
        padding-top: calc(60 * var(--ymvw));
    }

    .x60-ultra-media4 .common-section-container {
        padding-top: calc(60 * var(--ymvw));
    }

    .x60-ultra-swiper4 .common-section-container {
        padding-top: calc(60 * var(--ymvw));
    }

    #common-section-container-image_4gMYhU {
        padding-bottom: 0;
    }
}

/*  end */

/* 通用标题 */
.template-product .common-section-container .common-banner-title {
    display: block;
    margin: 0 0 0.2em;
    text-rendering: optimizeLegibility;

    font-family: "MiSansLatin-Semibold";
    font-style: normal;
    font-size: calc(40 * var(--wmvw));
    letter-spacing: 0.011em;
    font-weight: 630;
    line-height: 120%;
    margin-bottom: 0;
    margin-top: calc(4 * var(--wmvw));
    color: #FAFAFA;
}

.template-product .common-section-container .common-section-container-inner .h1 {
    display: block;
    margin: 0 0 0.2em;
    text-rendering: optimizeLegibility;

    font-family: "MiSansLatin-Semibold";
    font-style: normal;
    font-size: calc(40 * var(--wmvw));
    letter-spacing: 0.011em;
    font-weight: 630;
    line-height: 120%;
    margin-bottom: 0;
    margin-top: calc(4 * var(--wmvw));
    color: #FAFAFA;
}

.template-product .common-section-container .common-title_sy {
    font-family: "MiSansLatin-Semibold";
    font-size: calc(40 * var(--ymvw));
    font-style: normal;
    font-weight: 600;
    line-height: 120%;

    margin-bottom: calc(24 * var(--ymvw));
    color: #FAFAFA;
}

.template-product .common-section-container .common-title_sy.h2,
.template-product .common-section-container .common-title.h2 {
    text-align: center;
    font-family: "MiSansLatin-Semibold";
    font-size: calc(72 * var(--ymvw));
    font-style: normal;
    font-weight: 520;
    line-height: 110%;
    letter-spacing: -1px;
    background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    margin-bottom: calc(32 * var(--ymvw));
}

.template-product .common-section-container .common-title_sy.h3,
.template-product .common-section-container .common-title.h3,
.template-product .common-section-container .h3 {
    font-family: "MiSansLatin-Semibold";
    font-size: calc(40 * var(--ymvw));
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #FFF;

    margin-bottom: calc(24 * var(--ymvw));
}

.template-product .main-content .common-section-container .common-subtitle {
    color: #FFF;
    text-align: center;
    font-family: "MiSansLatin-Medium";
    font-size: calc(20 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 140%;

    /* 很多地方都不一样，需要自己调整 */
    margin-bottom: calc(50 * var(--ymvw));
}

.template-product .common-section-container .common-section-container-inner a {
    color: #666666;
    text-decoration: none;
    background: transparent;
}

.template-product .common-section-container .common-section-container-inner .common-tips {
    display: flex;
    font-family: var(--misans-style);
    font-size: 14px;
    letter-spacing: 0.011em;
    line-height: 1.714286;
    color: #FAFAFA;
    font-weight: 400;

    position: absolute;
    bottom: 8px;
    width: 100%;
    left: 0;
    bottom: 0;
}

#PageContainer .main-content .color-white.h3 {
    color: #FAFAFA;
}

#PageContainer .main-content .color-black.h3 {
    color: #000;
}

@media (max-width: 850px) {

    .template-product .common-section-container .common-banner-title,
    .template-product .common-section-container .common-section-container-inner .h1 {
        font-size: calc(32 * var(--wmvw));
    }


    .template-product .common-section-container .common-title.h2,
    .template-product .common-section-container .common-title_sy,
    .template-product .common-section-container .common-title_sy.h2 {
        font-size: calc(28 * var(--ymvw));
        line-height: 120%;

        margin-bottom: calc(16 * var(--ymvw));
    }

    .template-product .common-section-container .common-title_sy.h3,
    .template-product .common-section-container .common-title.h3,
    .template-product .common-section-container .h3 {
        font-size: calc(24 * var(--ymvw));
        font-weight: 520;
        line-height: 120%;

        margin-bottom: calc(24 * var(--ymvw));
    }

    .template-product .main-content .common-section-container .common-subtitle {
        font-size: calc(16 * var(--ymvw));
        line-height: 150%;

        margin-bottom: calc(40 * var(--ymvw));
    }
}

/* 插入视频配置 */
.common-media-container_sy .common-section-container .common-media-item video {
    object-fit: cover;
}

/* 通用标题 end */

/* 清除原px单位的样式 */

@media (max-width: 850px) {
    .common-media-container_sy .common-section-container .prtext-wrapper_sy .hero__text-content {
        padding: 0;
    }
}

/* 清除原px单位的样式 end*/

/* section1 .x60-ultra-section1 or .x60-ultra-media1*/
/* #PageContainer .main-content */
.x60-ultra-media1 .common-media-btn .play-btn svg {
    display: none;
}

.x60-ultra-media1 .common-section-container .common-media-btn .play-btn {
    color: #FAFAFA;
    /* 改：字体也许要透明度0.5 */
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: 14px;
    font-weight: 380;
    line-height: 120%;
    text-transform: capitalize;

    padding: 12px 20px;
    background: #151515;
    border-radius: 4px;
}

.x60-ultra-media1 .common-section-container .common-section-container-inner .common-media-btn {
    margin-top: 0;
}

.template-product .x60-ultra-media1 .common-banner-title {
    margin-bottom: calc(4 * var(--wmvw));
}

@media (min-width: 850px) {
    .x60-ultra-media1 .common-media-item .prtext-wrapper_sy .bg-text-wrapper-inner_sy {
        margin-left: calc(400 * var(--wmvw));
    }

    .template-product .x60-ultra-media1 .common-media-inner .common-subtitle {
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(32 * var(--wmvw));
        font-style: normal;
        font-weight: 380;
        line-height: 130%;
        color: #FAFAFA;
        text-align: left;

        margin-bottom: calc(66 * var(--wmvw));
    }

    .x60-ultra-media1 .common-section-container .common-section-container-inner .custom_html_box {
        display: inline-block;
        margin-right: calc(10 * var(--wmvw));
    }

    .x60-ultra-media1 .common-section-container .common-section-container-inner .custom_html_box .media-buy-now {
        color: #DA7400;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
        text-transform: capitalize;

        padding: 12px 20px;
        background: #FFF;
        border-radius: 4px;
    }

    .template-product .x60-ultra-media1 .common-title_sy {
        font-size: calc(32 * var(--wmvw));
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        margin-bottom: calc(4 * var(--wmvw));
        color: #FAFAFA;
        text-align: left;
    }
}

@media (max-width: 850px) {
    #common-section-container-image_JqiDPf .bg-text-wrapper-inner_sy {
        margin-top: calc(45 * var(--wmvw));
    }

    .template-product .x60-ultra-media1 .common-title_sy {
        font-size: calc(20 * var(--wmvw));
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: calc(4 * var(--wmvw));
        color: #FAFAFA;
    }

    .template-product .x60-ultra-media1 .common-media-inner .common-subtitle {
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(14 * var(--wmvw));
        font-style: normal;
        font-weight: 380;
        line-height: 130%;

        margin-bottom: calc(23 * var(--wmvw));
        color: rgba(255, 255, 255, 0.80);
    }

    .x60-ultra-media1 .common-section-container .common-media-btn .play-btn {
        background: #FFF;
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
        padding: 8.5px 11px;
    }

    .x60-ultra-media1 .common-media-item .prtext-wrapper_sy .bg-text-wrapper-inner_sy {
        margin: auto;
    }

}

/* section1 end */

/* section2 */
.x60-ultra-custom1 .custom-text {
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(36 * var(--bzvw));
    font-style: normal;
    font-weight: 630;
    line-height: 180%;
    background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.x60-ultra-custom1 {
    padding-top: calc(160 * var(--ymvw));
    background: #1D1D1F;
}

@media (min-width: 850px) {}

@media (max-width: 850px) {
    .x60-ultra-custom1 .custom-text {
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(18 * var(--bzvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
        background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

/* section2 end */

/* section2m */
/* .x60-ultra-layout1m */
@media (max-width: 850px) {
    .x60-ultra-layout1m {
        background: #1D1D1F;
    }

    .main-content .x60-ultra-layout1m .common-section-container {
        padding-bottom: calc(120 * var(--ymvw));
    }

    .x60-ultra-layout1m .new-img-item {
        position: relative;
    }

    .x60-ultra-layout1m .text {
        position: absolute;
        top: calc(35 * var(--ymvw));
        max-width: 90%;
        margin-left: 5%;
    }

    .template-product .main-content .x60-ultra-layout1m .common-subtitle {
        color: #FAFAFA;
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(20 * var(--ymvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
    }

    .x60-ultra-layout1m .text-yellow {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(27 * var(--ymvw));
        font-style: normal;
        font-weight: 520;
        line-height: 110%;

        margin-top: calc(18 * var(--ymvw));
    }

    .x60-ultra-layout1m .swiper-pagination-bullet {
        width: 12px;
        height: 6px;
        border-radius: 999px;
        background: #999;
        opacity: 1;

        position: relative;
    }

    .main-content .x60-ultra-layout1m .swiper-pagination-bullet-active {
        width: 26px;
        height: 6px;
        opacity: 1;
        background-color: transparent;

        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='6' viewBox='0 0 26 6'%3E%3Crect x='0' y='0' width='26' height='6' rx='3' fill='%23999'/%3E%3Crect x='0' y='0' width='16' height='6' rx='3' fill='%23FAFAFA'/%3E%3C/svg%3E") no-repeat;

        background-size: 26px 6px;
        background-position: left top;
    }

    .x60-ultra-layout1m .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        padding: 21px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 999px;
        background: rgba(122, 122, 122, 0.40);

        margin-top: calc(38 * var(--ymvw));
    }
}

/* section2m */

/* section3p */
@media (min-width: 850px) {
    .template-product .x60-ultra-custom2 .common-title.h2 {
        z-index: 2;
        position: relative;
    }

    .x60-ultra-custom2 .box {
        display: flex;
        gap: calc(60 * var(--ymvw));
    }

    .x60-ultra-custom2 .box>div {
        flex: 1;
    }

    .x60-ultra-custom2 .text1 {
        color: #F5F5F7;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(19 * var(--bzvw));
        font-style: normal;
        font-weight: 630;
        line-height: 140%;
        letter-spacing: 0.231px;

        margin-bottom: calc(24 * var(--ymvw));
        border-bottom: 1px solid #424245;
        padding-bottom: calc(24 * var(--ymvw));
    }

    .x60-ultra-custom2 .text2 {
        color: #86868B;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(17 * var(--bzvw));
        font-style: normal;
        font-weight: 380;
        line-height: 130%;
        letter-spacing: 0.231px;
    }

    .x60-ultra-custom2 .text2 b {
        color: #FFF;
        font-weight: 600;
    }
}

/* section3p end*/
/* section3m end*/

/* section3m end*/
/* section3 */
.x60-ultra-media2 .common-section-container .common-title_sy {
    color: #F5F5F7;
    font-family: "MiSansLatin-Demibold", sans-serif;
    font-size: calc(44 * var(--bzvw));
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
    text-align: center;
}

.x60-ultra-media2 .common-section-container .media-box_sy .box1,
.x60-ultra-media2 .common-section-container .media-box_sy .box2 {
    position: absolute;
}

.x60-ultra-media2 .text1 {
    color: #FFF;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(32 * var(--ymvw));
    font-style: normal;
    font-weight: 630;
    line-height: 100%;

    margin-bottom: calc(22 * var(--ymvw));
}

.x60-ultra-media2 .text2 {
    color: rgba(255, 255, 255, 0.80);
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(18 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 140%;
}

@media (min-width: 850px) {
    .x60-ultra-media2 .common-section-container .common-title_sy {
        margin-top: calc(160 * var(--ymvw));
    }

    .x60-ultra-media2 .common-section-container .media-box_sy .box1 {
        left: calc(853 * var(--ymvw));
        top: calc(886 * var(--ymvw));
    }

    .x60-ultra-media2 .common-section-container .media-box_sy .box2 {
        right: calc(883 * var(--ymvw));
        top: calc(886 * var(--ymvw));
    }
}

@media (max-width: 850px) {
    .x60-ultra-media2 .common-section-container .common-title_sy {
        margin-top: calc(50 * var(--ymvw));
    }

    .x60-ultra-media2 .common-section-container .common-title_sy {
        font-size: calc(28 * var(--bzvw));
        font-weight: 520;
    }

    .x60-ultra-media2 .text1 {
        font-size: calc(18 * var(--ymvw));
        font-weight: 520;
        line-height: 120%;
        margin-bottom: 0;
        color: #FCFCFC;
    }

    .x60-ultra-media2 .common-section-container .media-box_sy .box1 {
        left: calc(50 * var(--ymvw));
        bottom: calc(67 * var(--ymvw));
    }

    .x60-ultra-media2 .common-section-container .media-box_sy .box2 {
        right: calc(72 * var(--ymvw));
        bottom: calc(67 * var(--ymvw));
    }
}

/* section3 end */

/* section4 */
.x60-ultra-media3 {
    background: #FFF;
}

.x60-ultra-media3 .common-section-container-inner .h3 {
    color: #000;
}

@media (min-width: 850px) {
    .x60-ultra-media3 .custom-box {
        position: relative;
        bottom: 0;
        display: flex;
        margin: 0 calc(20 * var(--ymvw));
    }

    .x60-ultra-media3 .custom-box div {
        flex: 1;
    }

    .x60-ultra-media3 .text1 {
        color: #000;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(19 * var(--bzvw));
        font-style: normal;
        font-weight: 630;
        line-height: 140%;
        letter-spacing: 0.231px;

        padding-bottom: calc(24 * var(--ymvw));
        border-bottom: #000 1px solid;
        margin-bottom: calc(27 * var(--ymvw));
    }

    .x60-ultra-media3 .text2 {
        color: rgba(0, 0, 0, 0.80);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(17 * var(--bzvw));
        font-style: normal;
        font-weight: 380;
        line-height: 130%;
        letter-spacing: -0.2px;
    }

    .x60-ultra-media3 .box3 {
        text-align: center;
    }

    .x60-ultra-media3 .text3 {
        color: rgba(0, 0, 0, 0.80);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(26 * var(--bzvw));
        font-style: normal;
        font-weight: 630;
        line-height: 120%;
    }
}

@media (max-width: 850px) {
    .x60-ultra-media3 .box1 .text1 {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(18 * var(--bzvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;

        padding-bottom: calc(22 * var(--ymvw));
        border-bottom: 1px solid transparent;
        border-image: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        border-image-slice: 1;
        margin-bottom: calc(22 * var(--ymvw));
    }

    .x60-ultra-media3 .box1 .text2 {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(16 * var(--bzvw));
        font-style: normal;
        font-weight: 380;
        line-height: 150%;
    }

    .x60-ultra-media3 .box2 .text1 {
        color: rgba(0, 0, 0, 0.50);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(18 * var(--bzvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;

        padding-bottom: calc(22 * var(--ymvw));
        border-bottom: rgba(0, 0, 0, 0.60) 1px solid;
        margin-bottom: calc(22 * var(--ymvw));
    }

    .x60-ultra-media3 .box2 .text2 {
        color: rgba(0, 0, 0, 0.50);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(16 * var(--bzvw));
        font-style: normal;
        font-weight: 380;
        line-height: 150%;
    }

    .x60-ultra-media3 .box3 {
        text-align: left;
        margin-top: calc(38 * var(--ymvw));
        margin-bottom: calc(38 * var(--ymvw));
    }

    .x60-ultra-media3 .text3 {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(28 * var(--bzvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
    }

    .x60-ultra-media3 .common-wrapper {
        width: unset;
    }

    .x60-ultra-media3 .custom-box {
        width: 85vw;
        margin: auto;
    }
}

/* section4 end */

/* section5 */

@media (min-width: 850px) {}

@media (max-width: 850px) {
    .template-product .main-content .x60-ultra-media4 .common-subtitle {
        color: rgba(255, 255, 255, 0.80);
    }
}

/* section5 end */

/* section6 */
.x60-ultra-media5 .box1 {
    display: flex;
    width: calc(342 * var(--wmvw));
    margin: auto;
    justify-content: space-between;
}

.x60-ultra-media5 .box1 .text1 {
    text-align: left;
}

@media (min-width: 850px) {
    .template-product .main-content .x60-ultra-media5 .common-subtitle {
        margin-bottom: calc(95 * var(--ymvw));
    }

    #common-section-container-image_Y3qKJF .bg-text-wrapper-inner_sy {
        margin-left: calc(680 * var(--wmvw));
        margin-top: calc(138 * var(--wmvw));
    }

    .main-content .x60-ultra-media5 .common-media-inner .common-subtitle {
        text-align: left;
    }

    .x60-ultra-media5 .box1 {
        position: absolute;
        margin-left: 0;

        left: calc(680 * var(--wmvw));
        top: calc(401 * var(--wmvw));
    }

    .x60-ultra-media5 .box1 .text1 {
        background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        font-family: "MiSansLatin-Demibold", sans-serif;
        font-size: calc(40 * var(--wmvw));
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .x60-ultra-media5 .box1 .text2 {
        color: rgba(255, 255, 255, 0.80);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(20 * var(--wmvw));
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
    }

    .x60-ultra-media5 .box2>* {
        position: absolute;
    }

    .x60-ultra-media5 .box2 .text1 {
        color: rgba(255, 255, 255, 0.80);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(26 * var(--wmvw));
        font-style: normal;
        font-weight: 630;
        line-height: 120%;

        left: calc(680 * var(--wmvw));
        top: calc(634 * var(--wmvw));
    }

    .x60-ultra-media5 .box2 .text2 {
        background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        font-size: calc(40 * var(--wmvw));
        font-style: normal;
        font-weight: 630;
        line-height: 120%;

        left: calc(916 * var(--wmvw));
        top: calc(599 * var(--wmvw));
    }

    .x60-ultra-media5 .box2 .text3 {
        color: #86868D;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(16 * var(--wmvw));
        font-style: normal;
        font-weight: 630;
        line-height: 120%;

        left: calc(677 * var(--wmvw));
        top: calc(722 * var(--wmvw));
    }

    .x60-ultra-media5 .box2 .text4 {
        background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        font-size: calc(16 * var(--wmvw));
        font-style: normal;
        font-weight: 630;
        line-height: 120%;

        left: calc(966 * var(--wmvw));
        top: calc(674 * var(--wmvw));
    }
}

@media (max-width: 850px) {
    #common-section-container-image_Y3qKJF .bg-text-wrapper-inner_sy {
        margin: auto;
    }

    .template-product .main-content .x60-ultra-media5 .common-subtitle {
        color: rgba(255, 255, 255, 0.80);
    }

    .x60-ultra-media5 .common-media-item .media-box_sy .image-box {
        width: 88.2vw;
        margin: auto;
    }

    .x60-ultra-media5 .custom-box {
        width: 88.2vw;
        margin: auto;
    }

    .x60-ultra-media5 .box1 .text1 {
        background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(24 * var(--wmvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
    }

    .x60-ultra-media5 .box1 .text2 {
        color: #DFDFDF;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(14 * var(--wmvw));
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
    }

    .x60-ultra-media5 .box2 {
        position: relative;
        margin: 0 calc(4 * var(--wmvw)) 0 calc(16 * var(--wmvw));
    }

    .x60-ultra-media5 .box2>span {
        position: absolute;
    }

    .x60-ultra-media5 .box2 .custom-img {
        width: calc(322 * var(--wmvw));
    }

    .x60-ultra-media5 .box1 {
        width: calc(306 * var(--wmvw));
        margin-top: calc(23 * var(--ymvw));
        margin-top: calc(18 * var(--ymvw));
    }

    .x60-ultra-media5 .box2 .text1 {
        color: rgba(255, 255, 255, 0.80);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(14 * var(--wmvw));
        font-style: normal;
        font-weight: 400;
        line-height: 120%;

        left: calc(35 * var(--wmvw));
        top: calc(116 * var(--wmvw));
    }

    .x60-ultra-media5 .box2 .text2 {
        background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        font-size: calc(14 * var(--wmvw));
        font-style: normal;
        font-weight: 500;
        line-height: 120%;

        left: calc(252 * var(--wmvw));
        top: calc(57 * var(--wmvw));
    }

    .x60-ultra-media5 .box2 .text3 {
        color: rgba(255, 255, 255, 0.80);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(14 * var(--wmvw));
        font-style: normal;
        font-weight: 400;
        line-height: 120%;

        left: calc(5 * var(--wmvw));
        top: calc(170 * var(--wmvw));
    }

    .x60-ultra-media5 .box2 .text4 {
        color: rgba(255, 255, 255, 0.80);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(14 * var(--wmvw));
        font-style: normal;
        font-weight: 400;
        line-height: 120%;

        right: calc(5 * var(--wmvw));
        top: calc(170 * var(--wmvw));
    }
}

/* section6 end */

/* section7 */
.x60-ultra-media6 {
    background: #F5F5F7;
}

@media (min-width: 850px) {
    .template-product .main-content .x60-ultra-media6 .common-subtitle {
        display: flex;
    }

    .x60-ultra-media6 .pc-right-box {
        flex: 0.5225;

        color: #000;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(18 * var(--bzvw));
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: left;
    }

    .x60-ultra-media6 .pc-left-box {
        flex: 0.4775;
    }

    .x60-ultra-media6 .text2 {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        font-family: "MiSansLatin-Demibold", sans-serif;
        font-size: calc(40 * var(--bzvw));
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        text-align: left;
    }

    .template-product .x60-ultra-media6 .common-title_sy.h3,
    .template-product .x60-ultra-media6 .common-title.h3,
    .template-product .x60-ultra-media6 .h3 {
        text-align: left;
        margin-bottom: calc(13 * var(--ymvw));
    }

    .template-product .main-content .x60-ultra-media6 .common-subtitle {
        margin-bottom: calc(40 * var(--ymvw));
        margin-top: 0;
    }
}

@media (max-width: 850px) {
    .x60-ultra-media6 {
        background: #fff;
    }

    .x60-ultra-media6 .pc-right-box {
        color: rgba(0, 0, 0, 0.80);
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(16 * var(--wmvw));
        font-style: normal;
        font-weight: 380;
        line-height: 150%;
    }

    .x60-ultra-media6 .text2-wrapper {
        position: absolute;
        bottom: calc(10 * var(--wmvw));
        right: calc(10 * var(--wmvw));
        padding: 1px 12px;
        background: rgba(0, 0, 0, 0.60);
    }

    .x60-ultra-media6 .text2 {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(24 * var(--bzvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
    }

    .template-product .main-content .x60-ultra-media6 .common-subtitle {
        margin-bottom: calc(40 * var(--ymvw));
        margin-top: 0;
    }
}

/* section7 end */

/* section8 */
.x60-ultra-media7 {
    background: #FFF;
}

.template-product .main-content .x60-ultra-media7 .common-subtitle {
    color: #000;
}

@media (min-width: 850px) {}

@media (max-width: 850px) {
    .x60-ultra-media7 {
        padding-top: calc(60 * var(--ymvw));
        background: #F3F3F3;
    }
}

/* section8 end */

/* section9 */
/* .x60-ultra-layout1 */
.pc-compare-two-areas {
    background: #1D1D1F;
}

@media (min-width: 850px) {}

@media (max-width: 850px) {}

/* section9 end */

/* section10 */
/* .x60-ultra-swiper1 */
.x60-ultra-swiper1 {
    background: #FFF;
}

.x60-ultra-swiper1 .new-common-product-swiper-section .swiper-button {
    border: none;
}

.x60-ultra-swiper1 .new-common-product-swiper-section .swiper-button svg {
    height: calc(48 * var(--ymvw));
    width: calc(48 * var(--ymvw));
}

.template-product .x60-ultra-swiper1 .h3 {
    text-align: left !important;
}

.x60-ultra-swiper1 .header-content {
    position: relative;
}

.x60-ultra-swiper1 .bottom-content {
    position: absolute;
    right: 0;
    top: calc(-(40 * var(--ymvw) -25px));
    z-index: 2;
}

.x60-ultra-swiper1 .image-element__wrap img {
    border-radius: 0;
}

@media (min-width: 850px) {
    .x60-ultra-swiper1 .page-count {
        opacity: 0;
        z-index: -1;
    }

    .x60-ultra-swiper1 .swiper-button.swiper-button-prev {
        right: calc(60 * var(--ymvw) + 5px);
    }

    .x60-ultra-swiper1 .bottom-content {
        position: absolute;
        width: 100%;
        height: calc(48 * var(--ymvw));
        right: 0;
        top: -50px;
    }
}

@media (max-width: 850px) {
    .template-product .x60-ultra-swiper1 .h3 {
        font-size: calc(16 * var(--wmvw));
    }

    .x60-ultra-swiper1 .new-common-product-swiper-section .swiper-button svg {
        height: calc(36 * var(--ymvw));
        width: calc(36 * var(--ymvw));
    }

    .x60-ultra-swiper1 .common-header {
        padding-top: calc(80 * var(--ymvw));
    }

    .x60-ultra-swiper1 .bottom-content {
        position: absolute;
        right: 0;
        top: calc(-100 * var(--ymvw));
        width: 100%;
    }

    .x60-ultra-swiper1 .page-count {
        position: absolute;
        left: 0;
        top: 0;

        color: #000;
    }
}

/* section10 end */

/* section11 */

@media (min-width: 850px) {}

@media (max-width: 850px) {}

/* section11 end */

/* section12 */

@media (min-width: 850px) {
    .x60-ultra-swiper3 .common-title {
        color: rgba(255, 255, 255, 0.80);
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(24 * var(--bzvw)) !important;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;

        padding: 0;
        margin: 0;
    }

    .x60-ultra-swiper3 .swiper-slide.active .common-title {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .template-product .main-content .x60-ultra-swiper3 .common-subtitle {
        color: rgba(255, 255, 255, 0.80);
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(16 * var(--bzvw));
        font-style: normal;
        font-weight: 380;
        line-height: 140%;

        margin-top: calc(32 * var(--ymvw));
    }

    .x60-ultra-swiper3 .new-item_common-product-swiper-container .item_featured-item.active {
        border-color: #BF8340;
    }
}

@media (max-width: 850px) {
    .template-product .main-content .x60-ultra-swiper3 .common-title {
        color: rgba(255, 255, 255, 0.80);
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(18 * var(--bzvw)) !important;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;

        padding: calc(8 * var(--ymvw)) calc(12 * var(--ymvw)) 0 calc(12 * var(--ymvw));
        margin: 0;
    }

    .x60-ultra-swiper3 .swiper-slide.active .common-title {
        color: rgba(255, 255, 255, 1);
    }

    .template-product .main-content .x60-ultra-swiper3 .common-subtitle {
        color: rgba(255, 255, 255, 0.80);
        text-align: left;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(16 * var(--bzvw));
        font-style: normal;
        font-weight: 380;
        line-height: 150%;

        margin-top: calc(1 * var(--ymvw));
    }

    .x60-ultra-swiper3 .new-item_common-product-swiper-container .item_featured-item.active {
        border-color: rgba(255, 255, 255, 1);
    }

    .x60-ultra-swiper3 .item_swiper,
    .x60-ultra-swiper3 .item_swiper * {
        max-width: calc((88.2vw - 10px) / 1.1);
    }

    .x60-ultra-swiper3 .new-item_common-product-swiper-container .item_featured-item {
        padding: 6px 0;
    }

    .x60-ultra-swiper3 .new-item_common-product-swiper-container .item_featured-item {
        justify-content: center;
    }
}

/* section12 end */

/* section13 */
.x60-ultra-swiper2 .swiper-content-container {
    position: relative;
}

.x60-ultra-swiper2 .additional_content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.x60-ultra-swiper2 .x60-swiper2-content {}

.template-product .main-content .x60-ultra-swiper2 .common-subtitle {
    text-align: left;
}

.x60-ultra-swiper2 .custom-title {
    background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(40 * var(--wmvw));
    font-style: normal;
    font-weight: 630;
    line-height: 110%;

    margin: calc(60 * var(--wmvw)) 0 calc(220 * var(--wmvw)) 0;
}

.x60-ultra-swiper2 .text1 {
    color: #86868B;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(19 * var(--wmvw));
    font-style: normal;
    font-weight: 630;
    line-height: 140%;
    letter-spacing: 0.231px;
    white-space: nowrap
}

.x60-ultra-swiper2 .text2 {
    color: #86868B;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(17 * var(--wmvw));
    font-style: normal;
    font-weight: 380;
    line-height: 130%;
    letter-spacing: 0.231px;
}

.x60-ultra-swiper2 div.active .text1,
.x60-ultra-swiper2 div.active .text2 {
    background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 850px) {
    .x60-ultra-swiper2 .x60-swiper2-content.common-small--hide {
        display: flex;
        gap: calc(65 * var(--wmvw));
    }

    .x60-ultra-swiper2 .text1 {
        padding-bottom: calc(24 * var(--ymvw));
        border-bottom: 1px solid #424245;
        margin-bottom: calc(24 * var(--ymvw));
    }

    .main-content .x60-ultra-swiper2 .common-wrapper {
        width: 62.5vw;
    }
}

@media (max-width: 850px) {
    .x60-ultra-swiper2 .x60-swiper2-content.common-pc--hide {
        display: flex;
        gap: calc(36 * var(--wmvw));
        flex-direction: column;
    }

    .x60-ultra-swiper2 .custom-title {
        font-size: calc(24 * var(--wmvw));
        font-weight: 520;
        line-height: 120%;

        margin: calc(40 * var(--wmvw)) 0 calc(48 * var(--wmvw)) 0;
    }

    .x60-ultra-swiper2 .text1 {
        font-size: calc(18 * var(--wmvw));
        font-weight: 520;
        line-height: 120%;
        white-space: unset;
    }

    .x60-ultra-swiper2 .text1 {
        padding-bottom: calc(16 * var(--ymvw));
        border-bottom: 1px solid rgba(255, 255, 255, 0.50);
        margin-bottom: calc(16 * var(--ymvw));
    }

    .x60-ultra-swiper2 div.active .text1 {
        border-bottom: 1px solid transparent;
        border-image: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        border-image-slice: 1;
    }

    .x60-ultra-swiper2 .text2 {
        font-size: calc(14 * var(--wmvw));
        font-weight: 380;
        line-height: 150%;
    }

    .template-product .main-content .x60-ultra-swiper2 .common-subtitle {
        margin-left: calc(36 * var(--wmvw));
    }
}

/* section13 end */

/* section14 */
.template-product .x60-ultra-media8 .common-media-inner .common-subtitle {
    text-align: left;
    color: rgba(255, 255, 255, 0.80);
}

.x60-ultra-media8 .text1 {
    color: #86868B;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(19 * var(--wmvw));
    font-style: normal;
    font-weight: 630;
    line-height: 140%;
    letter-spacing: 0.231px;
    white-space: nowrap
}

.x60-ultra-media8 .text2 {
    color: #86868B;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(17 * var(--wmvw));
    font-style: normal;
    font-weight: 380;
    line-height: 130%;
    letter-spacing: 0.231px;
}

.x60-ultra-media8 div.active .text1,
.x60-ultra-media8 div.active .text2 {
    background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 850px) {
    .x60-ultra-media8 .bg-text-wrapper-inner_sy {
        margin-top: calc(162 * var(--wmvw));
        margin-left: calc(678 * var(--wmvw));
    }

    .x60-ultra-media8 .custom-box.common-small--hide {
        width: 62.5vw;

        display: flex;
        gap: calc(80 * var(--wmvw));

        position: absolute;
        bottom: calc(80 * var(--wmvw));
        left: 50%;
        transform: translateX(-50%);
    }

    .x60-ultra-media8 .text1 {
        padding-bottom: calc(24 * var(--ymvw));
        border-bottom: 1px solid #424245;
        margin-bottom: calc(24 * var(--ymvw));
    }
}

@media (max-width: 850px) {
    .x60-ultra-media8 div.active .text1 {
        border-bottom: 1px solid transparent;
        border-image: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        border-image-slice: 1;
    }

    .x60-ultra-media8 .bg-text-wrapper-inner_sy {
        margin: auto;
    }

    .template-product .x60-ultra-media8 .common-media-inner .common-subtitle {
        text-align: center;
        color: rgba(255, 255, 255, 0.80);
    }

    .template-product .x60-ultra-media8 .h3 {
        font-size: calc(28 * var(--wmvw));
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .x60-ultra-media8 .custom-box.common-pc--hide {
        width: 80vw;

        display: flex;
        gap: calc(32 * var(--wmvw));
        flex-direction: column;

        position: absolute;
        bottom: calc(58 * var(--wmvw));
        left: 13%;
    }

    .x60-ultra-media8 .text1 {
        padding-bottom: calc(16 * var(--ymvw));
        border-bottom: 1px solid #424245;
        margin-bottom: calc(16 * var(--ymvw));
    }

    .x60-ultra-media8 .text1 {
        font-size: calc(18 * var(--wmvw));
        font-weight: 520;
        line-height: 120%;
        white-space: unset;
    }

    .x60-ultra-media8 .text2 {
        font-size: calc(14 * var(--wmvw));
        font-weight: 380;
        line-height: 150%;
    }
}

/* section14 end */

/* section15 */
.x60-ultra-swiper4 {
    background: #fff;
}

.template-product .main-content .x60-ultra-swiper4 .common-subtitle {
    color: rgba(0, 0, 0, 0.80);
    font-size: calc(16 * var(--bzvw));
}

.x60-ultra-swiper4 .additional_content {
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 850px) {
    .template-product .x60-ultra-swiper4 .h3 {
        font-size: calc(44 * var(--bzvw));
    }

    .x60-ultra-swiper4 .new-item_common-product-swiper-container .item_featured-item.active {
        border-color: #BF8340;
    }

    .x60-ultra-swiper4 .common-title {
        color: rgba(0, 0, 0, 0.80);
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(24 * var(--bzvw)) !important;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
        padding: 0;
        margin: 0;
    }

    .x60-ultra-swiper4 .swiper-slide.active .common-title {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .x60-ultra-swiper4 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item {
        flex: 1;
        justify-content: center;
    }

    .x60-ultra-swiper4 .bottom-content {
        display: none;
    }

    .x60-ultra-swiper4 .additional_content {
        top: calc(38 * var(--ymvw));
        left: calc(38 * var(--ymvw));
    }

    .x60-ultra-swiper4 .custom-box {
        display: flex;
        gap: 12px;
    }

    .x60-ultra-swiper4 .custom-box>* {
        padding: 7px 22px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.40);

        color: #FFF;
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 380;
        line-height: 100%;
    }

    .x60-ultra-swiper4 .box1,
    .x60-ultra-swiper4 .box3 {
        max-width: 137px;
    }

    .x60-ultra-swiper4 .box2 {
        max-width: 176px;
    }

    .x60-ultra-swiper4 .box4,
    .x60-ultra-swiper4 .box5 {
        max-width: 164px;
    }
}

@media (max-width: 850px) {
    .template-product .x60-ultra-swiper4 .h3 {
        text-align: left;
    }

    .template-product .main-content .x60-ultra-swiper4 .common-subtitle {
        text-align: left !important;
    }

    .x60-ultra-swiper4 .pfi-inner {
        display: flex;
        text-align: left;
        flex-direction: column;
    }

    .x60-ultra-swiper4 .pfi-inner .image {
        order: 2;
    }

    .x60-ultra-swiper4 .pfi-inner .content {
        order: 1;
    }

    .x60-ultra-swiper4 .common-title {
        color: #000;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 520;
        line-height: 120% !important;

        margin-bottom: 10px !important;
    }

    .x60-ultra-swiper4 .featured-box {
        display: flex;
        text-align: left;
        flex-direction: column;
    }

    .x60-ultra-swiper4 .featured-box>.new-common-product-swiper-container {
        order: 2;
    }

    .x60-ultra-swiper4 .featured-box>.bottom-content {
        order: 1;
    }

    .x60-ultra-swiper4 .bottom-content {
        position: relative;
        right: 0;
        top: calc(-20 * var(--ymvw));
        width: 100%;
    }

    .x60-ultra-swiper4 .page-count {
        position: relative;
        left: 0;
        top: 0;
        color: #000;
        margin: 25px 0;
    }

    .x60-ultra-swiper4 .new-common-product-swiper-section .swiper-button {
        border: none;
        top: 25%;
    }

    .x60-ultra-swiper4 .new-common-product-swiper-section .swiper-button svg {
        height: calc(36 * var(--ymvw));
        width: calc(36 * var(--ymvw));
    }

    .x60-ultra-swiper4 .additional_content {
        position: relative;
        top: 0;
        left: 0;
    }

    .x60-ultra-swiper4 .custom-box {
        display: flex;
        gap: 4px;
        flex-direction: column;
    }

    .x60-ultra-swiper4 .custom-box>* {
        padding: 10px 0;
        border-radius: 4px;
        background: #F5F5F7;

        color: rgba(0, 0, 0, 0.80);
        text-align: center;
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 380;
        line-height: 100%;
    }
}

/* section15 end */

/* section16 */
.x60-ultra-swiper5 {
    background: none;
}

@media (min-width: 850px) {
    .x60-ultra-swiper5 .featured-box {
        display: flex;
        flex-direction: column;
    }

    .x60-ultra-swiper5 .featured-box>.common-small--hide {
        order: 1;
    }

    .x60-ultra-swiper5 .featured-box>.swiper-container {
        order: 2;
    }

    .x60-ultra-swiper5 .bottom-content {
        top: 10px;
    }

    .x60-ultra-swiper5 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_swiper {
        display: none;
    }

    .x60-ultra-swiper5 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .content_swiper {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media (max-width: 850px) {
    .x60-ultra-swiper5 .featured-box {
        padding-top: 90px;
    }

    .x60-ultra-swiper5 .page-count {
        color: #fff;
    }

    .x60-ultra-swiper5 .pfi-inner {
        display: flex;
        flex-direction: column;
    }

    .x60-ultra-swiper5 .pfi-inner>.content {
        order: 1;
        width: 90%;
    }

    .x60-ultra-swiper5 .pfi-inner>.image {
        order: 2;
    }

    .x60-ultra-swiper5 .bottom-content {
        top: 0;
    }

    .x60-ultra-swiper5 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_swiper {
        display: none;
    }
}

/* section16 end */

/* section17 */

@media (min-width: 850px) {}

@media (max-width: 850px) {
    .template-product .main-content .x60-ultra-media9m .common-subtitle {
        color: rgba(255, 255, 255, 0.80);
    }

    .x60-ultra-media9m .custom-box {
        position: absolute;
        left: calc(49 * var(--ymvw));
        bottom: calc(29 * var(--ymvw));
        display: flex;
        gap: 9px;
        justify-content: center;
        align-items: center;
    }

    .x60-ultra-media9m .text3 {
        color: #FFF;
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
    }

    .x60-ultra-media9m .text4 {
        color: #FFF;
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;

    }
}

/* section17 end */

/* section18 */
.x60-ultra-swiper7 .custom-box-pc-inner {
    opacity: 0;
    transform: translateY(12px);
    opacity 0.35s ease,
    transform 0.35s ease;
    pointer-events: none;
}

.x60-ultra-swiper7 .additional_content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.x60-ultra-swiper7 .custom-title {
    position: absolute;
}

.x60-ultra-swiper7 .custom-box-pc,
.x60-ultra-swiper7 .custom-box-m {
    position: absolute;
}

.x60-ultra-swiper7 .new-common-product-swiper-section .image-element__wrap img {
    border-radius: 0;
}

@media (min-width: 850px) {
    .x60-ultra-swiper7 .custom-box-pc-inner.active {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .x60-ultra-swiper7 .text1 {
        background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        font-family: "MiSansLatin-Demibold", sans-serif;
        font-size: calc(28 * var(--wmvw));
        font-style: normal;
        font-weight: 600;
        line-height: 120%;

        max-width: calc(200 * var(--wmvw));
    }

    .x60-ultra-swiper7 .text2 {
        color: rgba(0, 0, 0, 0.80);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(18 * var(--wmvw));
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
    }

    .template-product .main-content .x60-ultra-swiper7 .custom-title {
        top: calc(137 * var(--wmvw));
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
    }

    .x60-ultra-swiper7 .custom-box-pc {
        top: calc(400 * var(--wmvw));
        left: calc(1528 * var(--wmvw));
    }

    .x60-ultra-swiper7 .box2 {
        margin-top: calc(141 * var(--wmvw));
        margin-bottom: calc(120 * var(--wmvw));
    }
}


@media (max-width: 850px) {
    .x60-ultra-swiper7 .swiper-content-container {
        position: relative;
    }

    .template-product .main-content .x60-ultra-swiper7 .custom-title {
        top: calc(80 * var(--wmvw));
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    /* 容器 */
    .x60-ultra-swiper7 .custom-box-m {
        /* padding: 12px 16px; */
        width: 88.2vw;
        left: 5.9vw;
        top: calc(390 * var(--ymvw));
    }

    /* 每一行 */
    .x60-ultra-swiper7 .custom-box-m>div {
        display: flex;
        align-items: center;
        border-radius: 4px;
        background: #F5F5F7;
        padding: 10px 14px;
        padding-left: 40px;
        margin-bottom: 10px;
    }

    /* 左侧数字圆点 */
    .x60-ultra-swiper7 .custom-box-m .text1 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
        /* 棕色 */
        color: #fff;
        font-size: 14px;
        font-weight: 380;
        flex-shrink: 0;
        margin-right: 10px;
    }

    /* 主标题 */
    .x60-ultra-swiper7 .custom-box-m .text2 {
        color: rgba(0, 0, 0, 0.80);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "MiSansLatin-Demibold", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
    }

    /* 副标题（第三行才有） */
    .x60-ultra-swiper7 .custom-box-m .text3 {
        margin-top: 4px;
        color: rgba(0, 0, 0, 0.80);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
    }

    /* 第三行结构微调（让文字整体对齐） */
    .x60-ultra-swiper7 .custom-box-m .box3 {
        align-items: center;
    }

}

/* section18 end */

/* section19 */
.x60-ultra-swiper8 .additional_content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

@media (min-width: 850px) {
    .x60-ultra-swiper8 .custom-box-pc1 {
        position: absolute;
        top: calc(208 * var(--wmvw));
        left: calc(678 * var(--wmvw));

        display: flex;
        flex-direction: column;
        gap: calc(133 * var(--wmvw));
    }

    .x60-ultra-swiper8 .text1 {
        font-family: "MiSansLatin-Medium", sans-serif;
        font-style: normal;
        font-weight: 630;
        font-size: calc(44 * var(--wmvw));
        line-height: 120%;
        color: rgba(255, 255, 255, 0.6);

        margin-bottom: calc(26 * var(--wmvw));
    }

    .x60-ultra-swiper8 .text2 {
        font-family: "MiSansLatin-Medium", sans-serif;
        font-style: normal;
        font-weight: 380;
        font-size: calc(18 * var(--wmvw));
        line-height: 140%;
        color: rgba(255, 255, 255, 0.6);
    }

    .x60-ultra-swiper8 .custom-box-pc-inner.active .text1,
    .x60-ultra-swiper8 .custom-box-pc-inner.active .text2 {
        color: rgba(255, 255, 255, 1);
    }

}

@media (max-width: 850px) {}

/* section19 end */

/* section20 */
.x60-ultra-swiperx .additional_content {
    display: flex;
    margin-top: calc(20 * var(--ymvw));
}

.x60-ultra-swiperx .additional_content>div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.x60-ultra-swiperx .series-item--yes span {
    color: rgba(255, 255, 255, 1);
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
}

.x60-ultra-swiperx .series-item--no span {
    color: rgba(255, 255, 255, 0.80);
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
}

@media (min-width: 850px) {}

@media (max-width: 850px) {}

/* section20 end */

/* section20 */
.x60-ultra-swipery {
    background: #F5F5F7;
}

.x60-ultra-swipery .common-header .common-title {
    display: flex;
}

.x60-ultra-swipery .common-header .common-title>div {
    flex: 1;
}

.template-product .x60-ultra-swipery .h3 {
    text-align: left;
}

.x60-ultra-swipery .box-right {
    display: flex;
    justify-content: right;
    gap: calc(80 * var(--ymvw));
}

.x60-ultra-swipery .text1 {
    background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-family: "MiSansLatin-Demibold", sans-serif;
    font-size: calc(40 * var(--bzvw));
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-align: left;
}

.x60-ultra-swipery .text2 {
    color: #000;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(20 * var(--bzvw));
    font-style: normal;
    font-weight: 380;
    line-height: 120%;
}

.x60-ultra-swipery .additional_content {
    position: absolute;
    top: 22px;
    left: 27px;
}

.x60-ultra-swipery .block1 .additional_content {
    background: linear-gradient(90deg, #EAAE66 0%, #BF8340 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
}

.x60-ultra-swipery .block2 .additional_content {
    color: rgba(255, 255, 255, 0.50);
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
}

@media (min-width: 850px) {}

@media (max-width: 850px) {}

/* section20 end */


/* section20 */
.x60-ultra-custom3 {
    background: #fff;
}

.x60-ultra-custom3 .common-wrapper {
    display: flex;
    gap: calc(32 * var(--ymvw));
}

.x60-ultra-custom3 .common-wrapper>div {
    flex: 1;
}

.x60-ultra-custom3 .text1 {
    color: #000;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(22 * var(--bzvw));
    font-style: normal;
    font-weight: 520;
    line-height: 120%;
    text-transform: capitalize;

    margin-top: calc(40 * var(--ymvw));
    margin-bottom: calc(20 * var(--ymvw));
}

.x60-ultra-custom3 .text2 {
    color: rgba(0, 0, 0, 0.60);
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(16 * var(--bzvw));
    font-style: normal;
    font-weight: 380;
    line-height: 140%;
}

@media (min-width: 850px) {}

@media (max-width: 850px) {}

/* section20 end */


/* section20 */
.x60-ultra-swiperz1 {
    background: #fff;
}
section#new-common-product-swiper-section-template--21082712277249__new_common_product_swiper_664wBa {
    padding-top: calc(60 * var(--ymvw));
}

.x60-ultra-swiperz1 .bottom-content {
    position: relative;
    /* right: 0;
    top: calc(-(40 * var(--ymvw) -25px));
    z-index: 2; */
}

.x60-ultra-swiperz1 .new-common-product-swiper-section .swiper-button {
    border: none;
    position: static;
    display: inline-flex;
}

.x60-ultra-swiperz1 .custom-box {
    display: flex;
}

.x60-ultra-swiperz1 .custom-box>div {
    flex: 1;
}

.x60-ultra-swiperz1 .text1 {
    background: linear-gradient(90deg, #EAAE66 0%, #955818 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 520;
    line-height: 120%;
    text-align: left;

    margin-bottom: 5px;
}

.x60-ultra-swiperz1 .image-element__wrap img {
    border-radius: 0;
}

.x60-ultra-swiperz1 .text2 {
    color: rgba(0, 0, 0, 0.80);
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 380;
    line-height: 120%;
    text-align: left;

    max-width: 105px;
}

@media (min-width: 850px) {}

@media (max-width: 850px) {
    .template-product .x60-ultra-swiperz1 .common-section-container .h3 {
        text-align: left;
    }

    .x60-ultra-swiperz1 .common-subtitle .big {
        color: #000;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;

        text-align: left;
    }

    .template-product .main-content .x60-ultra-swiperz1 .common-subtitle {
        color: rgba(0, 0, 0, 0.60);
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 380;
        line-height: 150%;
        text-align: left;
    }

    .template-product .main-content .x60-ultra-swiperz1 .title-box {
        margin-top: calc(18 * var(--ymvw));
        margin-bottom: calc(12 * var(--ymvw));
    }

    .template-product .main-content .x60-ultra-swiperz1 .comon-subtitle:not(.title-box) {
        margin-top: calc(18 * var(--ymvw));
        margin-bottom: calc(12 * var(--ymvw));
    }
}

/* section20 end */

/* 下半部分 */



/* #region common */
@font-face {
    font-family: "MiSans Latin";
    src: url("/cdn/shop/files/MiSansLatinVF.ttf?v=1765957065");

    font-display: swap;
}

:root {
    --misans: "MiSans Latin";
}

.new-product-content-btn svg {
    transform: rotate(0deg);
    transition: transform 0.2s linear;
}

.new-product-content-btn.active svg {
    transform: rotate(180deg);
}

/* #endregion */

/* #region swiper */
.x60-ultra-swiper {
    background: #fff;
    padding-top: calc(155 * var(--ymvw));
    padding-bottom: calc(161 * var(--ymvw));
}

.x60-ultra-swiper-content-pc {
    display: flex;
    padding: calc(82 * var(--ymvw)) calc(100 * var(--ymvw));
    border-radius: 4px;
    background: #f5f5f7;
}

.x60-ultra-swiper-content-pc .x60-ultra-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(40 * var(--ymvw));
    flex: 1;
}

.x60-ultra-swiper-content-pc .x60-ultra-text {
    padding: calc(16 * var(--ymvw)) calc(20 * var(--ymvw));
    border-radius: 28px;
    background: rgba(42, 42, 45, 0.15);
    box-shadow: 0 0 0.5px 0 rgba(0, 0, 0, 0.11) inset;
    max-width: calc(262 * var(--ymvw));
    cursor: pointer;
}

.x60-ultra-swiper-content-pc .x60-ultra-title {
    display: flex;
    gap: calc(15 * var(--ymvw));
    align-items: center;

    color: rgba(0, 0, 0, 0.7);
    font-family: var(--misans);
    font-size: calc(17 * var(--ymvw));
    font-style: normal;
    font-weight: 520;
    line-height: 21px;
    /* 123.529% */
    letter-spacing: -0.374px;
}

.x60-ultra-swiper-content-pc .x60-ultra-content {
    display: none;
    color: rgba(0, 0, 0, 0.7);
    font-family: var(--misans);
    font-size: calc(14 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 18px;
    /* 128.571% */
    letter-spacing: -0.374px;
}

.x60-ultra-swiper-content-pc .x60-ultra-text.active {
    padding: calc(10 * var(--ymvw)) calc(15 * var(--ymvw));
    max-width: calc(282 * var(--ymvw));
}

.x60-ultra-swiper-content-pc .x60-ultra-text.active .x60-ultra-title {
    display: none;
}

.x60-ultra-swiper-content-pc .x60-ultra-text.active .x60-ultra-content {
    display: block;
}

.x60-ultra-swiper-content-pc .x60-ultra-images {
    flex: 1;
}

.x60-ultra-swiper-content-pc .x60-ultra-image {
    display: none;
}

.x60-ultra-image img {
    border-radius: 4px;
}

.x60-ultra-swiper-content-pc .x60-ultra-image.active {
    display: block;
}

@media (max-width: 850px) {
    .x60-ultra-swiper {
        padding-top: calc(80 * var(--ymvw));
        padding-bottom: calc(87 * var(--ymvw));
    }

    .x60-ultra-swiper-content-pc {
        display: none;
    }

    .x60-ultra-swiper-content-mobile {
        padding-left: var(--common-wrapper-half-padding);
    }

    .x60-ultra-swiper-slide {
        padding-right: calc(16 * var(--ymvw));
    }

    .x60-ultra-title {
        color: rgba(0, 0, 0, 0.8);
        text-align: center;
        font-family: var(--misans);
        font-size: calc(16 * var(--ymvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
        /* 19.2px */
        margin-top: calc(29 * var(--ymvw));
        margin-bottom: calc(12 * var(--ymvw));
    }

    .x60-ultra-line {
        width: 100%;
        height: 2px;
        background: rgba(153, 153, 153, 0.2);
    }

    .x60-ultra-content {
        color: rgba(0, 0, 0, 0.8);
        font-family: var(--misans);
        font-size: calc(14 * var(--ymvw));
        font-style: normal;
        font-weight: 380;
        line-height: 130%;
        /* 18.2px */
        margin-top: calc(17 * var(--ymvw));
    }

    .swiper-slide-active .x60-ultra-title {
        background: linear-gradient(90deg, #eaae66 0%, #bf8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .swiper-slide-active .x60-ultra-line {
        background: #eaae66;
    }
}

/* #endregion */

/* #region auto water */
.x60-ultra-auto-water-1 .common-header .common-title {
    text-align: center;
    font-family: var(--misans);
    font-size: calc(72 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 86.4px */
    margin-top: calc(140 * var(--ymvw));
    margin-bottom: calc(40 * var(--ymvw));
    background: linear-gradient(90deg, #eaae66 0%, #955818 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.x60-ultra-auto-water .content .common-title {
    color: #fff;
    font-family: var(--misans);
    font-size: calc(44 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
    /* 52.8px */
    margin-bottom: calc(28 * var(--ymvw));
    text-align: left;
}

.main-content .x60-ultra-auto-water .content .common-subtitle {
    color: rgba(255, 255, 255, 0.8);
    font-family: var(--misans);
    font-size: calc(18 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 380;
    line-height: 120%;
    /* 52.8px */
    text-align: left;
}

@media (max-width: 850px) {
    .x60-ultra-auto-water-1 .common-header .common-title {
        font-size: calc(28 * var(--ymvw)) !important;
        font-weight: 520;
        line-height: 120%;
        /* 86.4px */
        margin-top: calc(60 * var(--ymvw));
        margin-bottom: calc(0 * var(--ymvw));
    }

    .x60-ultra-auto-water .media-text-scroll .media-text-scroll-wrapper video {
        object-fit: contain;
    }

    .x60-ultra-auto-water .new-common-s-textcontent .item {
        align-items: end;
    }

    .x60-ultra-auto-water .content .common-title {
        color: #fff;
        font-size: calc(18 * var(--ymvw)) !important;
        font-weight: 520;
        margin-bottom: calc(10 * var(--ymvw));
        text-align: center;
    }

    .main-content .x60-ultra-auto-water .content .common-subtitle {
        color: rgba(255, 255, 255, 0.8);
        font-size: calc(16 * var(--ymvw)) !important;
        font-weight: 380;
        line-height: 150%;
        /* 52.8px */
        text-align: center;
    }
}

/* #endregion */

/* #region features */
.main-content .x60-ultra-features {
    padding-bottom: calc(0 * var(--ymvw));
}

.x60-ultra-features img {
    border-radius: 8px;
}

.x60-ultra-features video {
    border-radius: 0px;
}

.x60-ultra-features .text-box .title {
    color: #fafafa;
    font-family: var(--misans);
    font-size: calc(40 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 48px */
    margin-bottom: calc(24 * var(--ymvw));
}

.x60-ultra-features .text-box .common-content {
    color: #ccc;
    font-family: var(--misans);
    font-size: calc(18 * var(--ymvw));
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 25.2px */
}

.x60-ultra-features .common-iwt-content .common-iwt-text-box {
    padding: 0;
}

.x60-ultra-features .common-iwt-text-box.common-iwt-text-box-right .text-box {
    padding-left: calc(80 * var(--ymvw));
}

.x60-ultra-features .common-iwt-text-box.common-iwt-text-box-left .text-box {
    padding-right: calc(80 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water {
    padding-top: calc(126 * var(--ymvw));
    padding-bottom: calc(34 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water .common-iwt-content {
    flex-direction: column;
    align-items: stretch;
}

.x60-ultra-features .x60-ultra-hot-water .common-iwt-text-box,
.x60-ultra-features .x60-ultra-hot-water .common-iwt-image-box {
    width: 100%;
}

.x60-ultra-features .x60-ultra-hot-water .common-iwt-content .text-box {
    padding-right: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    column-gap: calc(84 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water .common-iwt-content .text-box .title {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    margin-bottom: calc(26 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water .common-iwt-content .text-box .common-content {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    margin-bottom: calc(57 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water .common-iwt-content .text-box .addition_left_content {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    margin-bottom: calc(0 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-cards {
    grid-template-columns: auto auto;
    gap: calc(28 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-card {
    background: transparent;
    padding: 0;
}

.x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-card-title {
    font-size: calc(40 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-card-title span {
    font-size: calc(24 * var(--ymvw));
}

.x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-card-content {
    font-size: calc(18 * var(--ymvw));
    color: rgba(255, 255, 255, 0.8);
    font-weight: 380;
}

.x60-ultra-features .x60-ultra-hot-water .common-iwt-content .video-box {
    height: auto;
    padding-bottom: 0;
    border-radius: 0;
}

.x60-ultra-features .x60-ultra-hot-water .common-iwt-image-box video {
    height: auto;
    position: static;
}

.x60-ultra-features .x60-ultra-solutions,
.x60-ultra-features .x60-ultra-charging {
    padding: calc(128 * var(--ymvw)) 0;
}

.x60-ultra-features .x60-ultra-charging .addition_left_content {
    margin-bottom: 0 !important;
}

.x60-ultra-features .x60-ultra-charging .common-iwt-content {
    align-items: stretch;
}

.x60-ultra-features .x60-ultra-charging .common-iwt-content .text-box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.x60-ultra-features .x60-ultra-charging .common-iwt-content .text-box .common-content {
    flex: 1;
}

.x60-ultra-feature-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(12 * var(--ymvw));
}

.x60-ultra-feature-card {
    display: flex;
    padding: calc(16 * var(--ymvw));
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    background: rgba(204, 204, 204, 0.2);
}

.x60-ultra-feature-card-title {
    font-family: var(--misans);
    font-size: calc(24 * var(--ymvw));
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 28.8px */
    background: linear-gradient(90deg, #eaae66 0%, #955818 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.x60-ultra-feature-card-content {
    color: #dbdbdb;
    font-family: var(--misans);
    font-size: calc(16 * var(--ymvw));
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
}

@media (max-width: 850px) {
    .x60-ultra-features .common-wrapper {
        padding: 0;
    }

    .x60-ultra-features .x60-ultra-hot-water {
        padding-top: calc(60 * var(--ymvw));
        padding-bottom: calc(21 * var(--ymvw));
    }

    .x60-ultra-features .x60-ultra-charging {
        padding-top: calc(60 * var(--ymvw));
        padding-bottom: calc(30 * var(--ymvw));
    }

    .x60-ultra-features .x60-ultra-solutions {
        padding-top: calc(60 * var(--ymvw));
        padding-bottom: calc(67 * var(--ymvw));
    }

    .x60-ultra-features .text-box .title {
        color: #fff;
        font-size: calc(24 * var(--ymvw)) !important;
        font-weight: 520;
        margin-bottom: calc(24 * var(--ymvw));
        text-align: start;
    }

    .x60-ultra-features .text-box .common-content {
        color: rgba(255, 255, 255, 0.6);
        font-size: calc(16 * var(--ymvw));
        font-weight: 380;
        line-height: 140%;
        /* 25.2px */
        text-align: start;
        margin-bottom: calc(30 * var(--ymvw));
    }

    .x60-ultra-features .common-iwt-text-box.common-iwt-text-box-right .text-box {
        padding-left: 0;
    }

    .x60-ultra-features .common-iwt-text-box.common-iwt-text-box-left .text-box {
        padding-right: 0;
    }

    .x60-ultra-features .x60-ultra-hot-water .common-iwt-content .addition_left_content {
        order: 1;
    }

    .x60-ultra-features .x60-ultra-hot-water .common-iwt-content .text-box {
        display: block;
    }

    .x60-ultra-features .x60-ultra-hot-water .common-iwt-content .text-box .common-content {
        margin-bottom: calc(40 * var(--ymvw));
    }

    .x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-card-title {
        font-size: calc(24 * var(--ymvw));
    }

    .x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-card-title span {
        font-size: calc(24 * var(--ymvw));
    }

    .x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-card-content {
        font-size: calc(14 * var(--ymvw));
        color: #dfdfdf;
    }

    .x60-ultra-features .x60-ultra-charging .addition_left_content {
        margin-bottom: calc(30 * var(--ymvw)) !important;
        order: 1;
        width: 100%;
    }

    .x60-ultra-feature-cards {
        display: flex;
        justify-content: space-between;
        gap: unset;
    }

    .x60-ultra-feature-card {
        padding: 0;
        background: transparent;
    }

    .x60-ultra-feature-card-title {
        font-size: calc(24 * var(--ymvw));
        font-weight: 520;
        line-height: 120%;
        /* 28.8px */
    }

    .x60-ultra-feature-card-content {
        color: rgba(255, 255, 255, 0.6);
        font-size: calc(14 * var(--ymvw));
        font-weight: 380;
        line-height: 120%;
        /* 28.8px */
    }
}

/* #endregion */

/* #region swiper pet */

@media (min-width: 2560px) {
    :root {
        --common-wrapper-half-padding: calc((100vw - 1600px) / 2);
    }
}

@media (min-width: 1500px) and (max-width: 2560px) {
    :root {
        --common-wrapper-half-padding: calc((100vw - 62.5vw) / 2);
    }
}

@media (min-width: 850px) and (max-width: 1500px) {
    :root {
        --common-wrapper-half-padding: calc((100vw - 80vw) / 2);
    }
}

@media (max-width: 850px) {
    :root {
        --common-wrapper-half-padding: calc((100vw - 88.2vw) / 2);
    }
}

.x60-ultra-swiper-pet .common-section-container {
    background: #fff;
    padding-top: calc(160 * var(--ymvw));
    padding-bottom: calc(219 * var(--ymvw));
}

.x60-ultra-swiper-pet .common-header .common-banner-title {
    text-align: center;
    font-family: var(--misans);
    font-size: calc(80 * var(--ymvw));
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 96px */
    background: linear-gradient(90deg, #eaae66 0%, #955818 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: calc(125 * var(--ymvw));
}

.x60-ultra-swiper-pet .swiper-content-container {
    padding-left: var(--common-wrapper-half-padding);
}

.x60-ultra-swiper-pet .featured-box {
    position: relative;
}

.x60-ultra-swiper-pet .swiper-content-container .button-content {
    position: absolute;
    top: calc(-78 * var(--ymvw));
    right: var(--common-wrapper-half-padding);
}

.x60-ultra-swiper-pet .image-element__wrap img {
    border-radius: 16px;
}

.x60-ultra-swiper-pet .swiper_img_txt-separate .txt-item {
    display: none;
    width: 55%;
}

.x60-ultra-swiper-pet .swiper_img_txt-separate .txt-item.active {
    display: block;
}

.x60-ultra-swiper-pet .swiper_img_txt-separate .common-title {
    color: rgba(0, 0, 0, 0.96);
    font-family: var(--misans);
    font-size: calc(40 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 630;
    line-height: 130%;
    /* 52px */
    margin-bottom: calc(32 * var(--ymvw));
}

.template-product .main-content .x60-ultra-swiper-pet .swiper_img_txt-separate .common-subtitle {
    color: rgba(0, 0, 0, 0.8);
    font-family: var(--misans);
    font-size: calc(18 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 380;
    line-height: 140%;
    /* 52px */
    margin-bottom: calc(40 * var(--ymvw));
    text-align: start;
}

@media (max-width: 850px) {
    .x60-ultra-swiper-pet .common-section-container {
        padding-top: calc(60 * var(--ymvw));
        padding-bottom: calc(60 * var(--ymvw));
    }

    .x60-ultra-swiper-pet .common-header .common-banner-title {
        font-size: calc(28 * var(--ymvw));
        font-weight: 520;
        background: linear-gradient(90deg, #eaae66 0%, #bf8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: calc(80 * var(--ymvw));
    }

    .x60-ultra-swiper-pet .swiper_img_txt-separate {
        display: none;
    }

    .x60-ultra-swiper-pet .pfi-inner .content {
        display: block !important;
    }

    .x60-ultra-swiper-pet .pfi-inner .content .common-title {
        color: #000;

        /* M端小标题 */
        font-family: var(--misans);
        font-size: calc(18 * var(--ymvw)) !important;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
        /* 21.6px */
        margin-top: calc(18 * var(--ymvw));
        margin-bottom: calc(12 * var(--ymvw));
        text-align: start;
    }

    .main-content .x60-ultra-swiper-pet .pfi-inner .content .common-subtitle {
        color: rgba(0, 0, 0, 0.6);
        font-family: var(--misans);
        font-size: calc(16 * var(--ymvw));
        font-style: normal;
        font-weight: 380;
        line-height: 150%;
        /* 24px */
        text-align: start;
    }

    .x60-ultra-swiper-pet .swiper-content-container .button-content {
        top: unset;
        right: unset;
        left: 0;
        bottom: 0;
    }

    .x60-ultra-swiper-pet .swiper-button.swiper-button-prev {
        left: 0;
    }

    .x60-ultra-swiper-pet .swiper-button {
        left: 55px;
    }
}

/* #endregion */

/* #region app */
.x60-ultra-app {
    background: #fff;
    padding-bottom: calc(119 * var(--ymvw));
}

.x60-ultra-app .text-box .common-title {
    color: #000;
    font-family: var(--misans);
    font-size: calc(44 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 630;
    line-height: 120%;

    margin-bottom: calc(40 * var(--ymvw));
}

.x60-ultra-app .text-box .common-subtitle {
    margin-bottom: 0 !important;
}

.x60-ultra-app-list {
    margin-left: 0;
}

.x60-ultra-app-list li {
    margin-left: 0;
    text-align: start;
    list-style: none;

    color: #000;
    font-family: var(--misans);
    font-size: calc(24 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 200%;
    margin-bottom: 0;
}

.x60-ultra-app-list li:first-child,
.x60-ultra-app-list li:last-child {
    color: rgba(0, 0, 0, 0.3);
}

.x60-ultra-app-list li:nth-child(2),
.x60-ultra-app-list li:nth-last-child(2) {
    color: rgba(0, 0, 0, 0.6);
}

.x60-ultra-app-list li:nth-last-child(3) {
    color: rgba(0, 0, 0, 0.7);
}

@media (max-width: 850px) {
    .main-content .x60-ultra-app {
        padding-top: calc(60 * var(--ymvw));
        padding-bottom: calc(60 * var(--ymvw));
    }

    .x60-ultra-app .common-wrapper {
        padding: 0;
    }

    .x60-ultra-app .text-box .common-title {
        color: transparent;
        font-size: calc(28 * var(--ymvw)) !important;
        font-weight: 520;
        margin-bottom: calc(22 * var(--ymvw));
        background: linear-gradient(90deg, #eaae66 0%, #bf8340 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .x60-ultra-app-list li {
        text-align: center;
        color: rgba(0, 0, 0, 0.8);
        font-size: calc(16 * var(--ymvw));
        font-weight: 380;
        line-height: 150%;
    }

    .x60-ultra-app-list li:first-child,
    .x60-ultra-app-list li:last-child {
        color: rgba(0, 0, 0, 0.3);
    }

    .x60-ultra-app-list li:nth-child(2),
    .x60-ultra-app-list li:nth-last-child(2) {
        color: rgba(0, 0, 0, 0.5);
    }

    .x60-ultra-app-list li:nth-last-child(3) {
        color: rgba(0, 0, 0, 0.6);
    }
}

/* #endregion */

/* #region voice */
.x60-ultra-voice {
    background: #fff;
    padding-bottom: calc(219 * var(--ymvw));
}

.x60-ultra-voice.common-section-container .common-wrapper>div:first-child {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.x60-ultra-voice .common-title {
    margin-bottom: 0;
}

.x60-ultra-voice .common-title h2 {
    color: #000;
    text-align: center;

    /* 标题 */
    font-family: var(--misans);
    font-size: calc(44 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
    /* 52.8px */
}

.template-product .main-content .x60-ultra-voice.common-section-container .common-subtitle {
    color: rgba(0, 0, 0, 0.8);
    text-align: start;
    font-family: var(--misans);
    font-size: calc(18 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 140%;
    /* 25.2px */
    margin-bottom: calc(60 * var(--ymvw));
    width: 35.8333%;
}

.x60-ultra-voice.common-section-container .p-relative {
    border-radius: 4px;
}

@media (max-width: 850px) {
    .x60-ultra-voice {
        padding-bottom: calc(60 * var(--ymvw));
    }

    .x60-ultra-voice .common-wrapper {
        padding: 0;
    }

    .x60-ultra-voice.common-section-container .common-wrapper>div:first-child {
        display: block;
    }

    .x60-ultra-voice .common-title h2 {
        color: #000;
        text-align: center;

        /* 标题 */
        font-family: var(--misans);
        font-size: calc(24 * var(--ymvw)) !important;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
        /* 52.8px */
        margin-bottom: calc(16 * var(--ymvw));
    }

    .template-product .main-content .x60-ultra-voice.common-section-container .common-subtitle {
        color: #000;
        text-align: center;
        font-family: var(--misans);
        font-size: calc(16 * var(--ymvw));
        font-style: normal;
        font-weight: 380;
        line-height: 140%;
        /* 25.2px */
        margin-bottom: calc(32 * var(--ymvw));
        width: 100%;
        letter-spacing: -0.01px;
    }
}

/* #endregion */

/* #region matter */
.x60-ultra-matter {
    background: #fff;
    padding-bottom: calc(148 * var(--ymvw));
}

.x60-ultra-matter .common-title {
    margin-bottom: 0;
}

.x60-ultra-matter .common-title h2 {
    color: #000;
    text-align: center;

    /* 标题 */
    font-family: var(--misans);
    font-size: calc(44 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
    /* 52.8px */
    margin-bottom: calc(24 * var(--ymvw));
}

.template-product .main-content .x60-ultra-matter.common-section-container .common-subtitle {
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    font-family: var(--misans);
    font-size: calc(18 * var(--ymvw));
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 25.2px */
    margin-bottom: calc(40 * var(--ymvw));
}

.x60-ultra-matter.common-section-container .pc-layout .item-cell-1 {
    margin-bottom: calc(40 * var(--ymvw));
}

.x60-ultra-matter.common-section-container .pc-layout .item-cell-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: calc(40 * var(--ymvw));
}

.x60-ultra-matter.common-img-layout .p-relative {
    border-radius: 4px;
}

.x60-ultra-matter.common-img-layout .pc-layout .item-cell-2 .p-relative .text {
    position: static;
    padding: 0;
}

.x60-ultra-matter.common-img-layout .pc-layout .item-cell-2 .p-relative .text .common-title {
    color: #1a1a1a;
    font-family: var(--misans);
    font-size: calc(22 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 26.4px */
    margin-bottom: calc(16 * var(--ymvw));
    margin-top: calc(24 * var(--ymvw));
    text-align: start;
}

.x60-ultra-matter.common-img-layout .pc-layout .item-cell-2 .p-relative .text .common-subtitle {
    color: rgba(0, 0, 0, 0.6);
    font-family: var(--misans);
    font-size: calc(16 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 26.4px */
    margin-bottom: 0;
    text-align: start;
}

@media (max-width: 850px) {
    .x60-ultra-matter {
        padding-bottom: calc(60 * var(--ymvw));
    }

    .x60-ultra-matter .common-wrapper {
        padding: 0;
    }

    .x60-ultra-matter .common-title {
        margin-bottom: 0;
    }

    .x60-ultra-matter .common-title h2 {
        font-size: calc(24 * var(--ymvw)) !important;
        font-weight: 520;
        margin-bottom: calc(16 * var(--ymvw));
    }

    .template-product .main-content .x60-ultra-matter.common-section-container .common-subtitle {
        color: #000;
        font-size: calc(16 * var(--ymvw));
        font-weight: 380;
        margin-bottom: calc(24 * var(--ymvw));
    }

    .x60-ultra-matter.common-section-container .m-layout .item-cell-1 {
        margin-bottom: calc(60 * var(--ymvw));
    }

    .x60-ultra-matter.common-section-container .m-layout .item-cell-2 {
        margin-bottom: calc(60 * var(--ymvw));
    }

    .x60-ultra-matter.common-img-layout .m-layout .item-cell-2 .p-relative,
    .x60-ultra-matter.common-img-layout .m-layout .item-cell-3 .p-relative {
        display: flex;
        flex-direction: column-reverse;
    }

    .x60-ultra-matter.common-img-layout .m-layout .item-cell-2 .p-relative .text,
    .x60-ultra-matter.common-img-layout .m-layout .item-cell-3 .p-relative .text {
        position: static;
        padding: 0;
    }

    .x60-ultra-matter.common-img-layout .m-layout .item-cell-2 .p-relative .text .common-title,
    .x60-ultra-matter.common-img-layout .m-layout .item-cell-3 .p-relative .text .common-title {
        color: #000;
        font-family: var(--misans);
        font-size: calc(24 * var(--ymvw)) !important;
        font-weight: 520;
        margin-bottom: calc(16 * var(--ymvw));
        margin-top: 0;
        text-align: center;
    }

    .x60-ultra-matter.common-img-layout .m-layout .item-cell-2 .p-relative .text .common-subtitle,
    .x60-ultra-matter.common-img-layout .m-layout .item-cell-3 .p-relative .text .common-subtitle {
        color: #000;
        font-family: var(--misans);
        font-size: calc(16 * var(--ymvw)) !important;
        font-style: normal;
        font-weight: 380;
        line-height: 140%;
        /* 26.4px */
        margin-bottom: calc(32 * var(--ymvw));
        text-align: center;
    }
}

/* #endregion */

/* #region privacy */
.x60-ultra-privacy {
    background: #fff;
    padding-bottom: calc(140 * var(--ymvw));
}

.x60-ultra-privacy-content {
    position: relative;
}

.x60-ultra-text-wrapper {
    position: absolute;
    z-index: 1;
    width: 38%;
    top: calc(84 * var(--ymvw));
    left: calc(67 * var(--ymvw));
}

.x60-ultra-text-title {
    color: #000;
    font-family: var(--misans);
    font-size: calc(32 * var(--ymvw));
    font-style: normal;
    font-weight: 630;
    line-height: 120%;
    /* 38.4px */
    text-transform: capitalize;
    margin-bottom: calc(24 * var(--ymvw));
    text-wrap: nowrap;
}

.x60-ultra-text-subtitle {
    color: rgba(0, 0, 0, 0.8);
    font-family: var(--misans);
    font-size: calc(16 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 140%;
    /* 22.4px */
}

.x60-ultra-image {
    position: relative;
}

.x60-ultra-button-modal {
    position: absolute;
    z-index: 1;
    left: calc(67 * var(--ymvw));
    bottom: calc(95 * var(--ymvw));
}

.x60-ultra-button {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 100px;
    gap: calc(8 * var(--ymvw));
    color: #000;
    font-family: var(--misans);
    font-size: calc(18 * var(--ymvw));
    font-style: normal;
    font-weight: 520;
    line-height: 120%;
    /* 21.6px */
    text-transform: capitalize;
    padding: calc(6 * var(--ymvw)) calc(8 * var(--ymvw)) calc(6 * var(--ymvw)) calc(12 * var(--ymvw));
}

.x60-ultra-button svg {
    width: calc(26 * var(--ymvw));
    height: calc(26 * var(--ymvw));
}

@media (max-width: 850px) {
    .x60-ultra-privacy {
        padding-bottom: calc(80 * var(--ymvw));
    }

    .x60-ultra-privacy .common-wrapper {
        padding: 0;
    }

    .x60-ultra-text-wrapper {
        position: static;
        width: 100%;
    }

    .x60-ultra-text-title {
        font-size: calc(24 * var(--ymvw));
        font-weight: 520;
        margin-bottom: calc(16 * var(--ymvw));
        text-align: center;
    }

    .x60-ultra-text-subtitle {
        color: #000;
        text-align: center;
        font-family: var(--misans);
        font-size: calc(16 * var(--ymvw));
        font-style: normal;
        font-weight: 380;
        line-height: 140%;
        /* 22.4px */
        margin-bottom: calc(29 * var(--ymvw));
    }

    .x60-ultra-button-modal {
        left: 50%;
        transform: translateX(-50%);
        bottom: calc(25 * var(--ymvw));
    }
}

@media (min-width: 2560px) {
    .x60-ultra-modal .common-wrapper {
        width: 1200px;
    }
}

@media (min-width: 1500px) and (max-width: 2560px) {
    .x60-ultra-modal.common-wrapper {
        width: 62.5vw;
    }
}

@media (min-width: 850px) and (max-width: 1500px) {
    .x60-ultra-modal .common-wrapper {
        width: 80vw;
    }
}

@media (max-width: 850px) {
    .x60-ultra-modal .common-wrapper {
        width: 100vw;
        padding-left: 0;
        padding-right: 0;
    }
}

.x60-ultra-modal {
    position: fixed;
    z-index: 99999;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: #fff;
    overflow-y: auto;
}

.x60-ultra-modal-close {
    position: fixed;
    top: calc(52 * var(--ymvw));
    right: calc(520 * var(--ymvw));
    width: calc(60 * var(--ymvw));
    height: calc(60 * var(--ymvw));
    cursor: pointer;
}

.x60-ultra-modal-close svg {
    width: 100%;
    height: 100%;
}

.x60-ultra-modal-content {
    padding-top: calc(163 * var(--ymvw));
    padding-bottom: calc(137 * var(--ymvw));
}

.x60-ultra-modal-content-part-1-head {
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-family: Rany;
    font-size: calc(44 * var(--ymvw));
    font-style: normal;
    font-weight: 700;
    line-height: 144%;
    /* 63.36px */
    margin-bottom: calc(24 * var(--ymvw));
}

.x60-ultra-modal-content-part-1-title {
    text-align: center;
    color: #9e8972;
    font-family: Rany;
    font-size: calc(64 * var(--ymvw));
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

.x60-ultra-modal-content-part-1-logo {
    width: calc(130 * var(--ymvw));
    aspect-ratio: 1 / 1;
    margin: calc(34 * var(--ymvw)) auto calc(251 * var(--ymvw)) auto;
}

.x60-ultra-modal-content-part-2-text-title {
    color: rgba(0, 0, 0, 0.77);
    text-align: center;
    font-family: var(--misans);
    font-size: calc(40 * var(--ymvw));
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 48px */
    margin-bottom: calc(65 * var(--ymvw));
}

.x60-ultra-modal-content-part-2-text-desp {
    color: #000;
    text-align: center;
    font-family: var(--misans);
    font-size: calc(18 * var(--ymvw));
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 25.2px */
    width: 85.3333%;
    margin: 0 auto;
    margin-bottom: calc(66 * var(--ymvw));
}

.x60-ultra-modal-content-part.part-3 {
    padding-top: calc(160 * var(--ymvw));
}

.x60-ultra-modal-content-part.part-3 .x60-ultra-modal-logo {
    width: calc(70 * var(--ymvw));
    aspect-ratio: 70 / 83;
    margin: 0 auto;
    margin-bottom: calc(70 * var(--ymvw));
}

.x60-ultra-modal-content-part-3-text-title {
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    font-family: var(--misans);
    font-size: calc(40 * var(--ymvw));
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    /* 48px */
    margin-bottom: calc(70 * var(--ymvw));
}

.x60-ultra-modal-content-part.part-3 .x60-ultra-modal-image {
    margin-bottom: calc(70 * var(--ymvw));
}

.x60-ultra-modal-content-cards {
    display: grid;
    grid-template-columns: repeat(1fr, 4);
    gap: calc(24 * var(--ymvw));
}

.x60-ultra-modal-content-card {
    padding: calc(36 * var(--ymvw)) calc(30 * var(--ymvw)) calc(22 * var(--ymvw)) calc(19 * var(--ymvw));
    display: flex;
    flex-direction: column;
    align-items: start;
    border-radius: 5px;
    background: #e7e7e7;
    flex: 1;
}

.x60-ultra-modal-content-card-logo {
    width: calc(50 * var(--ymvw));
    aspect-ratio: 1 / 1;
    margin-bottom: calc(24 * var(--ymvw));
}

.x60-ultra-modal-content-card-head {
    color: #666;
    font-family: var(--misans);
    font-size: calc(14 * var(--ymvw));
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 19.6px */
}

.x60-ultra-modal-content-card-title {
    color: #9e8972;
    font-family: var(--misans);
    font-size: calc(20 * var(--ymvw));
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: calc(24 * var(--ymvw));
}

.x60-ultra-modal-content-card-desp {
    color: #666;
    font-family: var(--misans);
    font-size: calc(14 * var(--ymvw));
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    flex: 1;
}

@media (max-width: 850px) {
    .x60-ultra-modal-close {
        top: calc(34 * var(--ymvw));
        right: calc(46 * var(--ymvw));
        width: calc(30 * var(--ymvw));
        height: calc(30 * var(--ymvw));
    }

    .x60-ultra-modal-content {
        padding-top: calc(100 * var(--ymvw));
        padding-bottom: calc(62 * var(--ymvw));
    }

    .x60-ultra-modal-content-part.part-1 {
        padding: 0 calc(17 * var(--ymvw));
    }

    .x60-ultra-modal-content-part-1-head {
        color: rgba(0, 0, 0, 0.8);
        font-size: calc(25 * var(--ymvw));
        margin-bottom: calc(9 * var(--ymvw));
    }

    .x60-ultra-modal-content-part-1-title {
        font-size: calc(28 * var(--ymvw));
    }

    .x60-ultra-modal-content-part-1-logo {
        width: calc(112 * var(--ymvw));
        margin: calc(36 * var(--ymvw)) auto calc(74 * var(--ymvw)) auto;
    }

    .x60-ultra-modal-content-part.part-2 {
        position: relative;
    }

    .x60-ultra-modal-content-part-2-text-wrapper {
        position: absolute;
        top: calc(80 * var(--ymvw));
        padding: 0 calc(17 * var(--ymvw));
    }

    .x60-ultra-modal-content-part-2-text-title {
        color: #fcfcfc;
        font-size: calc(28 * var(--ymvw));
        font-weight: 700;
        line-height: 120%;
        /* 33.6px */
        margin-bottom: calc(35 * var(--ymvw));
    }

    .x60-ultra-modal-content-part-2-text-desp {
        color: rgba(252, 252, 252, 0.8);
        font-size: calc(14 * var(--ymvw));
        font-weight: 500;
        line-height: 130%;
        /* 18.2px */
        margin-bottom: 0;
    }

    .x60-ultra-modal-content-part.part-3 {
        padding-top: 0;
        position: relative;
    }

    .x60-ultra-modal-content-part-3-text-wrapper {
        position: absolute;
        top: calc(80 * var(--ymvw));
        padding: 0 calc(17 * var(--ymvw));
    }

    .x60-ultra-modal-content-part-3-text-title {
        color: #fcfcfc;
        font-size: calc(28 * var(--ymvw));
        font-weight: 700;
        line-height: 120%;
        /* 33.6px */
        margin-bottom: calc(35 * var(--ymvw));
    }

    .x60-ultra-modal-content-part-3-text-desp {
        color: rgba(252, 252, 252, 0.8);
        font-size: calc(14 * var(--ymvw));
        font-weight: 500;
        line-height: 130%;
        /* 18.2px */
        margin-bottom: 0;
        text-align: center;
    }

    .x60-ultra-modal-content-part.part-3 .x60-ultra-modal-image {
        margin-bottom: calc(122 * var(--ymvw));
    }

    .x60-ultra-modal-content-cards {
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        row-gap: calc(15 * var(--ymvw));
        column-gap: calc(19 * var(--ymvw));
        padding: 0 calc(23 * var(--ymvw));
    }

    .x60-ultra-modal-content-card {
        padding: calc(13 * var(--ymvw)) calc(12 * var(--ymvw)) calc(18 * var(--ymvw)) calc(11 * var(--ymvw));
    }

    .x60-ultra-modal-content-card-logo {
        width: calc(50 * var(--ymvw));
        margin-bottom: calc(12 * var(--ymvw));
    }

    .x60-ultra-modal-content-card-head {
        font-size: calc(12 * var(--ymvw));
    }

    .x60-ultra-modal-content-card-title {
        font-size: calc(16 * var(--ymvw));
        margin-bottom: calc(24 * var(--ymvw));
    }

    .x60-ultra-modal-content-card-desp {
        font-size: calc(12 * var(--ymvw));
        flex: 1;
    }
}

/* #endregion */

/* #region products */

.x60-ultra-product-items.new-product-item {
    padding-bottom: calc(120 * var(--ymvw));
}

.x60-ultra-product-items.new-product-item .common-header {
    margin-bottom: calc(60 * var(--ymvw));
}

.x60-ultra-product-items.new-product-item .common-header h2.title {
    color: #1a1a1a;
    font-family: var(--misans);
    font-size: calc(44 * var(--ymvw)) !important;
    font-weight: 630;
    line-height: 120%;
    /* 52.8px */
}

.x60-ultra-product-items.new-product-item .left-box .image-box {
    margin-bottom: calc(16 * var(--ymvw));
}

.x60-ultra-product-items.new-product-item .left-box .title {
    color: #1a1a1a;

    /* V3_Design Token/Headline/PC/H4_Headline_PC_S */
    font-family: var(--misans);
    font-size: calc(20 * var(--ymvw));
    font-style: normal;
    font-weight: 520;
    line-height: 110%;
    /* 22px */
    text-transform: capitalize;
}

.x60-ultra-product-items.new-product-item .right-box .cell {
    grid-template-columns: repeat(3, 1fr);
    column-gap: calc(20 * var(--ymvw));
}

.x60-ultra-product-items.new-product-item .right-box .cell .item {
    margin-bottom: 0;
}

.x60-ultra-product-items.new-product-item .right-box .cell .item .image {
    background: #f7f7f7;
    border-radius: 4px;
}

.x60-ultra-product-items.new-product-item .right-box .cell .item .title {
    margin-top: calc(8 * var(--ymvw));
}

.x60-ultra-product-items.new-product-item .right-box .cell .item .title span {
    color: #1a1a1a;
    font-family: var(--misans);
    font-size: calc(14 * var(--ymvw));
    font-weight: 380;
    line-height: 130%;
    /* 18.2px */
    margin-top: 0;
}

.x60-ultra-product-items.new-product-item .right-box .cell .item .title span:last-child {
    margin-top: calc(4 * var(--ymvw));
    margin-bottom: calc(20 * var(--ymvw));
}

.x60-ultra-product-items.new-product-item .new-product-content-btn {
    color: #bca18e;
    text-transform: capitalize;
    font-weight: 450;
    font-style: normal;
    font-size: calc(14 * var(--ymvw));
    font-family: var(--misans);
    line-height: 140%;
    /* 19.6px */
    padding-top: calc(26 * var(--ymvw));
    padding-bottom: calc(50 * var(--ymvw));
}

.x60-ultra-product-items.new-product-item .new-product-content-btn svg {
    width: calc(20 * var(--ymvw));
    height: calc(20 * var(--ymvw));
}

@media (max-width: 850px) {
    .x60-ultra-product-items.common-product-item {
        padding-bottom: calc(0 * var(--ymvw));
    }

    .x60-ultra-product-items.common-product-item .common-wrapper {
        padding: 0;
    }

    .x60-ultra-product-items.new-product-item .common-header {
        margin-bottom: calc(40 * var(--ymvw));
    }

    .x60-ultra-product-items.new-product-item .common-header h2.title {
        color: #1a1a1a;
        font-family: var(--misans);
        font-size: calc(24 * var(--ymvw)) !important;
        font-weight: 520;
        line-height: 120% !important;
        /* 28.8px */
    }

    .x60-ultra-product-items.new-product-item .common-item-inner .left-box {
        display: block;
        margin-bottom: calc(12 * var(--ymvw));
    }

    .x60-ultra-product-items.new-product-item .common-item-inner .text-box {
        margin-bottom: 0;
    }

    .x60-ultra-product-items.new-product-item .left-box .title {
        color: #1a1a1a;
        font-family: var(--misans);
        font-size: calc(16 * var(--ymvw));
        font-weight: 380;
        line-height: 130%;
        /* 28.8px */
        margin-bottom: 0;
    }

    .x60-ultra-product-items.new-product-item .common-item-inner .left-box .item {
        display: none;
    }

    .x60-ultra-product-items.new-product-item .common-item-inner .left-box .item.item-0.active {
        display: block;
    }

    .x60-ultra-product-items.new-product-item .common-item-inner .left-box .item.item-0.active .common-pc--hide {
        display: none;
    }

    .x60-ultra-product-items.new-product-item .common-item-inner .left-box .item.item-0.active .common-small--hide {
        display: block;
    }

    .x60-ultra-product-items.new-product-item .common-item-inner .left-box .item.item-0.active .text-box-mb {
        margin-bottom: 0;
    }

    .x60-ultra-product-items.new-product-item .common-item-inner .left-box .item.item-0.active .text-box-mb .title {
        color: #1a1a1a;
        font-family: var(--misans);
        font-size: calc(16 * var(--ymvw));
        font-style: normal;
        font-weight: 380;
        line-height: 130%;
        /* 20.8px */
        margin-bottom: 0;
    }

    .x60-ultra-product-items.new-product-item .right-box .cell {
        grid-template-columns: repeat(2, 1fr);
        column-gap: calc(8 * var(--ymvw));
    }

    .x60-ultra-product-items.new-product-item .right-box .cell .item .title span:last-child {
        margin-bottom: calc(8 * var(--ymvw));
    }

    .x60-ultra-product-items.new-product-item .new-product-content-btn {
        padding-top: calc(20 * var(--ymvw));
        padding-bottom: calc(20 * var(--ymvw));
    }
}

/* #endregion */

/* #region product accessory */
.x60-ultra-product-accessory-items.new-product-item .common-item-inner {
    display: block;
}

.x60-ultra-product-accessory-items.new-product-item .common-item-inner .left-box {
    display: none;
}

.x60-ultra-product-accessory-items.new-product-item .right-box .cell {
    grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 850px) {
    .x60-ultra-product-accessory-items.new-product-item .right-box .cell {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* #endregion */

/* #region spec */

.x60-ultra-spec.new-product-spec {
    padding-bottom: 0;
    padding-top: calc(72 * var(--ymvw));
}

.x60-ultra-spec.new-product-spec .common-title {
    color: #000;
    font-weight: 630;
    font-style: normal;
    font-size: calc(48 * var(--ymvw)) !important;
    font-family: var(--misans);
    line-height: 120%;
}

.x60-ultra-spec.new-product-spec .common-spec-content-item {
    padding-top: 0;
}

.x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box {
    padding: 0;
}

.x60-ultra-spec.new-product-spec .common-spec-content {
    align-items: stretch;
    flex-direction: column;
    background: #fff;
}

.x60-ultra-spec.new-product-spec .common-spec-image-box,
.x60-ultra-spec.new-product-spec .common-spec-image-box div,
.x60-ultra-spec.new-product-spec .common-spec-image-box img {
    max-width: unset;
    width: 100%;
}

.x60-ultra-spec.new-product-spec .common-spec-image-box {
    margin-bottom: calc(50 * var(--ymvw));
}

.x60-ultra-spec.new-product-spec .common-spec-content .common-spec-image-box,
.x60-ultra-spec.new-product-spec .common-spec-content .learn-more-content {
    display: block;
}

.x60-ultra-spec.new-product-spec .x60-ultra-spec-ul {
    margin-left: 0;
}

.x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .common-content .x60-ultra-spec-ul li {
    flex-direction: row;
    padding: calc(27 * var(--ymvw)) calc(16 * var(--ymvw));
}

.x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .common-content .x60-ultra-spec-ul li span:first-child {
    color: #1a1a1a;
    text-align: left;
    font-weight: 380;
    font-style: normal;
    font-size: calc(16 * var(--ymvw));
    font-family: var(--misans);
    line-height: 140%;
    /* 22.4px */
}

.x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .common-content .x60-ultra-spec-ul li span:last-child {
    color: #939393;
    text-align: left;
    font-weight: 520;
    font-style: normal;
    font-size: calc(20 * var(--ymvw));
    font-family: var(--misans);
    line-height: 140%;
    /* 28px */
}

.x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .item-content {
    grid-template-columns: 1fr;
}

.x60-ultra-spec.new-product-spec .common-spec-content .new-product-content-btn {
    color: #bca18e;
    text-transform: capitalize;
    font-weight: 450;
    font-style: normal;
    font-size: calc(14 * var(--ymvw));
    font-family: var(--misans);
    line-height: 140%;
    /* 19.6px */
    padding-top: calc(26 * var(--ymvw));
    padding-bottom: calc(50 * var(--ymvw));
}

.x60-ultra-spec.new-product-spec .common-spec-content .new-product-content-btn svg {
    width: calc(20 * var(--ymvw));
    height: calc(20 * var(--ymvw));
}

@media (max-width: 850px) {
    .x60-ultra-spec.new-product-spec {
        padding-bottom: 0;
        padding-top: calc(100 * var(--ymvw));
    }

    .x60-ultra-spec.new-product-spec .common-wrapper {
        padding: 0;
    }

    .x60-ultra-spec.new-product-spec .common-title {
        font-weight: 520;
        font-size: calc(32 * var(--ymvw)) !important;
    }

    .x60-ultra-spec.new-product-spec .common-spec-image-box {
        margin-bottom: calc(20 * var(--ymvw));
    }

    .x60-ultra-spec.new-product-spec .text-box .common-content {
        border-top: 1px solid rgba(119, 119, 119, 0.2);
    }

    .x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .common-content .x60-ultra-spec-ul li {
        flex-direction: column;
        padding: calc(22 * var(--ymvw)) calc(8 * var(--ymvw)) calc(20 * var(--ymvw)) calc(8 * var(--ymvw));
    }

    .x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .common-content .x60-ultra-spec-ul li span:first-child {
        color: rgba(0, 0, 0, 0.8);
        font-weight: 520;
        font-size: calc(20 * var(--ymvw));
        line-height: 128%;
        /* 22.4px */
    }

    .x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .common-content .x60-ultra-spec-ul li span:last-child {
        color: rgba(0, 0, 0, 0.8);
        font-weight: 380;
        font-size: calc(16 * var(--ymvw));
        line-height: 140%;
        /* 22.4px */
    }

    .x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .item-content {
        background: transparent;
        padding: 0;
    }

    .x60-ultra-spec.new-product-spec .common-spec-content .new-product-content-btn {
        background: transparent;
        padding-top: calc(20 * var(--ymvw));
        padding-bottom: calc(20 * var(--ymvw));
    }
}

/* #endregion */

/* add for preorder-benefits */
#shopify-section-template--21082712277249__preorder_benefits {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}
.preorder .dropdown__trigger[aria-expanded="true"] .dropdown__arrow svg {
    transform: rotate(180deg);
}

.preorder .preorder__header {
    text-align: center;
}

.preorder .preorder__heading {
    color: #000;
    font-family: var(--misans);
    font-size: calc(48 * var(--bzvw));
    font-weight: 630;
    line-height: 120%;
    margin-bottom: calc(16 * var(--bzvw));
}

.preorder .preorder__shipping p {
    color: #000;
    font-family: var(--misans);
    font-size: calc(24 * var(--bzvw));
    font-weight: 520;
    line-height: 120%;
    margin-bottom: calc(16 * var(--bzvw));
}

.preorder .preorder__content {
    display: flex;
    position: relative;
    align-items: center;
}

.preorder .preorder__faq-area {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.preorder .preorder__stage {
    position: relative;
}

.preorder .preorder__stage[data-stage-key="stage_1"]::before {
    content: '';
    width: 4px;
    height: 196.66px;
    background: linear-gradient(180deg, #FFF 0%, #C79F6C 100%);
    position: absolute;
    left: -20px;
    top: 0;
}

.preorder .preorder__stage[data-stage-key="stage_1"] {
    min-height: 196.66px;
}

.preorder .preorder__stage[data-stage-key="stage_2"] {
    opacity: 0.4;
}

.preorder .preorder__stage[data-stage-key="stage_2"]::before {
    content: '';
    width: 4px;
    height: 196.66px;
    background: linear-gradient(90deg, #3C3C3C 0%, #A2A2A2 100%);
    position: absolute;
    left: -20px;
    top: 0;
}

.preorder .preorder__stage[data-stage-key="stage_1"] .stage__date {
    width: fit-content;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background: #C79F6C;

    color: #FFF;
    font-family: var(--misans);
    font-size: 17px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    text-transform: capitalize;

    margin-bottom: calc(24 * var(--bzvw));
}

.preorder .preorder__stage[data-stage-key="stage_2"] .stage__date {
    width: fit-content;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background: #ABABAB;

    color: #FFF;
    font-family: var(--misans);
    font-size: 17px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    text-transform: capitalize;

    margin-bottom: calc(24 * var(--bzvw));
}

.preorder .stage__title {
    color: #000;
    font-family: var(--misans);
    font-size: calc(24 * var(--bzvw));
    font-style: normal;
    font-weight: 520;
    line-height: 120%;
    text-transform: capitalize;

    margin-bottom: calc(16 * var(--bzvw));
}

.preorder .stage__desc {
    color: #000;
    font-family: var(--misans);
    font-size: 14px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    text-transform: capitalize;
}

.preorder .offer__media {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

.preorder .offer__text {
    display: none;
}

.preorder .preorder__checkout {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 24px;

    margin-top: 10px;
}

.preorder .price__current {
    color: #000;
    font-family: var(--misans);
    font-size: calc(40 * var(--bzvw));
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: capitalize;
}

.preorder .price__compare {
    color: #000;
    font-family: var(--misans);
    font-size: calc(16 * var(--bzvw));
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    text-transform: capitalize;
    text-decoration: line-through;

    margin-left: 5px;
}

.preorder .checkout__cta {
    display: flex;
    padding: 16px 64px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #C79F6C;

    color: #FFF;
    font-family: "MiSans Latin";
    font-size: 24px;
    font-style: normal;
    font-weight: 520;
    line-height: 120%;
    text-transform: capitalize;
}

.preorder .preorder__faq__text {
    color: #000;
    font-family: "MiSans Latin";
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    text-transform: capitalize;

    margin-left: 5px;
}

.preorder .dropdown__trigger {
    border-radius: 8px;
    border: 1px solid #D9D9D9;
    background: #FFF;

    display: flex;
    align-items: center;
    padding-right: 20px;
}

.preorder .dropdown__trigger-left {
    display: flex;
    gap: 8px;
    align-items: center;

    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.preorder .dropdown__trigger-title {
    display: block;

    text-align: left;
    color: #000;
    font-family: "MiSans Latin";
    font-size: calc(20 * var(--bzvw));
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    text-transform: capitalize;
}

.preorder .dropdown__trigger-desc {
    display: block;
    text-align: left;
    color: rgba(0, 0, 0, 0.40);
    font-family: "MiSans Latin";
    font-size: calc(14 * var(--bzvw));
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
    text-transform: capitalize;
}

.preorder .dropdown__trigger-img {
    flex: 1;
}

.preorder .dropdown__trigger-text {
    flex: 2;
}

.preorder .preorder__faq {
    display: inline-flex;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 18.5px;
    border: 1px solid #7E7E7E;
    color: #7E7E7E;
    font-size: 20px;
}

.preorder .offer__dropdown {
    position: relative;
}

.preorder .dropdown__panel {
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 2;
    background: white;
}

.preorder .preorder__offer {
    display: none;
}

.preorder .preorder__offer.is-active {
    display: block;
}

.preorder .dropdown__list .dropdown__item[aria-selected="true"] {
    background: #F7F7F7;
}

@media (min-width: 850px) {
    .preorder .preorder__stages {
        flex: 2;
    }

    .preorder .preorder__offers {
        flex: 9;
    }

    .preorder .offer__product-image {
        flex: 5;
    }

    .preorder .offer__media {
        flex: 5;
    }

    .preorder .preorder__offer.is-active {
        display: flex;
        gap: 20px;
    }

    .preorder .offer__discount-image {
        width: 80%;
        position: relative;
    }

    .preorder .offer__discount-image .offer__placeholder {
        position: absolute;
        right: 32%;
        top: 50%;
        transform: translateY(-40%);

        color: #FFF;
        font-family: var(--misans);
        font-size: calc(32 * var(--bzvw));
        font-style: normal;
        font-weight: 630;
        line-height: 120%;
        text-transform: uppercase;
    }
}

@media (max-width: 850px) {
    .preorder.preorder-benefits {
        --bzvw: calc(1vw / 7.5);
        --ymvw: calc(1vw / 7.5);
        --wmvw: calc(1vw / 7.5);
        padding: 0;
    }

    .preorder .preorder__shipping p {
        font-size: calc(32 * var(--bzvw));
    }

    .preorder .preorder__content {
        flex-direction: column;
        margin-bottom: 24px;
    }

    .preorder .preorder__checkout {
        flex-direction: column;
        align-items: center;
    }

    .preorder .price__current {
        font-size: calc(44 * var(--bzvw));
    }

    .preorder .price__compare {
        font-size: calc(20 * var(--bzvw));
    }

    .preorder .checkout__cta {
        display: flex;
        width: 85%;
        padding-top: 8px;
        padding-bottom: 8px;
        justify-content: center;
        align-items: center;
        border-radius: 100px;
        background: #C79F6C;
        color: #FFF;
        font-family: "MiSans Latin";
        font-size: 18px;
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
        text-transform: capitalize;
    }

    .preorder .dropdown__trigger-title {
        display: block;
        text-align: left;
        color: #000;
        font-family: "MiSans Latin";
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        line-height: 120%;
        text-transform: capitalize;
    }

    .preorder .dropdown__trigger-desc {
        display: block;
        text-align: left;
        color: rgba(0, 0, 0, 0.40);
        font-family: "MiSans Latin";
        font-size: 12px;
        font-style: normal;
        font-weight: 450;
        line-height: 120%;
        text-transform: capitalize;
    }

    .preorder .offer__discount-image {
        width: 60%;
        position: relative;
        margin: auto;
    }

    .preorder .offer__discount-image .offer__placeholder {
        position: absolute;
        right: 32%;
        top: 50%;
        transform: translateY(-40%);

        color: #FFF;
        font-family: var(--misans);
        font-size: calc(32 * var(--bzvw));
        font-style: normal;
        font-weight: 630;
        line-height: 120%;
        text-transform: uppercase;
    }

    .preorder .offer__product-image {
        padding-left: 15%;
        padding-right: 15%;
    }

    .preorder .preorder__stages {
        display: flex;
        gap: 0;
        overflow-x: scroll;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-top: 20px;
        padding-bottom: 8px;
    }

    .preorder .preorder__stage {
        position: relative;
        flex: 0 0 auto;
        /* width: 85vw; */
        scroll-snap-align: start;
    }

    .preorder .preorder__stage[data-stage-key="stage_1"] {
        min-height: unset;
    }

    .preorder .preorder__stage[data-stage-key="stage_1"]::before {
        content: '';
        height: 4px;
        width: 100%;
        background: linear-gradient(180deg, #FFF 0%, #C79F6C 100%);
        position: absolute;
        top: unset;
        left: 0;
        bottom: 107%;
    }

    .preorder .preorder__stage[data-stage-key="stage_2"]::before {
        content: '';
        height: 4px;
        width: 100%;
        background: linear-gradient(90deg, #3C3C3C 0%, #A2A2A2 100%);
        position: absolute;
        top: unset;
        left: 0;
        bottom: 107%;
    }

    .preorder .preorder__stage[data-stage-key="stage_1"] .stage__date {
        width: fit-content;
        display: flex;
        padding: 5px 12px;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        background: #C79F6C;
        color: #FFF;
        font-family: var(--misans);
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        line-height: 120%;
        text-transform: capitalize;
        margin-bottom: calc(24 * var(--bzvw));
    }

    .preorder .preorder__stage[data-stage-key="stage_2"] .stage__date {
        padding: 5px 12px;
        font-size: 16px;
    }

    .preorder .stage__title {
        font-size: 24px;
    }

    .preorder .stage__desc {
        max-width: 300px;
    }

    .preorder .preorder__faq-area {
        position: absolute;
        right: unset;
        top: 25%;
        left: 2%;
        cursor: pointer;
    }
}

/* section2a */
.chir25main2-section2a .full-page .common-pop-up-itemcontainer {
    position: absolute;
    left: 25vw;
    top: 20vh;
    bottom: unset;
    max-width: unset;
    max-height: unset;
    overflow-y: scroll;
    overflow-x: unset;
    width: 50vw;
    height: 60vh;
    margin: auto;
    padding: 2%;
    right: unset;
    background: #fff;
    border-radius: 20px;
}

.chir25main2-section2a .full-page .common-pop-up-itemcontainer::-webkit-scrollbar {
    width: 6px;
}

.chir25main2-section2a .full-page .common-pop-up-itemcontainer::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

.main-content .chir25main2-section2a .common-wrapper {
    width: unset;
}

.chir25main2-section2a .full-page .common-pop-up-itemcontainer {
    text-align: left;
}

/* 表格 */
.chir25main2-section2a .bundle-compare {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 0;
}

.chir25main2-section2a .bundle-compare__title {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 700;
}

/* 让移动端能横向滚动，不挤爆 */
.chir25main2-section2a .bundle-compare__table-wrap {
    overflow-x: auto;
}

.chir25main2-section2a .bundle-compare__table {
    width: 100%;
    min-width: 760px;
    /* 你也可以删掉这个，让它更紧凑 */
    border-collapse: collapse;
    background: #fff;
}

.chir25main2-section2a .bundle-compare__table th,
.chir25main2-section2a .bundle-compare__table td {
    text-align: left;
    vertical-align: top;
    padding: 18px 16px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 14px;
    line-height: 1.6;
    color: #222;
}

.chir25main2-section2a .bundle-compare__table thead th {
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
}

.chir25main2-section2a .bundle-compare__label {
    font-weight: 700;
    white-space: nowrap;
    /* 左侧标题更像图里那样不换行 */
    width: 22%;
}

.chir25main2-section2a .bundle-compare__table td strong {
    font-weight: 700;
}

.chir25main2-section2a .bundle-compare__table td em {
    font-style: italic;
    color: #555;
}

/* 可选：让三列宽度更像截图 */
.chir25main2-section2a .bundle-compare__table th:nth-child(1),
.chir25main2-section2a .bundle-compare__table td:nth-child(1) {
    width: 22%;
}

.chir25main2-section2a .bundle-compare__table th:nth-child(2),
.chir25main2-section2a .bundle-compare__table td:nth-child(2) {
    width: 39%;
}

.chir25main2-section2a .bundle-compare__table th:nth-child(3),
.chir25main2-section2a .bundle-compare__table td:nth-child(3) {
    width: 39%;
}

@media (min-width: 850px) {

    .chir25main2-section2a .common-title {
        text-align: left;
        font-family: 'MiSans';
        font-style: normal;
        font-weight: 520;
        font-size: 20px;
        line-height: 130%;

        color: #000000;
    }

    .chir25main2-section2a .common-subtitle div {
        color: #000;
        text-align: left;
        font-family: "MiSansLatin-Medium" !important;
        font-weight: 520;
        font-size: 18px;
        line-height: 1.1;
        letter-spacing: 0px;

    }

    .chir25main2-section2a .common-subtitle p {
        color: #000;
        text-align: left;
        font-family: "MiSansLatin-Regular" !important;
        font-weight: 380;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0px;

    }

    .chir25main2-section2a .common-subtitle li {
        text-align: left;
        font-family: "MiSansLatin-Regular" !important;
        font-style: normal;
        font-weight: 380;
        font-size: max(12px, calc(16 * var(--ymvw)));
        line-height: 140%;

        color: #000000;
    }

    .chir25main2-section2a .full-page.common-pop-up-container .popup__close {
        position: fixed;
        left: 73vw;
        top: 22vh;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 850px) {
    .chir25main2-section2a .full-page .common-pop-up-itemcontainer {
        left: 5vw;
        top: 20vh;
        width: 90vw;
        height: 60vh;
        padding: 4%;
    }

    .chir25main2-section2a .common-title {
        text-align: left;
        font-family: 'MiSans';
        font-style: normal;
        font-weight: 520;
        font-size: 24px !important;
        line-height: 130%;

        color: #000000;
    }

    .chir25main2-section2a .common-subtitle div {
        color: #000;
        text-align: left;
        font-family: "MiSansLatin-Medium" !important;
        font-weight: 520;
        font-size: 20px;
        line-height: 1.1;
        letter-spacing: 0px;

    }

    .chir25main2-section2a .common-subtitle p {
        color: #000;
        text-align: left;
        font-family: "MiSansLatin-Regular" !important;
        font-weight: 380;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0px;

    }

    .chir25main2-section2a .common-subtitle li {
        text-align: left;
        font-family: "MiSansLatin-Regular" !important;
        font-style: normal;
        font-weight: 380;
        font-size: max(12px, calc(16 * var(--ymvw)));
        line-height: 140%;

        color: #000000;
    }

    .chir25main2-section2a .full-page.common-pop-up-container .popup__close {
        position: fixed;
        left: 85vw;
        top: 22vh;
        transform: translate(-50%, -50%);
    }
}

/* section2a end */

/* add */
@media (min-width: 850px) {
    .x60-ultra-charging .text-box .title {
        font-size: calc(40 * var(--bzvw)) !important;
    }

    .x60-ultra-charging .text-box .common-content {
        font-size: calc(18 * var(--bzvw));
    }

    .x60-ultra-charging .common-iwt-content .common-iwt-text-box {
        padding-right: calc(30 * var(--ymvw));
    }

    .x60-ultra-charging .x60-ultra-feature-card-title {
        font-size: calc(24 * var(--bzvw));
    }

    .x60-ultra-charging .x60-ultra-feature-card-content {
        font-size: calc(16 * var(--bzvw));
    }

    .x60-ultra-charging .x60-ultra-feature-card {
        gap: 8px;
    }

    .x60-ultra-custom4{
        background: #242424;
    }

    .x60-ultra-custom4 .custom-title {
        color: #EBEBEB;
        font-family: "MiSansLatin-Semibold", sans-serif;
        font-size: calc(20 * var(--bzvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
        padding-bottom: calc(24 * var(--ymvw));
        padding-top: calc(140 * var(--ymvw));
    }

    .x60-ultra-custom4 .custom-text p {
        color: rgba(235, 235, 235, 0.60);
        font-family: "MiSansLatin-Regular", sans-serif;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 330;
        line-height: 140%;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 850px) {
    .x60-ultra-custom4{
        background: #242424;
    }
    .x60-ultra-custom4 .custom-title {
        color: #EBEBEB;
        font-family: "MiSansLatin-Semibold", sans-serif;
        font-size: calc(24 * var(--bzvw));
        font-style: normal;
        font-weight: 520;
        line-height: 120%;
        padding-bottom: calc(24 * var(--ymvw));
        padding-top: calc(120 * var(--ymvw));
    }

    .x60-ultra-custom4 .custom-text p {
        color: rgba(235, 235, 235, 0.60);
        font-family: "MiSansLatin-Regular", sans-serif;
        font-size: 12px !important;
        font-style: normal;
        font-weight: 330;
        line-height: 140%;
        margin-bottom: 0 !important;
    }
}

/* add end */