/** Shopify CDN: Minification failed

Line 1429:12 "-" can only be used as an infix operator, not a prefix operator

**/
/* 主 */
/* "video_url": "/cdn/shop/videos/c/o/v/8a54405359784f44abbf053f9184304f.mp4",
"video_url_mb": "/cdn/shop/videos/c/o/v/8169e73aa9b74a7d9a741f436cbe3867.mp4", */

@font-face {
  font-family: "Rany-Medium";
  font-display: swap;
  src: url(https://cdn.shopify.com/s/files/1/0553/1320/3405/files/Rany-Medium.otf?v=1723430679);
}

@font-face {
  font-family: "Roboto-Regular";
  font-display: swap;
  src: url(https://cdn.shopifycdn.net/s/files/1/0553/1320/3405/files/Roboto-Regular.ttf?v=1646633911);
}

@font-face {
  font-family: "Roboto-Bold";
  font-display: swap;
  src: url(https://cdn.shopify.com/s/files/1/0584/7508/6033/files/Roboto-Bold.ttf?v=1662542002);
}

.main-content {
  background: black;
}

#CusPageContainer > .shopify-section:first-child {
  max-width: none;
}

.template-page .main-content,
.main_all_content .main-content,
body.template-product .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;
  }
  .x60-ultra-modal .common-wrapper {
    width: 1600px;
  }
}

@media (min-width: 1500px) and (max-width: 2560px) {
  .main-content .common-wrapper {
    width: 46.875vw;
    /* width: 62.5vw; */
  }
  .x60-ultra-modal .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; */
  }
  .x60-ultra-modal .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-media7_2 .common-section-container {
    padding-bottom: 0;
  }

  .x60-ultra-swiper7 .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-media8 .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-swiperz1_1 .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-x60-ultra .common-section-container .common-banner-title {
  display: block;
  margin: 0 0 0.2em;
  text-rendering: optimizeLegibility;

  font-family: "MiSansLatin-Semibold", sans-serif;
  font-style: normal;
  font-size: calc(40 * var(--wmvw));
  letter-spacing: 0;
  font-weight: 630;
  line-height: 120% !important;
  margin-bottom: 0;
  margin-top: calc(4 * var(--wmvw));
  color: #fafafa;
}

.template-x60-ultra
  .common-section-container
  .common-section-container-inner
  .h1 {
  display: block;
  margin: 0 0 0.2em;
  margin-bottom: 5px;
  text-rendering: optimizeLegibility;

  font-family: "Rany-Medium", sans-serif;
  font-style: normal;
  font-size: calc(32 * var(--wmvw));
  letter-spacing: 0;
  font-weight: 500;
  line-height: 130% !important;
  margin-bottom: 0;
  margin-top: calc(4 * var(--wmvw));
  color: #fafafa;
}

