/** Shopify CDN: Minification failed

Line 2168:14 "-" can only be used as an infix operator, not a prefix operator
Line 3086: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);
    }

    .x60-ultra-modal {
        /* --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);
    }

    .x60-ultra-modal {
        /* --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);
    }

    .x60-ultra-modal {
        /* --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);
    }

    .x60-ultra-modal {
        --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) {
    .template-product .main-content .x50-pro-ultra-voice.common-section-container .common-title .pc-left-box h2{
        color: #9E8972!important;
    }
    .main-content .common-wrapper {
        width: 88.2vw;
    }

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

    .m_padding_0.common-wrapper {
        padding: 0;
    }
}
@media (min-width: 580px) and (max-width: 849px) {

    .template-product .main-content .x50-pro-ultra-matter1 .common-wrapper .common-title {
        line-height: 120%!important;
    }
    .x50-pro-ultra-swiper1 .common-title {
        line-height: 130%!important;

    }
    .d20-pro-swiper1 .common-wrapper{
       padding-right: 3px!important;
    }
   .x50-ultra-media1 .common-section-container .common-section-container-inner .common-media-btn {
      margin-left: 40%;
    }
    .template-product .x50-ultra-media1 .common-media-inner .common-subtitle {
       font-size: calc(21 * var(--wmvw))!important;
       width: 85%!important;
       width:auto!important;
    }
}
/* section间距 */
@media (min-width: 850px) {
    .main-content .common-section-container {
        padding-top: 0;
        padding-bottom: calc(200 * var(--ymvw));
    }

    .x50-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;
    }

    .x50-pro-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));
    }

    .x50-pro-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));
    }
    
    .template-product .main-content .x50-pro-ultra-swiper-new .common-section-container .common-subtitle .h3{
      font-size: calc(60 * var(--ymvw));
    }
    .d20-pro-swiper1 .common-wrapper{
        margin-bottom:  2vw;
    }
}

@media (max-width: 850px) {
    .x50-pro-ultra-media6 .common-subtitle .pc-left-box .h3{
       font-size: calc(16 * var(--ymvw))!important;
       color: #9E8972!important;
       margin-bottom: calc(10 * var(--ymvw));
    }
    .x50-pro-ultra-media6 .common-subtitle .pc-left-box span{
       color: rgba(255, 255, 255, 0.8);
       margin-bottom: calc(10 * var(--ymvw));
       line-height: 120%;
     }
    
    .main-content .common-section-container {
        padding-top: 0;
        padding-bottom: calc(100 * var(--ymvw));
        padding-left: 0;
        padding-right: 0;
    }
    .x50-pro-ultra-matte9.common-section-container{
        padding-bottom: 0;
    } 
    .x50-pro-ultra-matte9 .common-wrapper  {
        width: 100%;
    }
    /*.main-content .x50-pro-ultra-swiper5{
        padding-bottom: calc(60 * var(--ymvw));
    }
        */
    .x50-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));
    }

    .x50-pro-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;
    margin-bottom: 5px;
    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: 140%;
    letter-spacing: -1px;
    color: #fff;

    margin-bottom: calc(50 * var(--ymvw));
}
.x50-pro-ultra-media4 .common-section-container .common-title_sy {
   margin-bottom: calc(32 * var(--ymvw));
}
.x50-pro-ultra-media4 .common-section-container .common-subtitle{
   padding-top: 0 !important;
}


.x50-pro-ultra-media4 .common-section-container .common-title_sy .text2{
   font-size: calc(54 * var(--ymvw));
}
.x50-pro-product-item-section-extra{
   background:#FFF;
}
.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(64 * var(--ymvw));
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    color: #FFF;

    margin-bottom: calc(24 * var(--ymvw));
}
.template-product .common-section-container .common-subtitle .text1{
    font-size: calc(33 * var(--ymvw))!important;
    color: #9E8972 !important;
    font-weight: 500
}
.x50-pro-ultra-media6 .pc-left-box .text5 {
    font-size: calc(24 * var(--ymvw));
    color: #9E8972;
}
.template-product .main-content .common-section-container .common-subtitle {
    color: #FFFFFF;
    text-align: center;
    font-family: "MiSansLatin-Medium";
    font-size: calc(24 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 140%;
    /*padding: calc(26 * var(--bzvw)) 0 0 calc(34 * var(--bzvw));*/
    /* 很多地方都不一样，需要自己调�?*/
    margin-bottom: calc(50 * var(--ymvw));
}

.x50-pro-ultra-swiper5 .common-section-container .common-subtitle {
  padding-left: 0;
}



.x50-pro-Ultra-complete-img-layout .common-section-container .common-subtitle {
    font-size: calc(20 * var(--bzvw)) !important;
    padding: calc(26 * var(--bzvw)) 0 0 calc(34 * var(--bzvw))
    
}

.template-product .common-section-container .common-section-container-inner a {
    color: #666666;
    text-decoration: none;
    background: transparent;
}
.template-product .main-content .common-section-container .common-title {
    font-size: calc(33 * var(--ymvw));
    color: #9E8972;
    font-weight: 500;
    text-align: center;
} 
.x60-ultra-swiper1 .common-section-container .content {
    width: 95%;
    margin-top: 10%;
}

.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;
}
.template-product .common-section-container .common-title h2{
    color: #9E8972;
    font-size: calc(33 * var(--wmvw));
}

