/** Shopify CDN: Minification failed

Line 64:26 Unexpected "{"
Line 64:35 Expected ":"
Line 70:25 Unexpected "{"
Line 70:34 Expected ":"
Line 75:25 Unexpected "{"
Line 75:34 Expected ":"
Line 113:27 Unexpected "{"
Line 113:36 Expected ":"
Line 140:28 Unexpected "{"
Line 140:37 Expected ":"
... and 20 more hidden warnings

**/
     .details-highlight {
       position: relative;
     }

     .details-highlight__title {
       text-align: center;
       /* margin-bottom 由 Liquid 动态控制 */
       /* font-size 由 Liquid 动态控制 */
       /* font-weight 由 Liquid 动态控制 */
       line-height: var(--line-height-tight);
     }
     .details-highlight__item {
       text-align: center;
       height: 100%;
       display: flex;
       flex-direction: column;
       align-items: center;
       width: 50%;
     }
     .details-highlight__image-wrapper {
       width: 100%;
       padding-bottom: 75%;   /* 4:3 比例 (3/4 = 75%) */
       position: relative;
       border-radius: 8px;
       overflow: hidden;
     }
     .details-highlight__image {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
     }
     .details-highlight__name {
       /* font-weight 由 Liquid 动态控制 */
       margin-bottom: 0;
       /* font-size 由 Liquid 动态控制 */
       line-height: var(--line-height-snug);
       margin-top: 0;
     }
     .details-highlight__description {
       color: #000;
       /* font-size 由 Liquid 动态控制 */
       line-height: var(--line-height-normal);
       margin:0;
     }

      #details-highlight-{{ section.id }} .swiper {
       overflow: hidden;
       position: relative;
        padding:0 10px;
     }

     #details-highlight-{{ section.id }} .swiper-wrapper {
       display: flex;
       align-items: stretch;
     }

     #details-highlight-{{ section.id }} .swiper-slide {
       height: auto;
     }

   /* Swiper container wrapper */
   .swiper-container-wrapper {
     position: relative;
   }

   .swiper-container-wrapper .swiper {
     width: 100%;
   }

   /* 桌面端隐藏分页点，移动端显示 */
   @media screen and (min-width: 750px) {
     .details-highlight .swiper-pagination {
       display: none !important;
     }
   }
  @media screen and (min-width: 750px) and (max-width: 1200px) {
     .ergonomic-features__heading ,.details-highlight__title{
       /* font-size 由 Liquid 动态控制 */
     }
   }
     @media screen and (max-width: 749px) {
       .details-highlight__mobile-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
         padding: 0 15px;
       }
       .details-highlight__desktop-image {
         display: none;
       }
       .details-highlight__mobile-image {
         display: block;
       }

       #details-highlight-{{ section.id }} .details-highlight__desktop-swiper {
         padding:0 15px;
       }

        .details-highlight {
       position: relative;
     }

       .details-highlight__title {
       text-align: center;
       /* margin-bottom 由 Liquid 动态控制 */
       /* font-size 由 Liquid 动态控制 */
       /* font-weight 由 Liquid 动态控制 */
     }

       .details-highlight__name{
         /* font-size 由 Liquid 动态控制 */
       }

       .details-highlight__description{
          /* font-size 由 Liquid 动态控制 */
       }

       .details-highlight__content{
             text-align: left;
       }

        #details-highlight-{{ section.id }} .swiper {
       overflow: hidden;
       position: relative;
        padding:0;
          padding-bottom: 30px;
     }

         #details-highlight-{{ section.id }}  .swiper-pagination-bullet {
       box-sizing: border-box;
       position: relative;
       transition: opacity 0.3s ease;
        width: 13px;
       height:  13px;
     }

     /* 使用伪元素添加中间的白色圆点 */
     #details-highlight-{{ section.id }}  .swiper-pagination-bullet::after {
           content: '';
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 15px;
       height: 15px;
       /* background: #ffffff; */
       border-radius: 50%;
       display: none;
       border: 2px solid #fff
     }

      #details-highlight-{{ section.id }}  .swiper-pagination-bullet-active {
           background: #707070;
       width: 16px;
       height: 16px;
     }

     /* 激活时显示白色圆点 */
      #details-highlight-{{ section.id }}  .swiper-pagination-bullet-active::after {
       display: block; /* 激活时显示白色圆点 */
     }
      #details-highlight-{{ section.id }}  .swiper-pagination-bullets.swiper-pagination-horizontal{
         display: flex;
       align-items: center;
       justify-content: center;
           bottom: 0px;
   }
     }

     @media screen and (min-width: 750px) {
       .details-highlight__mobile-grid {
         display: none;
       }
       .details-highlight__content {
       width: 100%;
       text-align: left;
   }
       .details-highlight__desktop-swiper {
         display: block;
         position: relative;
         padding: 0 30px;
         overflow: hidden;
         margin: 0 auto;
       }

       /* swiper-buttons 样式由 Liquid 内联样式控制 */
       .details-highlight__desktop-image {
         display: block;
       }
       .details-highlight__mobile-image,#details-highlight-{{ section.id }} .swiper-pagination {
         display: none;
       }
     }

   #details-highlight-{{ section.id }} .swiper-button-next:after,#details-highlight-{{ section.id }} .swiper-rtl .swiper-button-prev:after{
     content:none;
   }

   #details-highlight-{{ section.id }} .swiper-button-prev:after,#details-highlight-{{ section.id }}  .swiper-rtl .swiper-button-next:after{
       content:none;
   }

   /* 移动端导航箭头 */
   .dh-mobile-nav {
     display: none;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     width: 28px;
     height: 28px;
     padding: 0;
     border: none;
     background: transparent;
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     appearance: none;
     -webkit-appearance: none;
   }

   .dh-mobile-nav svg {
     width: 28px;
     height: 28px;
     display: block;
   }

   .dh-mobile-nav:active {
     transform: scale(0.9);
   }

   @media screen and (max-width: 749px) {
     .dh-mobile-nav {
       display: flex;
     }
   }