.template-x60-ultra .common-section-container .common-title_sy {
  font-family: "MiSansLatin-Semibold", sans-serif;
  font-size: calc(40 * var(--ymvw));
  font-style: normal;
  font-weight: 600;
  line-height: 120% !important;

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

.template-x60-ultra .common-section-container .common-title_sy.h2,
.template-x60-ultra .common-section-container .common-title.h2 {
  text-align: center;
  font-family: "MiSansLatin-Semibold", sans-serif;
  font-size: calc(72 * var(--ymvw));
  font-style: normal;
  font-weight: 520;
  /* line-height: 110% !important; */
  line-height: 130% !important;
  letter-spacing: 0;
  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-x60-ultra .common-section-container .common-title_sy.h3,
.template-x60-ultra .common-section-container .common-title.h3,
.template-x60-ultra .common-section-container .h3 {
  font-family: "MiSansLatin-Semibold", sans-serif;
  font-size: calc(40 * var(--ymvw));
  font-style: normal;
  font-weight: 600;
  line-height: 120% !important;
  color: #fff;

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

.template-x60-ultra .main-content .common-section-container .common-subtitle {
  color: #fff;
  text-align: center;
  font-family: "MiSansLatin-Medium", sans-serif;
  font-size: calc(20 * var(--ymvw));
  font-style: normal;
  font-weight: 380;
  line-height: 140% !important;

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

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

.template-x60-ultra
  .common-section-container
  .common-section-container-inner
  .common-tips {
  display: flex;
  font-family: var(--misans-style), sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.714286 !important;
  color: #fafafa;
  font-weight: 400;

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

.main-content #CusPageContainer .color-white.h3 {
  color: #fafafa;
}

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

@media (max-width: 850px) {
  .template-x60-ultra .common-section-container .common-banner-title,
  .template-x60-ultra
    .common-section-container
    .common-section-container-inner
    .h1 {
    font-size: calc(20 * var(--wmvw));
    line-height: 120% !important;
    font-family: "Rany-Medium", sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
  }

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

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

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

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

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

    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*/
/* .main-content #CusPageContainer */
.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% !important;
  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-x60-ultra .x60-ultra-media1 .common-banner-title {
  margin-bottom: calc(4 * var(--wmvw));
}

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

  .template-x60-ultra .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% !important;
    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% !important;
    text-transform: capitalize;

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

  .template-x60-ultra .x60-ultra-media1 .common-title_sy {
    font-size: calc(40 * var(--wmvw));
    font-style: normal;
    font-family: "MiSansLatin-Semibold", sans-serif;
    font-weight: 630;
    line-height: 120% !important;
    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-x60-ultra .x60-ultra-media1 .common-title_sy {
    font-size: calc(32 * var(--wmvw));
    font-style: normal;
    font-family: "MiSansLatin-Semibold", sans-serif;
    font-weight: 630;
    line-height: 120% !important;
    margin-bottom: calc(4 * var(--wmvw));
    color: #fafafa;
  }

  .template-x60-ultra .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% !important;

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

  .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% !important;
    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% !important;
  background: linear-gradient(90deg, #eaae66 0%, #955818 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

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

@media (max-width: 850px) {
  .x60-ultra-custom1 .custom-text {
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(18 * var(--bzvw));
    font-style: normal;
    font-weight: 600;
    line-height: 120% !important;
    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(43 * var(--ymvw));
  }

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

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

  .template-x60-ultra .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% !important;
  }

  .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: 130% !important;
    /* line-height: 110% !important; */

    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-btn {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: rgba(122, 122, 122, 0.4);
    border-radius: 50%;
  }

  .x60-ultra-layout1m .bottom-btn-container {
    display: flex;
    justify-content: center;
    gap: calc(8 * var(--ymvw));

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

  .x60-ultra-layout1m .swiper-pagination {
    padding: 21px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: rgba(122, 122, 122, 0.4);

    position: static;
    transform: unset;
    display: inline-flex;
    margin-top: unset;
  }
}

/* section2m */

/* section3p */
@media (min-width: 850px) {
  .template-x60-ultra .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% !important;
    letter-spacing: 0;

    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% !important;
    letter-spacing: 0;
  }

  .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% !important;
  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% !important;

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

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

@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% !important;
    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 */

.x60-ultra-media3m .common-section-container .common-title_sy,
.x60-ultra-media3m .common-section-container .common-title_sy.h2 {
  background: linear-gradient(90deg, #eaae66 0%, #bf8340 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 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% !important;
    letter-spacing: 0;

    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.8);
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(17 * var(--bzvw));
    font-style: normal;
    font-weight: 380;
    line-height: 130% !important;
    letter-spacing: 0;
  }

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

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

@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% !important;

    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% !important;
  }

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

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

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

  .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% !important;
  }

  .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-x60-ultra .main-content .x60-ultra-media4 .common-subtitle {
    color: rgba(255, 255, 255, 0.8);
  }
}

/* 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-x60-ultra .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% !important;
  }

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

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

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

    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% !important;

    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% !important;

    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% !important;

    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-x60-ultra .main-content .x60-ultra-media5 .common-subtitle {
    color: rgba(255, 255, 255, 0.8);
  }

  .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% !important;
  }

  .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% !important;
  }

  .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.8);
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(14 * var(--wmvw));
    font-style: normal;
    font-weight: 400;
    line-height: 120% !important;

    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% !important;

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

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

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

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

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

/* section6 end */

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

@media (min-width: 850px) {
  .template-x60-ultra .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% !important;
    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% !important;
    text-align: left;
  }

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

  .template-x60-ultra .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.8);
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(16 * var(--wmvw));
    font-style: normal;
    font-weight: 380;
    line-height: 150% !important;
  }

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

  .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% !important;
  }

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

  .x60-ultra-media7 .common-section-container .common-media-item .media-box_sy {
    padding: calc(20 * var(--ymvw)) calc(24 * var(--ymvw))
      calc(40 * var(--ymvw)) calc(24 * var(--ymvw));
  }
}

/* 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-x60-ultra .x60-ultra-swiper1 .h3 {
  text-align: left !important;
}

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

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

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

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

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

  .x60-ultra-swiper1 .bottom-content {
    position: absolute;
    width: 100%;
    height: calc(48 * var(--ymvw));
    right: 0;
    top: -50px;
  }
  .x60-ultra-swiper5 .common-pc--hide {
    display: none !important;
  }
  .x60-ultra-swiper5
    .li-item-content:not(.swiper-slide-active):not(.custom-active) {
    opacity: 0;
  }
}

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

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

  .x60-ultra-swiper1 .swiper-button.swiper-button-next {
    right: 0;
    left: unset;
  }

  .x60-ultra-swiper1 .swiper-button.swiper-button-prev {
    left: unset;
    right: calc(44 * var(--ymvw));
  }

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

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

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

  .x60-ultra-swiper1 .page-count {
    position: absolute;
    left: 0;
    top: calc(9 * var(--ymvw));

    color: #000;
    font-size: calc(14 * var(--ymvw));
    font-weight: 450;
    font-family: "MiSansLatin-Medium", sans-serif;
    line-height: normal;
  }
  .x60-ultra-swiper5 .common-small--hide {
    display: none !important;
  }
}

/* section10 end */

