/** Shopify CDN: Minification failed

Line 453:0 Expected "}" to go with "{"

**/
@media (max-width: 1280px) and (min-width: 768px) {
  .msd008-ksp .inner-page-width {
    max-width: 100%;
  }
}
@media (min-width: 1921px) {
  .msd008-effortless .inner-page-width {
    padding-top: 323px !important;
  }
  .msd008-dual .inner-page-width {
    padding-top: 383px !important;
  }
  .msd008-led .inner-page-width {
    padding-top: 420px !important;
  }
  .msd008-mangnetic .inner-page-width {
    padding-top: 420px !important;
  }
  .msd008-price .inner-page-width {
    padding-top: 243px !important;
  }
}



@media (min-width: 769px) {
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(1) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 336px;
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 47.62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(2) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 336px;
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 78.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(3) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 197px;
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 83.33%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(4) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 122px ;
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 104.58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(5) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 211px ;
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 60.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box {
    column-gap: 24px;
    row-gap: 20px;
  }
  .msd008-ksp .hero-grid-show-subtitle-content-title {
    font-size: 32px;
    font-weight: 520;
  }
  .msd008-ksp .hero-grid-show-subtitle-content-subtitle {
    font-size: 20px;
    font-weight: 400;
  }
  .msd008-ksp .ksp-24price{
    font-size: 36px !important;
  }
  .msd008-effortless .image-overlay__label-title {
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 102.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    padding-bottom: 32px !important;
    width: 779px !important;
  }
  .msd008-effortless .image-overlay__label-subtitle {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    width: 590px !important;
  }
  .msd008-effortless .heropointfb-box {
    flex-direction: row !important;
    margin-top:47px !important;
    gap: 1%;
    justify-content: space-between;
    display: flex;
    flex-wrap: nowrap;
  }
  .msd008-effortless .heropointfb-item {
    padding-right: 0;
  }
  .msd008-effortless .heropointfb-item-title {
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 74.55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 48px !important;
    font-weight: 630 !important;
    line-height: 120% !important;
    margin-bottom: 0 !important;
    width: 336px !important;
  }
  .msd008-effortless .heropointfb-item-con {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
  }
  .msd008-effortless .inner-page-width {
    transform: translate(-53%) !important;
  }
  .msd008-dual .image-overlay__label-title {
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 102.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    width: 484px !important;
  }
  .msd008-dual .image-overlay__label-subtitle {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
  }
  .section-global-fixed-banner + .section-global-fixed-banner {
    margin-top: 0; /* 在第二个组件上方添加10px边距 */
  }
  .section-global-fixed-banner + .section-global-fixed-banner::before {
    content: '';
    display: block;
    height: 2.5px;
    width: 100%;
    background-color: #f5f5f5;
    position: relative;
    top: -2.5px; /* 让伪元素位于间距区域 */
  }
  .section-global-fixed-banner {
    background: #000000;
  }
  .msd008-led .image-overlay__label-title {
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 102.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    width: 484px !important;
  }
  .msd008-led .image-overlay__label-subtitle {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
  }
  .msd008-mangnetic .image-overlay__label-title {
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 102.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    width: 651px !important;
  }
  .msd008-mangnetic .image-overlay__label-subtitle {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
  }
  .msd008-price .image-overlay__label-title {
    background: linear-gradient(90deg, #4089F9 -5.86%, #E7F0FE 102.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    width: 651px !important;
  }
  .msd008-price .image-overlay__label-subtitle {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
  }
}
@media (min-width: 1000px) and (max-width: 1281px) {
  .msd008-effortless .inner-page-width,
  .msd008-dual .inner-page-width,
  .msd008-led .inner-page-width,
  .msd008-mangnetic .inner-page-width,
  .msd008-price .inner-page-width {
      transform: translate(-43%) !important;
  }
}
@media screen and (max-width: 767px) {
  .msd008-ksp .page-width {
    padding-left: 10px;
    padding-right: 10px;
  }
  .msd008-ksp .hero-grid-show-subtitle-box {
    column-gap: 6px;
    row-gap: 5px;
  }
  .msd008-ksp .hero-grid-show-subtitle-content-title {
    font-size: 14px !important;
    font-weight: 520;
    margin-bottom: 3px;
  }
  .msd008-ksp .hero-grid-show-subtitle-content-subtitle {
    font-size: 9px;
    font-weight: 380;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(1) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 77px;
    background: linear-gradient(90deg, #4089F9 0%, #E7F0FE 83.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(2) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 77px;
    background: linear-gradient(90deg, #4089F9 0%, #E7F0FE 83.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(3) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 77px;
    background: linear-gradient(90deg, #4089F9 0%, #E7F0FE 83.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(4) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 52px ;
    background: linear-gradient(90deg, #4089F9 0%, #E7F0FE 83.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-ksp .hero-grid-show-subtitle-box :nth-child(5) .hero-grid-show-subtitle-content .hero-grid-show-subtitle-content-title {
    width: 62px ;
    background: linear-gradient(90deg, #4089F9 0%, #E7F0FE 83.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
  .msd008-effortless .page-width {
    padding-left: 0;
    padding-right: 0;
  }
  .msd008-effortless .image-overlay__label-title {
    background: linear-gradient(270deg, #E7F0FE 2.88%, #4089F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 120% !important;
    padding-bottom: 16px !important;
  }
  .msd008-effortless .image-overlay__label-subtitle {
    color: #DEDEDE !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
  }
  .msd008-effortless .btn-wrapper {
    display: flex;
    padding-left: 16px;
  } 
  .msd008-effortless .heropointfb-box {
    flex-direction: row;
    margin-top: 57px !important; 
    gap:0 !important;
    justify-content: space-between;
    position: absolute !important;
    bottom: 95px !important;
    left: 32px !important;
  }
  .msd008-effortless .heropointfb-item {
    padding: 20px 20px 20px 0 !important;
    justify-content: flex-start; 
    align-content: flex-start; 
    text-align: left;
  }
  .msd008-effortless .heropointfb-box :nth-child(1) .heropointfb-item-title {
    background: linear-gradient(270deg, #E7F0FE 6.25%, #4089F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
    margin-bottom: 0 !important;
    width: 103px !important;
  }
  .msd008-effortless .heropointfb-box :nth-child(2) .heropointfb-item-title {
    background: linear-gradient(270deg, #E7F0FE 6.25%, #4089F9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
    margin-bottom: 0 !important;
    width: 96px !important;
  }
  .msd008-effortless .heropointfb-item-con {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
  }
  .msd008-torque.horizontal-swiper-center {
    gap: 28px !important;
  }
  .msd008-torque.horizontal-swiper-center .bottom .bottom-grid.grid-2 {
    gap: 4px !important;
    text-align: center;
  }
  .msd008-torque .text-color-primary {
    margin-bottom: 0 !important;
    background: linear-gradient(270deg, #E7F0FE 6.25%, #4089F9 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 120% !important; /* 24px */
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .msd008-torque .text-color-secondary {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 140% !important; /* 16.8px */
    color :#dedede !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .msd008-torque .text-container {
    min-height: 70px !important;
  }
  .msd008-torque .image-container {
    order: 2 !important;
  }
  .msd008-torque.horizontal-swiper-center .bottom .bottom-grid {
    align-items: center !important;
  }
  .msd008-torque .ctrl {
        padding-top: 35px !important;
        gap: 10px;
  }
}

@media (max-width: 768px) {
  .msd008-dual .image-overlay__label-title, 
  .msd008-led .image-overlay__label-title,
  .msd008-mangnetic .image-overlay__label-title,
  .msd008-price .image-overlay__label-title {
    background: linear-gradient(270deg, #E7F0FE 2.88%, #4089F9 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 120% !important;
  }
  .msd008-dual .image-overlay__label,
  .msd008-led .image-overlay__label,
  .msd008-mangnetic .image-overlay__label,
  .msd008-price .image-overlay__label {
    padding-inline: 0;
  }
  .msd008-dual .image-overlay__label-subtitle,
  .msd008-led .image-overlay__label-subtitle,
  .msd008-mangnetic .image-overlay__label-subtitle,
  .msd008-price .image-overlay__label-subtitle {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    color: #dedede !important;
  }
}
.text-list-section-box .show-more-button {
  display: none !important;
}
.text-list-section-box {
  max-height: none !important;
  overflow: visible !important;
}
@media (min-width: 769px) {
  .text-list-section-box .text-list-item {
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
    flex-direction: row !important;
  }
}
@media (max-width: 769px) {
  .text-list-section-box .text-list-item {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/*msd008-torque手机端居中卡片按钮*/
@media (max-width: 768px) {
  /* 修改导航按钮容器样式 */
  .msd008-torque.horizontal-swiper-center .swiper-button-prev-common,
  .msd008-torque.horizontal-swiper-center .swiper-button-next-common {
    width: 48px;  /* 设置宽度为 48px */
    height: 48px; /* 设置高度为 48px */
    display: flex; /* 确保 flex 布局 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    cursor: pointer;
  }

  /* 确保 SVG 图标完全填充按钮 */
  .msd008-torque.horizontal-swiper-center .swiper-button-prev-common svg,
  .msd008-torque.horizontal-swiper-center .swiper-button-next-common svg {
    width: 100% !important; /* 确保 SVG 填满容器 */
    height: 100% !important;
    transform: none !important; /* 清除移动端的缩放 */
  }  
}
@media screen and (max-width: 767px) {
    .page-width {
        padding-left: 16px;
        padding-right: 16px;
    }
}