.x50-pro-ultra-swiper-pet .common-section-container{
   background: #030303 !important;
}
.x50-pro-media5 .common-section-container {
    padding-bottom: calc(200 * var(--ymvw));
}
@media (max-width: 850px) {
    .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item{
         border-color: #9E8972 !important;
    }
    .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item.active{
         border-color: #9E8972 !important;
    }
    
    .x50-ultra-swiper3 .swiper-wrapper .pfi-inner .common-title{
        color: #9E8972 !important;
    }
    .template-product .main-content .x50-ultra-swiper3 .swiper-wrapper .content .common-subtitle{
        color: rgba(255, 255, 255, 0.8);
    }
     .x50-pro-ultra-image .common-wrapper{
        width: 100%;
        
     }
    .template-product .common-section-container .common-banner-title,
    .template-product .common-section-container .common-section-container-inner .h1 {
        /* font-size: calc(32 * var(--wmvw)); */
        font-size: calc(29 * var(--wmvw));
        margin-bottom: 5px;
    }


    .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(26 * var(--ymvw));
        font-weight: 520;
        line-height: 120%;

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

        margin-bottom: calc(30 * var(--bzvw));
    }
    .x50-pro-ultra-media4 .common-section-container .common-title_sy .text1{
       font-size: calc(16 * var(--ymvw))!important;
       text-align: left;
       margin-bottom: calc(10 * var(--ymvw)) !important;

     }
     .x50-pro-ultra-media4 .common-subtitle {
       font-size: calc(12 * var(--ymvw)) !important;
       text-align: left !important;     }
     
    .x50-pro-ultra-media4 .common-section-container .common-title_sy .text2{
      font-size: calc(26 * var(--ymvw));
      text-align: left;
      color: #FFFFFF;
      line-height: 110%;
    }

    .x50-pro-ultra-media4 .common-section-container .common-title_sy.h2{
        margin-bottom: calc(10 * var(--ymvw)) !important;
    } 
    .x50-ultra-matter .common-title h2 {
        font-size: calc(16 * var(--ymvw)) !important;
        font-weight: 520;
        text-align: left;
    }
     .x60-ultra-swiper1 .common-section-container,
    .x50-pro-media5 .common-section-container {
       padding-bottom: 0;
    }
    .x60-ultra-swiper1 .common-section-container{
       padding-top: 0;
    }
    .x60-ultra-swiper1 .common-section-container{
        padding-top: calc(120 * var(--ymvw));
    }
    .template-product .main-content .x60-ultra-swiper1 .common-section-container .common-title {
       font-size: calc(16 * var(--ymvw)) !important;
    }
    .template-product .main-content .x60-ultra-swiper1 .common-section-container .common-subtitle{
       font-size: calc(12 * var(--wmvw));
    }
    /* #PageContainer .main-content */
    .x50-ultra-media1 .common-media-btn .play-btn svg {
      display: inline-block;
      margin-left: 8px;
      width: 20px;
      height: 20px;
    }
}
.x50-pro-ultra-media4 .common-section-container .common-title_sy.h2{
    margin-bottom: calc(30 * 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*/


.x50-ultra-media1 .common-section-container .common-media-btn .play-btn {
    color: #000;
    /* 改：字体也许要透明�?.5 */
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: 14px;
    font-weight: 380;
    line-height: 120%;
    text-transform: capitalize;
    margin-top: 10px;
    padding: 12px 20px;
    background: transparent;
    border-radius: 4px;
    border: none;
}

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

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

.template-product .x50-ultra-media1 .bg-text-wrapper-inner_sy .special-text {
    position: absolute;
    top: 0;
    /* left: 102%; */
    background: #fff;
    padding: 2px 9px;
    font-size: calc(27 * var(--wmvw));
    color: #000;
    line-height: 1.1;
    border-radius: 4px;
}
   .template-product .main-content .x60-ultra-swiper1 .common-section-container .common-subtitle{
       text-align: left;
    }
    .template-product .main-content .x60-ultra-swiper1 .common-section-container .common-title {
       text-align: center;
       color: #fff;
    }
   .x50-pro-product-item-section-extra .common-wrapper .common-header .common-title{
       color: #000;
       text-align: center!important;
    }

   .x50-pro-ultra-swiper-new .swiper-pagination {
      position: relative;
      margin-bottom: 10px;
      display: flex;

    }
    .main-content .x50-pro-ultra-swiper-new  .swiper-pagination-bullet{
      background: #dcdcdc99;
      width: 13px;
      height: 4px;
      border-radius: 50px;
      position: relative;
      opacity: 1;
      margin-right: 6px
    }
   
    .main-content .x50-pro-ultra-swiper-new .swiper-pagination-bullet:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background: #ffcc00;
      content: "";
      width: 0;
      transition: width .5s linear;
      border-radius: 50px;
   }
   .main-content .x50-pro-ultra-swiper-new .swiper-pagination-bullet-active:before{
      width: 21px;
   }
   .x50-pro-ultra-swiper-new .bottom-content{
      position: absolute!important;
      width: auto!important;
      right: 0!important;
      height: 10%!important;
      display: flex;
      flex-direction: column!important;
      justify-content: space-between!important;
      margin-bottom: calc(10 * var(--px))!important;
   }
   /* 控制swiper滑块标题显示 */
   .x50-pro-ultra-swiper-new .swiper-slide:not(.swiper-slide-active) .common-subtitle {
      display: none;
   }
   .x50-pro-ultra-swiper-new .swiper-slide.swiper-slide-active .common-subtitle {
      display: block;
   }
   .x50-pro-ultra-swiper-new .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .content_swiper{
      max-width: 100%;
   }
    .x50-pro-ultra-matter3 .common-title{
        font-family: "MiSans Latin", sans-serif;
    }
@media (min-width: 850px) {
    .template-product .main-content .color-white.h3 {
      color: #FAFAFA;
      white-space: nowrap;
    }
   .x50-pro-Ultra-complete-img-layout .common-section-container .text-width .common-subtitle{
       text-align: left;
    }
    .x50-pro-ultra-swiper-pet .common-section-container .common-title{
        color: #fff!important;
    }
    .x50-pro-product-item-section-extra .common-wrapper .common-header .common-title{
       font-size: calc(63 * var(--wmvw));
    }
    .template-product .main-content .x50-pro-ultra-swiper-pet .swiper_img_txt-separate .common-subtitle{
        color: rgba(255, 255, 255, 0.8)!important;
    }
    .x50-pro-media5 .custom-box .text-box2 .text1,
    .x50-pro-media5 .custom-box .text-box1 .text1 .text_symbol{
       color:#A28D78;
    }
    .x50-pro-ultra-matter4 .common-subtitle{
        font-size: calc(26 * var(--wmvw))!important;
        color: rgba(0, 0, 0, 0.8) !important;
        text-align: center !important;
        line-height: 120% !important;
    }
     .x50-pro-ultra-matter4 .common-title{
        color: #000 !important;
        font-size: calc(63 * var(--wmvw)) !important;

    }

    .x50-pro-ultra-matter3 .common-title{
        color: rgba(0, 0, 0, 0.8) !important;
        font-size: calc(63 * var(--wmvw)) !important;
    }

    .template-product .main-content .x60-ultra-swiper1 .common-section-container .common-subtitle{
       font-size: calc(22 * var(--wmvw));
    }
    .template-product .main-content .x60-ultra-swiper1 .common-section-container .common-title {
      font-size: calc(27 * var(--wmvw))!important;
    }
    
    .x50-ultra-media1 .common-media-item .prtext-wrapper_sy .bg-text-wrapper-inner_sy {
        margin-left: calc(400 * var(--wmvw));
        margin-top: 10%;
       
    }

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

    

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

    .x50-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 .x50-ultra-media1 .common-title_sy {
        font-size: calc(66 * var(--wmvw));
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        margin-bottom: calc(4 * var(--wmvw));
        color: #FAFAFA;
        text-align: left;
    }
   
}
.x50-pro-ultra-matter3{
   border: none;
}

@media (max-width: 850px) {
    
    .x50-ultra-media1 .common-media-btn .play-btn svg {
       display: block;
     }
    .x50-pro-ultra-matter3 .common-title{
        font-size: calc(26 * var(--wmvw))!important;
        color: #000!important;
        text-align: center !important;
        line-height: 120% !important;
        width: 85%;
        margin: auto;
    }

    .x50-pro-ultra-swiper2 .common-wrapper{
        width: 100%;
    }
    .x50-pro-ultra-matter4  .common-wrapper{
        width: 98vw;
    }

    .x50-pro-ultra-voice-layout .common-wrapper{
        width: 98vw;
    }

    
    .x50-pro-ultra-matter4 .common-title{
        font-size: calc(26 * var(--wmvw))!important;
        color: #000!important;
        text-align: center !important;
        line-height: 120% !important;
        text-align: left!important;
    }

    .x50-pro-ultra-matter4 .common-subtitle{
        font-size: calc(14 * var(--wmvw))!important;
        color: rgba(0, 0, 0, 0.8) !important;
        text-align: center !important;
        text-align: left!important;
    }

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

    .template-product .x50-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 .x50-ultra-media1 .common-media-inner .common-subtitle {
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(15 * var(--wmvw));
        font-style: normal;
        font-weight: 380;
        line-height: 130%;

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

    .x50-ultra-media1 .common-section-container .common-media-btn .play-btn {
        background: linear-gradient(90deg, #C5B4AA 0%, #755B3C 100%);
        color: #fff;
        font-size: 10px;
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
        padding: 8.5px 11px;
    }

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

}

.x50-pro-Ultra-complete-img-layout .item-container .pc-image-layout{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.x50-pro-Ultra-complete-img-layout .item-cell-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 16px;
}

.x50-pro-Ultra-complete-img-layout .item-cell-1 > *:first-child {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.x50-pro-Ultra-complete-img-layout .item-cell-1 > *:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.x50-pro-Ultra-complete-img-layout .item-cell-1 > *:nth-child(3) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.x50-pro-Ultra-complete-img-layout .item-cell-2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.x50-pro-Ultra-complete-img-layout .item-cell-3 {
    display: grid;
     grid-template-columns:2fr 1fr 1fr;
    gap: 16px;
    align-items: start;
}

.x50-pro-Ultra-complete-img-layout .item-cell-3 .img-video-container img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.x50-pro-Ultra-complete-img-layout .item {
    display: flex;
    flex-direction: column;
}



.x50-pro-Ultra-complete-img-layout .img-video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.x50-pro-Ultra-complete-img-layout .bottom-btn-container {
    display: flex;
    justify-content: center;
    gap: calc(8 * var(--ymvw));
    margin-top: calc(38 * var(--ymvw));
    
}

/* section1 end */

/* section2 */
.x60-ultra-custom1 .custom-text {
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(32 * var(--bzvw));
    font-style: normal;
    font-weight: 630;
    line-height: 180%;
    background: linear-gradient(90deg, #CCBEB3 0%, #53473E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.x50-pro-ultra-custom3{
    background: #fff;
    margin-top: -1px;
   
}
.x50-pro-ultra-custom3 .custom-text{
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(80 * var(--bzvw));
    font-style: normal;
    font-weight: 630;
    line-height: 130%;
     background: linear-gradient(90deg, 
      #D9B472 0%, 
      #D2B69C 27%, 
      #AE7D56 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: calc(200 * var(--ymvw));
   
}
.x50-pro-ultra-custom2 .custom-text {
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(80 * var(--bzvw));
    font-style: normal;
    font-weight: 630;
    line-height: 130%;
    background: linear-gradient(90deg, #CCBEB3 0%, #53473E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.x60-ultra-custom1 {
    padding-top: calc(160 * var(--ymvw));
    
}
.common-media-container_sy .common-section-container .common-media-item video.show_mobile_video_url_sy {
        display: none;
}

.x50-pro-media5 .hero__text-content,
.x60-ultra-media8 .hero__text-content{
    opacity: 1;
}

.x50-pro-ultra-features .text-box .title .text1{
  font-size: calc(32 * var(--ymvw));
  margin-bottom: calc(30 * var(--ymvw));
}
.x50-pro-ultra-features .text-box .title .text2{
  font-size: calc(63 * var(--ymvw));
  color: #FFFFFF;
  margin-bottom: calc(30 * var(--ymvw));
  line-height: 130%;
}
.x50-pro-ultra-features .common-subtitle {
  color: rgba(255, 255, 255, 0.80)!important;
  text-align: left !important;
 
}

.x50-pro-ultra-features .custom-text .text_s{
  font-size: calc(24 * var(--ymvw));
  color: #A28D78;
}

.x50-pro-ultra-features .custom-text .text_3{
  font-size: calc(63 * var(--ymvw));
  color: #A28D78;
  font-weight: 600;
}

.x50-pro-ultra-features .custom-text .text4{
  font-size: calc(25 * var(--ymvw));
  color: rgba(255, 255, 255, 0.80)!important;
}
.x50-pro-ultra-matter3{
  background: #fff;
  margin-top: -1px;
}

.x50-pro-ultra-matter4{
  background: #fff;
  margin-top: -1px;
}

.x50-pro-ultra-matter4 *
{
    border-radius: 0 !important;
}

.x50-pro-ultra-matter3 .common-title{
  margin-bottom:  3.8519vh;
}
.x50-pro-ultra-matter1 *,
.x50-pro-ultra-voice-layout  *,
.x50-pro-ultra-image * {
    border-radius: 0!important;
 }
@media (max-width: 850px) {
    .d20-pro-swiper1 .common-wrapper{
        padding-right: 0;
    }

    .x50-pro-ultra-swiper1 .common-wrapper{
       width: 88.2vw;
      
    }

   
    .x50-pro-ultra-matter6 * {
       border-radius: 0!important;
    }
    .x50-pro-ultra-features .text-box .title .text1 {
       font-size: calc(16 * var(--ymvw));
        margin-bottom: calc(10 * var(--ymvw));
        line-height: 140%;
    }
    .x50-pro-ultra-features .text-box .title .text2 {
       font-size: calc(26 * var(--ymvw));
       margin-bottom: 0;
       color: rgba(255, 255, 255, 0.80)!important;
       line-height: 120%;
    }
    .x50-pro-ultra-features .custom-text .text4 {
        font-size: calc(12 * var(--ymvw));
    }
    .x50-pro-ultra-features .custom-text .text_3,
    .x50-pro-ultra-features .custom-text .text_s {
          font-size: calc(26 * var(--ymvw));
    }
    .x60-ultra-custom1 .custom-text {
        text-align: center;
        font-family: "MiSans Latin", sans-serif;
        font-size: calc(14 * var(--bzvw));
        font-style: normal;
        font-weight: 300;
        line-height: 120%;
        color: #FFFFFF;
        -webkit-text-fill-color: #FFFFFF !important;
        padding-left: 5%;
        padding-right: 5%;

    }
    .x50-pro-ultra-swiper-new .swiper-pagination {
      display: none;
    }
    .x50-pro-ultra-custom2 .custom-text {
        text-align: center;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(40 * var(--bzvw));
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        color: #FFFFFF;
        font-weight: 630;
        line-height: 130%;
        background: linear-gradient(90deg, #CCBEB3 0%, #53473E 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding-left: 5%;
        padding-right: 5%;
        margin-top: 10%;

    }

    .x50-pro-ultra-custom3 .custom-text{
       font-size: calc(40 * var(--bzvw));
       padding-top: calc(100 * var(--ymvw));
   
    }
    .x50-pro-ultra-matter3 .common-wrapper{
       width: 100%;
       padding: 0;
    }
   
}

/* section2 end */

/* section2m */
/* .x60-ultra-layout1m */
@media (max-width: 850px) {
    .template-product .main-content .common-section-container .common-subtitle .common-small--hide{
         display: none;
    }
    .x50-pro-Ultra-complete-img-layout .common-small--hide {
       display: none !important;
    }
    .x50-pro-ultra-image.common-section-container .common-wrapper .box-layout {
      display: flex;
      gap:  4px  ;
      flex-direction: column
   }
   .x50-pro-ultra-image .box-layout>* {
      padding: 10px 0;
      border-radius: 4px;
      background: #151515;
      text-align: left;
      font-style: normal;
      font-weight: 380;
      line-height: 100%;
      gap:20px;
      margin-top: 20px;
      height: 69px;
      padding-left: 10%;
      display: flex;
      align-items: center;
    }

    .template-product .main-content .common-section-container .additional_content .text_symbol{
      color:#9E8972;
      font-size: calc(26 * var(--ymvw));
      font-weight: 700;
    }
    .template-product .main-content .common-section-container .additional_content .text_3{
      color:#FFFFFF;
      font-size: calc(12 * var(--ymvw));
    }
    .x60-ultra-layout1m .custom-text-middle{
       font-size: calc(12 * var(--ymvw));
    }
    .main-content .x60-ultra-layout1m .common-section-container {
        padding-bottom: calc(120 * var(--ymvw));
    }

    .x60-ultra-layout1m .new-img-item {
        position: relative;
    }
    .x50-pro-Ultra-complete-img-layout .text{
        position: absolute;
        top: calc(35 * var(--ymvw));
        max-width: 90%;
        margin-left: 5%;
    }
    .main-content .x50-pro-Ultra-complete-img-layout .new-img-item .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: 600;
        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: 600;
        line-height: 110%;

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

    .x50-pro-Ultra-complete-img-layout .swiper-pagination-bullet {
        width: 12px;
        height: 6px;
        border-radius: 999px;
        background: #999;
        opacity: 1;

        position: relative;
    }

    .main-content .x50-pro-Ultra-complete-img-layout .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;
    }

    .x50-pro-Ultra-complete-img-layout .swiper-pagination{
       padding: 21px 16px;
      justify-content: center;
      align-items: center;
      gap: 8px;
      border-radius: 999px;
      background: rgba(122, 122, 122, 0.40);
      position: static;
      transform: unset;
      display: inline-flex;
      margin-top: unset;
    }
    .common-media-container_sy .common-section-container .common-media-item video.show_mobile_video_url_sy {
        display: block;
    }

    .common-media-container_sy .common-section-container .common-media-item video.show_mobile_video_url_sy+video {
        display: none;
    }
}

/* section2m */

/* section3p */
@media (min-width: 850px) {
    .x50-pro-complete-section2 .hero__text-content,
    .x50-pro-ultra-media-st .hero__text-content{
        opacity: 1;
    }
    .x50-ultra-media1 .common-media-btn .play-btn svg{
       display: none;
    }
    .x50-ultra-media1 .common-section-container .common-media-btn .play-btn {
      background-color: rgba(255, 255, 255, 0.8)!important;
    }
    .template-product .main-content .common-section-container .common-subtitle .common-pc--hide {
       display: none;
    }
    .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;
    }
    /* 横线 */
    .x50-pro-ultra-section13 .text_lint ,
    .x50-pro-title-text .text_lint {
      width: 60px;
      height: 2px;
      background-color: #9E8972;
      margin: 0 0 20px 0;
      margin-top: 10px;
      margin-bottom: 10px 
    }
}

/* 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: 600;
        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: 600;
        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: 600;
        line-height: 120%;
    }

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

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

/* section4 end */

/* section5 */



.x50-pro-ultra-media4 .common-section-container {
    position: relative;
 
}

.x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy .common-subtitle {
    position: absolute;
    top: calc(70 * var(--ymvw));
    right: calc(650 * var(--ymvw));
    margin-bottom: 0;
    z-index: 10;
}
.x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy .custom-text {
   color: #9E8972;
}

.x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy .custom-text .text2 {
    font-size: calc(65 * var(--wmvw));
    font-weight: 600;
}

.x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy .custom-text .text1 {
     font-size: calc(32 * var(--wmvw));
}

.x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy .custom-text .text3 {
     font-size: calc(24 * var(--wmvw));
     color: #FAFAFA;
}

@media (max-width: 850px) {
    .x50-pro-ultra-media5 .common-wrapper .common-subtitle{
       font-size: calc(14 * var(--ymvw)) !important;
    }
    .x50-pro-ultra-voice-layout .common-subtitle{
       font-size: calc(14 * var(--ymvw)) !important;
    }
    .main-content .x50-pro-ultra-media6 .common-section-container {
        padding-bottom: calc(100 * var(--ymvw));
    }
    .x50-pro-ultra-swiper-new .bottom-content{
       position: relative !important;
    }
   
   /* 确保整个媒体容器使用flex布局 */
    .x50-pro-ultra-media4 .common-media-inner {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* 确保整个文本容器移到图片之前 */
    .x50-pro-ultra-media4 .common-media-inner .bg-text-container {
        order: -1 !important;
        margin-bottom: calc(60 * var(--ymvw)) !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    /* 确保所有文本元素都正确显示 */
    .x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy {
        position: relative !important;
        z-index: 10 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        padding-left: calc(25 * var(--wmvw));
    }
    
    /* 重置所有文本元素的定位 */
    .x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy * {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 确保subtitle样式正确 */
    .template-product .main-content .x50-pro-ultra-media4 .common-subtitle {
        color: rgba(255, 255, 255, 0.80);
        padding-left: 0;
        text-align: left;
    }
    .x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy .custom-text .text2 {
       font-size: calc(26 * var(--wmvw));
       font-weight: 600;
    }

    .x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy .custom-text .text1 {
      font-size: calc(26 * var(--wmvw)) !important;
      
    }

    .x50-pro-ultra-media4 .common-section-container .bg-text-wrapper-inner_sy .custom-text .text3 {
       font-size: calc(12 * var(--wmvw));
       color: #FAFAFA;
    }
    .x50-pro-media5 .box1>* { 
        padding:  10px   0;
        border-radius:  4px  ; 
        background:    hsl(0, 0%, 8%);
        text-align: left; 
        font-style: normal;
         font-weight: 380;
         line-height: 100%;
         gap:  20px  ;
         margin-top:  20px  ;
         height:  69px  ;
         padding-left: 10%;
         display: flex;       
         align-items: center;
    }
    .x50-pro-media5 .common-small--hide{ 
      display:none;
    }
}

/* section5 end */

/* section6 */
.x50-pro-media5 .box1 {
    display: flex;
    width: 40vw ;
    margin: auto;
    justify-content: space-between;
}

.x50-pro-media5 .box1 .text1 {
    text-align: left;
}

@media (min-width: 850px) {
    .x50-pro-ultra-img .product-feature-content-item .featured-row__second_text{
        position: relative;
        margin-top: 18%;
        margin-left: -3.8vw;
    }
    .x50-pro-ultra-image .common-title h2,
    .x50-pro-ultra-voice-layout .common-title h2{
      color: #9E8972 !important;
    }
   
    .x60-ultra-media6 .pc-left-box .h3{
        font-size: calc(33 * var(--wmvw)) !important;
        color: #9E8972 !important;
    }
    .x60-ultra-media6 .pc-left-box span{
        font-size: calc(63 * var(--wmvw)) !important;
        font-weight: 600;
        line-height: 110%;
    }
    .template-product .main-content .x50-pro-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 .x50-pro-media5 .common-media-inner .common-subtitle {
        text-align: left;
    }

    .x50-pro-media5 .box1 {
        position: absolute;
        margin-left: 0;

        left: 16%;
        top: calc(701 * var(--wmvw));
    }
    .x50-pro-media5 .media-box_sy .custom-box .box1 {
       align-items: self-start;
    }
    .x50-pro-media5 .box1 .text1 .text_numbers {
        background: #A28D78;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

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

    .x50-pro-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%;
        text-align: left;
    }
    .x50-pro-media5 .custom-box .text-box1 .text1 .text_symbol
    .x50-pro-media5 .custom-box .text-box2 .text1 {
       display: flex;
       align-items: baseline;
       gap: 5px;
       color: #A28D78;
    }
    .x50-pro-media5 .box2>* {
        position: absolute;
    }
l{
          color: #A28D78;
    }
    .x50-pro-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));
    }

    .x50-pro-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));
    }

    .x50-pro-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));
    }

    .x50-pro-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;
    }

    .x50-pro-media5 .common-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .x50-pro-media5 .common-wrapper > div:first-child {
        order: 1 !important;
    }
    
    .x50-pro-media5 .common-wrapper > div:last-child {
        order: 2 !important;
        margin-top: 20px !important;
    }

    .template-product .main-content .x50-pro-media5 .common-subtitle {
        color: rgba(255, 255, 255, 0.80);
        text-align: left;
    }

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

    .x50-pro-media5 .custom-box {
        width: 88.2vw;
        margin: auto;
    }

    .x50-pro-media5 .custom-box .box1 {
        flex-direction: column !important;
        gap: 4px !important;
    }
    
    .x50-pro-media5 .custom-box .text-box-line {
        width: 100% !important;
        height: 1px !important;
        margin: 0 !important;
    }
    .x50-pro-media5 .box1 .text1 .text_symbol,
    .x50-pro-media5 .box1 .text1 {
        background: #9E8972;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(26 * var(--wmvw)) !important;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        display: flex;
    }

    
    .x50-pro-media5 .box1 .text2 {
        color: #DFDFDF;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(12 * var(--wmvw)) !important;
        font-style: normal;
        font-weight: 380;
        line-height: 120%;
        text-align: left;
    }
    .template-product .main-content .x50-pro-media5 .common-section-container .common-title_sy .text1 {
       font-size: calc(16 * var(--wmvw));
    }
    .template-product .main-content .x50-pro-media5 .common-section-container .common-title_sy{
        text-align: left;

    }
    .template-product .main-content .x50-pro-media5 .common-section-container .common-title_sy .text2 {
      font-size: calc(26 * var(--ymvw))!important
    }
  .x50-pro-media5 .custom-box {
        width: 88.2vw !important;  /* 与图片宽度一致 */
        margin: auto !important;
    }
    
    .x50-pro-media5 .box1 {
        width: 100% !important;  /* 让box1宽度为父容器的100% */
    }
    
    .x50-pro-media5 .box1 .text-box1,
    .x50-pro-media5 .box1 .text-box2 {
        width: 100% !important;  /* 文本框宽度为box1的100% */
        min-height: 80px !important;  /* 设置最小高度 */
        padding: 15px 20px !important;
        background: rgba(255, 255, 255, 0.05) !important;
        border-radius: 8px !important;
        display: flex !important;
        gap: 20px ;
    }
    .x50-pro-media5 .box2 {
        position: relative;
        margin: 0 calc(4 * var(--wmvw)) 0 calc(16 * var(--wmvw));
    }

    .x50-pro-media5 .box2>span {
        position: absolute;
    }

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

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

    .x50-pro-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));
    }

    .x50-pro-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));
    }

    .x50-pro-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));
    }

    .x50-pro-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: #000000;
}

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

    .x60-ultra-media6 .pc-right-box {
        flex: 0.5225;
        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;
        text-align: left;
    }

    .x50-pro-ultra-media6 .text2 {
        font-family: "MiSansLatin-Demibold", sans-serif;
        font-size: calc(48 * 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(24 * var(--ymvw));
    }

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

@media (max-width: 850px) {
    .template-product .main-content .x50-pro-complete-feature2 .common-section-container .common-subtitle{
      margin-bottom:5px;
    }
    .x50-pro-ultra-media6 .pc-right-box {
        text-align: left;
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(12 * var(--wmvw));
        font-style: normal;
        font-weight: 380;
        line-height: 150%;
        margin-bottom: calc(10 * var(--ymvw));
    }
    .x50-pro-ultra-media6 .pc-left-box .text5{
        font-size: calc(33 * var(--ymvw)) !important;
     }
    .x50-pro-ultra-media6 .pc-left-box,
    .template-product .main-content .common-section-container .common-subtitle h3,
    .template-product .main-content .common-section-container .common-subtitle .h3{
       text-align: left;
       font-size: calc(26 * var(--ymvw));
       margin-bottom: calc(10 * var(--ymvw));
       color: gba(255, 255, 255, 0.8);
     }
   
    .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 {
        font-family: "MiSansLatin-Medium", sans-serif;
        font-size: calc(24 * var(--bzvw));
        font-style: normal;
        font-weight: 600;
        line-height: 300%;
    }

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

/* section7 end */

/* section8 */


@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) {
    .x60-ultra-swiper-pet .swiper-content-container .button-content{
        top: calc(-110 * var(--ymvw)) !important;
    }
}
@media (max-width: 1025px) and (min-width: 851px) {
    .x60-ultra-swiper-pet  .swiper-content-container .bottom-content .button-content {
        top: calc(-150 * var(--ymvw)) !important;
    }
    .x50-pro-complete-section2 .iwt-detail-box .feature-grid{
        margin-left: 12vw !important;
    }
   .x60-ultra-swiper5 .bottom-content {
    top: 2%;
   }
    
    /* 修复 1024px 下第二个标题不显示的问题 */
    .x50-pro-ultra-swiper-new .swiper-slide .common-subtitle {
        display: block !important;
    }

}
@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: 35px;
    width: 35px;
   
}