/* section11 */

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

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

/* section11 end */

/* section12 */

@media (min-width: 850px) {
  .x60-ultra-swiper3
    .new-item_common-product-swiper-container
    .item_featured-item {
    flex: 1;
    justify-content: center;
    padding: 12px 0;
  }

  .x60-ultra-swiper3
    .new-item_common-product-swiper-container
    .item_featured-item.flex_1d2 {
    flex: 1.2;
  }

  .x60-ultra-swiper3 .common-title {
    color: rgba(255, 255, 255, 0.8);
    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% !important;

    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-x60-ultra .main-content .x60-ultra-swiper3 .common-subtitle {
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(16 * var(--bzvw));
    font-style: normal;
    font-weight: 380;
    line-height: 140% !important;

    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-x60-ultra .main-content .x60-ultra-swiper3 .common-title {
    color: rgba(255, 255, 255, 0.8);
    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% !important;

    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-x60-ultra .main-content .x60-ultra-swiper3 .common-subtitle {
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
    font-family: "MiSansLatin-Medium", sans-serif;
    font-size: calc(16 * var(--bzvw));
    font-style: normal;
    font-weight: 380;
    line-height: 150% !important;

    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 .new-item_common-product-swiper-container{
        max-width: calc((88.2vw - 10px) / 1.1);
    }

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

    #CusPageContainer .x60-ultra-swiper3 .content_swiper{
        width: calc((88.2vw - 10px) / 1.1);
        margin-left: 0;
        margin-right: 0;
    } */

  .x60-ultra-swiper3
    .new-item_common-product-swiper-container
    .item_featured-item {
    padding: 6px 0;
    justify-content: center;
    width: calc(88.2vw / 1.1) !important;
  }
}

/* section12 end */

/* section13 */
.x60-ultra-swiper2 .new-common-product-swiper-section {
  overflow: visible;
}

.x60-ultra-swiper2 .swiper-slide img {
  width: 100%;
  height: auto;
  object-fit: contain;
  padding-bottom: calc(20 * var(--wmvw));
  border-radius: 0;
}

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

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

.x60-ultra-swiper2 .custom-title {
  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(40 * var(--wmvw));
  font-style: normal;
  font-weight: 630;
  line-height: 130% !important;
  /* line-height: 110% !important; */

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

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

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

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

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

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

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

  .x60-ultra-swiper2 .swiper-content-container {
    width: 46.875vw;
    margin: 0 auto;
    padding-top: calc(140 * var(--wmvw));
    padding-bottom: calc(280 * var(--wmvw));
  }
}

@media (max-width: 850px) {
  .x60-ultra-swiper2 .swiper-slide img {
    display: none;
  }

  .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% !important;

    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% !important;
    white-space: unset;
  }

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

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

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

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

  .x60-ultra-swiper2 .additional_content {
    position: relative;
  }

  /* Timeline line + dots for mobile */
  .x60-ultra-swiper2 .x60-swiper2-content.common-pc--hide {
    position: relative;
    padding-left: calc(28 * var(--wmvw));
  }

  .x60-ultra-swiper2 .x60-swiper2-content.common-pc--hide::before {
    content: "";
    position: absolute;
    left: calc(12 * var(--wmvw));
    top: calc(6 * var(--wmvw));
    bottom: calc(6 * var(--wmvw));
    width: 1px;
    background: linear-gradient(180deg, #eaae66 0%, #955818 100%);
    transform: translateX(-50%);
  }

  .x60-ultra-swiper2 .x60-swiper2-content.common-pc--hide > div {
    position: relative;
  }

  .x60-ultra-swiper2 .x60-swiper2-content.common-pc--hide > div::before {
    content: "";
    position: absolute;
    left: calc(-22 * var(--wmvw));
    top: calc(4 * var(--wmvw));
    width: calc(12 * var(--wmvw));
    height: calc(12 * var(--wmvw));
    border-radius: 50%;
    border: 1.5px solid transparent;
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(90deg, #eaae66 0%, #955818 100%) border-box;
    box-sizing: border-box;
  }

  .x60-ultra-swiper2 .x60-swiper2-content.common-pc--hide > div.active::before {
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(90deg, #eaae66 0%, #955818 100%) border-box;
  }
}

/* section13 end */

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

.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% !important;
  letter-spacing: 0;
  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% !important;
  letter-spacing: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

    position: relative;
    bottom: auto;
    left: auto;
    margin: calc(36 * var(--wmvw));
  }

  .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% !important;
    white-space: unset;
  }

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

  /* Timeline line + dots for mobile */
  .x60-ultra-media8 .custom-box.common-pc--hide {
    padding-left: calc(28 * var(--wmvw));
  }

  .x60-ultra-media8 .custom-box.common-pc--hide::before {
    content: "";
    position: absolute;
    left: calc(12 * var(--wmvw));
    top: calc(6 * var(--wmvw));
    bottom: calc(6 * var(--wmvw));
    width: 1px;
    background: linear-gradient(180deg, #eaae66 0%, #955818 100%);
    transform: translateX(-50%);
  }

  .x60-ultra-media8 .custom-box.common-pc--hide > div {
    position: relative;
  }

  .x60-ultra-media8 .custom-box.common-pc--hide > div::before {
    content: "";
    position: absolute;
    left: calc(-22 * var(--wmvw));
    top: calc(4 * var(--wmvw));
    width: calc(12 * var(--wmvw));
    height: calc(12 * var(--wmvw));
    border-radius: 50%;
    border: 1.5px solid transparent;
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(90deg, #eaae66 0%, #955818 100%) border-box;
    box-sizing: border-box;
  }
}

/* section14 end */

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

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

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

@media (min-width: 850px) {
  .template-x60-ultra .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.8);
    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% !important;
    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.4);

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

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

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

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

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

  .template-x60-ultra .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 .swiper-button.swiper-button-next {
    right: 0;
    left: unset;
  }

  .x60-ultra-swiper4 .swiper-button.swiper-button-prev {
    left: unset;
    right: calc(44 * var(--ymvw));
  }

  .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(35 * var(--ymvw));
    width: calc(35 * 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.8);
    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% !important;
  }
}

/* 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;
    margin-right: calc(10 * var(--bzvw));
  }

  .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-x60-ultra .main-content .x60-ultra-media9m .common-subtitle {
    color: rgba(255, 255, 255, 0.8);
  }

  .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% !important;
  }

  .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% !important;
  }
}

/* section17 end */

/* section18 */
.x60-ultra-swiper7 .custom-box-pc-inner {
  opacity: 0;
  transform: translateY(12px);
  transition:
    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% !important;

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

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

  .template-x60-ultra .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-x60-ultra .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(420 * var(--ymvw));
  }

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

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

  /* 主标题 */
  .x60-ultra-swiper7 .custom-box-m .text2 {
    color: rgba(0, 0, 0, 0.8);
    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% !important;
  }

  /* 副标题（第三行才有） */
  .x60-ultra-swiper7 .custom-box-m .text3 {
    margin-top: 4px;
    color: rgba(0, 0, 0, 0.8);
    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% !important;
  }

  /* 第三行结构微调（让文字整体对齐） */
  .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 .common-swiper-featured {
    max-height: 50.677vw !important;
    overflow-y: hidden;
  }
  .x60-ultra-swiper8 .custom-box-pc1 {
    position: absolute;
    top: calc(208 * var(--wmvw));
    left: calc(678 * var(--wmvw));

    display: flex;
    flex-direction: column;
    gap: calc(133 * var(--wmvw));
    width: calc(547 * 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% !important;
    color: rgba(255, 255, 255, 0.6);

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

  .x60-ultra-swiper8 .text2 {
    font-family: "MiSansLatin-Medium", sans-serif;
    font-style: normal;
    font-weight: 380;
    font-size: calc(18 * var(--wmvw));
    line-height: 140% !important;
    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% !important;
}

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

@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-x60-ultra .x60-ultra-swipery .h3 {
  text-align: left;
}

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

.x60-ultra-swipery .box-right > div {
  display: flex;
  flex-direction: column;
  gap: calc(20 * 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% !important;
  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% !important;
}

.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% !important;
}

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

@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% !important;
  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.6);
  font-family: "MiSansLatin-Medium", sans-serif;
  font-size: calc(16 * var(--bzvw));
  font-style: normal;
  font-weight: 380;
  line-height: 140% !important;
}

@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% !important;
  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.8);
  font-family: "MiSansLatin-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 380;
  line-height: 120% !important;
  text-align: left;

  max-width: 105px;
}

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

