/** Shopify CDN: Minification failed

Line 108:23 Comments in CSS use "/* ... */" instead of "//"
Line 163:1 Expected "}" to go with "{"

**/
   /* @media screen and (min-width: 990px) {
  .product--large:not(.product--no-media) .product__media-wrapper {
     max-width: 57.7%;      
    width: calc(57.7% - var(--grid-desktop-horizontal-spacing) / 2); 
  }
} */
 .product-form__input--pill input[type=radio]+label{
  letter-spacing: 0
 }
 .swiper-little .span-play {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc((100% - 20px) / 2) !important;
}
.swiper-little .span-play .icon-play {
    width: 8px;
    height: 8px;
}
 .product-media-container.constrain-height.media-fit-contain{
    width:100%;
 }
.features-box{
      display:flex;
      align-items: flex-start;
      justify-content: center;    
      
}
   
   .swiper-big {    
      width: calc(100% - 110px);
      
    }
  
    .swiper-little  {            
      width: 90px;     
      margin-right:20px;
      max-height: 690px;
      overflow: hidden;
      
    }
    .swiper-little .swiper-wrapper{
       display:flex;
       flex-direction: column;
    }
    .swiper-little .swiper-slide {
       border: 1px solid #ddd;
       width:90px!important;
       height:90px!important;
       margin:0 0  10px;
       border-radius: 4px;
       padding:1px;
       box-sizing: border-box;
      cursor:pointer;
      display:flex;
      align-items:center;
      
    }
    .swiper-little  .swiper-slide img {
      width:100%;
      height: auto;
     }
   
   .swiper-big .swiper-slide img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .swiper-little .swiper-slide-thumb-active {
      border: 1px solid #000;
    }

 

    .swiper-big .swiper-pagination-bullet-active{
      background:#000;
    }
  .swiper-big  .swiper-button-next,.swiper-big  .swiper-button-prev{
     color:#000;
     background: #fff;
     border-radius:50%;
     padding:5px;
    display:flex;
    width:38px;
    height:38px;
   }
 .swiper-big .swiper-button-next:after, .swiper-big .swiper-button-prev:after{
    font-size:14px;
  }



  

.features-box .swiper-button-next.swiper-button-disabled, .features-box  .swiper-button-prev.swiper-button-disabled{
  pointer-events: auto;//鼠标事件
}
/* .product__media-toggle:after{
  pointer-events: none;//鼠标事件
} */
/* 在台式设备上启用粘性内容 */
.product__media-gallery-sticky{
    position: sticky;
    position:-webkit-sticky;
    top: 5rem;
    z-index: 2;
}
@media screen and (max-width: 1600px) {
   .swiper-little{      
          max-height:600px!important;
  }
}
@media screen and (max-width: 1366px) {
    .swiper-little .swiper-slide {
          width: 63px !important;
          height: 63px !important;
    }
  .swiper-little{
         width: 63px !important;
         max-height:502px!important;
  }
  

@media screen and (max-width: 1024px) {
   .product.grid{
       flex-direction:column;
   }
  .grid--1-col .grid__item {
    max-width: 100%!important;
    width: 100%!important;
  }
  .product__media-wrapper{
    margin-bottom:30px;
  }
  .product__info-wrapper{
    padding-left:0;
  }
  .product__info-container{
    max-width:100%!important;
  }
}

@media screen and (max-width: 750px) {
  .swiper-little{
    display:none;
  }
  .swiper-big {
    width: 100%;
   }
}