.x50-pro-ultra-swiper1 .bottom-content .button-content .swiper-button svg path{
    fill:  #fff;
}
.x50-pro-ultra-swiper1 .bottom-content .button-content .swiper-button {
    background: transparent;
    border-radius: 50%;
    width:  40px  ;
    height:  40px  ;
    border:  3px  solid   #fff;
}
.x50-pro-ultra-swiper1 .swiper-button.swiper-button-prev{
  right: 60px !important;
}

.x50-pro-ultra-swiper1 {
   background: #000;
}
.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;
}
.x60-ultra-swiper1 .common-section-container {
    padding-top: calc(100 * var(--ymvw));
}

.template-product .main-content .x50-pro-ultra-matter1 .common-subtitle{
  color:rgba(255, 255, 255, 0.8);
  
}

@media (min-width: 850px) {
    .x50-ultra-swiper-pet .swiper_img_txt-separate .common-title{
       color: #000000 !important;
    }
   .template-product .main-content .x50-pro-ultra-matter1 .common-wrapper .common-title{
        font-size: calc(63 * var(--ymvw));
        color: #fff;
    
    }
    .template-product .main-content .x50-pro-ultra-matter1 .common-wrapper .common-subtitle{
        font-size: calc(24 * var(--ymvw));
        width: 82%;
        margin: 0 auto; 
        text-align: center;
    }
    .template-product .main-content .x50-pro-ultra-matter .common-title {
      text-align: center !important;
    }
    .template-product .x50-pro-complete-feature1 .new-common-featured-item .common-title{
        text-align: center !important;
    }
    .x60-ultra-swiper1 .page-count {
        opacity: 1;
        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: -60px;
    }
}