@media (max-width: 850px) {
  .x60-ultra-swiperz1
    .new-common-product-swiper-section
    .swiper-button.common-small--hide {
    display: none;
  }

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

  .template-x60-ultra .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% !important;

    text-align: left;
  }

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

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

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

  .template-x60-ultra
    .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";
  font-display: swap;
  src: url("https://cdn.shopify.com/s/files/1/0729/1997/4145/files/MiSansLatinVF.ttf?v=1765957065");
}

@font-face {
  font-family: "MiSansLatin-Medium";
  font-display: swap;
  font-weight: 500;
  src: url("https://cdn.shopify.com/s/files/1/0729/1997/4145/files/MiSansLatinVF.ttf?v=1765957065");
}

@font-face {
  font-family: "MiSansLatin-Semibold";
  font-display: swap;
  font-weight: 600;
  src: url("https://cdn.shopify.com/s/files/1/0729/1997/4145/files/MiSansLatinVF.ttf?v=1765957065");
}

@font-face {
  font-family: "MiSansLatin-Demibold";
  font-display: swap;
  font-weight: 600;
  src: url("https://cdn.shopify.com/s/files/1/0729/1997/4145/files/MiSansLatinVF.ttf?v=1765957065");
}

:root {
  --misans: "MiSans Latin";
  --misans-style: "MiSans Latin", sans-serif;
  --misans-medium-style: "MiSansLatin-Medium", sans-serif;
  --misans-title: "MiSansLatin-Semibold", sans-serif;
}

