/** Shopify CDN: Minification failed

Line 1331:12 "-" can only be used as an infix operator, not a prefix operator
Line 2075:9 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) {
  .main-content .common-wrapper {
      width: 88.2vw;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*  end */

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

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

.template-product .common-section-container .common-section-container-inner .h1 {
  display: block;
  margin: 0 0 0.2em;
  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: 100;
  line-height: 120%;
  margin-bottom: 0;
  margin-top: calc(4 * var(--wmvw));
  color: #FAFAFA;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 850px) {

  .template-product .common-section-container .common-banner-title,
  .template-product .common-section-container .common-section-container-inner .h1 {
      /* font-size: calc(32 * var(--wmvw)); */
      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(24 * var(--ymvw));
      font-weight: 520;
      line-height: 120%;

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

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

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

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

/* 通用标题 end */

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

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

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

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

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

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

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

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

@media (min-width: 850px) {
  .x60-ultra-spec.new-product-spec .common-spec-content .new-product-content-btn,
  .x60-ultra-product-items.new-product-item .new-product-content-btn {
      font-size: calc(16 * var(--ymvw)) !important;
  }
  .x60-ultra-media1 .common-media-item .prtext-wrapper_sy .bg-text-wrapper-inner_sy {
      margin-left: calc(400 * var(--wmvw));
      margin-top:calc(250 * var(--wmvw));
  }

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

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

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

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

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

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

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

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

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

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

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

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

}

/* section1 end */

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

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

.x60-ultra-layout1 .pc-compare-header .custom-small{
  color: #ffffff !important;
}

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

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

/* section2 end */

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

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

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

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

  .template-product .main-content .x60-ultra-layout1m .common-subtitle {
      color: #FAFAFA;
      text-align: center;
      font-family: "MiSansLatin-Medium", sans-serif;
      font-size: calc(20 * var(--ymvw));
      font-style: normal;
      font-weight: 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));
  }

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

      position: relative;
  }

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

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

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

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

      margin-top: calc(38 * var(--ymvw));
  }
  .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) {
  .template-product .x60-ultra-custom2 .common-title.h2 {
      z-index: 2;
      position: relative;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* section3 end */

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

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

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

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

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

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

  .x60-ultra-media3 .text2 {
      color: rgba(0, 0, 0, 0.80);
      font-family: "MiSansLatin-Medium", sans-serif;
      font-size: calc(19 * 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 */

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

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

/* section5 end */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* section6 end */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* section7 end */

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

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

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

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

/* section8 end */

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

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

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

/* section9 end */

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

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

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

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

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

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

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

.new-common-product-swiper-section .swiper-button{
  background-image: none;
    position: absolute;
    right: 0;
    left: unset;
    top: 0;
    width: 36px;
    height: 36px;
    border: 2px solid;
    border-radius: 50%;
    color: #000;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 850px) {
  .x60-ultra-swiper1 .page-count {
      opacity: 0;
      z-index: -1;
  }

  .x60-ultra-swiper1 .swiper-button.swiper-button-prev {
      right: calc(60 * var(--ymvw) + 5px);
      transform: rotate(180deg);
      left: unset;
  }

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

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

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

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

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

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

      color: #000;
  }
}

/* section10 end */

/* section11 */

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

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

/* section11 end */

/* section12 */

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

      padding: 0;
      margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

/* section12 end */

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

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

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

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

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

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

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

.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(19 * 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;
}
.product-template-container {
  background: #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

/* section13 end */

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

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

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

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

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

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

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

      position: absolute;
      bottom: calc(80 * var(--wmvw));
      left: 41%;
      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 .common-section-container{
      padding-bottom: calc(180 * var(--ymvw));
  }
  .x60-ultra-media8 .custom-box.common-pc--hide {
     bottom: -100px !important;
  }
  .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: 16px;
      font-style: normal;
      font-weight: 380;
      line-height: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

/* section16 end */

/* section17 */

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

@media (max-width: 850px) {
  .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: 1;
  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(220 * 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>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(400 * 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(20 * 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(30 * 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%;
  text-align: left;
}

.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 */

/* 下半部分 */



/* #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(340 * var(--ymvw));
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

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

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

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

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

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

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

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

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

/* #endregion */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

/* #region swiper pet */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

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

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

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

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

.x60-ultra-text-subtitle {
  color: rgba(0, 0, 0, 0.8);
  font-family: var(--misans);
  font-size: calc(18 * 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(16 * 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));
}
.x60-ultra-button-modal {
  display: none;
}
@media (max-width: 850px) {
  .x60-ultra-privacy {
      padding-bottom: calc(80 * var(--ymvw));
  }

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

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

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

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

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

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

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

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

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

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

.x60-ultra-modal-close {
  position: fixed;
  top: calc(52 * var(--ymvw));
  right: calc(520 * var(--ymvw));
  width: calc(60 * var(--ymvw));
  height: calc(60 * var(--ymvw));
  cursor: pointer;
  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(44 * var(--ymvw)) !important;
  font-weight: 630;
  line-height: 120%;
  /* 52.8px */
}

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

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

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

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

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

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

.x60-ultra-product-items.new-product-item .right-box .cell .item .title {
  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(14 * var(--ymvw));
  font-weight: 380;
  line-height: 130%;
  /* 18.2px */
  margin-top: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

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

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

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

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

/* #endregion */

/* #region spec */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* #endregion */

/* add for preorder-benefits */
.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;
}

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

  .preorder .preorder__offers {
      flex: 9;
  }

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

  .preorder .offer__media {
      flex: 5;
  }

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

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

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

      color: #FFF;
      font-family: var(--misans);
      font-size: calc(32 * var(--bzvw));
      font-style: normal;
      font-weight: 630;
      line-height: 120%;
      text-transform: uppercase;
  }
  .preorder .offer__accessory-image{
      width: 70%;
  }
  .preorder .dropdown__trigger{
      width: 100%;
  }
  .preorder button.dropdown__item {
      width: 100%;
  }
  .preorder .dropdown__trigger-left {
      width: 97%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .preorder .preorder__stage[data-stage-key="stage_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%;
}

@media (min-width: 850px) {
   .x60-ultra-matter.common-section-container{
      padding-top: 1px;
   }
  .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) {
  .x60-ultra-matter.common-section-container .m-layout .item-cell-1 .p-relative { 
      display: flex;
      flex-direction: column-reverse;
  }
  .x60-ultra-matter.common-section-container .m-layout .item-cell-1 .text {
      position: static;
  }
  .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%);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

/* add end */



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

.x60-ultra-media1 .hero__text-content {
opacity: 1;
}
@media (max-width: 1500px) {
  .x60-ultra-product-items .common-wrapper {
   width: 80vw;
}
}

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

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