@media (max-width: 850px) {
    .x50-pro-product-item-section-extra .common-wrapper{
       padding: 0;
       width: 91vw;
    }  
    .x50-pro-ultra-matter7 * {
        border-radius: 0!important;
    }
    .x50-pro-ultra-matter7 .common-wrapper  .common-title {
       font-family: "MiSans Latin", sans-serif !important;
       font-weight: bold !important;
    }
    .template-product .main-content .x50-pro-ultra-matter1 .common-subtitle{
       text-align: left;
        font-size: calc(14 * var(--ymvw));

    }
    .template-product .main-content .x50-pro-ultra-matter1 .common-wrapper .common-title{
        font-size: calc(26 * var(--ymvw)) !important;
        color:rgba(255, 255, 255, 0.8);

    }
    .x60-ultra-swiper1 .common-section-container{
       margin-bottom: calc(130 * var(--ymvw));
    }
    .x50-pro-ultra-swiper2 .common-section-container{
       margin-bottom: 0 !important;
       padding-bottom: calc(130 * var(--ymvw));
       padding-top: calc(48 * var(--ymvw)) !important;
    }
    .template-product .main-content .x50-pro-ultra-swiper2 .common-title{
        line-height: 130% !important;
        text-align: left !important;
    }
    .template-product .main-content .x50-pro-ultra-swiper2 .common-subtitle{
        font-size: calc(14 * var(--wmvw))!important;
    }
    
    .x50-pro-ultra-swiper2 .pfi-inner{
      background: #ececed;
        background: #ececed;
       border-radius: 5px
    }
    .main-content .x50-pro-ultra-swiper2 .pfi-inner .content{
       padding: 24px 16px;
    }
    .x50-pro-ultra-swiper2 .page-count {
        color: #030303!important;
    }

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

    .x60-ultra-swiper1 .bottom-content {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .x60-ultra-swiper1 .button-content {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    
}
.x60-ultra-swiper1 .page-count {
    position: absolute;
    left: 0;
    top: 20px;
    color: #fff;
}
/* section10 end */

/* aqua10-roller-complete-feature1 - 文字移到图片上方 */
.x50-pro-complete-feature1 .new-common-featured-item .pfi-inner {
    display: flex;
    flex-direction: column;
}

.x50-pro-complete-feature1 .new-common-featured-item .pfi-inner .content {
    order: -1;
    margin-bottom: 12px;
}

.x50-pro-complete-feature1 .new-common-featured-item .pfi-inner .image {
    order: 1;
}

.template-product .x50-pro-complete-feature1 .new-common-featured-item .common-title{
   font-size: calc(42 * var(--ymvw));
    color: #fff;
    margin-bottom: 10px;
}
.template-product .x50-pro-complete-feature1 .new-common-featured-item .common-subtitle{
   font-size: calc(22 * var(--ymvw));
}
/* section11 */
.template-product .main-content .common-section-container .common-title_sy .text1 {
    font-size: calc(33 * var(--ymvw));
    color: #9E8972;
}
.template-product .x50-pro-complete-feature1 .new-common-featured-item .common-subtitle{
   font-size: calc(22 * var(--ymvw));
}
.template-product .main-content .x50-pro-media5 .common-section-container .common-title_sy .text2 {
    font-size: calc(64 * var(--ymvw));
    color: #FAFAFA;
    line-height: 1.407407;
    margin-top: 5%;
}
.x50-pro-ultra-swiper2{
    background: #fff;
}
.x50-pro-ultra-swiper2 .bottom-content .button-content .swiper-button svg path {
    fill: #fff;
}
.x50-pro-ultra-swiper2 .bottom-content .button-content .swiper-button {
    background: #909090;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    border: 3px solid #fff;
}
@media (min-width: 850px) {}

@media (max-width: 850px) {
    
    .template-product .main-content .x50-pro-complete-feature2 .common-section-container .common-subtitle {
        text-align: left;
    }

    .template-product .main-content .x50-pro-complete-feature2 .common-section-container .common-subtitle {
        text-align: left;
    }

    .template-product .main-content .x50-pro-complete-feature2 .common-section-container .common-subtitle h3 {
        color: #fff ;
        margin-bottom: 0;
    }
    .template-product .main-content .x50-pro-ultra-swiper2 .common-section-container .common-title{
        color: #030303;
    }
    .template-product .main-content .x50-pro-ultra-swiper2 .common-section-container .common-subtitle{
        color: #030303;
    }

}

/* section11 end */

/* section12 */

@media (min-width: 850px) {
    
    .x50-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: 600;
        line-height: 120%;

        padding: 0;
        margin: 0;
    }

    

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

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

   
}

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

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

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

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

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

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

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

    .x50-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;
}