.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: calc(28 * var(--ymvw));
  background: rgba(42, 42, 45, 0.15);
  box-shadow: 0 0 0.5px 0 rgba(0, 0, 0, 0.11) inset;
  max-width: calc(262 * var(--ymvw));
  cursor: pointer;
}

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

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

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

.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), sans-serif;
    font-size: calc(16 * var(--ymvw));
    font-style: normal;
    font-weight: 520;
    line-height: 120% !important;
    /* 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), sans-serif;
    font-size: calc(14 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 130% !important;
    /* 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), sans-serif;
  font-size: calc(72 * var(--ymvw)) !important;
  font-style: normal;
  font-weight: 600;
  line-height: 120% !important;
  /* 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), sans-serif;
  font-size: calc(44 * var(--ymvw)) !important;
  font-style: normal;
  font-weight: 630;
  line-height: 120% !important;
  /* 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), sans-serif;
  font-size: calc(18 * var(--ymvw)) !important;
  font-style: normal;
  font-weight: 380;
  line-height: 120% !important;
  /* 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% !important;
    /* 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% !important;
    /* 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), sans-serif;
  font-size: calc(40 * var(--bzvw)) !important;
  font-style: normal;
  font-weight: 600;
  line-height: 120% !important;
  /* 48px */
  margin-bottom: calc(24 * var(--ymvw));
}

.x60-ultra-features .text-box .common-content {
  color: #ccc;
  font-family: var(--misans), sans-serif;
  font-size: calc(18 * var(--bzvw));
  font-style: normal;
  font-weight: 400;
  line-height: 140% !important;
  /* 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 .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(--bzvw));
}

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

.x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-card-content {
  font-size: calc(18 * var(--bzvw));
  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), sans-serif;
  font-size: calc(24 * var(--bzvw));
  font-style: normal;
  font-weight: 600;
  line-height: 120% !important;
  /* 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), sans-serif;
  font-size: calc(16 * var(--bzvw));
  font-style: normal;
  font-weight: 400;
  line-height: 120% !important;
  /* 28.8px */
}

@media (min-width: 850px) {
  .x60-ultra-features .x60-ultra-hot-water .common-iwt-content .text-box {
    padding-right: 0;
    display: grid;
    grid-template-columns: 620fr 389fr;
    grid-template-rows: auto auto;
    column-gap: calc(175 * var(--ymvw));
  }

  .x60-ultra-features .x60-ultra-hot-water .x60-ultra-feature-cards {
    gap: calc(120 * var(--ymvw));
    margin-right: calc(13 * var(--ymvw));
    display: flex;
    justify-content: flex-end;
  }
}

@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% !important;
    /* 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-features .x60-ultra-hot-water .x60-ultra-feature-cards {
    margin-right: calc(30 * var(--ymvw));
  }

  .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% !important;
    /* 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% !important;
    /* 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 - 46.875vw) / 2);
  }
}

@media (min-width: 850px) and (max-width: 1500px) {
  :root {
    --common-wrapper-half-padding: calc((100vw - 62.5vw) / 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), sans-serif;
  font-size: calc(80 * var(--bzvw));
  font-style: normal;
  font-weight: 600;
  line-height: 120% !important;
  /* 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), sans-serif;
  font-size: calc(40 * var(--bzvw)) !important;
  font-style: normal;
  font-weight: 630;
  line-height: 130% !important;
  /* 52px */
  margin-bottom: calc(32 * var(--ymvw));
}

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

@media (min-width: 850px) {
  .main-content .x60-ultra-swiper-pet .swiper-button {
    width: calc(36 * var(--ymvw));
    height: calc(36 * var(--ymvw));
    border: none;
  }

  .main-content .x60-ultra-swiper-pet .swiper-button svg {
    width: calc(35 * var(--ymvw));
    height: calc(35 * var(--ymvw));
  }

  .main-content .x60-ultra-swiper-pet .swiper-button.swiper-button-prev {
    right: calc(55 * var(--ymvw));
  }
}

@media (max-width: 850px) {
  .x60-ultra-swiper-pet .swiper-content-container {
    padding-right: var(--common-wrapper-half-padding);
  }

  .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(--bzvw));
    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), sans-serif;
    font-size: calc(18 * var(--bzvw)) !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), sans-serif;
    font-size: calc(16 * var(--bzvw));
    font-style: normal;
    font-weight: 380;
    line-height: 150% !important;
    /* 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: calc(45 * var(--ymvw));
  }

  .main-content .x60-ultra-swiper-pet .swiper-button {
    width: calc(36 * var(--ymvw));
    height: calc(36 * var(--ymvw));
    border: none;
  }

  .main-content .x60-ultra-swiper-pet .swiper-button svg {
    width: calc(35 * var(--ymvw));
    height: calc(35 * var(--ymvw));
  }
}

/* #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), sans-serif;
  font-size: calc(44 * var(--bzvw)) !important;
  font-style: normal;
  font-weight: 630;
  line-height: 120% !important;

  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), sans-serif;
  font-size: calc(24 * var(--bzvw));
  font-style: normal;
  font-weight: 380;
  line-height: 200% !important;
  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% !important;
  }

  .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), sans-serif;
  font-size: calc(44 * var(--bzvw)) !important;
  font-style: normal;
  font-weight: 630;
  line-height: 120% !important;
  /* 52.8px */
}

.template-x60-ultra
  .main-content
  .x60-ultra-voice.common-section-container
  .common-subtitle {
  color: rgba(0, 0, 0, 0.8);
  text-align: start;
  font-family: var(--misans), sans-serif;
  font-size: calc(18 * var(--bzvw));
  font-style: normal;
  font-weight: 380;
  line-height: 140% !important;
  /* 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), sans-serif;
    font-size: calc(24 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 520;
    line-height: 120% !important;
    /* 52.8px */
    margin-bottom: calc(16 * var(--ymvw));
  }

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

/* #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), sans-serif;
  font-size: calc(44 * var(--bzvw)) !important;
  font-style: normal;
  font-weight: 630;
  line-height: 120% !important;
  /* 52.8px */
  margin-bottom: calc(24 * var(--ymvw));
}

.template-x60-ultra
  .main-content
  .x60-ultra-matter.common-section-container
  .common-subtitle {
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-family: var(--misans), sans-serif;
  font-size: calc(18 * var(--bzvw));
  font-style: normal;
  font-weight: 400;
  line-height: 140% !important;
  /* 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), sans-serif;
  font-size: calc(22 * var(--bzvw)) !important;
  font-style: normal;
  font-weight: 600;
  line-height: 120% !important;
  /* 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), sans-serif;
  font-size: calc(16 * var(--bzvw)) !important;
  font-style: normal;
  font-weight: 400;
  line-height: 140% !important;
  /* 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-x60-ultra
    .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), sans-serif;
    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), sans-serif;
    font-size: calc(16 * var(--ymvw)) !important;
    font-style: normal;
    font-weight: 380;
    line-height: 140% !important;
    /* 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(--bzvw));
  left: calc(67 * var(--bzvw));
}

.x60-ultra-text-title {
  color: #000;
  font-family: var(--misans), sans-serif;
  font-size: calc(32 * var(--bzvw));
  font-style: normal;
  font-weight: 630;
  line-height: 120% !important;
  /* 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), sans-serif;
  font-size: calc(16 * var(--bzvw));
  font-style: normal;
  font-weight: 380;
  line-height: 140% !important;
  /* 22.4px */
}

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

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

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

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

@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), sans-serif;
    font-size: calc(16 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 140% !important;
    /* 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: 46.875vw;
  }
}

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

@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, sans-serif;
  font-size: calc(44 * var(--ymvw));
  font-style: normal;
  font-weight: 700;
  line-height: 144% !important;
  /* 63.36px */
  margin-bottom: calc(24 * var(--ymvw));
}

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

.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), sans-serif;
  font-size: calc(40 * var(--ymvw));
  font-style: normal;
  font-weight: 700;
  line-height: 120% !important;
  /* 48px */
  margin-bottom: calc(65 * var(--ymvw));
}

.x60-ultra-modal-content-part-2-text-desp {
  color: #000;
  text-align: center;
  font-family: var(--misans), sans-serif;
  font-size: calc(18 * var(--ymvw));
  font-style: normal;
  font-weight: 500;
  line-height: 140% !important;
  /* 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), sans-serif;
  font-size: calc(40 * var(--ymvw));
  font-style: normal;
  font-weight: 600;
  line-height: 120% !important;
  /* 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(4, 1fr);
  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), sans-serif;
  font-size: calc(14 * var(--ymvw));
  font-style: normal;
  font-weight: 500;
  line-height: 140% !important;
  /* 19.6px */
}

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