.x50-pro-complete-section2 .common-section-container .common-section-container-inner .common-header {
    margin-bottom: 0px !important;
}
@media (min-width: 850px) {
   .x50-pro-complete-section2 .common-title_sy.h2 {
      text-align: left;
 
   }
   .x50-pro-complete-section2 .common-subtitle {
      text-align: left;

   }
    .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: 46.875vw;
    }
    .x50-pro-ultra-img .title{
        font-size: calc(63 * var(--wmvw)) !important;
    }
     .x50-pro-ultra-img .featured-row__first_text,
    .x50-pro-ultra-img .featured-row__first_text  p{
        font-size: calc(24 * var(--wmvw)) !important;
    }
    .x50-pro-complete-section2 .feature-grid .feature-item{
       display: flex;
       align-items: center;


    }
    .x50-pro-complete-section2 .feature-grid .feature-item .name{
      color: #FFFFFF;
      font-size: calc(24 * var(--wmvw)) !important;
      padding-left: 5px;
      text-align: left;
       
    }
}

@media (max-width: 850px) {
  
  
    .x50-pro-ultra-img .featured-row__first_text  p{
        text-align: left;
    }
    .x60-ultra-swiper2 .x60-swiper2-content.common-pc--hide {
        display: flex;
        gap: calc(36 * var(--wmvw));
        flex-direction: column;
    }
    .l50-ultra-ce-img-text-block1{
      display: none;
    }
    .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));
    }
    .x50-pro-ultra-matter6{
       padding-bottom: 0!important;
    }
}

/* 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));
    }

    .x50-pro-media5 .bg-text-wrapper-inner_sy {
        margin-top: calc(200 * var(--wmvw))  !important;
        margin-left: calc(380 * var(--wmvw))  !important;
        
    }

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

        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: 600;
        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: 600;
        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: 2px;
    }

    .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;
    }
    
    .x50-pro-ultra-media5 .common-section-container .common-wrapper .common-title_sy .text2{
        font-size: calc(63 * var(--wmvw));
    }
    .template-product .main-content .x50-pro-ultra-image.common-section-container .common-wrapper .common-title .pc-left-box .text5{
       font-size: calc(63 * var(--wmvw));
    }
}
.x50-ultra-swiper3 .swiper-wrapper .pfi-inner .common-title {
    color: rgba(255, 255, 255, 0.4);
}
.template-product .main-content .x50-ultra-swiper3  .swiper-wrapper .common-subtitle {
   color: #9E8972;
}

.x50-ultra-swiper3 .swiper-wrapper .swiper-slide.active .pfi-inner .common-title {
        background: #9E8972;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}
@media (max-width: 850px) {


    .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) {
    .x60-ultra-media9m .common-section-container .common-media-item video {
        object-fit: none;
    }

    .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: 600;
        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: 600;
        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: 600;
    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#common-section-container-template--26442605298036__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: 600;
    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: 600;
        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 */

/* 下半部分 */

.x50-pro-ultra-features .common-title_sy .text_s{
    color: #ec1515 !important;
}