.x60-ultra-modal-content-card-desp {
  color: #666;
  font-family: var(--misans), sans-serif;
  font-size: calc(14 * var(--ymvw));
  font-style: normal;
  font-weight: 400;
  line-height: 140% !important;
  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% !important;
    /* 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% !important;
    /* 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% !important;
    /* 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% !important;
    /* 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-top: 3rem;
  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 {
  margin-top: 0;
  color: #1a1a1a;
  font-family: var(--misans), sans-serif;
  font-size: calc(44 * var(--bzvw)) !important;
  font-weight: 630;
  line-height: 120% !important;
  /* 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), sans-serif;
  font-size: calc(20 * var(--bzvw));
  font-style: normal;
  font-weight: 520;
  line-height: 110% !important;
  /* 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(--bzvw));
}

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

.x60-ultra-product-items .left-box .image-box {
  background: #f2f2f2;
}

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

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

.x60-ultra-product-items.new-product-item .right-box .cell .item .title span {
  color: #1a1a1a;
  font-family: var(--misans), sans-serif;
  font-size: calc(14 * var(--bzvw));
  font-weight: 380;
  line-height: 130% !important;
  /* 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(--bzvw));
  font-family: var(--misans), sans-serif;
  line-height: 140% !important;
  /* 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(--bzvw));
  height: calc(20 * var(--bzvw));
}

@media (min-width: 850px) {
  div .new-product-item .common-item-inner {
    display: grid;
    grid: ". ." ". a" /544fr 636fr;
    gap: calc(20 * var(--bzvw));
  }
}

@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), sans-serif;
    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), sans-serif;
    font-size: calc(16 * var(--ymvw));
    font-weight: 380;
    line-height: 130% !important;
    /* 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), sans-serif;
    font-size: calc(16 * var(--ymvw));
    font-style: normal;
    font-weight: 380;
    line-height: 130% !important;
    /* 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(--bzvw)) !important;
  font-family: var(--misans), sans-serif;
  line-height: 120% !important;
}

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

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

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

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

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

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

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

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

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

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

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

.x60-ultra-spec.new-product-spec .common-spec-content .new-product-content-btn {
  color: #bca18e;
  text-transform: capitalize;
  font-weight: 450;
  font-style: normal;
  font-size: calc(14 * var(--bzvw));
  font-family: var(--misans), sans-serif;
  line-height: 140% !important;
  /* 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(--bzvw));
  height: calc(20 * var(--bzvw));
}

@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% !important;
    /* 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% !important;
    /* 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 */
@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(--bzvw));
  }

  .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% !important;
    padding-bottom: calc(24 * var(--ymvw));
    padding-top: calc(140 * var(--ymvw));
  }

  .x60-ultra-custom4 .custom-text p {
    color: rgba(235, 235, 235, 0.6);
    font-family: "MiSansLatin-Regular", sans-serif;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 330;
    line-height: 140% !important;
    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% !important;
    padding-bottom: calc(24 * var(--ymvw));
    padding-top: calc(120 * var(--ymvw));
  }

  .x60-ultra-custom4 .custom-text p {
    color: rgba(235, 235, 235, 0.6);
    font-family: "MiSansLatin-Regular", sans-serif;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 330;
    line-height: 140% !important;
    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;
  }

  .mb-section-show .new-swiper-navigation .featured-box > .common-small--hide {
    display: none;
  }

  .mb-section-show
    .new-swiper-navigation
    .featured-box
    .text-container
    > div
    > div:last-child {
    display: none;
  }

  .mb-section-show
    .new-swiper-navigation
    .featured-box
    .text-container
    > div.active
    > div:last-child {
    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 !important;
    font-family: var(--misanslatin), sans-serif;
  }

  .template-x60-ultra
    .main-content
    .x60-ultra-video-swiper
    .common-section-container
    .common-subtitle {
    text-align: left;
    margin-bottom: calc(5 * var(--ymvw));
  }

  .template-x60-ultra
    .main-content
    .x60-ultra-video-swiper
    .common-section-container
    .subtitle {
    color: #ccc;
    font-size: 4.1vw;
    line-height: 1.5 !important;
  }

  .x60-ultra-video-swiper
    .new-swiper-navigation
    .featured-box
    .text-container
    .title_navigation
    > div:first-child:before {
    content: "";
    width: 12px;
    height: 20.25px;
    background: url(https://cdn.shopify.com/s/files/1/0302/5276/1220/files/x60-ultra-Vector.svg?v=1769670883)
      center/contain no-repeat;
    position: absolute;
    right: 0;
    transition: transform 0.2s linear;
  }
}

/* add for global */
div .new-common-tabbar .another-btn {
  background: #c9ad97;
  color: #fff !important;
  border-radius: 50px;
  min-width: unset;
  line-height: 1 !important;
  border: none;
}

.new-common-tabbar .common-tabbar-productinfo big {
  font-family: var(--misanslatin-semibold), sans-serif;
  color: #000000;
}

div .new-common-tabbar .item-container {
  display: flex;
}

.new-common-tabbar .common-tabbar-productinfo big {
  text-transform: unset;
}

div .new-common-tabbar .common-tabbar-container > div {
  text-transform: unset;
}

div .new-common-tabbar .common-tabbar-container .common-tabbar-item {
  text-transform: unset;
}

div .new-common-tabbar .common-tabbar-container .common-tabbar-item {
  color: rgba(0, 0, 0, 0.8);
}

.common-tabbar-outer-container.enable_sticky {
  z-index: 100;
}

@media (min-width: 850px) {
  .new-common-tabbar .common-tabbar-productinfo big {
    font-size: calc(24 * var(--ymvw)) !important;
  }

  div .new-common-tabbar .item-container {
    gap: calc(16 * var(--ymvw));
  }

  div .new-common-tabbar .common-tabbar-container {
    padding: 0;
    gap: calc(16 * var(--ymvw));
    position: relative;
  }

  div .new-common-tabbar .common-tabbar-container > div {
    font-family: var(--misanslatin-medium), sans-serif;
    padding: calc(22 * var(--ymvw)) calc(8 * var(--ymvw));
    /* font-size: calc(12 * var(--ymvw)); */
    font-size: min(14px, calc(16 * var(--ymvw)));
  }

  div .new-common-tabbar .another-btn {
    display: inline-block;
    /* font-size: calc(14 * var(--ymvw)); */
    font-size: min(14px, calc(18 * var(--ymvw)));
    padding: calc(12 * var(--ymvw)) calc(32 * var(--ymvw));
  }

  .site-header-box[data-enable_overlay="false"] {
    opacity: 0;
  }
}