/* #region common */
@font-face {
    font-family: "MiSans Latin";
    src: url("https://cdn.shopify.com/s/files/1/0729/1997/4145/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;
}

.x50-pro-ultra-features .text-box .title {
    color: #fafafa;
    font-family: var(--misans);
    font-size: calc(63 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 600;
    /* 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(60 * 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: center;
    height: 100%;
    display: flex;
}

.x60-ultra-features .x60-ultra-charging .common-iwt-content .text-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    padding: 0 calc(40 * var(--ymvw));
}

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

.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 */
}
.d20-pro-swiper1 .new-common-product-swiper-section .image-element__wrap img{
   border-radius: 0;
}
 .d20-pro-swiper1{
    margin-top: calc(100 * var(--ymvw));
 }
.d20-pro-swiper1 .common-section-container .common-header .text-html{
    color:rgba(255, 255, 255, 0.8);
}

.x50-pro-media5 .media-box_sy .text-box2 .text2{
    color: rgba(255, 255, 255, 0.8);
}
.d20-pro-swiper1 .new-item_common-product-swiper-container .item_featured-item.active{
  height: auto;
}
@media (min-width: 850px) {
    .x50-pro-media5 .media-box_sy .text-box2 .text2{
      font-size: calc(22 * var(--ymvw));
    }

   
    .template-product .main-content .d20-pro-swiper1 .swiper-wrapper .common-subtitle {
       margin: auto;
    }
    .d20-pro-swiper1 .new-swiper-bg_bottom_bottom .new-item_common-product-swiper-container .item_featured-item .common-subtitle .big{
        font-size: calc(24 * var(--ymvw));  
    }
   .x50-pro-ultra-swiper1 .common-section-container{
       padding-top: calc(200 * var(--ymvw));
   }
    .d20-pro-swiper1 .common-wrapper .common-header .common-subtitle{
       font-size: calc(63 * var(--ymvw));
       font-weight: 600;
    }
    .d20-pro-swiper1 .common-section-container .common-header{
       width: 75%;
       margin: 0 auto;
       text-align: center;
    }
   .d20-pro-swiper1 .common-section-container .common-header .text-html{
       font-size: calc(24 * var(--ymvw));    
    }
}
.d20-pro-swiper1 .swiper-wrapper .pfi-inner .common-subtitle{
    color: #696768;
}
.d20-pro-swiper1 .swiper-wrapper .pfi-inner.li-item-content .content  .common-subtitle {
    color: #9e8972;
}
@media (max-width: 850px) {
    
    .d20-pro-swiper1 .common-wrapper .common-header .common-title{
       font-size: calc(16 * var(--ymvw))!important;
       text-align: left!important;
    }
    .d20-pro-swiper1 .common-wrapper .common-header .common-subtitle{
       font-size: calc(26 * var(--ymvw))!important;
       text-align: left!important;
       margin-bottom: calc(10 * var(--bzvw));
       margin-top: 0;

    }
    .d20-pro-swiper1 .common-section-container .common-header{
        text-align: left; 
        max-width: 90%;
    }
    .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 {
    padding-top: calc(160 * var(--ymvw));
    padding-bottom: calc(219 * var(--ymvw));
    background:#fff;
    margin-top: -1px;
}


.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);
}

.x50-pro-ultra-swiper-pet .swiper-button {
   
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
}

.x50-pro-ultra-swiper-pet .new-common-product-swiper-section .swiper-button{
   color: #fff;
}

 .template-product .main-content .common-section-container .common-title{
  text-align: left;
 }

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

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

.x50-pro-ultra-swiper-pet .image-element__wrap img {
    border-radius: 0px;
}
.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(63 * 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(24 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 380;
    line-height: 140%;
    /* 52px */
    margin-bottom: calc(40 * var(--ymvw));
    text-align: start;
}


.x50-ultra-swiper-pet .new-common-product-swiper-section .swiper-button {  border: unset; }
.x50-ultra-swiper-pet .new-common-product-swiper-section .swiper-button svg path:nth-of-type(1) { fill: #fff; }
.x50-ultra-swiper-pet .new-common-product-swiper-section .swiper-button svg path:nth-of-type(2) { fill: #000; }


@media (max-width: 850px) {
      .x50-pro-ultra-swiper2 .new-common-product-swiper-section .pfi-inner .content {
        min-height: 280px !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 20px !important;
        border-radius: 8px !important;
        position: relative !important;
        z-index: 2 !important;
    }
 
   
    .x60-ultra-swiper-pet .common-section-container {
        padding-top: calc(180 * 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-features .x60-ultra-charging .common-iwt-content .text-box{
        padding-left: 0;
    }

    .template-product .main-content .x50-pro-ultra-swiper1 .common-section-container .common-title {
       text-align: left;
       line-height: 160% !important;
     }
    /* 控制移动端文字位置 */
    .x50-pro-ultra-swiper-pet .new-common-product-swiper-section .pfi-inner {
        flex-direction: column-reverse !important;
    }
    
    .x50-pro-ultra-swiper-pet .new-common-product-swiper-section .pfi-inner .content {
        order: 1 !important;
        margin-bottom: 20px !important;
    }
    
    .x50-pro-ultra-swiper-pet .new-common-product-swiper-section .pfi-inner .image {
        order: 2 !important;
    }
    
    .x50-pro-ultra-swiper-pet .pfi-inner .content .common-subtitle,
    .x50-pro-ultra-swiper-pet .pfi-inner .content .common-title {
        color: #FFFFFF!important;
    }


    .x50-pro-ultra-swiper-pet.new-common-product-swiper-section .pfi-inner {
        flex-direction: column-reverse !important;
    }
    
    .x50-pro-ultra-swiper-pet .new-common-product-swiper-section .pfi-inner .content {
        order: 1 !important;
        margin-bottom: 20px !important;
    }
    
    .x50-pro-ultra-swiper-pet .new-common-product-swiper-section .pfi-inner .image {
        order: 2 !important;
    }
    .x50-pro-ultra-swiper-pet .swiper_img_txt-separate .common-title{
       font-size: calc(26 * var(--ymvw)) !important;
       color: #FFFFFF !important;
       margin-bottom: 0;
    }

    .x50-pro-ultra-swiper-pet .common-section-container {  
          padding-top: calc(130 * var(--ymvw)); 
    }
    .x50-pro-ultra-swiper-pet .pfi-inner .image{
        width: 96%;
    }
        
    .main-content .d20-pro-swiper1 .common-wrapper {
        width: 100%;
    }

    .template-product .main-content .x50-pro-ultra-swiper-pet .swiper_img_txt-separate .common-subtitle {
       font-size: calc(14 * var(--ymvw)) !important;
       color: #FFFFFF;
    }
    .x50-pro-ultra-swiper-pet .swiper_img_txt-separate .txt-item {
      display: none;
      width: 70%;
     }
    .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;
    }

    .x50-pro-ultra-swiper-pet .swiper-content-container .button-content {
        top: unset;
        left: unset;
        margin-top: 10px ;

    }

    .x50-pro-ultra-swiper-pet .swiper-button.swiper-button-prev {
        right: 55px; /* 调整prev按钮位置 */
        left: unset;
    }

    .x50-pro-ultra-swiper-pet .swiper-button {
        right: 0; /* 调整next按钮位置 */
        left: unset;
    }
    
}

/* 三列布局样式 */
.x50-pro-ultra-img .iwt-detail-box {
    width: 100%;
}

.x50-pro-ultra-img .iwt-detail-box .feature-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

 .x50-pro-ultra-img .iwt-detail-box .feature-item {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.x50-pro-ultra-img .iwt-detail-box .feature-item img {
    width: 60px; /* 图标大小 */
    height: 60px;
    margin-bottom: 10px;
    object-fit: contain;
}

.x50-pro-ultra-img .iwt-detail-box .feature-item .name {
    font-size: 14px;
    color: #000;
    text-align: left;
    padding-left: 25%;
}

/* 移动端调整 - 内容在图片下方显示 */
@media (max-width: 768px) {
    .x50-pro-ultra-img .iwt-detail-box .feature-grid {
        flex-direction: column;
        gap: 15px;
    }
    
    .x50-pro-ultra-img .iwt-detail-box .feature-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .x50-pro-ultra-img .iwt-detail-box .feature-item img {
        width: 50px;
        height: 50px;
        margin-bottom: 8px;
    }
    
    .x50-pro-ultra-img .iwt-detail-box .feature-item .name {
        font-size: 12px;
        margin-top: 5px;
    }
}

/* #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));
}

.x50-pro-ultra-voice.common-section-container .common-wrapper>div:first-child {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap:  1%;
}
.x50-pro-ultra-image.common-section-container .common-subtitle .text_numbers,
.x50-pro-ultra-image.common-section-container .common-subtitle .text_symbol {
    font-size: calc(33 * var(--ymvw));
    color:#9E8972;
}

.x50-pro-ultra-image.common-section-container .common-subtitle .text_numbers {
    font-size: calc(64 * var(--ymvw));
}

.x50-pro-ultra-image.common-section-container .common-wrapper .box-below {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 1.8519vh;
}

.template-product .main-content .x50-pro-ultra-voice.common-section-container .common-title,
.template-product .main-content .x50-pro-ultra-voice.common-section-container .common-subtitle {
    text-align: left;
}
.template-product .main-content .x50-pro-ultra-voice.common-section-container .common-title .pc-left-box .text5{
    font-size: calc(53 * var(--ymvw));
    color: #fff;
}

.template-product .main-content .x50-pro-ultra-voice.common-section-container .common-title{
    width: 95%;
}


.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;
}
.template-product .main-content .x50-pro-ultra-display .common-section-container .common-subtitle{
  width: 85%;
  text-align: center;
  margin: 0 auto; 
}
.x50-pro-ultra-display .custom-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(100 * var(--ymvw));
    width: 85%
}

.x50-pro-ultra-display .custom-text-left,
.x50-pro-ultra-display .custom-text-right {
    text-align: center;
    flex: 1;
}

.x50-pro-ultra-display .custom-text-middle {
    width: 2px;
    height: 40px;
    background-color: #a28d78;
    margin: 0 10px;
}

.x50-pro-ultra-display .custom-text .text_s {
    color: #A28D78;
}

.x50-pro-ultra-display .custom-text .text_1,
.x50-pro-ultra-display .custom-text .text_3 {
    font-size: calc(64 * var(--ymvw));
    font-weight: bold;
    color: #A28D78;
    display: inline;
}

.x50-pro-ultra-display .custom-text .text2,
.x50-pro-ultra-display .custom-text .text4:last-child {
    color: #fff;
    display: inline;
    margin-left: 8px;
}

@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;
    }
    .x50-pro-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;
    }
    .template-product .main-content .x50-pro-ultra-voice.common-section-container .common-title,
    .template-product .main-content .x50-pro-ultra-voice.common-section-container .common-subtitle {
        width: 100%;
    }
    .template-product .main-content .x50-pro-ultra-voice.common-section-container .common-subtitle {
        color: #fff;
    }
    .template-product .main-content .x50-pro-ultra-voice.common-section-container .common-title .pc-left-box  h2 {
        margin-bottom: calc(10 * var(--ymvw));
         font-size: calc(16 * var(--ymvw));
         
    }
    .template-product .main-content .x50-pro-ultra-image.common-section-container .common-title .pc-left-box  h2 {
         color: #9E8972 !important;
    }
    

    .template-product .main-content .x50-pro-ultra-voice.common-section-container .common-title .pc-left-box .text5 {
      line-height: 120%;
      font-size: calc(26 * var(--ymvw));
      color:#FFFFFF;
    }

    .x50-pro-ultra-display .custom-text .text_1,
    .x50-pro-ultra-display .custom-text .text_3{
        font-size: calc(26 * var(--ymvw));
    }
    .x50-pro-ultra-display .custom-text .text_s{
        font-size: calc(26 * var(--ymvw));
       
    }
    .x50-pro-ultra-display .custom-text-right{
        margin-left:calc(26 * var(--ymvw));
    }
    .x50-pro-ultra-display .custom-text .text4:last-child,
    .x50-pro-ultra-display .custom-text .text2{
       display: block;
       margin-left: 0;
    }
    .x50-pro-ultra-display .custom-text-right,
    .x50-pro-ultra-display .custom-text-left{
     text-align: left;
    }
    .template-product .main-content .x50-pro-ultra-display .common-section-container .common-subtitle{
        width: auto;
    }
    .x50-pro-ultra-display .custom-text {
       margin-top: calc(20 * var(--ymvw));
    }
}
.product-template-container{
    background-color: #fff;
}   
/* #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 1fr;
    gap: calc(40 * var(--ymvw));
    margin-top: 7vw;
}

.x60-ultra-matter.common-img-layout .p-relative {
    border-radius: 4px;
}
.x50-ultra-matter9.common-img-layout .pc-layout .item-cell-1 .p-relative .text {
    top: 20%;
}

.x60-ultra-matter.common-img-layout .pc-layout .item-cell-2 .p-relative .text {
    position: static;
    padding: 0;
}
 .x50-pro-ultra-section13 .common-wrapper .new-common-featured-box .content-layout .common-subtitle .title-box,
.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(29 * 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;
    width: 100%;
}
.x50-pro-ultra-section13 .content-layout .pfi-inner .common-subtitle,
.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(23 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 26.4px */
    margin-bottom: 0;
    text-align: start;
    width: 100%;
}

@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: 0;
    }

    .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-3 {
        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,
    .x60-ultra-matter.common-img-layout .m-layout .item-cell-4 .p-relative {
        display: flex;
        flex-direction: column-reverse;
    }
    .x60-ultra-matter.common-img-layout .m-layout .item-cell-4 .p-relative .text,
    .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-1 .p-relative .text .common-title,
    .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,
    .x60-ultra-matter.common-img-layout .m-layout .item-cell-4 .p-relative .text .common-title {
        color: #000;
        font-family: var(--misans);
        font-size: calc(26 * 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,
    .x60-ultra-matter.common-img-layout .m-layout .item-cell-4 .p-relative .text .common-subtitle {
        color: #000;
        font-family: var(--misans);
        font-size: calc(12 * 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));
}
.x50-pro-complete-feature1 .new-common-featured-container .new-common-featured-box .content-layout {
    gap: 2.5%;
}
.x50-pro-complete-feature1 .new-common-featured-container .new-common-featured-box .content-layout .new-common-featured-item {
    width: calc((100% - 20px) / 2);
}
@media (max-width: 850px) {
    .x50-pro-ultra-swiper-new .common-section-container{
        padding-top:0;
    }
    .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;
    }
   .x60-ultra-matter {
      margin-top: -8vw;
    }
  

}

@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;
    z-index: 2;
}

.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(63 * var(--ymvw)) !important;
    font-weight: 630;
    line-height: 120%;
    text-align: center;
    /* 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(27 * 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 {
    position: relative;
    top: 0;
    text-align: left;
    margin: calc(8 * var(--ymvw)) 0 20px;
}

.x60-ultra-product-items.new-product-item .right-box .cell .item .title span {
    color: #1a1a1a;
    font-family: var(--misans);
    font-size: calc(21 * 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(26 * var(--ymvw)) !important;
        font-weight: 520;
        line-height: 120% !important;
        /* 28.8px */
    }
    .x50-pro-product-item-section-extra .common-product-item-layout-item-subtitle{
         font-size: calc(14 * var(--ymvw));
    }
    .x60-ultra-product-items.new-product-item .right-box .cell .item .title span {

    font-size: calc(14 * var(--ymvw));
 
}

     .x50-pro-product-item-section-extra .common-title {
        color: #1a1a1a;
        font-family: var(--misans);
        font-size: calc(26 * 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;
}

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

.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 .x50-ultra-spec-ul {
    margin-left: 0;
}

.x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .common-content .x50-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 .x50-ultra-spec-ul li span:first-child {
    color: #404040;
    text-align: left;
    font-weight: 380;
    font-style: normal;
    font-size: calc(16 * var(--ymvw));
    font-family: "MiSans", sans-serif;
    line-height: 140%;
    /* 22.4px */
}

.x60-ultra-spec.new-product-spec .common-spec-content .common-spec-text-box .common-content .x50-ultra-spec-ul li span:last-child {
    color: #404040;
    text-align: left;
    font-style: normal;
    font-size: calc(19 * var(--ymvw));
    font-family: "MiSans", sans-serif;
    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) {
    .x50-pro-product-item-section-extra,
    .x60-ultra-spec.new-product-spec {
       margin-top: -1px;
    }
    .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(26 * 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 .x50-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 .x50-ultra-spec-ul li span:first-child {
        color: rgba(0, 0, 0, 1);
        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 .x50-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 */
.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_2"]::before {
    content: '';
    width: 4px;
    height: 196.66px;
    background: linear-gradient(0deg, #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_1"] {
    opacity: 0.4;
}

.preorder .preorder__stage[data-stage-key="stage_1"]::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_2"] .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_1"] .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: 16px;
    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;
}

.x50-pro-complete-section2 .bg-text-wrapper-inner_sy .common-subtitle h2{
  font-family: "MiSans Latin", sans-serif;
   color: rgba(0, 0, 0, 0.8);
}
.x50-pro-complete-section2 .common-section-container .common-title_sy.h2{
 font-family: "MiSans Latin", sans-serif;
}
@media (min-width: 850px) {
    .x60-ultra-matter{
     padding-top: 1px!important;
     margin-top: -1px;
    }
    .x50-pro-ultra-media5 .common-wrapper{
        margin-bottom: 2vw;
    }
     .template-product .main-content .x50-pro-ultra-voice.common-section-container .common-subtitle {
        width: 95%;
     }
    .x50-pro-complete-section2 .hero__text-content{
        padding-left: 5vw!important;
    }
   .x50-pro-complete-section2 .bg-text-wrapper-inner_sy .common-subtitle h2{
       max-width: 41%;
       text-align: left;
       font-size: calc(24 * var(--ymvw));
    }
    .x50-pro-complete-section2 .common-section-container .common-title_sy.h2{
       max-width: 55%;
       text-align: left;
       margin-bottom: calc(30 * var(--ymvw));
    }
    .x50-pro-complete-section2 .bg-text-wrapper-inner_sy{
        max-width: 100%!important;
        transform: translateY(20%);
    }
    .x50-pro-complete-section2 .iwt-detail-box{
        margin-top: 60px;
    }
    .x50-pro-ultra-features .common-iwt-text-box-right{
      width: 47%;
    }
    .x50-pro-ultra-features .common-iwt-image-box{
       width: 53%;
    }
    
    .x50-pro-ultra-features .x50-ultra-charging .common-iwt-image-box{
       width: 58%;
    }
    .x50-pro-product-item-section-extra,
    .x60-ultra-spec.new-product-spec {
       margin-top: -1px;
    }
   
    .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;
    }
    .preorder .offer__accessory-image{
        width: 70%;
    }
    .preorder .dropdown__trigger{
        width: 100%;
    }
    .preorder button.dropdown__item {
        width: 100%;
    }
    .preorder .dropdown__trigger-left {
        width: 97%;
    }

    .x50-pro-title.common-img-layout-size .item-container .common-title{
       font-size: calc(48 * var(--wmvw))!important;
       width: 50%;
    }
    .x50-pro-title.common-img-layout-size .item-container .common-subtitle{
       font-size: calc(25 * var(--wmvw))!important;
       width: 50%;
    }
    .x50-pro-title .common-subtitle{
      text-align: left!important; 
    }
}
    .x50-pro-title .common-title{
     color: rgba(0, 0, 0, 0.8)!important; 
    }
    .x50-pro-ultra-section13 .common-subtitle,
    .x50-pro-title .common-subtitle{
      color: rgba(0, 0, 0, 0.8)!important;
    }
@media (max-width: 850px) {
    .preorder.preorder-benefits {
        --bzvw: calc(1vw / 7.5);
        --ymvw: calc(1vw / 7.5);
        --wmvw: calc(1vw / 7.5);
        padding: 0;
    }
    .x50-pro-Ultra-complete-img-layout .common-section-container-inner .common-wrapper{
        width: 100%;
        padding-right: 0px
    }
    x50-pro-Ultra-complete-img-layout .img-video-container

    .x50-pro-Ultra-complete-img-layout .bottom-btn-container .swiper-btn{
        background: #7a7a7a66;
        border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       position: relative;
    }
    .preorder .preorder__shipping p {
        font-size: calc(32 * var(--bzvw));
    }
   
    .x50-pro-ultra-custom2 .common-wrapper{
        width: 100%;
        padding: 0 12px ;
    }

    .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_2"] {
        min-height: unset;
    }

    .preorder .preorder__stage[data-stage-key="stage_2"]::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_1"]::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_2"] .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_1"] .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;
    }
    .preorder .offer__accessory-image{
        width: 70%;
        margin: auto;
    }
}

/* 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%;
}
.l40-ultra-ae-section13.h15-pro-featured .content-layout { 
    grid-template-columns: repeat(3,1fr) !important;
}
.main-content .h15-pro-featured .content-layout {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: calc(40 * var(--ymvw));
}
.x50-pro-complete-section2{
    background:#fff;
    margin-top: -1px;
}
.x50-pro-ultra-section13{
    background:#fff;
    margin-top: -1px;
}
@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: 600;
        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) {
    .main-content .x50-pro-ultra-section13 .content-layout {
        display: flex;
        flex-direction: column;
       margin: 20px 12px;
       gap: 40px;
     }
    .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: 600;
        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%);
    }
}
.x50-pro-complete-section2 .common-subtitle,
.x50-pro-complete-section2 .common-title_sy {
      color: rgba(0, 0, 0, 0.8)!important;
}
/* section2a end */
/* add */
@media (min-width: 850px) {

    .x60-ultra-charging .text-box .title {
        font-size: calc(40 * var(--bzvw)) !important;
    }
    .x50-pro-complete-section2 .common-title_sy {
        font-size: calc(48 * 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;
    }
    /* 控制 iwt-detail-box 位置 */
    .x50-pro-complete-section2 .iwt-detail-box {
        position: absolute;
        left: 0;
        width: 100%;
    }
    
    /* 水平排列 feature-item */
    .x50-pro-complete-section2 .iwt-detail-box .feature-grid {
     display: flex !important;
     flex-direction: row !important;
     margin: auto;
     justify-content: flex-start !important;
     width: 100%;
    }

   .x50-pro-complete-section2 .iwt-detail-box .feature-item {
    flex: 1 !important;
    text-align: center !important;
   }

   .x50-pro-title.common-img-layout .p-relative .text{
      top: 30%;
   }
   
   
}

@media (max-width: 850px) {
    .x50-pro-title-text.common-section-container .m-layout .item-cell-1{
    margin-bottom: 0;
    }
    .x50-pro-title-text.common-section-container .m-layout .item-cell-1 .p-relative{
        display: flex;
        flex-direction: column-reverse;
    }
    .x50-pro-title-text.common-section-container .m-layout .item-cell-1 .text{
        position: static;
        
    }
    .x50-pro-title-text.common-section-container .m-layout .item-cell-1 .image{
        margin-top: 0;
    }
    .x50-pro-title-text.common-section-container .m-layout .item-cell-3 .p-relative .text{
         margin-top: 25%;
    }
    .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 */

/* Custom box layout for PC */
.custom-box .box1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.custom-box .text-box1,
.custom-box .text-box2 {
    flex: 1;
    text-align: center;
}

.custom-box .text-box-line {
    width: 1px;
    min-width: 1px;
    background-color: #A28D78;
    margin: 0 15px;
    flex-shrink: 0;
    align-self: stretch ;
}

.custom-box .text-box1 .text1 .text_symbol,
.custom-box .text-box2 .text1 {
    font-size: calc(33 * var(--ymvw));
    font-weight: bold;
    color: #fff;
    margin-bottom: 8px;
}

.custom-box .text-box1 .text2,
.custom-box .text-box2 .text2 {
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
}




/* video scroller */
.mb-section-show {
    display: none;
}

@media (max-width: 850px) {
    .pc-section-show {
        display: none;
    }

    .mb-section-show {
        display: block;
    }

    .main-content .x60-ultra-video-swiper .common-wrapper{
        width:100%;
    }

    .x60-ultra-video-swiper .new-common-product-swiper-section .new-swiper-navigation_sepe .common-subtitle .big{
        color:#fff;
        text-align: left;
        font-size: 4.61vw;
        line-height: 1.2;
        font-family: var(--misanslatin);
    }
    .template-product .main-content .x60-ultra-video-swiper .common-section-container .common-subtitle{
        text-align: left;
        margin-bottom:calc(5 * var(--ymvw));
    }
    .template-product .main-content .x60-ultra-video-swiper .common-section-container .subtitle{
        color:#ccc;
        font-size: 4.1vw;
        line-height: 1.5;
    }
}




.x60-ultra-swiper2 .common-swiper-featured {
    position: relative;
}

.template-product .x60-ultra-swipery .h3 {
    width: 50%;
}

.x60-ultra-product-items .wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.x60-ultra-product-items .common-wrapper {
     width: 62.5vw;
}

.x60-ultra-product-items .right-box {
    display: flex;
    flex-direction: column;
    row-gap: clamp(8px,1vw,20px);
}

.x60-ultra-features .x60-ultra-feature-card {
    text-align: left;
}

.x50-ultra-media1 .hero__text-content {
  opacity: 1!important;
}
@media (max-width: 1500px) {
    .x50-pro-ultra-media-st .hero__text-content {
      opacity: 1!important;
    }
    .x60-ultra-product-items .common-wrapper {
     width: 80vw;
}
}
.x50-pro-ultra-img{
  padding-bottom: 0!important; 
}
.x50-pro-ultra-matter7,
.x50-pro-ultra-img,
.x50-pro-ultra-matter6,
.x50-pro-ultra-matter5{
    background: #fff;
    margin-top: -1px;
}
.x50-ultra-spec1,
.x60-ultra-product-items{
 margin-top: -1px;
}
@media (max-width: 850px) {
   .x50-pro-ultra-matter7 .iwt-detail-box3 .feature-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
   }
   .x50-pro-ultra-matter7 .iwt-detail-box3 .feature-grid .feature-item {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    height: 34vw;
    margin-top: 15px;
   }
   
   .x50-pro-title .common-title{
     font-size: calc(26 * var(--wmvw))!important; 
     color: rgba(0, 0, 0, 0.8)!important; 
     text-align: left!important; 
   }
   .x50-pro-title .common-subtitle{
     font-size: calc(12 * var(--wmvw))!important; 
     color: rgba(0, 0, 0, 0.8)!important; 
     text-align: left!important; 
   }
   .x50-pro-title .feature-grid .name{
      font-size: calc(12 * var(--wmvw))!important; 
   }

   .x50-pro-ultra-matter7 .iwt-detail-box3 .feature-grid .feature-item img{
    width: 40px;
    height: 40px;
   }

    .x60-ultra-swiper2 {
        padding-bottom: clamp(100px, 35.294vw, 300px);
    }

    .x50-ultra-swiper3 .new-item_common-product-swiper-container .swiper-slide {
        height: auto;
        display: flex;
        align-items: center;
    }

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

    .template-product .main-content .x60-ultra-swiper7 .custom-title {
        position: relative;
        white-space: inherit;
    }

    .x60-ultra-product-items .common-wrapper {
     width: 88.2vw;
    }

    .x60-ultra-swiper1.x60-ultra-swiper5 .new-common-product-swiper-container .swiper-slide {
        height: auto;
    }

    .x60-ultra-swiper1.x60-ultra-swiper5 .new-common-product-swiper-container .swiper-slide .pfi-inner {
        height: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 395px) {
 .template-product .x50-ultra-media1 .common-media-inner .common-subtitle{
    font-size: calc(32 * var(--wmvw));
 }
}

/* 确保图标大小一致 */
.x50-pro-complete-section2 .iwt-detail-box .feature-item img {
    width: 50px !important;
    height: 50px !important;
    object-fit: contain !important;
}

/* 移动端响应式调整 */
@media (max-width: 850px) {
    .x50-pro-complete-section2.iwt-detail-box .feature-grid {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    /* 移动端图标大小调整 */
    .x50-pro-complete-section2.iwt-detail-box .feature-item img {
        width: 50px !important;
        height: 50px !important;
    }
}

/* l50-ultra-ce-img-text-block2 移动端文本移到图片顶部 */
@media (max-width: 850px) {
    .l50-ultra-ce-img-text-block2 .product-feature-content  {
        display: flex !important;
        flex-direction: column !important;
    }
   .x50-pro-ultra-img .product-feature-content-item .title {
      text-align: left !important;
    }
    .l50-ultra-ce-img-text-block2 .product-feature-row__item.feature-row__text--right {
        order: -1 !important;
        width: 100% !important;
    }
    .l50-ultra-ce-img-text-block2 .product-feature-row__item.image-box {
        order: 1 !important;
        margin: 20px 0 !important;
    }
    .x50-pro-ultra-matter6 .iwt-detail-box2 .feature-item img{
       width: 40px;
       height: 40px;
    }

    .x50-pro-ultra-matter6 .iwt-detail-box2 .feature-grid {
      display: flex;
      gap: 4px;
      flex-direction: column;
    }
    .x50-pro-ultra-matter6 .common-wrapper{
        width: 98vw ;
    }
    .x50-pro-ultra-matter6 .feature-grid .feature-item{
      padding: 10px 0;
      border-radius: 4px!important;
      background: #eee;
      text-align: left;
      font-style: normal;
      font-weight: 380;
      line-height: 100%;
      gap: 20px;
      margin-top: 20px;
      height: 69px;
      padding-left: 10%;
      display: flex;
      align-items: center;
    }
    .x50-pro-ultra-matter6 .common-title {
        font-size: calc(26 * var(--wmvw)) !important;
        color: rgba(0, 0, 0, 0.8) !important;
    }
    .x50-pro-ultra-matter7 .common-wrapper .common-subtitle {
        font-size: calc(14 * var(--wmvw))!important;
    }
    .x50-pro-ultra-matter7 .common-wrapper{
        width: 98vw
    }
    .x50-pro-ultra-matter7 .feature-grid .feature-item .name {
        color:#404040!important;

    }
    .x50-pro-ultra-matter6 .common-subtitle {
        font-size: calc(14 * var(--wmvw)) !important;
        color: rgba(0, 0, 0, 0.8) !important;
        text-align: left !important;
    }
    .x50-pro-ultra-matter6 .additional_content .feature-item .name{
        font-size: calc(12 * var(--wmvw)) !important;
    }
    .x50-pro-title-text .common-subtitle,
    .x50-pro-title .common-title{
        font-family:"MiSans", sans-serif !important;

    }
    .x50-ultra-spec3.new-product-spec .common-header .common-title{
       font-size: calc(26 * var(--ymvw)) !important;
    }
    .x50-pro-ultra-display .common-wrapper{
        margin-bottom:  15px  ;
    }
   
    
}
.x50-pro-product-item-section-extra .image-element__wrap {
    background: #f7f7f7;
    border-radius: 4px;
}

@media (max-width: 850px) {
   .x50-pro-product-item-section-extra .common-product-item-layout-item .image-element__wrap{
     background: #f7f7f7;
   }
}

@media (min-width: 2201px) {
   .x50-pro-ultra-img .product-feature-content-item-block_CyYxVR .text-box {
      max-width: 85%;
   }
}
@media (min-width: 395px) and (max-width: 580px) {
  .template-product .x50-ultra-media1 .common-media-inner .bg-text-wrapper-inner_sy{
    max-width: 90% !important;
  }
  .template-product .x50-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%;
    margin-bottom: calc(23 * var(--wmvw));
    color: rgba(255, 255, 255, 0.80);

  }
}