@media (max-width: 850px) {
  div .new-common-tabbar .buy-container {
    padding: calc(10 * var(--ymvw)) calc(20 * var(--ymvw));
  }

  .new-common-tabbar .common-tabbar-productinfo big {
    font-size: calc(16 * var(--ymvw)) !important;
  }

  div .new-common-tabbar .another-btn {
    font-size: calc(14 * var(--ymvw));
    padding: calc(9.5 * var(--ymvw)) calc(24 * var(--ymvw));
  }

  div .new-common-tabbar .common-tabbar-container .common-tabbar-item {
    padding: 15px 8px 8px;
    margin-right: 16px;
    display: inline-block;
    font-size: 12px !important;
  }

  div .new-common-tabbar .common-tabbar-container {
    padding-left: 20px;
  }
}


/* #region SOPI: spec table + sticky tab bar match the L50s Pro Ultra page */

/*
  The spec and tab bar rules above came over from the US site in MiSans with
  vw-scaled sizes, so on a 1300px screen they render far smaller than the
  L50s Pro Ultra page (x50-product-specifications + x50-ultra-tabbar). These
  restyle both in the theme's Rany at the L50s sizes. The extra
  .common-section-container / .common-tabbar-outer-container class lets them
  win over the same rules in x60-ultra-extreme.css, which loads after this.
*/

.common-section-container.x60-ultra-spec.new-product-spec .common-title {
  color: #121212;
  font-family: 'Rany', var(--font-heading-family, sans-serif);
  font-weight: 700;
  font-size: clamp(40px, 2.5vw, 48px) !important;
}

.common-section-container.x60-ultra-spec.new-product-spec
  .common-spec-content
  .common-spec-text-box
  .common-content
  .x60-ultra-spec-ul
  li {
  padding: 27px 16px;
}

.common-section-container.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;
  font-family: 'Rany', var(--font-body-family, sans-serif);
  font-weight: 400;
  font-size: 16px;
}

.common-section-container.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;
  font-family: 'Rany', var(--font-body-family, sans-serif);
  font-weight: 600;
  font-size: 20px;
}

.common-section-container.x60-ultra-spec.new-product-spec .common-spec-content .new-product-content-btn {
  color: #a46e3b;
  font-family: 'Rany', var(--font-body-family, sans-serif);
  font-weight: 500;
  font-size: 14px;
}

.common-section-container.x60-ultra-spec.new-product-spec .common-spec-content .new-product-content-btn svg {
  width: 16px;
  height: 16px;
}

.common-tabbar-outer-container.x60-ultra-tabbar.new-common-tabbar {
  background-color: #f4f4f3;
}

.common-tabbar-outer-container.x60-ultra-tabbar.new-common-tabbar .common-tabbar-productinfo big {
  color: #2d2d2d;
  font-family: 'Rany', var(--font-heading-family, sans-serif);
}

.common-tabbar-outer-container.x60-ultra-tabbar.new-common-tabbar .common-tabbar-container .common-tabbar-item {
  color: #000;
  font-family: 'Rany', var(--font-body-family, sans-serif);
}

.common-tabbar-outer-container.x60-ultra-tabbar.new-common-tabbar .common-tabbar-container .common-tabbar-item.active {
  border-bottom: 2px solid #9b7648;
  color: #9b7648;
}

.common-tabbar-outer-container.x60-ultra-tabbar.new-common-tabbar .another-btn {
  background: #b48142;
  color: #fff !important;
  font-family: 'Rany', var(--font-body-family, sans-serif);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

@media (min-width: 850px) {
  .common-tabbar-outer-container.x60-ultra-tabbar.new-common-tabbar .common-tabbar-productinfo big {
    font-size: 19px !important;
  }

  .common-tabbar-outer-container.x60-ultra-tabbar.new-common-tabbar .common-tabbar-container > div {
    padding: 20px 8px;
    font-size: 12px;
    line-height: 1.2;
  }

  .common-tabbar-outer-container.x60-ultra-tabbar.new-common-tabbar .another-btn {
    padding: 12px 30px;
    font-size: 13.33px;
  }
}

@media (max-width: 850px) {
  .common-section-container.x60-ultra-spec.new-product-spec .common-title {
    color: #1a1a1a;
    font-size: clamp(32px, 9vw, 42px) !important;
  }

  .common-section-container.x60-ultra-spec.new-product-spec
    .common-spec-content
    .common-spec-text-box
    .common-content
    .x60-ultra-spec-ul
    li {
    gap: 2px;
    padding: 20px 12px;
  }

  .common-section-container.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;
    font-size: 20px;
  }

  .common-section-container.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: 400;
    font-size: 16px;
  }
}

/* #endregion */