/** Shopify CDN: Minification failed

Line 2715:4 "pading" is not a known CSS property
Line 3598:0 Comments in CSS use "/* ... */" instead of "//"
Line 3619:0 Comments in CSS use "/* ... */" instead of "//"
Line 3637:0 Comments in CSS use "/* ... */" instead of "//"
Line 4231:4 "max-wdith" is not a known CSS property
Line 4909:2 Comments in CSS use "/* ... */" instead of "//"
Line 6612:0 Unexpected "{"
Line 6612:1 Expected identifier but found "%"
Line 6668:0 Unexpected "{"
Line 6668:1 Expected identifier but found "%"

**/
.uk-hide-in-pc{display: none !important;}
@media(max-width: 768px){
  .uk-hide-in-mb{display: none !important;}
  .uk-hide-in-pc{display: block !important;}
}



/*========================== page luck-bag ===========================*/
.section-lucky-bag-banner{
  .text-wrapper .title{color: #050505 !important;font-weight: bold!important;}
  .logo-wrapper svg {
    width: 200px !important;
    margin-bottom: 1.822916vw;
    .st0{fill: #050505 !important;}
  }
  .text-wrapper .text-inner{max-width: unset;padding: 0px;padding-left:8.33333vw;}
  
  @media(max-width: 768px){
    .text-wrapper .title{color: #ffffff !important;font-size: 5.333333vw !important;line-height: 1.5 !important;}
    .logo-wrapper svg {
      max-width: 40vw;
      margin: 0px auto;
      margin-bottom: 76.26666vw;
      .st0{fill: #ffffff !important;}
    }
    .text-wrapper .text-inner{max-width: unset;padding: 0px;}
    .text-wrapper{bottom: 8vw;}
  }
}
.lucky-bag-benefit{
  padding-top: 0px;
  .fixed-top-bar{
    position: fixed;
    top: -100px;
    width: 100%;
    transition: all 0.3s;
    z-index: 100;
    background: url("https://cdn.shopifycdn.net/s/files/1/0271/5389/1376/files/20_2x_2a0f1ff0-5b16-42b0-9c42-2578e8c1dca7.png?v=1637138116");
    background-size: contain;
    text-align:center;
    color: #ffffff;
    height: 33px;
    line-height: 33px;
    font-weight: 500;
    .pop{
      text-decoration: underline;
      transition: all 0.3s;
      color: #ffffff;
      margin-left: 15px;
      cursor: pointer;
      display: inline-block;
      &:hover{
        color: #fe7b3d;
      }
    }
    &.active{top: 0px;}
    
    @media(max-width: 768px){
      background: #D15736;
      height:unset;
      line-height: unset;
      padding: 2.666666vw 5px;
      font-size: 3.2vw;
      .pop{
        font-size: 3.73333vw;
      }
    }
  }
  .pop-button-wrapper{
    position: relative;
    display: flex;
    align-items:center;
    background: #DDB789;
    max-width: 540px;
    height: 90px;
    cursor: pointer;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 170px;
    transition: all 0.3s;

    .news{
      width: 33.333333%;
      position: relative;
      font-size: 28px;
      line-height: 1.2;
      text-align:center;
      &::after{
        content: '';
        width:2px;
        background: #ffffff;
        right: -1px;
        height: 50px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
      }
    }
    .text{
      width: 66.66666%;
      font-size: 16px;
      line-height: 1.4;
/*       color: #FFFFFF; */
      padding-left: 35px;
    }
    &:hover{
      color: #f4e1ce;
      .news::after{
        background: #f4e1ce;
      }
    }
  }
  .left-icon{
    position: absolute;
    top: 90px;
    left: 0px;
    @media(max-width: 1920px){
      width:13.854166vw;
    }
  }
  .right-icon{
    position: absolute;
    top: 0px;
    right: 0px;
    @media(max-width: 1920px){
      width: 23.17708vw;
    }
  }
  .title{
    margin-bottom: 100px;
    font-weight: bold;
    text-align:center;
    @media(min-width: 1921px){font-size: 42px !important;}
  }
  .item-wrapper .item .text{top: unset;bottom: 30px;padding: 0px 5px;}
  @media(max-width: 1500px){
    .item-wrapper{max-width: 84vw;}
    .title{
      margin-bottom: 6.66666vw;
    }
    .pop-button-wrapper{margin-bottom: 11.33333vw;}
  }
  @media(max-width: 768px){
    .pop-button-wrapper{margin-bottom: 0px;padding: 17px 0px;height: unset;max-width: unset;}
    .pop-button-wrapper .news{font-size: 4.8vw;width: 26.65245%;}
    .pop-button-wrapper .text{font-size: 3.2vw;padding-left: 7.46666vw;width: 73.34754%;}
    .pop-button-wrapper .news::after{height: 38px;}
    .title{font-size: 4.8vw;margin-bottom:10.66666vw;margin-top: -6.666666vw;}
    .item-wrapper{max-width: unset;}
    .swiper-pagination-why-choose-bone{bottom: 5px !important;}
    .item-wrapper .item .text br{display: none;}
    .item-wrapper .item img{width: 100%;}
  }
  @media(min-width: 1921px){
    .fixed-top-bar{background-size: cover;}
  }
}
.section-bag-product-grid{
  background: #FDFCFA;
  padding: 5.208333vw 0px;
  .title{text-align:center;margin-bottom: 100px;font-weight: bold;color: #050505;text-transform: uppercase;}
  @media(min-width: 1921px){
    .title{font-size: 42px;}
  }
  .item{
    max-width: 1260px;
    padding: 0px 30px;
    display: flex;
    align-items: center;
    margin: 0px auto;
    &:not(.first){
      margin-top: 8.333333vw;
    }
    &.image-right{
      .image{order: 2;}
    }
    .image{width: 64.33333%;}
    .product-info{width: 35.6666%;position: relative;}
    .content-wrapper{
      position: absolute;
      bottom: 50px;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      text-align:center;
      .product-title{
        font-size: 28px;
        font-weight: bold;
        line-height: 1.2;
        color: #050505;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-family: Poppins;
      }
      .product-text{
        font-size: 18px;
        font-weight: 400;
        line-height: 1.23;
        color: #050505;
      }
    }
  }
  @media(max-width: 1260px){
    .title{margin-bottom: 7.9365vw;}
    .item .content-wrapper .product-title{font-size: 2.22222vw;}
    .item .content-wrapper .product-text{font-size: 1.42857vw;}
  }
  
  @media(max-width: 768px){
    padding: 16vw 0px;
    .title{font-size: 4.8vw;margin-bottom: 8vw;}
    .item{padding: 0px 15px;flex-wrap: wrap;}
    .item .image{width: 100%;order: 2;}
    .item .product-info{width: 100%;}
    .item:not(.first){margin-top: 8vw;}
    .item .content-wrapper{bottom: 12vw;}
    .item .content-wrapper .product-title{font-size: 5.33333vw;margin-bottom: 4.533333vw;}
    .item .content-wrapper .product-text{font-size: 3.733333vw;line-height: 1.5;}
  }
}
.lucky-bag-awards{
  .title{color: #050505;}
  .item{width:unset;}
  @media(max-width: 650px){
    .awards-wrapper{flex-wrap: wrap;}
    .title{line-height: 1.5;}
    .item{
      width: 45%;
      &:nth-of-type(1),&:nth-of-type(1){margin-bottom:40px;}
    }
  }
}
.section-lucky-believe-us{
  .title{
    font-size: calc(14px + 0.7291666vw);
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    margin-bottom: 2.08333vw !important;
  }
  .text{
    font-size: calc(9px + 0.46875vw);
    font-weight: 400;
    line-height: 1.4;
    color: #FFFFFF;
    max-width: calc(15.88541vw + 306px);
    a{
      font-weight: bold;
      color: #ffffff;
      transition: all 0.3s;
      text-decoration: underline;
      &:hover{
        color: #fe7b3d;
      }
    }
  }
  .text-wrapper{
    top: 50%;
    transform: translateY(-50%);
  }
  @media(max-width: 768px){
    .title{
      font-size: 4.26666vw !important;
    }
    .text{
      font-size: 3.733333vw !important;
      max-width: 80vw;
      margin: 0px auto;
    }
    .text-wrapper{
      top: 16vw;
      transform: unset;
    }
  }
}

.page-lucky-bag .social-medias{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5.9375vw 24px;
  flex-wrap:wrap;
  .button-wrapper{
    width: 100%;
    text-align:center;
    .button-link{
      padding: 14px 53px;
      background: transparent;
      border: 1px solid #C93B34;
      color: #C93B34;
      transition: all 0.3s;
      display: inline-block;
      margin-top: 6.29166vw;
      font-size: 14px;
      font-weight: bold;
      &:hover{
        background: #C93B34;
        color: #ffffff;
      }
    }
  }
  svg{
    width: 45px !important;
    height: 45px !important;
    path{
      fill: #C93B34 !important;
      transition: all 0.3s;
    }
    &:hover{
      path{fill: #fe7b3d !important;}
    }
   
  }
  .media-icon{
    &:not(:last-of-type){
      margin-right:90px;
    }
  }
  @media(max-width: 768px){
    svg{
      width: 6.4vw !important;
      height: 6.4vw !important;
    }
    .media-icon{
      &:not(:last-of-type){
        margin-right: 8vw;
      }
    }
    .button-wrapper{
      .button-link{
        padding: 10px 30px;
        font-size: 14px;
      }
    }
  }
}

.section-lucky-bag-show-pop{
  .text-wrapper {
    top:4.7395833vw;
    .text-inner{
      max-width: unset;text-align:center;padding: 0px 30px;
      .title{
        font-size: 2.1875vw;
        font-weight: 500;
        line-height: 1.3;
        color: #FFFFFF;
        margin-bottom: 3.5416666vw;
      }
      .content{
        font-size: 1.458333vw;
        font-weight: 400;
        line-height: 1.3;
        color: #FFFFFF;
        margin-bottom: 3.125vw;
      }
      .click-me{
        max-width: calc(110px + 5.729166vw);
        display: block;
        margin: 0px auto;
        cursor: pointer;
      }
    }
  }
  @media(max-width: 768px){
    .text-wrapper{top: 13.3333vw;}
    .text-wrapper .text-inner .title{margin-bottom:8vw;font-size: 4.8vw  !important;}
    .text-wrapper .text-inner .content{margin-bottom: 12vw;font-size: 3.733333vw;}
    .text-wrapper .text-inner .click-me{max-width: 35.46666vw;}
  }
}
.lucky-bag-awards .title,.section-lucky-bag-email .text-wrapper .title{
  font-family: Poppins;
}

.section-lucky-bag-email{
  position: relative;
  overflow: hidden;
  .image{
    width: 100%;
    min-width: 1500px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .text-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 850px;
    padding: 0px 24px;
    width: 100%;
    text-align: center;
    
    .title{
      font-size: 28px;
      font-weight: 500;
      line-height: 1.5;
      color: #050505;
      margin-bottom: 20px;
    }
  }
  
  
  .klaviyo-form{
    .kl-private-reset-css-Xuajs1[data-testid="form-row"]:nth-of-type(1){
      & > div[data-testid="form-component"]:first-of-type:not(:last-of-type){max-width: 200px !important;}
      button{
        padding: 16px 40px !important;
        transition: all 0.3s !important;
      }
    }
    .kl-private-reset-css-Xuajs1[data-testid="form-row"]:nth-of-type(2){
      label{
        padding-bottom: 0px !important;
        div{font-size: 12px !important;}
      }
    }
    .kl-private-reset-css-Xuajs1[data-testid="form-row"]:nth-of-type(3){
      a{
        transition: all 0.3s;
        &:hover{
          color: #fe7b3d !important;
        }
      }
    }
  }
  @media(min-width: 651px) and (max-width: 768px){
    .jp-hide-in-mb{display: block !important;}
    .jp-hide-in-pc{display:none !important;min-width: unset;}
  }
  @media(max-width: 650px){
    max-height: 400px;
    .klaviyo-form{
      .kl-private-reset-css-Xuajs1[data-testid="form-row"]:nth-of-type(1){
        display: block !important;
        & > div[data-testid="form-component"]:first-of-type:not(:last-of-type) {max-width: unset !important;padding-right: 0px !important;}
        & > div[data-testid="form-component"]:nth-of-type(2) {padding: 0px !important;}
        button{
          width: 100%;
        }
      }
      .kl-private-reset-css-Xuajs1[data-testid="form-row"]:nth-of-type(2) > div[data-testid="form-component"] {
        padding-left: 0px !important;
      }
      .kl-private-reset-css-Xuajs1[data-testid="form-row"]:nth-of-type(3) > div[data-testid="form-component"] {
        padding-left: 25px !important;
      }
    }
    .text-wrapper .title{font-size: 18px;}
  }
}

  .shake-button-loop-3s{
    animation: shake1 4s cubic-bezier(.36, .07, .19, .97) both;
    animation-iteration-count: infinite;
  }
  .shake-button-loop-3s:hover{
    animation: unset;
  }
  @keyframes shake1 {
    2.5%,
    24% {
      transform: translate3d(-1px, 0px, 0);
    }

    5%,
    20% {
      transform: translate3d(2px, 1px, 0);
    }

    7.5%,
    12.5%,
    17.5% {
      transform: translate3d(-4px, -1px, 0);
    }

    10%,
    15% {
      transform: translate3d(4px, 0, 0);
    }

    25%{
      transform: translate3d(0, 0, 0);
    }
  }

.page-lucky-bag .social-medias{
  background: url("https://cdn.shopifycdn.net/s/files/1/0271/5389/1376/files/fudai1117_28.png?v=1637551700") repeat;
  @media(max-width: 768px){
    background: url("https://cdn.shopifycdn.net/s/files/1/0271/5389/1376/files/media-mb-bg.png?v=1637552100") repeat;
  }
}

/*========================== End page luck-bag ======================*/
.default-page .text-center h1.demonstration-machine-rental{margin-bottom: 0px !important;}


/******************************************** shokz log ***************************************/
.index-sections .shopify-section{margin-top: 0px !important;}
.header-container .header-logo-wrapper .header-logo svg{
  height: 36px;
  width: 90px;
}
.button-border-style{
  border: 2px solid #050505;
  padding: 11px 35px;
  display: inline-block;
  margin: 0px auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #050505;
  transition: all 0.3s;
  &:hover{
    color: #ffffff;
    background: #fe7b3d;
    border-color: #fe7b3d;
  }
  @media(max-width: 768px){
    padding: 10px 35px;
    border: unset;
    background: #F1F1F1;
  }
}
.section-call-us-shokz{
  padding: 4.16666vw 20px;
  text-align:center;
  .image{
    display: block;
    margin: 0px auto 20px;
  }
  .text1{
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
    color: #BABABA;
    margin-bottom: 40px;
  }
  .text2{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #2F2F2F;
    margin-bottom: 40px;
  }
  .button-link{min-width: 200px;font-weight: bold;}
}
.footer_new .footer-menu-item a svg{
  height: 36px;
  width: 90px;
}
@media(max-width: 768px){
  .section-call-us-shokz .text1,.section-call-us-shokz .text2{margin-bottom: 20px;font-size: 4.26666vw;}
  .section-call-us-shokz{padding: 60px 20px;}
  .section-call-us-shokz br.hide-in-mb{display: none;}
  .header-container .header-logo-wrapper .header-logo svg,.footer_new .footer-menu-item a svg{
    max-width: 17.33333vw;
    width: 100%;
    max-height: 6.9333vw;
    height: 100%;
  }
}
/* .section-brands-banner .brands-banner-texts-wrapper .brands-banner-texts-inner{color:#ffffff;} */
@media(min-width: 769px){
  .home_video_loop_wrapper .text-wrapper-relative{display: flex;justify-content: flex-end;}

/*   .section-brands-highlights .highlights-content .highlights-right{
    margin-top: 0px;
  }
  .section-brands-highlights .highlights-right > li:first-of-type{margin-bottom: 60px;}
  .section-brands-highlights .highlights-right > li{margin-bottom: 60px;}
  .section-brands-highlights .highlights-item{margin-bottom: 60px;}
  .section-brands-highlights .highlights-item img{display: block;} */
}
@media (max-width: 600px){
  .blog-banner-2 .blog-banner-text-2 {
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 24px;
  }
}

.c-loading{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.hide-logo-gif{
  .c-loading{display: none;}
}

.class-product-tab .class-product-tab-inner .buy-now .addtocart.disable {
    background: #bababa;
    text-transform: uppercase;
    color: #fff;
    pointer-events: none;
    border-color: #bababa;
}



/*================================= Product Openrun pro =============================*/
.product-openrun-pro {
  .fixed-top-0{border-bottom: 1px solid #050505;}
  .buy-now.mb .product-info{padding-right: 2vw;}
  #shopify-section-product-template-new .product-right .selling-points .selling-points-item br{display: block;}
  #shopify-section-product-template-new .product-right .selling-points .selling-points-item{width: 55%;}
  #shopify-section-product-template-new .product-right .selling-points .selling-points-item:nth-of-type(2n){width: 38%;}
  .section-product-additional-feartures .feartures-wrapper{max-width: 1200px;align-items: flex-start;}
  .section-product-additional-feartures .feartures-wrapper .item{max-width: 280px;align-items: flex-start;}
  .section-product-features{
    background: #000000;
    padding-bottom: 6.25vw;
    .features-item{
      .text-wrapper .content{color: #f1f1f1 !important;}
    }
    .features1{
      &.text-left{display: flex;justify-content: flex-end;}
      .text-wrapper .content{max-width: calc(6.5104166vw + 375px);}
    }
    .features2{
      max-width: 1248px;
      padding: 0px 24px;
      margin: 0px auto;
      .text-wrapper{
        padding: 40px 0 6.25vw;
        position: relative;
        top: unset;
        transform: unset;
        display: flex;
        .title{width: 50%;}
        .content{max-width: 460px;}
      }
    }
    .features3{
      max-width: 1248px;
      padding: 0px 24px;
      margin: 0px auto;
      .text-wrapper{
        max-width: 460px;
        right: 140px;
        @media(min-width: 1500px){
          .title{font-size: 2.1vw;}
        }
        .content{font-size: 16px;margin-bottom: 20px;color: #ffffff !important;max-width: 100%;}
        .icon-wrapper {
          display: flex;
          align-items: center;
          img{width: 100px;height: 30px;margin-right: 16px;display: block;}
        }
        .info{
          color: #E8E8E8;
          margin-top: 20px;
          font-size: 12px;
          a{
            color:#E8E8E8;text-decoration: underline;
            transition: all 0.3s;
            &:hover{color: #fe7b3d;}
          }
        }
      }
    }
    
    .features-item_4{
      .product-feature-video{width: 100%;max-width:59.8958vw;}
      .text-wrapper{left:18.75vw;max-width: calc(400px + 6.770833vw);}
    }
/*     .features-item_5{
      .product-feature-video{width: 100%;max-width:59.8958vw;}
      .text-wrapper{left:18.75vw;max-width: calc(450px + 6.770833vw);}
    } */
    .features-item_7{
      margin-bottom: 4.16666vw;
      .product-feature-video{width: 100%;max-width: 69.270833vw;}
      .text-wrapper{left:18.75vw;max-width: calc(450px + 6.770833vw);}
    }
    .features-item_5{
      margin-bottom: 10.41666vw;
      .product-feature-video{width: 100%;max-width:69.27083vw;}
      .text-wrapper{left:56.40625vw;max-width: calc(450px + 6.770833vw);}
      .text-wrapper .content span{
        font-size: calc(10px + 0.208333vw);color: #BABABA;display: block;margin-top: 40px;position: relative;
        &:after{
          content:'';
          width: 100%;
          height: 1px;
          position: absolute;
          background: #2F2F2F;
          top: -20px;
          left: 0px;
        }
      }
    }
    .features-item_8{
      .features-image-pc{width: 100%;max-width:48.4375vw;margin-left: 3.64583vw;}
      .text-wrapper{left:56.40625vw;max-width: calc(400px + 5.770833vw);}
    }
  }
  
  .section-openrun-pro-best-color{
    background: #000000;
    padding: 0px 24px 80px;
    .swiper-pagination{display: flex;bottom: -40px;}
    .swiper-pagination-bullet{
      width: 26px !important;
      height: 26px !important;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 1 !important;
      img{display: none;width: 17px;height: 17px;}
      &.swiper-pagination-bullet-active img{display: block;}
      &[data-index="0"]{
        background: #2D2A26 !important;
      }
      &[data-index="1"]{
        background: #A79B90 !important;
/*         background: #6EA1AF !important; */
      }
      &[data-index="2"]{
        background: #6EA1AF !important;
      }
      &[data-index="3"]{
        background: #F08C81 !important;
      }
      &:not(:last-of-type){
        margin-right: 25px;
      }
    }
    .text-wrapper{
      max-width: 1200px;
      margin: 0px auto;
      .title{
        font-size: 2.1875vw;
        font-weight: 700;
        line-height: 1.5;
        color: #FFFFFF;
        margin-bottom: 45px;
        position: relative;
      }
    }
    .product-best-color-wrapper{
      max-width: 1200px;
      margin: 0px auto;
      .fulfill-job-item{
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
      }
      .image{width: 100%;}
      .left-image-wapper{
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 476px;
        padding: 70px 44px 20px;
        z-index:2;
      }
      .right-image-wapper{
        width: 781px;
        padding: 12px 0px 12px 107px;
        z-index:1;
      }
    }
  }
  
  @media(min-width: 1921px){
    .section-openrun-pro-best-color{padding-bottom: 4.166666vw;}
    .section-product-features .features-item_4 .text-wrapper{max-width:28.8229vw; }
/*     .section-product-features .features-item_5 .text-wrapper{max-width: 30.22916vw;} */
    .section-product-features .features1 .text-wrapper .content{max-width: 26.0416vw;}
    .section-product-features .features-item_7 .text-wrapper{max-width: 26.0416vw;}
    .section-product-features .features2{max-width: 65vw;padding: 0px 1.25vw;}
    .section-product-features .features2 .text-wrapper .content{max-width: 23.95833vw;}
    .section-product-features .features3{max-width: 65vw;padding: 0px 1.25vw;}
    .section-product-features .features3 .text-wrapper{max-width: 23.95833vw;right: 7.29166vw;}
    .section-product-features .features3 .text-wrapper .content{font-size: 0.833333vw;margin-bottom: 1.041666vw;}
    .section-product-features .features3 .text-wrapper .icon-wrapper img{max-width: 5.20833vw;}
    .section-product-features .features3 .text-wrapper .info{margin-top: 1.041666vw;font-size: 0.625vw;}
    .section-openrun-pro-best-color .product-best-color-wrapper{max-width: 62.5vw;}
    .section-openrun-pro-best-color .text-wrapper{max-width: 62.5vw;}
    .section-openrun-pro-best-color .product-best-color-wrapper .left-image-wapper{width: 24.791666vw;padding: 3.645833vw 2.291666vw 1.04166vw;}
    .section-openrun-pro-best-color .product-best-color-wrapper .right-image-wapper{width: 40.677083vw;padding: 0.625vw 0 0.625vw 5.572916vw;}
    .section-product-additional-feartures .feartures-wrapper .item{max-width:14.5833vw;}
  }
  @media(max-width: 1248px) and (min-width: 769px){
    .section-product-features .features3 .text-wrapper{max-width: 36.85897vw;right:11.217948vw;}
    .section-product-features .features3 .text-wrapper .content{font-size: calc(8px + 0.64102vw);}
    .section-openrun-pro-best-color .product-best-color-wrapper .right-image-wapper{
      width: 62.58012vw;
      padding-left:8.5737179vw;
    }
    .section-openrun-pro-best-color .product-best-color-wrapper .left-image-wapper{
      width: 38.141025vw;
      padding: 5.60897vw 3.52564vw 1.60256vw;
    }
  }
  @media(max-width: 1024px){
/*     .section-product-features .features-item_1 .text-wrapper{max-width: 42.96875vw;} */
    .section-product-features .features-item_4 .text-wrapper{    left: 6.75vw;}
  }
  @media(max-width: 768px){
    .features-item .text-wrapper .content{font-size: 3.73333vw;}
    .section-product-additional-feartures .feartures-wrapper{flex-wrap: wrap;}
    .section-product-additional-feartures .feartures-wrapper .item{
      max-width: unset;
      order: 1;
      &:nth-of-type(2){order: 3;margin-top: 15px;}
      &:last-of-type{order: 2;}
    }
    .radio-wrapper .single-option-radio{max-width: 41%;}
    #shopify-section-product-template-new .product-single .product-right .selling-points.hide-pc .selling-points-item{width: 50% !important;}
    
    .section-product-features .features-item{display: block !important;}
    .section-product-features .features-item .text-wrapper{max-width: unset;padding: 16vw 24px 21.33333vw;position: relative;left: unset;bottom: unset;}
    .section-product-features .features-item .text-wrapper br.pc{display: none;}
    .section-product-features .features-item .text-wrapper .title{font-size: 4.8vw;}
    .section-product-features .features1 .text-wrapper .content{max-width: 26.0416666vw;}
    .section-product-features .features2{padding: 0px;}
    .section-product-features{
      .features-item_,.features-item_2,.features-item_3,.features-item_6{
        .image-wrapper{padding: 0px 24px;}
      }
      .features-item_7,.features-item_6{margin-bottom: 0px;}
    }
    .section-product-features .features2 .text-wrapper{
      padding: 16vw 24px 21.33333vw;
      display: block;
      bottom: unset;
      .title{width: 100%;}
    }
    .section-product-features .features-item_7 .text-wrapper .content span{font-size: 3.2vw;}
    .section-product-features {padding-bottom: 16vw;}
    .section-product-features .features3 .text-wrapper{right: 0px;background: #2F2F2F;padding:5.33333vw 3.73333vw; }
    .section-product-features .features3 .text-wrapper .content{font-size: 3.73333vw;color: #f1f1f1!important;}
    
    .section-openrun-pro-best-color .text-wrapper .title{font-size: 4.8vw;margin-bottom: 16vw;text-align: center;}
    .section-openrun-pro-best-color .swiper-pagination{width: 100%;justify-content:  center;bottom: -10vw;}
    .section-openrun-pro-best-color .swiper-pagination-bullet{width:5.33333vw;height: 5.33333vw;}
    .section-openrun-pro-best-color .swiper-pagination-bullet img{width: 3.73333vw;height: 3.73333vw;}
    .section-openrun-pro-best-color .product-best-color-wrapper .fulfill-job-item{align-items: center;}
    .section-openrun-pro-best-color .product-best-color-wrapper .left-image-wapper{width:41.2844%;padding: 0px;display: flex;align-items: center;min-height: 53.3333vw;}
    .section-openrun-pro-best-color .product-best-color-wrapper .right-image-wapper{width: 58.71559%;padding: 0px;display: flex;align-items: center;min-height: 53.3333vw;padding-left: 3vw;}
    .section-product-what-in-box .what-in-box-wrapper .right-content .image{max-width: 76.133333vw;transform: unset;}
    .section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper .text2-and-text3 {width: 43%;}
    .section-product-what-in-box .what-in-box-wrapper .left-content .text-wrapper{justify-content: center;}
  }
  @media(min-width: 769px){
    .section-product-what-in-box{padding: 4.166666666vw 0 0px;background: #f1f1f1;}
    .section-product-what-in-box .what-in-box-wrapper .left-content {width: 40%;padding-bottom:4.166666666vw;}
    .section-product-what-in-box .what-in-box-wrapper .right-content {width: 60%;}
    .section-product-features .features-item_4{padding-bottom: 7.291666vw;}
    .section-product-features .features-item_4 .text-wrapper{padding-bottom: 7.291666vw;}
    .section-product-fulfill-job .swiper-container-fulfill-job{border-radius: 8px;}
  }
  @media(max-width: 374px){
    .radio-wrapper .single-option-radio{
      max-width: 42%;
    }
  }

  
  .section-product-additional-feartures .product-detail-part .detail.detail-1{bottom: 190px;left: 10px;}
  .section-product-additional-feartures .product-detail-part .detail.detail-2{bottom: 183px;left: 390px;}
  .section-product-additional-feartures .product-detail-part .detail.detail-3{left: 675px;top: 550px;}
  .section-product-additional-feartures .product-detail-part .detail.detail-4{left: 960px;top: 358px;white-space: nowrap;}
  .section-product-additional-feartures .product-detail-part .detail.detail-5{left: 575px;top: 145px;}
  .section-product-additional-feartures .product-detail-part .detail.detail-6{left: -87px;top: 525px;}
  
  @media (max-width: 1250px){
    .section-product-additional-feartures .product-detail-part{margin-right: 80px;}
    .section-product-additional-feartures .product-detail-part .detail.detail-1{bottom: 15vw;left:1vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-2{bottom: 14.3vw;left: 30vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-3{left: 52vw;top: 43vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-4{left: 74vw;top: 28vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-5{left: 45vw;top: 11.5vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-6{left: -6vw;top: 40.5vw;}
  }
  
  @media (max-width: 768px){
    .section-product-additional-feartures .product-detail-part {margin-right: 0;}
    .section-product-additional-feartures .product-detail-part .detail.detail-1{bottom: 57vw;left: 16.2vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-2{bottom: 49vw;left: 25.3vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-3{left: 55vw;top: 54vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-4{left: 87vw;top: 28vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-5{left: 60.5vw;top: 42vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-6{left: 30vw;top: 48vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-7{left: 10vw;top: 58vw;}
    
    .section-product-additional-feartures .product-detail-part .detail.active .text-wrapper {
      display: block!important;
    }
    .section-product-additional-feartures .product-detail-part .detail.detail-1 .text-wrapper {left: -11vw;bottom: -17vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-2 .text-wrapper {left: 0vw;bottom: -13vw;width: 70vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-3 .text-wrapper {left: -1vw;top: 10vw;width: 35vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-4 .text-wrapper {left: -23vw;top: -13vw;width: 27vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-5 .text-wrapper {left: -35vw;top: -25vw;width: 70vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-6 .text-wrapper {left: 26vw;top: 12vw;width: 35vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-7 .text-wrapper {left: 0vw;top: 16vw;width: 70vw;}
    #shopify-section-product-template-new .product-right .selling-points{margin-top: 20px;}
  }
}
.product-openrun-pro{
  .section-product-features .features-item .text-wrapper .title{font-weight: 700;}
  .section-product-fulfill-job .title{font-weight: 700;}
  .section-product-what-in-box .what-in-box-wrapper .left-content .title{font-weight: 700;}
  .section-product-additional-feartures .title{font-weight: 700;}
  .section-product-compare .title{font-weight: 700;}
  #judgeme_product_reviews .jdgm-rev-widg__title{font-weight: 700;}
  .section-product-faq .faq-title{font-weight: 700;}
  .section-product-guides .guides-title{font-weight: 700;}
}
/*================================= End Product Openrun pro ========================*/
/*================================= Product Openrun =============================*/
.product-openrun {
  .class-product-tab,.buy-now.mb .product-info{background: #f1f1f1;}
  .buy-now.mb .product-info .product-single__price{color: #050505;}
  .class-product-tab .class-product-tab-inner .buy-now .product-single__price{color: #050505;}
  #shopify-section-product-template-new .product-right .selling-points .selling-points-item br{display: block;}
  #shopify-section-product-template-new .product-right .product-single__title{
    display: flex;
    align-items: center;
   
    .text{
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #2F2F2F;
      margin-left: 20px;
      @media(max-width: 768px){display: none;}
    }
    @media(max-width: 950px){
      display: block;
      .text{
        margin-left: 0px;
      }
    }
  }
  .section-product-banner .text-wrapper{text-align:center;top: unset;bottom: 4.166666vw;}
  .section-product-banner .text-wrapper .text-inner{padding: 0px 24px;color: #050505;}
  .section-product-banner .text-wrapper .text-inner .title{color: #050505;}
  .bg-color-top{display: none;position: absolute;width: 100%;height: 100px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);top: 0px;opacity: 0.59;}
  .bg-color-bottom{display: none;position: absolute;bottom: 0px;opacity: 0.59;width: 100%;height: 67.73333vw;transform: rotate(180deg);background: linear-gradient(180deg, rgba(8, 8, 8, 0.7) 0%, rgba(0, 0, 0, 0) 100%);}
  .snippet-product-selling-pointer{background: #dbdbdb;color: #050505;}
  .snippet-product-selling-pointer .learn-more{color: #2f2f2f;}
  .snippet-product-selling-pointer .learn-more:hover{color: #fe7b3d;}
  .snippet-product-selling-pointer .selling-pointer-wrapper .selling-pointer svg path{fill: #050505 !important;}
  .section-product-awards{background: #f1f1f1;color: #050505;}
  .section-product-awards .title{color: #050505;}
  .section-product-what-in-box .what-in-box-wrapper .left-content {width: 33.3333%;}
  .section-product-what-in-box .what-in-box-wrapper .right-content {width: 66.666666%;}
  .section-product-what-in-box .what-in-box-wrapper .right-content .image {transform: unset;display: block;}
  .section-product-what-in-box {padding: 4.166666666vw 0 0;}
  .section-product-additional-feartures .feartures-wrapper{max-width: 1200px;align-items: flex-start;}
  .section-product-additional-feartures .feartures-wrapper .item{max-width: 280px;align-items: flex-start;}
  .section-product-video{background: #dbdbdb;}
  .section-product-fulfill-job{background: #dbdbdb; color: #050505;}
  .section-product-fulfill-job .title{color: #050505;}
  
  .section-openrun-quick-charge{
    background: #F1F1F1;
    .features-item{
      display: flex;
      justify-content: flex-end;
      align-items: center;
      .features-image{width: 73vw;}
      .text-wrapper{left: 18.75vw;}
    }
  }
  
  .section-openrun-features-2{
    background: #F1F1F1;
    .features-item{
      align-items: center;
    }
    .features-item.image-right{
      display: flex;
      justify-content: flex-end;
      .text-wrapper{left: 18.75vw;}
    }
    .features2{
      max-width: 1248px;
      width: 100%;
      margin: 0px auto;
      padding: 0px 24px 6.25vw;
      display: flex;
      justify-content: space-between !important;
      align-items: center;
      .features-image{width: auto;max-width: 590px;}
      .text-wrapper{
        color: #000000;
        left: 0px !important;
        position: relative;
        top: unset;
        transform: unset;
        .content{max-width: 412px;width: 100%;}
      }
      &.image-left{
        .features-image{order: 1;}
        .text-wrapper{order: 2;}
      }
    }
    
    
    .features-item_1{
      .features-image{width: 50vw;}
      .content{max-width: calc(310px + 5.41666vw);}
    }
    .features-item_2{
      margin-top: -2vw;
      .text-wrapper{left: 52.60416vw;width: 40%;}
      .features-image{width: 59.739583vw;}
      .content{max-width: calc(345px + 5.989583vw);}
    }
  }
  
  .section-openrun-features-scale{
     background: #F1F1F1;
    padding: 40px 24px;
    .features-item{
      .text-wrapper{
        padding: 40px 0px 6.25vw;
        position:relative;
        top: unset;
        transform: unset;
        display: flex;
        .title{width: 50%;}
        .content{max-width: 412px}
      }
      max-width: 1200px;
      margin: 0px auto;
    }
  }
  
  .section-product-additional-feartures .product-detail-part .detail.detail-1{bottom: 206px;left: -30px;}
  .section-product-additional-feartures .product-detail-part .detail.detail-2{bottom: 208px;left: 456px;}
  .section-product-additional-feartures .product-detail-part .detail.detail-3{left: 723px;top: 530px;}
  .section-product-additional-feartures .product-detail-part .detail.detail-4{left: 960px;top: 358px;white-space: nowrap;}
  .section-product-additional-feartures .product-detail-part .detail.detail-5{left: 620px;top: 138px;}
  
  @media(min-width: 1921px){
    .section-openrun-features-2 .features-item_1 .content{max-width: 21.458333vw;}
    .section-openrun-features-2 .features-item_2 .content{max-width: 23.95833vw;}
    .section-openrun-features-2 .features2 .features-image{max-width: unset;width: 30.729vw;}
    .section-openrun-features-2 .features2{max-width: calc(62.5vw + 48px);}
    .section-openrun-features-2 .features2 .text-wrapper .content{max-width:21.4583vw;}
    .section-openrun-features-scale .features-item{max-width: 62.5vw;}
    .section-openrun-features-scale .features-item .text-wrapper .content{max-width: 21.45833vw;}
    .section-product-additional-feartures .feartures-wrapper .item{max-width: 14.58333vw;}
  }
  @media(max-width: 1400px){
    .section-openrun-features-2 .features-item_3.features2 .title br:first-of-type{display: none;}
  }
  @media(max-width: 1250px){
    .section-openrun-features-2 .features2 .features-image{max-width:47.2vw;}
    .section-openrun-features-2 .features2 .text-wrapper{max-width: calc(12.96vw + 250px);}
    
    .section-product-additional-feartures .product-detail-part{margin-right: 80px;}
    .section-product-additional-feartures .product-detail-part .detail.detail-1{bottom: 16vw;left: -2.8vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-2{bottom: 16vw;left: 35vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-3{left: 55vw;top: 40vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-4{left: 73vw;top: 27vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-5{left: 47.5vw;top: 10.5vw;}
  }
  
  @media(min-width: 769px){
    #shopify-section-product-template-new .product-right .selling-points .selling-points-item{width: 30%;}
    #shopify-section-product-template-new .product-right .selling-points .selling-points-item:nth-of-type(2n){width: 67%;}
    .section-openrun-features-2 .features-item .text-wrapper .title{margin-bottom: 2.0833333vw;}
  }
  @media(max-width: 768px){
    .buy-now.mb .product-info .product-name{color: #000000;}
    .bg-color-bottom,.bg-color-top{display: block;}
    #shopify-section-product-template-new .product-single .product-right .selling-points.hide-pc .selling-points-item{width: 50% !important;}
    .radio-wrapper .single-option-radio{max-width: 41%;}
    .section-product-banner .text-wrapper{bottom: 10.6666vw;}
    .section-product-banner .text-wrapper .text-inner{color: #ffffff;}
    .section-product-banner .text-wrapper .text-inner .title{color: #ffffff;}
    .section-product-what-in-box .what-in-box-wrapper .left-content {width: 100%;}
    .section-product-what-in-box .what-in-box-wrapper .right-content {width: 100%;}
    .section-product-what-in-box .what-in-box-wrapper .right-content .image {
      transform: translateX(-5vw);
      margin-top: 3.333333vw;
      max-width: 81.6vw;
    }
    .section-product-what-in-box {padding: 15.166667vw 0 0;}
    .section-product-additional-feartures .feartures-wrapper{flex-wrap: wrap;}
    .section-product-additional-feartures .feartures-wrapper .item{
      max-width: unset;
      &:last-of-type{margin-top: 15px;}
    }
    
    .section-openrun-quick-charge{
      .features-item{
        flex-wrap: wrap;
        .features-image{width: 100%;order: 1;}
        .text-wrapper{
          position: relative;
          left: 0px;width: 100%;
          padding: 5.33333vw 24px 21.3333vw;
          color: #050505!important;
          bottom: unset;
          order: 2;
          .title{font-size: 4.8vw;}
          .content{font-size: 3.73333vw;}
        }
      }
    }
    
    .section-openrun-features-2{
      .features-item{
        display:flex;
        flex-wrap: wrap;
        .text-wrapper{color: #050505 !important;position: relative;order: 2;bottom: unset;padding: 5.33333vw 24px 21.3333vw;width: 100%;left: unset;}
        .text-wrapper .title{font-size: 4.8vw;}
        .text-wrapper .content{font-size: 3.73333vw;}
        .text-wrapper .title br.pc{display: none;}
        .features-image{width: 100% !important;order: 1;}
        .content{max-width: unset !important;width: 100%;}
      }
     .features2 {
       .text-wrapper{
         max-width: unset;
         padding: 16vw 0px;
         .content{max-width: unset;}
       }
       .features-image{max-width:72vw;}
       &.image-right{
         justify-content: flex-end !important;
       }
     }
    }
    
    .section-openrun-features-scale{
      padding: 0px;
      .features-item{
        .text-wrapper{
          padding: 16vw 24px 21.33333vw;
          display: block;
          color: #050505 !important;
          bottom: unset;
          .title{width: 100%;}
          .content{max-width: unset;width: 100%;}
        }
      }
      .features2{
        padding: 0px 24px;
        .text-wrapper{
          padding: 16vw 0px 21.33333vw;
        }
      }
    }
    
    .section-product-additional-feartures .feartures-wrapper{flex-wrap: wrap;}
    .section-product-additional-feartures .feartures-wrapper .item:last-of-type{margin-top: 30px;}
    
    
    .section-product-additional-feartures .product-detail-part{margin-right: 0px;}
    .section-product-additional-feartures .product-detail-part .detail.detail-1{bottom: 57vw;left: 16.2vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-2{bottom: 49vw;left: 25.3vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-3{left: 59vw;top: 52vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-4{left: 87vw;top: 28vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-5{left: 34.5vw;top: 42vw;}
    .section-product-additional-feartures .product-detail-part .detail.detail-6{left: 30vw;top: 48vw;}
    
    .section-product-additional-feartures .product-detail-part .detail.detail-1 .text-wrapper {
      left: -10vw;
      bottom: -17vw;
    }
     .section-product-additional-feartures .product-detail-part .detail.detail-2 .text-wrapper {
      left: 0vw;
      bottom: -10vw;
      width: 70vw;
    }
    .section-product-additional-feartures .product-detail-part .detail.detail-3 .text-wrapper {
      left: -5vw;
      top: 9vw;
      width: 35vw;
    }
    .section-product-additional-feartures .product-detail-part .detail.detail-4 .text-wrapper {
      left: -23vw;
      top: -13vw;
      width: 27vw;
    }
    .section-product-additional-feartures .product-detail-part .detail.detail-5 .text-wrapper {
      left: -0vw;
      top: -25vw;
      width: 40vw;
    }
    .section-product-additional-feartures .product-detail-part .detail.detail-6 .text-wrapper {
      left: 26vw;
      top: 12vw;
      width: 35vw;
    }
    .section-product-additional-feartures .product-detail-part .detail.active .text-wrapper {
      display: block!important;
    }
    
  }
}
/*================================= End Product Openrun ========================*/

/******************************************** End shokz log ***************************************/

@media(max-width:768px){
  .product-page .buy-now.mb form.disable-button{
    background: #bababa;
  }
  #shopify-section-product-template-new .product-single .product-right .selling-points.hide-pc .selling-points-item img{min-width: 6.4vw;}
}

#email_dialog_wrapper .klaviyo-form input[type="email"]{color: #ffffff !important;}

.amazon-button-wrapper{
  display: flex;
  .amazon-button-inner{
    max-height: 50px;
   
    .image{display: block;max-height: 50px;}
    .hover-image{display: none;}
    &:hover{
      background: #FF7A3D;
      .image{display: none;}
      .hover-image{display: block;}
    }
  }
  @media(max-width: 768px){
    max-width: 450px;
    margin: 0px auto;
    width: 100%;
    min-width: calc(100vw - 48px);
    button.btn--add-to-cart{
      margin-right: 10px !important;
      padding: 0px !important;
      text-align:center !important;
      width: 50% !important;
      min-width: unset !important;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .amazon-button-inner{
      width: 50%;
      display: block;
      background: #000000;
      max-height: unset;
      .image{max-height: 45px;margin: 0px auto;}
    }
  }
  @media(max-width: 768px) and (min-width: 500px){
    width: 520px;
    min-width: unset;
    button.btn--add-to-cart {
      height: 50px !important;
      span{font-size: 16px !important;}
    }
    .amazon-button-inner .image{max-height: 50px;}
  }
}
.free-shipping-text{
  color: #fe7b3d;
  font-size: 14px;
  &.bogof{
    margin-bottom:10px;
    a{
      transition: all 0.3s;
      color: #fe7b3d;
      text-decoration: underline;
    }
  }
}

/* body.template-index, */
body#shokz-brand-story{
  .header-logo svg g,.header-logo svg path {
    fill: #000000 !important;
  }
  #AccessibleNav .site-nav__link, #AccessibleNav .site-nav__link {
    color: #000 !important;
    &:hover{
      color: #fe7b3d !important;
    }
  }
  .header-icons-wrapper svg g, .header-icons-wrapper svg path{
    fill: #000000 !important;
  }
  .header-icons-wrapper svg:hover g, .header-icons-wrapper svg:hover path{
    fill: #fe7b3d !important;
  }
  .header-wrapper .site-header .burger-icon, .header-wrapper .site-header .site-nav__link:hover .burger-icon {
    background: #050505;
  }
  .large--hide .site-nav__item-icon svg g, .large--hide .site-nav__item-icon svg path {
    fill: #050505 !important;
  }
}

@media(min-width: 769px){

  body#openrun-pro-and-salomon{
    .header-logo svg g,.header-logo svg path {
      fill: #000000 !important;
    }
    #AccessibleNav .site-nav__link, #AccessibleNav .site-nav__link {
      color: #000 !important;
      &:hover{
        color: #fe7b3d !important;
      }
    }
    .header-icons-wrapper svg g, .header-icons-wrapper svg path{
      fill: #000000 !important;
    }
    .header-icons-wrapper svg:hover g, .header-icons-wrapper svg:hover path{
      fill: #fe7b3d !important;
    }
    .header-wrapper .site-header .burger-icon, .header-wrapper .site-header .site-nav__link:hover .burger-icon {
      background: #050505;
    }
    .large--hide .site-nav__item-icon svg g, .large--hide .site-nav__item-icon svg path {
      fill: #050505 !important;
    }
  }
}

.fixed_top_nav_pdt_label.product-tag{
  font-size: 14px;
  color: #fe7b3d !important;
  position: absolute;
  top: -20px;
  width: 100%;
  text-align: center;
  left: 0;
  font-weight: bold !important;
  &.mb{
    bottom: unset;
    max-width: 100px;
    left: 0px;
    text-align: left;
  }
} 

.section-product-footer-banner .content-wrapper .social-medias{display: flex;align-items: center;}
@media(max-width: 767px){
  .section-product-footer-banner .content-wrapper .social-medias{justify-content: center;}
}


.product-openrun-pro .section-product-features .features3 .text-wrapper .title span{
  font-size: 16px;
  display: block;
  line-height: 1;
  font-weight: 400;
  @media (max-width: 1248px) and (min-width: 769px) {font-size: calc(8px + .64102vw);}
  @media (max-width: 768px){font-size: 3.73333vw;}
  @media(min-width: 1921px){font-size: .833333vw;}
}

#shopify-section-product-template-new .product-right #AddToCart--product-template-new[disabled] {
  pointer-events: none!important;
  border: 2px solid #f6f6f6!important;
}
/*========================  section exit-pop-festival ============================*/
.section-exit-pop-festival,.section-exit-pop-generic{
  width: 520px;
  max-width: 95%;
  height: 350px;
  background: #fff;
  display: none;
  &.active{
    transform: translate(-50%,-50%);
    opacity: 1;
    pointer-events: unset;
  }
  .klaviyo-form-R9Qcq7{
    position: relative;
  }
  .text-wrapper{
    color: #050505;
    padding: 10px;
    text-align:left;
    bottom: 0px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 300px;
    .title{
      font-size: 24px;
      font-weight: 500;
      line-height: 1.45833;
      color: #C30012;
      padding: 0px 10px;
      margin-bottom: 10px;
    }
    .content{
      position: relative;
      .subtitle{
        padding: 0px 10px;
      }
    }
  }
  .fhmQhu,input,.ikHPKM,.GxlCZ,button{
    height: 50px !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: unset !important;
  }
  .fhmQhu,input,.ikHPKM{
    background: #f1f1f1 !important;
    border: unset !important;
  }
  .GxlCZ,button{
    padding: 11px 40px !important;
  }
  .haxPLI.haxPLI{
    padding-bottom: 0px;
    .ggWihM.ggWihM{font-size: 12px !important;color: #bababa !important;}
  }
  .needsclick[data-testid="form-row"]{
    &:nth-of-type(2){
      .ql-editor{
        u{
          line-height:1.33333;
          cursor: pointer !important;
        }
      }
    }
    &:nth-of-type(4){
      .ql-editor{
        p,span{
          line-height:1.33333;
        }
      }
    }
  }
  .close-exit-text{
    font-size: 14px;
    line-height: 1.1;
    color: #C30012;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    bottom: 100px;
    text-align:center;
    width: 100%;
  }
  .text-wrapper a:hover{color: #ffffff !important;}
  .text-wrapper a{color: #777777 !important;}
  .fhrbA-D{
    left: 0px !important;
    right: unset !important;
  }
  @media(max-width: 768px){
    height: 350px;
    .text-wrapper{
      height: 320px;
      padding: 25px 0 10px;
      .title{
        font-size: 18px;
      }
      .content{
        .subtitle{
          font-size: 13px;
        }
      }
    }
    .close-exit-text{bottom: 120px;}
    .fhmQhu,input,.ikHPKM,.GxlCZ,button{
      height: 40px !important;
    }
    .GxlCZ,button{
      padding: 5px 20px !important;
    }
  }
  @media(max-width: 350px){
    height: 400px;
  }
}
/*======================  End section exit-pop-festival ==========================*/
/*================================= pages openrun pro raffle ==============================*/
.fixed-banner-text{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
  width: 100%;
  .fixed-banner-text-wrapper{
    position: relative;
    max-width: 1260px;
    padding: 30px;
    width: 100%;
    margin: auto;

  }
  
  @media(min-width: 1921px){
    .fixed-banner-text-wrapper{
      max-width: 65.625vw;
      padding: 1.5625vw;
    }
  }
  
  @media(max-width: 768px){
    text-align: center;
    max-width: unset;
    padding: 0px 24px;
    width: 100%;
    top: unset;
    left: 0px;
    transform: unset;
    bottom: 13vw;
    
    .fixed-banner-text-wrapper{
      position: relative;
      max-width: unset;
      padding: unset;
      width: 100%;
      margin: unset;
    }
  }
}
.openrun-pro-raffle-banner{
  position: relative;
  img{display: block;width: 100%;}
  .info{
    font-size: calc(10px + 0.52083vw);
    font-weight: 500;
    line-height: 1.3;
    color: #FF7A3D;
  }
  .title{
    font-size: calc(20px + 1.145833vw);
    font-weight: bold;
    line-height: 1.5;
    color: #FFFFFF;
    margin-bottom: 10px;
  }
  .content{
    font-size: calc(12px + 0.625vw);
    font-weight: 500;
    line-height: 1.45833;
    color: #FFFFFF;
    margin-bottom: 10px;
  }
  .time{
    font-size: calc(10px +  0.52083vw);
    font-weight: 400;
    line-height:1.5;
    color: #BABABA;
  }
  
  @media(max-width: 768px){
    .contents{top: 24.8vw;padding: 0px 6.4vw;}
    .info{font-size: 3.73333vw;}
    .title{font-size: 8vw;margin-bottom: 1vw;}
    .content{font-size: 3.73333vw;margin-bottom: 1vw;}
    .time{font-size: 3.2vw;}
  }
}
.openrun-pro-raffle-attention{
  position:relative;
  background:#BABABA;
  padding: 40px 24px;
  .title{
    font-size: calc(14px + 0.72916vw);
    font-weight: 700;
    line-height: 1.5;
    color: #050505;
    margin-bottom: 20px;
    text-align:center;
  }
  .content .inner{
    max-height: 200px;
    overflow: auto;
    padding-right: 20px;
    span{font-weight: bold;}
    a{
      color: #050505;
      text-decoration: underline;
      transition: all 0.3s;
      &:hover{
        color: #fe7b3d;
      }
    }
  }
  .content li,.content .inner{
    font-size: 14px;
    font-weight: 400;
    line-height: 2.5;
    color: #050505;
    max-width: 660px;
    margin: 0px auto;
  }
  @media(min-width: 1921px){
    .title{font-size: 1.458333vw;}
    .content li,.content .inner{font-size:0.7291666vw;max-width: 34.375vw;}
    .content .inner{max-height: 10.41666vw;}
  }
  
  @media(max-width: 768px){
    .content .inner{padding-right: 0px;}
    .title{font-size: 20px;}
  }
  @media(max-width: 500px){
    padding: 40px 14px;
    .content li,.content .inner{font-size: 3.2vw;}
  }
}

.openrun-pro-raffle-benefit{
  background: #F1F1F1;
  padding: 80px 24px;
  .items-wrapper{
    width: 100%;
    max-width: 1200px;
    display: flex;
    justify-content:space-between;
    align-items:center;
    margin: 0px auto;
  }
  .item{
    width: calc(33.33% - 5px);
    position: relative;
    .image{
      display: block;
      width: 100%;
    }
    .title{
      position: absolute;
      bottom: 20px;
      width: 100%;
      padding: 0px 10px;
      font-size: 28px;
      font-weight: 500;
      line-height: 1.14285;
      color: #FFFFFF;
      text-align:center;
    }
  }
  .benefit-button-wrapper{
    text-align:center;
    margin-top: 40px;
  }
  .benefit-button{
    padding: 15px 70px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.28571;
    color: #FFFFFF;
    background: #050505;
    border-radius: 2px;
    display: inline-block;
    transition: all 0.3s;
    
    &:hover{
      background: #fe7b3d;
    }
  }
  @media(min-width: 1921px){
    padding: 80px 1.25vw;
    .items-wrapper{
      max-width: 62.5vw;
    }
    .item{
      width: calc(33.33% - 0.26041vw);
      .titlte{bottom: 1.04166vw;font-size: 1.4583333vw;}
    }
    .benefit-button-wrapper{margin-top: 2.083333vw;}
    .benefit-button{padding: 0.78125vw 3.645833vw;font-size: 0.729166vw;}
  }
  @media(max-width: 1250px){
    .item{
      .title{font-size: 2.24vw;}
    }
  }
  @media(max-width: 768px){
    padding: 60px 4.26666vw;
    .items-wrapper{display: block}
    .item{
      width:100%;
      &:not(:last-of-type){margin-bottom: 10px;}
      .title{bottom: 3.46666vw;font-size: 5.33333vw;}
    }
    .benefit-button-wrapper{margin-top: 7.46666vw;}
    .benefit-button{padding: 10px  37px;font-size: 14px;}
  }
   @media(max-width: 500px){
     padding: 60px 16px;
   }
}
.section-openrun-pro-raffle{
  position: relative;
  overflow: hidden;
  
  img{display: block;}
  .image{
    width: 100%;
    min-width: 1920px;
    position: relative;
    left: 0px;
  }
  .content-wrapper{
    max-width: 1188px;
    padding: 0px 24px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    
    display: flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap: wrap;
  }
  .right-text{
    max-width: 560px;
    width: 100%;
    .title{
      font-size: 36px;
      font-weight: 500;
      line-height: 1.5;
      color: #FFFFFF;
      margin-bottom: 10px;
    }
    .content{
      font-size: 20px;
      font-weight: 500;
      line-height: 1.5;
      color: #FFFFFF;
      margin-bottom: 10px;
    }
    .time{
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #F1F1F1;
      margin-bottom: 20px;
    }
  }
  .button-wrapper{
    display: flex;
    align-items:center;
    @media(min-width: 769px){
      &.jp-hide-in-mb{display: flex !important;}
    }
    .try-now{
      height: 50px;
      background: #FD793D;
      width: 166px;
      margin-right: 10px;
      display: flex;
      align-items:center;
      justify-content: center;
      color: #ffffff;
      cursor: pointer;
      
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5;
      color: #FFFFFF;
    }
    .amazon-image{
      height: 50px;
      background: #FD793D;
      width: 166px;
/*       display: none !important; */
    }
  }
  
  @media(min-width: 1921px){
    .content-wrapper{max-width: 61.875vw;padding: 0px 1.25vw;}
    .raffle-image{width: 21.458333vw;}
    .right-text{
      max-width: 29.16666vw;
      .title{
        font-size: 1.875vw;
        margin-bottom: 0.52083vw;
      }
      .content{
        font-size: 1.041666vw;
        margin-bottom: 0.52083vw;
      }
      .time{
        font-size: 0.72916vw;
        margin-bottom: 1.04166vw;
      }
    }
    .button-wrapper{
      .try-now{
        height: 2.604166vw;
        width: 8.64583vw;
        margin-right:  0.52083vw;
        font-size: 0.72916vw;
      }
      .amazon-image{
        height: 2.604166vw;
        width: 8.64583vw
      }
    }
  }
  @media(max-width: 1250px){
    .content-wrapper{max-width: 95.04vw;}
    .raffle-image{width: 32.96vw;}
    .right-text{
      max-width: 44.8vw;
      .title{font-size: 2.88vw;}
      .content{font-size: 1.6vw;}
      .time{font-size: 1.12vw;}
    }
    .button-wrapper{
      .try-now{
        height: 4vw;
        width: 13.28vw;
        font-size: 1.12vw;
      }
      .amazon-image{
        height:4vw;
        width: 13.28vw;
      }
    }
  }
  @media(max-width: 768px){
    .image{min-width: unset;}
    .content-wrapper{max-width: unset;padding: 40px 15px;}
    .right-text {
      order: 1;
      width: 100%;
      max-width: unset;
      text-align:center;
      .title{font-size: 5.33333vw;margin-bottom: 1vw;}
      .content{font-size: 3.46666vw;margin-bottom: 1vw;}
      .time{font-size: 3.2vw;margin-bottom: 5.33333vw;}
    }
    .raffle-image {
      width: 80vw;
      order: 2;
      margin: 0px auto 5.33333vw;;
    }
    .button-wrapper{
      order: 3;
      width: 100%;
      .try-now,.amazon-image{
        width: 250px;
        height: 60px;
        font-size: 20px;
        margin: 0px auto;
      }
      .try-now{
        margin: 0px auto 2.6666vw;
      }
    }
  }
  @media(max-width: 768px){
    .button-wrapper{
      .try-now,.amazon-image{
        width: 44.2666vw;
        height: 10.66666vw;
        font-size: 3.73333vw;
      }
    }
  }
}
/*================================= End pages openrun pro raffle =========================*/
/*==================================== Openrun pro blog =================================*/
.article-sidebar-page .article-sidebar-main .tt-post-single .tt-post-content{
  .right-left-content{
    margin-top: 40px;
    background: #000000;
    h2,p,div{color:#ffffff;}
    h2 {margin: 0px 0px 20px;}
    .feature-content{max-width: 800px;margin: 0px auto 40px; padding: 0px 20px;}
    .item{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      img{margin: 0px;width: 50%;}
      .text-wrapper{width: 50%;padding: 20px 40px;}
    }
    @media(max-width: 999px){
      .feature-content{margin-bottom: 60px;}
       .item{
        img{order: 1;width:100%;}
        .text-wrapper{width: 100%;order:2;padding: 60px 25px;}
      }
    }
    @media(max-width: 590px){
      .feature-content{padding: 0px 10px;margin-bottom: 5.333333vw;}
      .item{
        .text-wrapper{padding: 5.333333vw 4vw;}
        div{font-size: 3.73333vw;}
      }
    }
  }
  

}
/*==================================== End Openrun pro blog =================================*/
.product-openrun-pro .amazon-button-wrapper {justify-content: center;}
div#dd-restock-notification-container{
  max-width: 450px !important;
  margin-bottom: 15px !important;
  input,select{
    padding: 5px 10px !important;
    width: 49% !important;
  }
  .da-restock-notification .da-restock-notification-form{
    padding: 15px 20px 10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }
  .da-restock-notification p{margin-bottom: 10px !important;}
  
  @media(max-width: 768px){
    margin: 10px auto 15px !important;
  }
}
.shokz-underbutton-desc{
  font-size: 14px;
  a{
    text-decoration: underline;
    transition: all 0.3s;
    
    &:hover{
      color: #fe7b3d;
    }
  }
}
@media(max-width: 413px){
  .proof-factor-fw-title[data-v-74764d6e].proof-factor-fw-title[data-v-74764d6e] {
    font-size: 21px !important;
  }
}
/*==================================== Page salomon =================================*/
.page-salomon{
  @media(min-width: 769px){
    .fixed-top-0{border: 1px solid #050505;}
  }
  .section-product-banner .text-wrapper{
    top: 50%;
    transform: translateY(-50%);
    .banner-logo{
      display: block;
      margin-bottom: 40px;
      max-width: 372px;
    }
    .content{
      font-size: 14px;
      max-width: 522px;
      margin-bottom: 40px;
      color: #2B2A2F;
      line-height: 1.3;
    }
    .button-wrapper{
      display:flex;
      align-items:center;
      .buy-now{
        width: 225px;
        height: 50px;
        background: #050505;
        opacity: 1;
        border-radius: 2px;
        display: flex;
        justify-content:center;
        align-items:center;
        
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
        color: #FFFFFF;
        transition: all 0.3s;
        &:hover{color: #FFFFFF;background: #fe7b3d;}
        cursor: pointer;
        margin-right: 30px;
      }
      .learn-more{
        font-size: 14px;
        font-weight: bold;
        font-family: Noto Sans CJK JP;
        line-height: 1.5;
        color: #050505;
        text-decoration: underline;
        transition: all 0.3s;
        &:hover{color: #fe7b3d;}
        cursor: pointer;
      }
    }
  }
  
  @media(max-width: 1500px){
    .section-product-banner .text-wrapper .banner-logo{width: 24.6666vw;margin-bottom:2.3vw;}
    .section-product-banner .text-wrapper .content{font-size: calc(8px + 0.4vw);margin-bottom:2.3vw;}
    .section-product-banner .text-wrapper .button-wrapper .buy-now{width:calc(80px + 8.33333vw);height: calc(20px + 2vw);margin-right: 2vw;}
  }
  
  @media(max-width: 1500px) and (min-width:1100px){
    .section-product-banner .text-wrapper .text-inner{padding-top: 60px;}
  }
  @media(max-width: 1200px){
    .section-product-banner .text-wrapper .content{max-width: calc(150px + 31vw);}
  }
  @media(max-width: 768px){
    .section-product-banner .text-wrapper {
      top: 20.26666vw;
      transform: unset;
      .banner-logo{width: 54.66666vw;margin: 0px auto 5.33333vw;}
      .content{font-size: 3.466666vw;line-height: 1.2307;margin-bottom: 5.33333vw;max-width: unset;color: #ffffff;text-align: left;}
      .button-wrapper {flex-direction: column;}
      .button-wrapper .buy-now {
        width: 44vw;
        height:10.66666vw;
        margin-right: 0px;
        margin-bottom: 5.33333vw;
        background: #ffffff;
        color: #050505;
      }
      .button-wrapper .learn-more{color: #ffffff;}
    }
  }
}

.section-three-product{
  padding: 80px 24px;
  .three-product-wrapper{
    max-width: 1200px;
    margin: 0px auto;
  }
  .three-title-wrapper{
    width: 100%;
    padding:8px;
    background: #F1F1F1;
    opacity: 1;
    border-radius: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    .item-title{
      font-size: 20px;
      font-family: Poppins;
      font-weight: bold;
      line-height: 1;
      color: #BABABA;
      padding: 20px;
      text-align:center;
      width: 33.33%;
      cursor: pointer;
      &.active{
        background: #ffffff;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
        opacity: 1;
        border-radius: 38px;
        color:#000000;
      }
    }
  }
}


.pro-width-salomon{
  display: none;
  justify-content: space-between;
  &.active{
    display: flex;
  }
  .medias{
    display: flex;
    justify-content: space-between;
    align-items:center;
  }
  .product-plus{display: block;padding-bottom: 58px;margin: 0px 24px;}
  .festival-products-image-wrapper{
    max-width: 330px;
    width: 100%;
    display: none;
    &.pro{display: block;}
    &.active{display: block;}
    .images-wrapper{
      .image{
        display: none;
        &.active{display: block;}
      }
      margin-bottom: 20px;
    }
    .thumbs-wrapper{
      display: flex;
      justify-content: space-between;
      .thumb{
        display: block;
        border: 1px solid transparent;
        cursor: pointer;
        width: calc(20% - 8px);
        background:#F1F1F1;
        &.active{display: block;border: 1px solid #fe7b3d;}
      }
    }
  }
  .product-info{
    max-width: 410px;
    width:100%;
    margin-left: 55px;
    .title{
      font-size: 28px;
      font-weight: bold;
      line-height: 1.5;
      color: #000000;
    }
    .descript{
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #2F2F2F;
      margin-bottom: 20px;
    }
    .color-name{
      font-size: 12px;
      font-weight: 400;
      line-height: 1.5;
      color: #BABABA;
      margin-bottom: 20px;
    }
    .options-wrapper{
      .option1-wrapper{
        display: flex;
      }
      .option1-image{
        display:block;
        width: 55px;
        height: 55px;
        margin-right:6px;
        border:1px solid transparent;
        border-radius: 2px;
        cursor: pointer;
        background:#F1F1F1;
        &.active{border:1px solid #fe7b3d;}
      }
      .same-color-products{
        display: none;
        flex-wrap:wrap;
        .option2-item{
          cursor: pointer;
          margin-right: 6px;
          margin-bottom:6px;
          padding: 3px;
          width: 54px;
          height: 28px;
          text-align:center;
          background: #F1F1F1;
          font-size: 14px;
          font-weight: 400;
          line-height: 1.5;
          color: #666666;
          border-radius: 2px;
          &.disable{
            color: #C3C3C3;
            text-decoration: line-through;
            cursor: unset;
            pointer-events: none;
          }
          &.active{
            background:#FF7A3D;
            color: #ffffff;
          }
        }
        &.active{
          display: flex;
        }
      }
    }
  }
  .find-you-size{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 18px;
    color: #525252;
    text-decoration: underline;
    cursor: pointer;
    transition: all 0.3s;
    &:hover{
      color: #fe7b3d;
    }
  }
  .variant{
    display: none;
    &.active{display: block;}
  }
  .variant-wrapper{
    margin-top: 10px;
    .addtocart{
      padding: 13px 32px;
      background: #050505;
      color: #ffffff;
      transition: all 0.3s;
      &:hover{
        background: #fe7b3d;
      }
      &.disable{
        background: #bababa;
        text-transform: uppercase;
        color: #fff;
        pointer-events: none;
      }
    }
  }
  .price-wrapper{
    .price{
      display: inline-block;
      font-size: 20px;
      font-family: Poppins;
      font-weight: 500;
      line-height: 1.5;
      color: #FF7A3D;
      margin-right: 10px;
    }
    .compare-price{
      color: #BABABA;
      text-decoration: line-through;
    }
  }
}
.nav-price-wrapper{
  padding-right: 24px;
  .price{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
    text-align:right;
  }
  .compare-price{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    color: #BABABA;
    text-decoration: line-through;
    text-align:right;
  }
}
.salomon-faq{
  max-width: 832px;
  margin: 0px auto;
  padding: 60px 16px;
  li{
    margin-bottom: 20px;
  }
  a{
    text-decoration: underline;
    transition: all 0.3s;
    &:hover{color: #fe7b3d;}
  }
  .a-line{
    height: 1px;
    background: #919191;
    margin: 20px 0px;
    width: 100%;
    position: relative;
  }
  .answer,.question{
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #2F2F2F;
  }
  .answer{font-weight: bold;}
}

.snippet-salomon-selling-pointer{
  padding: 40px 24px;
  .selling-pointer-wrapper{
    max-width: 650px;
    .selling-pointer{
      display: flex;
      align-items:center;
      svg{
        display: block;
        margin-right: 30px;
      }
    }
  }
  .learn-more{
    width: 225px;
    height: 50px;
    text-decoration: none;
    background: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    color: #050505;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items:center;
    margin: 40px auto 0px;
    &:hover{
      background: #fe7b3d;
      color: #ffffff;
    }
  }
  @media(max-width: 768px){
    padding: 30px 24px;
    .selling-pointer-wrapper{flex-direction: unset;}
    .selling-pointer{margin-top: 0px !important;text-align: left !important;}
    .selling-pointer-wrapper .selling-pointer svg{margin-right: 14px;}
    .learn-more{width: 44.2666vw;height: calc(20px + 5.333333vw);font-size: 3.73333vw;}
  }
  @media (min-width: 1921px){
    .selling-pointer-wrapper .selling-pointer{font-size: 14px;line-height: 1.5;}
  }
}

@media(min-width: 851px){
  .pro-width-salomon .festival-products-image-wrapper .thumbs-wrapper .swiper-wrapper{
    display: flex;
    justify-content: space-between;
  }
}
@media(max-width: 850px){
  .section-three-product{
    padding: 8vw 0px;
    .three-title-wrapper{
      margin: 0 16px 8vw;
      padding: 4px 10px;
      max-width: calc(100% - 32px);
      border-radius: 4px;
      .item-title{
        padding: 8px 5px;
        font-size: 3.2vw;
        &.active{border-radius: 4px;}
      }
    }
    
  }
  .pro-width-salomon{
    flex-wrap: wrap;
    
    .swiper-pagination{
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
    }
    .swiper-pagination-bullet{
      width: 1.066666vw !important;
      height: 1.066666vw !important;
      opacity: 1 !important;
      border-radius: unset !important;
      background: #BABABA !important;
      transition: all 0.3s;
      &:not(:last-of-type){
        margin-right: 1.066666vw !important;
      }
    }
    .swiper-pagination-bullet-active{width:2.133333vw !important;background: #2f2f2f !important;}
    .product-plus{display: none;}
    .festival-products-image-wrapper{
      max-width: 50%;
      width: 50%;
      overflow: hidden;
      background: #f1f1f1;
      &.salomon-product{
        background: #E0E0E0;
        .thumbs-wrapper .thumb{
          background: #E0E0E0;
        }
      }
      .images-wrapper{display: none !important;}
      .thumbs-wrapper {
        padding-bottom: 9.3333vw;
        position: relative;
        .thumb{width:100%;border: unset !important;}
      }
    }
    
    .product-info{
      margin-left: 0px;
      padding: 9.333333vw 4.26666vw 0px;
      max-width: unset;
      .title{font-size: 5.33333vw;}
      .descript{font-size:3.733333vw;margin-bottom: 20px;}
      .options-wrapper .option1-image{
        width: 17vw;
        height: 17vw;
        margin-right: 1.6vw;
      }
      .product-info .color-name{font-size: 3.2vw;margin-bottom: 18px;margin-top: 5px;}
      .options-wrapper .same-color-products .option2-item{
        width: 17vw;
        margin-right: 1.6vw;
        font-size: 3.73333vw;
        height: unset;
        &:nth-of-type(5n){margin-right: 0px;}
      }
    }
    .price-wrapper .price{display: block;font-size: 5.333333vw;}
    .variant-wrapper{
      margin-top: 20px;
      .addtocart{font-size: 3.73333vw;padding: 10px 10vw;}
    }
    .find-you-size{font-size: 3.73333vw;margin-top: 15px;}
  }

}

@media(max-width: 768px){
  .page-salomon .buy-now.mb .product-info{
    padding: 1.6vw 2.66666vw 1.6vw 4.26666vw;
  }
  .page-salomon .buy-now.mb .product-info .product-name{width: 50%;}
  .nav-price-wrapper{
    padding-right: 0px;
    .price{font-size: 3.466666vw;}
    .compare-price{font-size: 3.2vw;}
  }
  .salomon-faq{
    padding: 40px 16px;
  }
}


.salomon-what-in-box{
  padding: 60px 24px;
  .title{
    font-size: 42px;
    font-weight: bold;
    line-height: 1.5;
    color: #050505;
    margin-bottom: 40px;
    text-align:center;
    @media(max-width: 1920px){
      font-size: 2.1875vw;
    }
  }
  .content-wrapper{
    max-width: 1150px;
    margin: 0px auto;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
  }
  .item{
    width: calc((100% - 30px)/4);
    .item-image{display: block;width: 100%;}
    .item-title{
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      color: #050505;
      text-align:center;
    }
  }
  @media(max-width: 768px){
    padding: 40px 16px;
    .title{
      font-size: 5.333333vw;
      marigin-bottom: 6.933333vw;
    }
    .item{
      width: calc((100% - 2.6666vw)/2);
      .item-title{text-align:left;font-size: 3.73333vw;}
      &:nth-of-type(1),&:nth-of-type(2){margin-bottom: 5.33333vw;}
    }
  }
}

.salomon-four-product-info{
  width: 100%;
  display: flex;
  justify-content:center;
  align-items: flex-start;
  .pop-spec{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #F1F1F1;
    text-decoration: underline;
    transition: all 0.3s;
    cursor: pointer;
    max-width: 120px;
    &:hover{
      color: #fe7b3d;
    }
  }
  background: linear-gradient(to right, #000000 0% 50%, #292929 50% 100%);
  .item-title{
    width: 100%;font-size: 1.25vw;text-align:center;color: #ffffff;
    font-weight: bold;
    margin-bottom: 58px;
  }
  .section-brands-mission .brands-mission-texts .text-item::after{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 18px;
    background-color: #bababa;
  }
  .section-brands-mission .brands-mission-texts .text-item:first-of-type::before{
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #bababa;
  }
  .section-brands-mission .brands-mission-texts .text-item:first-of-type{padding-top: 20px;}
  .section-brands-mission .brands-mission-texts .text-item{
    padding-bottom: 40px;
  }
  .section-brands-mission{padding: 60px 30px;align-items: flex-start;margin: 0px;}
  .section-brands-mission.left-item{background: #000000;width: 50%;}
  .right-items-wrapper{
    background: #292929;
    width: 50%;
    .right-item{
      display: none;
      &.active{display: flex;}
    }
  }
  .section-brands-mission .brands-mission-texts{min-height: unset !important;}
  .section-brands-mission .brands-mission-texts .text-item .title{
    font-size: 16px;
    color: #f1f1f1;
  }
  .section-brands-mission .brands-mission-texts .text-item .content{
    font-size: 14px;
    color: #bebebe;
    padding-left: 0px;
  }
  
  .section-brands-mission .brands-mission-texts .text-item .title svg{
    max-height: 13px;
    path{fill:#ffffff !important;}
  }
  
  @media(max-width: 1600px){
    .item-title{margin-bottom: 3.625vw;}
    .section-brands-mission{padding: 3.75vw 1.875vw;}
    .section-brands-mission .image-wrapper{padding-right:1.25vw; }
    .section-brands-mission .brands-mission-texts{padding-left:1vw; }
    .section-brands-mission .brands-mission-texts .text-item .title{font-size: 1vw;padding-right: 18px;}
    .section-brands-mission .brands-mission-texts .text-item .content{font-size: 0.875vw;}
    
    .section-brands-mission .brands-mission-texts .text-item::after{bottom: 1.125vw;}
    .section-brands-mission .brands-mission-texts .text-item:first-of-type{padding-top: 1.25vw;}
    .section-brands-mission .brands-mission-texts .text-item{padding-bottom: 2.5vw;}
  }
  
  @media(max-width: 1000px){
    background: unset;
    flex-wrap: wrap;
    .section-brands-mission{width: 100% !important;padding: 40px 24px;}
    .right-items-wrapper{width: 100% !important;}
    .item-title{font-size: 20px;}
    .section-brands-mission .brands-mission-texts .text-item .title{font-size: 14px;}
    .section-brands-mission .brands-mission-texts .text-item .content{font-size: 13px;}
    .section-brands-mission .brands-mission-texts {padding-left: 20px;}
  }
  @media(max-width: 768px){
    background: #000000;
    .pop-spec{font-size: 18px;}
    .section-brands-mission{max-width: 620px;margin: 0px auto;}
    .section-brands-mission .image-wrapper{padding-right: 0px;}
    .section-brands-mission .brands-mission-texts{padding-left: 0px;margin-top: 40px;}
    .section-brands-mission .brands-mission-texts .text-item:first-of-type{padding-top: 20px;}
    .section-brands-mission .brands-mission-texts .text-item {padding-bottom: 40px;}
    .section-brands-mission .brands-mission-texts .text-item:after{bottom: 18px;}
    .section-brands-mission .brands-mission-texts .text-item .title{font-size: 18px;}
    .section-brands-mission .brands-mission-texts .text-item .content{font-size: 15px;line-height: 1.7;}
  }
  @media(max-width: 560px){
    .pop-spec{font-size: 3.73333vw;}
    .item-title{
      font-size: 4vw;
      br{display: none;}
      text-align:left;
      margin-bottom: 20px;
    }
    .section-brands-mission .brands-mission-texts{;margin-top: 20px;}
    .section-brands-mission .brands-mission-texts .text-item:first-of-type{padding-top: 14px;}
    .section-brands-mission .brands-mission-texts .text-item {padding-bottom: 28px;}
    .section-brands-mission .brands-mission-texts .text-item:after{bottom: 13px;}
    .section-brands-mission .brands-mission-texts .text-item .title{font-size: 3.73333vw;}
    .section-brands-mission .brands-mission-texts .text-item .content{font-size: 3.466666vw;line-height: 1.230769;}
  }
}

.salomon-video-wrapper{
  .salomon-video{
    position: relative;
    overflow: hidden;
    .image{
      display: block;
      width: 100%;
      min-width: 1920px;
      position: relative;
      cursor: pointer;
      @media(max-width: 1920px){
        right: calc(1920px - 100%);
      }
    }
    .play-icon-wrapper{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      cursor: pointer;
      svg{
        border: 2px solid #ffffff;
        border-radius:50%;
        transition: all 0.3s;
      }
    }
    .text{
      font-size: 1.458333vw;
      font-weight: bold;
      line-height: 1.5;
      color: #FFFFFF;
      position: absolute;
      top: 50%;
      left:18.75vw;
      transform: translateY(-50%);
      cursor: pointer;
    }
    &:hover{
      .play-icon-wrapper svg{
        border: 2px solid #fe7b3d;
        background: #fe7b3d;
      }
    }
  }
  .section-product-video{
    background: rgba(5,5,5,0.5);
    padding: 80px 120px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .close-exit-pop-video{
    position: absolute;
    top: 20px;
    right: 100px;
    svg{
      width: 35px;height: 35px;
      background: transparent !important;
      path{fill: #ffffff !important;}
      &:hover{
        path{fill: #fe7b3d !important;}
      }
    }
  }
  .section-product-video .text{display: none;}
  @media(max-width: 768px){
    .salomon-video{display: none;}
    .section-product-video{
      display: block !important;
      position: relative;
      padding: 0px;
      z-index: unset;
    }
    .bg-color-black,.close-exit-pop-video{display: none !important;}
    .section-product-video .text{font-weight: bold;display: block;}
  }
}
.bg-color-black{
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  left: 0px;
  background: rgba(5,5,5,0.3);
}

.salomon-collection-item{
  background-image: url("https://cdn.shopifycdn.net/s/files/1/0271/5389/1376/files/3_jj.png?v=1646894006") !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  .product-item{
    pading:40px 20px;
    .salomon-image{display: block;margin: 0px auto 35px;width: 205px;max-width: 70%;}
    .title{
      font-size: 20px;
      font-weight: bold;
      line-height: 1.45;
      color: #FFFFFF;
      text-align:center;
    }
    .variant-buttons{
      text-align:center;
    }
    .learn-more{
      width: 50%;
      height: 50px;
      line-height: 50px;
      color: #050505;
      background-color: #f1f1f1;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s;
      font-weight: bold;
      font-size: 14px;
      display: inline-block;
      &:hover{
        color: #ffffff;
        background-color: #FE7B3D;
      }
    }
  }

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

  .home-page-collection .collections-wrapper .salomon-collection-item .variant-buttons {
    top: 180px;
    opacity:0;
    width: calc(100% - 40px);
  }
  .home-page-collection .collections-wrapper .salomon-collection-item:hover .variant-buttons {
    opacity:1;
  }
}

@media(max-width: 768px){
  .section-collection-template2 .home-page-collection .collections-wrapper .salomon-collection-item{
    background-image: url("https://cdn.shopifycdn.net/s/files/1/0271/5389/1376/files/3_1_2x_dfa4265a-efc1-4d1b-8d16-3620121ae874.png?v=1646894006");
    min-height: calc(100px + 48vw) !important;
    .product-item{
      padding:30px 5px 40px!important;
      .salomon-image{width: 230px;max-width: 95%;margin-bottom: 12px;}
      .title{
        font-size: 14px !important;
      }
      .variant-buttons{
        position: absolute !important;
        bottom: 10px !important;
      }
      .learn-more{
        padding: 0px 2.6666666vw !important;
        line-height: 40px !important;
        width: calc(100% - 5.33333vw + 10px) !important;
        border: unset;
      }
    }
  }
}
@media(min-width: 1921px){
  .page-salomon .section-product-banner .text-wrapper .banner-logo{max-width: 19.375vw;}
  .page-salomon .section-product-banner .text-wrapper .content {
    font-size: 0.729166vw;
    max-width: 27.1875vw;
    margin-bottom: 2.083333vw;
  }
  .page-salomon .section-product-banner .text-wrapper .button-wrapper .buy-now {
    width: 11.71875vw;
    height: 3.125vw;
    font-size: 0.729166vw;
  
  }
}
/*==================================== End Page salomon =================================*/

/*==================================== start Application Page =================================*/
.page-application{
  .section-app-detail{
    max-width: 1260px;
    padding: 0px 40px;
    margin: 0px auto 40px;
    position: relative;
    @media(max-width: 768px){
      padding: 0px 24px;
    }
    .back {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      color: #2F2F2F;
      cursor: pointer;
      a{
        display: inline-flex;
        align-items: center;
        svg{ margin-right:10px;}
      }
    }
    .title{
      font-size: 42px;
      font-weight: 500;
      line-height: 54px;
      color: #050505;
      margin: 4.16666666vw 0;
      text-align: center;
      .subtitle{
        font-size: 25px;
      }
      @media(max-width: 768px){
        font-size: 24px;
        line-height: 1.6;
        .subtitle{
          font-size: 16px;
        }
      }
    }

    .app-detail-wrapper{
      display: flex;
      justify-content: center;

      @media(max-width: 768px){
        flex-direction: column;
      }

      .app-detail-left{
        width:50%;
        @media(max-width: 768px){
          width:100%;
        }
      }

      .app-detail-right{ 
        width:44%;
        padding-top: 18px;
        @media(max-width: 768px){
          width:100%;
          padding-top:0;
        }
        .image-wrapper{   
          text-align: center;
          img{ margin:0 6px;}
          img.img-first{
            display:block;
            margin: 25px auto;
          }
          @media(max-width: 768px){
            img.hide-pc{  
              display: inline-block !important;
              margin-left:8px;
              margin-right: 8px;
            }
            img.img-first.hide-pc{ 
              display: block !important;  
              max-width: 70px;
              margin-left: auto;
              margin-right:auto;
            }
          }
        }
      }
    }

    .content{
      color: #2F2F2F;
      margin-top: 25px;
      @media(max-width: 768px){
        margin-top: 10px;
        text-align: center;
        font-size: 14px;
      }
    }

  }

  .application-bg{
    background: #F1F1F1;
    padding: 5vw 0;
    @media(max-width: 768px){
        padding: 36px 24px;
      }
    
    .tab-content-wrapper{
      width:100%;
      max-width: 810px;
      margin:0 auto;
    }
    .tab-content{
      h2{
        font-size: 42px;
        font-weight: 500;
        line-height: 1.5;
        color: #050505;
        padding-bottom: 40px;
        margin-bottom: 0px;
        border-bottom: 1px solid #BABABA;
        text-align: center;
        @media(max-width: 768px){
          padding-bottom: 20px;
          font-size:28px;
        }
      }
      .item{
        padding: 20px 0px;
        border-bottom: 1px solid #BABABA;
        &.active .question::after{
          transform: rotate(-180deg);
        }
      }
      .question{
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: #050505;
        cursor: pointer;
        position:relative;
        @media(max-width: 768px){
          font-size: 14px;
          padding-right: 40px;
          font-weight: 400;
        }
        &::after{
          background: url("https://cdn.shopifycdn.net/s/files/1/0074/1890/4612/files/arrow_dowm.png?v=1625639350") no-repeat;
          background-size: cover;
          width: 26px;
          height: 25px;
          content:"11";
          color: transparent;
          position: absolute;
          right: 0px;
          top: 0px;
          transition: all 0.3s;
          transform: rotate(0deg);
          @media(max-width: 768px){
            width: 20px;
            height: 20px;
          }
        }
      }

      .answer{
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #2F2F2F;
        display: none;
        margin-top: 20px;
        margin-bottom: 12px;
        padding-left: 40px !important;
        width: 100% !important;
        img{
          margin-top: 20px;
          margin-right: 24px;
          max-width: calc(50% - 24px);
        }
        a{
          color: #050505;
          transition: all 0.3s;
          text-decoration: underline;
          &:hover{
            color: #fe7b3d;
          }
        }
      }
    }
    
    .application-area{
      width: 100%;
      max-width: 810px;
      margin: 40px auto 0;
      background: #E6E6E6;
      border-radius: 8px;
      padding: 10px;
      >p{ font-size:16px;}

      .area-wrapper{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        
        .item-col{ width: 47%;}
        .item{
          margin-bottom: 26px;
          width: 100%;
            
          p{
            font-size: 14px;
            font-weight: 500;
            line-height: 24px;
            color: #2F2F2F;
            border-bottom:1px solid #fff;
            padding-bottom: 10px;
          }
          
          ul{
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            margin:0;

            li{
              font-size: 14px;
              font-weight: 400;
              line-height: 24px;
              color: #2F2F2F;
              list-style: none;
              width:33.33%;
              margin-bottom: 8px;
              
              @media(max-width: 768px){
                font-size: 12px;
              }
              
            }
          }
        }
      }
      
    }

  }

}

.product-faq-page .product-faq-header .right-block .item.app{cursor: pointer;}
.show-max-500{
  display: none;
}
@media(max-width: 500px){
  .show-max-500{
    display: block;
  }
}
/*==================================== end Application Page =================================*/

.header-icon-search-ga svg,.header-icon-cart-ga svg{pointer-events: none;}

#shopify-section-product-template-new .product-right #AddToCart--product-template-new .btn__text{pointer-events: none;}

@media(min-width: 769px){
  .home-page-collection .collections-wrapper .one-third-column.cable{
    width: 100%;
    .two-product{
      flex-direction: row;
      justify-content: unset;
      .product-item{
        height: 100%;
        width: calc(33.333% - 10px);
        margin-right: 10px;
        .learn-more{margin-top: 0px;width: 50%;}
        .addtocart{width: 50%;}
        .product-title{margin-top: -15px;padding: 0px 20px;}
      }
    }
  }
}
@media(max-width: 768px){
  .section-collection-template2 .one-column-mb.cable .two-product .product-item .product-title{
    margin-bottom: 5vw;
    margin-top: 0vw;
  }
  .template-collection .home-page-collection .collections-wrapper .collection-flex .product-wrapper[data-index="3"]{margin-top: 30px !important}
  .template-collection .home-page-collection .collections-wrapper .one-third-column.cable{
    margin-top: 0px !important;
  }
 
  .template-collection .home-page-collection .collections-wrapper .one-third-column.shokz-and-njpw .title{
    font-size: 3.5vw;
    line-height: 6.3999999vw;
  }
}
.template-collection .home-page-collection .collections-wrapper .product-wrapper{margin-top: 0px !important;}
.section-collection-template2 .home-page-collection .collections-wrapper .title{font-weight: bold;}
.template-collection .home-page-collection .collections-wrapper .one-third-column{
  margin-bottom: 2.08333vw;
  @media(max-width: 768px){
    margin-bottom: 10.666666vw !important;
  }
}

.template-collection .section-collection-template2 .collection-page-salomon-item{
  margin-left: 0px;
  margin-right: 0px !important;
}


.section-collection-template2 .home-page-collection .collections-wrapper .two-product .product-item{
  .price{transition: all 0.3s;}
  @media(max-width: 768px){
    .price{margin-bottom: 20px;}
  }
  &:hover{
    .price{transform: translateY(-30px);}
  }
}

.template-collection .section-collection-template2{
  @media(min-width: 769px){
    .home-page-collection .collections-wrapper .collection-flex{flex-wrap: wrap;}
    .home-page-collection .collections-wrapper .product-wrapper {
      width: calc(33.33% - 7px);
    }
    .home-page-collection .collections-wrapper .product-wrapper[data-index="3"]{
      margin-right: 0px;
    }
    .home-page-collection .collections-wrapper {
      .product-wrapper[data-index="4"],.product-wrapper[data-index="5"]{
        margin-top: 20px !important;
      }
    }
  }
  @media(max-width: 768px){
    .home-page-collection .collections-wrapper .collection-flex {
      .product-wrapper[data-index="4"],.product-wrapper[data-index="5"]{
        margin-top: 30px !important;
      }
    }
  }
}
/*======================== Faq page video ========================*/
.faq-page-videos{
  position: relative;
  overflow: hidden;
  .faq-page-content{
    background: #f1f1f1;
  }
  .title{
    font-size: 42px;
    margin-bottom: 60px;
    text-align:center;
    font-weight: bold;
    line-height: 1.5;
  }
  .videos-wrapper{
    position: relative;
    .video-item{
      position: absolute;
      top: 0px;
      opacity: 0;
      &.active{
        position: relative;
        opacity: 1;
        z-index: 1;
      }
    }
    iframe{display: block;}
  }
  .section-product-video{
    padding: 6.4vw 24px;
  }
  .section-product-video .player_video-wrapper{max-width: 1200px;}
  
  .thumbs-wrapper{
    display: flex;
    justify-content: normal;
    max-width: 1200px;
    margin: 20px auto 0px;
    position: relative;
    
/*     .swiper-container-faq-video{width: 100%;}
    .swiper-wrapper{
      display: flex;
      justify-content: space-between;
    } */
    .thumb-item{
      width: calc(16.66666% - 10px);
      &:not(:last-of-type){
        margin-right: 12px;
      }
    }
    .item-image-wrapper{
      position: relative;
      cursor: pointer;
    }
    .active-text{
      z-index: 2;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      color:#ffffff;
      font-size: 14px;
      line-height: 1.2857;
      width: 100%;
      text-align:center;
    }
    .bg-shadow-background,.active-text{display:none;}
    .thumb-item.active{
      .bg-shadow-background,.active-text{display:block;}
    }
    .text-wrapper{
      display: flex;
      justify-content: space-between;
      margin-top: 8px;
    }
    .item-title{
      font-size: 14px;
      line-height: 1.2857;
      color: #666666;
      max-width: 140px;
    }
    .item-time{
      font-size: 12px;
      line-height: 1.5;
      color: #BABABA;
    }
    .item-image{
      display:block;
      width: 100%;
    }
  }
  
  @media(max-width: 1920px){
    .title{
      font-size: calc(20px + 1.145833333vw);
      margin-bottom: 3.125vw;
    }
  }
  
  @media(max-width: 1000px){
    .thumbs-wrapper .text-wrapper{
      flex-direction: column;
    }
    .thumbs-wrapper .item-title{font-size: 13px;}
  }
  
  @media(max-width: 768px){
    margin-bottom: -20px;
    .title{
      font-size: 28px;
      margin-bottom: 30px;
      line-height: 1.2;
    }
    .section-product-video{
      padding: 40px 0px;
    }
    .thumbs-wrapper{
      padding: 0px 0px 20px;
      overflow-x: auto;
    }
    .thumbs-wrapper-for-mb{
      padding: 0px 10px;
    }
    .thumbs-wrapper .thumb-item {
      width: calc(30%);
      margin-right: 8px;
      &:last-of-type{
        margin-right: 0px;
      }
    }
    .thumbs-wrapper .text-wrapper {
      flex-direction: column;
      margin-top: 6px;
    }
    .thumbs-wrapper .item-title {
      font-size: 3.2vw;
      max-width: unset;
    }
    .thumbs-wrapper .item-content {
      font-size: 3.2vw;
    }
    .thumbs-wrapper .active-text{
      width: 100%;
      text-align: center;
      font-size: 3.2vw;
    }
  }
  @media(max-width:768px) and (min-width: 591px){
    .thumbs-wrapper .item-title{font-size: 18px;}
    .thumbs-wrapper .item-time{font-size: 15px;}
  }
  
}
.section-product-video .player_video-wrapper{
  .paly-icon-white{
    svg{
      border: 3px solid #dddddd;
      #play_5400{
        transition: all 0.3s;
        fill: #dddddd !important;
      }
    }
    @media(max-width: 768px){
      svg{
        border: 0.6vw solid #dddddd;
      }
    }
  }
 
  &:hover{
    .paly-icon-white svg{
      border-color: #fe7b3d;
      #play_5400{
        fill: #ffffff !important;
      }
    }
  }
}
.bg-shadow-background{
  position:absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.39);
  opacity: 0.3;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.shokz-normal-swiper-arrow{
  
  .swiper-button-next{
    z-index: 1;
    width: 30px;
    height: 30px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23050505'%2F%3E%3C%2Fsvg%3E");
    background-position: 8px 3px;
    background-size: 13px 25px;
    transition: all 0.3s;
    &:hover{
      background-color: #FE7B3D;
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
  }
  .swiper-button-prev{
    z-index: 1;
    width: 30px;
    height: 30px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23050505'%2F%3E%3C%2Fsvg%3E");
    background-position: 8px 3px;
    background-size: 13px 25px;
    transition: all 0.3s;
    &:hover{
      background-color: #FE7B3D;
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    }
  }
  
}
.faq-page-videos{
  .swiper-button-next{
    top: 43%;
    right: 0px;
  }
  .swiper-button-prev{
    top: 43%;
    left: 0px;
  }
  @media(max-width: 768px){
    .swiper-button-next{
      top: 33%;
      right: 0px;
    }
    .swiper-button-prev{
      top: 33%;
      left: 0px;
    }
  }
}
/*======================== End faq page video ========================*/
/*================================ section home-email-pop ===================================*/
.section-home-email-pop{
  padding: 20px 24px;
  position: fixed;
  bottom: -500px;
  left: 0px;
  background: #ffffff;
  width: 100%;
  z-index: 50;
  box-shadow:0px -4px 20px rgba(0,0,0,0.1);
  transition: all 0.3s;
  &.active{
    bottom: 0px;
  }
  &.hide{
    display: none !important;
  }
  .close-exit-pop{
    position: absolute;
    top: 20px;
    right: -4vw;
    cursor: pointer;
    @media(max-width: 1330px){
      top: -10px;
      right: 0px;
    }
    @media(max-width: 900px){
      top: 10px;
    }
    
    svg{
      width: 16px;
      height:16px;
      path{transition: all 0.3s;fill: #BABABA;}
      &:hover{
        path{fill: #fe7b3d;}
      }
    }
  }
  
  .email-pop-wrapper{
    max-width: 1200px;
    margin: 0px auto;
    position: relative;
  }
  .klaviyo-form{
    .needsclick[data-testid="form-row"]:nth-of-type(1):nth-last-child(5){
      display: none !important;
    }

    .needsclick[data-testid="form-row"]:nth-of-type(2):nth-last-child(4){
      display: none !important;
    }
    .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3),
    .needsclick[data-testid="form-row"]:nth-of-type(4):nth-last-child(2),
    .needsclick[data-testid="form-row"]:nth-of-type(5):nth-last-child(1){
      & > div[data-testid="form-component"]:first-of-type{
        max-width: 350px;
        margin-right: 80px;
        @media(max-width: 1920px){
          margin-right: 4.166666vw;
        }
      }
    }
    .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3){
      button{min-width: 120px !important;}
    }
    .needsclick[data-testid="form-row"]:nth-of-type(4):nth-last-child(2){
      align-items: flex-start !important;
    }
    .needsclick[data-testid="form-row"]:nth-of-type(5):nth-last-child(1){
      & > div[data-testid="form-component"]:last-of-type{
        margin-top: -20px !important;
      }
    }
    
    .needsclick[data-testid="form-row"]:nth-of-type(4) button{
      max-width: 140px !important;
      margin: 0px auto !important;
    }
    
  }
  
  @media(max-width: 900px){
    .klaviyo-form{
      .needsclick[data-testid="form-row"]:nth-of-type(1):nth-last-child(5){
        display: block !important;
      }
      .needsclick[data-testid="form-row"]:nth-of-type(2):nth-last-child(4){
        display: block !important;
        p span{font-size: 18px !important;}
      }
      .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3),
      .needsclick[data-testid="form-row"]:nth-of-type(4):nth-last-child(2),
      .needsclick[data-testid="form-row"]:nth-of-type(5):nth-last-child(1){
        & > div[data-testid="form-component"]:first-of-type{
          display: none !important;
        }
      }
      .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3){
        button{min-width: 120px !important;}
      }
      .needsclick[data-testid="form-row"]:nth-of-type(4):nth-last-child(2){
        align-items: flex-start !important;
      }
      .needsclick[data-testid="form-row"]:nth-of-type(5):nth-last-child(1){
        & > div[data-testid="form-component"]:last-of-type{
          margin-top: -5px !important;
        }
      }
      
      .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(2){
        padding-top: 14px !important;
        border-top: 1px solid #DDDDDD;
      }
    }
  }
  @media(max-width: 500px){
    padding: 10px 24px;
    .klaviyo-form{
      .needsclick[data-testid="form-row"]:nth-of-type(1):nth-last-child(5){
        p strong{font-size: 16px !important;}
      }
      .needsclick[data-testid="form-row"]:nth-of-type(2):nth-last-child(4){
        p span{font-size: 13px !important;}
      }
      .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3){
        & > div{
          padding-top: 15px !important;
        }
      }
      
      .needsclick[data-testid="form-row"]:nth-of-type(1):nth-last-child(4){
        padding-bottom:  14px !important;
        p span{font-size: 16px !important;}
      }
    }
  }
}
/*================================ End section home-page-email-pop ==============================*/

/*========================  Openrun mini ===================*/
.toggle-product-size{
  display:flex;
  align-items:center;
  margin-bottom: 20px;
  &.recommend{
    min-height: 32px;
    line-height: 1.5;
    margin-bottom: 0px !important;
  }
  &.recommend.other{opacity:0;pointer-events: none;}
  .size-wrapper{
    margin-right: 15px;
    background: #f1f1f1;
    display: flex;
    padding: 4px;
    border-radius: 4px;
  }
  .toggle-product-size-item{
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    color: #050505;
    border-radius: 2px;
    &.active{
      background: #fe7b3d;
      color: #ffffff;
    }
  }
  .guide{
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
  }
  @media(max-width: 768px){
    justify-content: center;
    flex-direction: column;
    .size-wrapper{margin-right: 0px;margin-bottom: 10px;}
    
  }
  @media(max-width: 1000px){
    &.recommend{
      margin-bottom: 10px!important;
      .toggle-product-size-item{
        font-size: 12px !important;
        padding: 5px!important;
      }
    }
    &.recommend.other{display:none;}
  }
}


.home-page-collection{
  .toggle-product-size{
    margin-bottom: 10px;
    justify-content: center;
    .size-wrapper{
      background: #ebebeb;
      padding: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
    }
    .toggle-product-size-item.active{
      background: #050505;
      color: #ffffff;
    }
  }
  @media(max-width: 768px){
    .collections-wrapper-mb .product-wrapper{
      &.openrun .notety,&.mini20220411pre .notety{display: none;}
    }
  }
}

//openrun
.template-product .product-openrun .radio-wrapper .single-option-radio label{display: block; }
.template-product .product-openrun .radio-wrapper .single-option-radio label[data-var_id="40225943781424"]{
  display: none;padding-left: 0px;margin-left: 0px;
  @media(max-width: 768px){margin-left: 15.466666vw;}
}
.template-product .product-openrun .radio-wrapper .single-option-radio label[data-var_id="40296770273328"]{
  display: none;
  @media(max-width: 768px){margin-left: 15.466666vw;}
}

.home-page-collection .collections-wrapper .shokz-and-njpw  .color_list li{display: block;}
.home-page-collection .collections-wrapper .shokz-and-njpw  .color_list li[data-var_id="40629431304240"]{display: none;}
.home-page-collection .collections-wrapper .shokz-and-njpw  .color_list li[data-var_id="40629431468080"]{display: none;margin-right: 0px;}
.home-page-collection .collections-wrapper .openrun .color_list li{display: block;}
.home-page-collection .collections-wrapper .openrun .color_list li[data-var_id="40225943781424"]{display: none;}
.home-page-collection .collections-wrapper .openrun .color_list li[data-var_id="40296770273328"]{display: none;margin-right: 0px;}
.compare-product-detail .openrun .color_list li{display: block;}
.compare-product-detail .openrun .color_list li[data-var_id="40225943781424"]{display: none;margin-right: 0px;}
.compare-product-detail .openrun .color_list li[data-var_id="40296770273328"]{display: none;}

//openrun pro
/* .template-product .product-openrun-pro .radio-wrapper .single-option-radio label{display: none; } */
.template-product .product-openrun-pro .radio-wrapper .single-option-radio label[data-var_id="40616521400368"]{
  display: none;padding-left: 0px;margin-left: 0px;
  @media(max-width: 768px){margin-left: 15.466666vw;}
}
.template-product .product-openrun-pro .radio-wrapper .single-option-radio label[data-var_id="40616521695280"]{
  display: none;
  @media(max-width: 768px){margin-left: 15.466666vw;}
}
/* .home-page-collection .collections-wrapper .openrun-pro .color_list li{display: none;} */
.home-page-collection .collections-wrapper .openrun-pro .color_list li[data-var_id="40616521400368"]{display: none;}
.home-page-collection .collections-wrapper .openrun-pro .color_list li[data-var_id="40616521695280"]{display: none;margin-right: 0px;}
/* .compare-product-detail .openrun-pro .color_list li{display: none;} */
.compare-product-detail .openrun-pro .color_list li[data-var_id="40616521400368"]{display: none;margin-right: 0px;}
.compare-product-detail .openrun-pro .color_list li[data-var_id="40616521695280"]{display: none;}


//testproduct20230128
/* .template-product .product-openrun-pro .radio-wrapper .single-option-radio label{display: none; } */
.template-product .product-openrun-pro .radio-wrapper .single-option-radio label[data-var_id="40737925791792"]{
  display: none;padding-left: 0px;margin-left: 0px;
  @media(max-width: 768px){margin-left: 15.466666vw;}
}
.template-product .product-openrun-pro .radio-wrapper .single-option-radio label[data-var_id="40737925824560"]{
  display: none;
  @media(max-width: 768px){margin-left: 15.466666vw;}
}
/* .home-page-collection .collections-wrapper .testproduct20230128 .color_list li{display: none;} */
.home-page-collection .collections-wrapper .testproduct20230128 .color_list li[data-var_id="40737925791792"]{display: none;}
.home-page-collection .collections-wrapper .testproduct20230128 .color_list li[data-var_id="40737925824560"]{display: none;margin-right: 0px;}
/* .compare-product-detail .testproduct20230128 .color_list li{display: none;} */
.compare-product-detail .testproduct20230128 .color_list li[data-var_id="40737925791792"]{display: none;margin-right: 0px;}
.compare-product-detail .testproduct20230128 .color_list li[data-var_id="40737925824560"]{display: none;}



.compare-product-detail .toggle-product-size{justify-content:center;}
.compare-product-detail .addtocart-buy-on-amazon{margin: 20px auto;}
.compare-product-detail .addtocart-buy-on-amazon.product-notifyme-pop{margin: 2.8645833vw auto 1.0416666vw;}
@media(max-width: 768px){
  .compare-product-detail .toggle-product-size .toggle-product-size-item{
    padding: 5px;
    font-size: 12px;
  }
  .compare-product-detail .compare-detail-header .toggle-product-size{margin-bottom: 0px;}
  .compare-product-detail .addtocart-buy-on-amazon.product-pop-button{width: 100%;}
  .compare-product-detail .addtocart-buy-on-amazon.product-notifyme-pop{
    width: 100%;
    margin: 10.666666vw auto 5.3333333vw;
  }
} 


.notify-me-wrapper{
  .product-pop-button{
    display: none;
    width: 166px;
    height: 50px;
    background: #050505;
    color: #ffffff;
    justify-content:center;
    align-items:center;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    transition: all 0.3s;
    cursor: pointer;
    &:hover{
      background-color: #fe7b3d;
    }
    @media(max-width: 768px){
      padding: 1.866666vw 7.7333333vw;
      margin-right: 0;
      min-width: 44.26666vw;
      font-size: 3.7333333vw;
      width: 100%;
      height: unset;
      border: 2px solid #050505!important;
    }
  }
  &.active{
    .product-pop-button{display: flex;}
    .btn{display: none;}
  }
}

.openrun-mini-featured-info-wrapper{
  background: #F1F1F1;
  padding-bottom: 6.25vw;
  .openrun-mini-featured-info{
    background: #ffffff;
    max-width: 1248px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 24px;
    display: flex;
    justify-content: space-between!important;
    align-items: center;
  }
  
  .image-wrapper{
    width: 50%;
    img{display: block;width: 100%;}
  }
  .right-part-wrapper{
    padding: 50px;
    width: 50%;
    .title{
      font-size: 2.1875vw;
      font-weight: 500;
      line-height: 3.125vw;
      margin-bottom: 40px;
      color: #050505;
    }
    .content{
      font-size: calc(12px + .2083333vw);
      line-height: 1.5;
      margin-bottom: 20px;
      color: #2f2f2f;
    }
  }
  .link-wrapper{
    display: flex;
    .size-guide,.learn-more{
      text-decoration: underline;
      transition: all 0.3s;
      color: #666666;
      font-size: 14px;
      cursor: pointer;
      &:hover{color: #fe7b3d;}
    }
    .size-guide{margin-right: 40px;}
  }
  @media(min-width: 1920px){
    .openrun-mini-featured-info{
      max-width: calc(62.5vw + 48px);
    }
  }
  @media(max-width: 768px){
    padding: 0px 24px 16vw;
    .openrun-mini-featured-info{
      flex-wrap: wrap;
      padding: 0px;
    }
    .image-wrapper{
      width: 100%;
      img{max-width: 69.33333vw;margin: 0px auto;}
    }
    .right-part-wrapper{
      width: 100%;
      padding: 16px 14px 40px;
      .title{
        font-size: 4.8vw;
        margin-bottom: 5.333333vw;
      }
      .content{
        font-size: 3.733333vw;
        margin-bottom: 5.333333vw;
      }
    }
  }
}

.home-page-collection .collections-wrapper .product-wrapper .variants-other-wrapper{min-height: 164px;}
.exit-pop-product-button{
  text-align:center;
  width: 50%;
  height: 48px !important;
  line-height: 48px;
  color: #ffffff;
  background-color: #050505;
  transition: all 0.3s;
  font-weight: 500;
  font-size: 14px;
  &:hover{
    color: #ffffff;
    background-color: #FE7B3D;
  }
  &.compare{
    display: block;
    margin: 55px auto 20px;
    width: 100%;
    max-width: 200px;
    padding: 13px 0px;
    border: 2px solid #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #050505;
    transition: all 0.3s;
    height: unset!important;
    background-color:transparent;
    &:hover{
      color: #ffffff;
      background-color: #fe7b3d;
      border-color: #fe7b3d;
    }
    @media (min-width: 769px) and (max-width: 1920px){
      margin: 2.8645833vw auto 1.0416666vw;
    }
    
    @media(max-width: 768px){
      font-size: 3.2vw;
      border: unset;
      padding: 1.866666vw 0;
      background: #f1f1f1;
      margin: 10.666666vw auto 5.3333333vw
    }

  }
  @media (max-width: 820px){
    &.product-pro-suguru-pop-button-collection{display: none !important;}
  }
  @media (min-width: 769px) and (max-width: 1100px){
    font-size: 12px;
  }
  @media(max-width: 768px){
    height: 48px !important;
    line-height: 48px;
    font-size: 14px;
  }
}
.home-recommended-product .collections-wrapper .shadow-img{margin: -32px auto 0!important;}
.home-recommended-product .collections-wrapper .product-wrapper .variants-other-wrapper {
    margin-top: -47px;
}
@media (max-width: 768px){
  .product-openrun .section-openrun-features-2 .features-item {
    padding-bottom: 0px;
  }
  .template-product .toggle-product-size .size-wrapper{
    min-width: 44.26666vw;
    justify-content: center;
  }
  #shopify-section-product-template-new .product-right #AddToCart--product-template-new[disabled]{
    border-color: #050505 !important;
    min-width: 44.26666vw;
  }
  .template-product .toggle-product-size .toggle-product-size-item{font-size: 3.733333vw;}
}
/*=========================== End Openrun mini ======================*/
.swiper-button-next.swiper-normal-button-next {
  z-index: 3;
  background-position: 6px 6px;
  background-size: 22px 22px;
  border-radius: 50%;
  right: 10px;
  background-color: #bababa;
  width: 35px;
  height: 35px;
  transform: rotate(180deg);
  background-image: url(https://cdn.shopifycdn.net/s/files/1/0074/1890/4612/files/2_3.svg?v=1651714300)!important;
  &:hover{
    background-color: #ff7b3d;
  }
}
.swiper-button-prev.swiper-normal-button-prev {
  z-index: 3;
  background-position: 6px 6px;
  background-size: 22px 22px;
  border-radius: 50%;
  left: 10px;
  background-color: #bababa;
  width: 35px;
  height: 35px;
  background-image: url(https://cdn.shopifycdn.net/s/files/1/0074/1890/4612/files/2_3.svg?v=1651714300)!important;
  &:hover{
    background-color: #ff7b3d;
  }
}
.index-slideshow-section .slick-allow-right .slick-next,.index-slideshow-section .slick-allow-left .slick-prev{
  background: #bababa;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  &:hover{background-color: #ff7b3d;}
  svg{
    max-height: 18px;
  }
}
.index-slideshow-section .slick-allow-right .slick-next{padding-left: 3px;}
.index-slideshow-section .slick-allow-left .slick-prev{padding-right: 3px;}
.index-slideshow-section .hero__controls .slick-dots li a,.swiper-pagination-bullet-normal .swiper-pagination-bullet{border-radius: 50% !important;}
.index-slideshow-section .hero__controls .slick-dots li.slick-active a,.swiper-pagination-bullet-normal .swiper-pagination-bullet-active{width: 40px !important;border-radius: 5px !important;}


.home-page-blog-2 .right-blog .right-blog-footer .swiper-button-prev{
  background-position: 3px 3px;
  background-size: 18px 18px;
}
.home-page-blog-2 .right-blog .right-blog-footer .swiper-button-next{
  background-position: 3px 3px;
  background-size: 18px 18px;
}
@media(min-width: 769px){
  .home-page-collection .collections-wrapper{
    padding: 0 60px;
    max-width: 1320px;
    position: relative;
  }
}
@media(max-width: 768px){
  .index-slideshow-section .hero__controls .slick-dots li a,.swiper-pagination-bullet-normal .swiper-pagination-bullet{width: 6px !important;height: 6px !important;}
  .index-slideshow-section .hero__controls .slick-dots li.slick-active a,.swiper-pagination-bullet-normal .swiper-pagination-bullet-active{width: 16px !important;border-radius: 3px !important;}
}

.bgcolor-305299{background-color: #305299 !important}
.bgcolor-173366{background-color: #173366 !important}
/*=========================== End Openrun mini ======================*/
.swiper-button-next.swiper-normal-button-next {
  z-index: 3;
  background-position: 6px 6px;
  background-size: 22px 22px;
  border-radius: 50%;
  right: 10px;
  background-color: #bababa;
  width: 35px;
  height: 35px;
  transform: rotate(180deg);
  background-image: url(https://cdn.shopifycdn.net/s/files/1/0074/1890/4612/files/2_3.svg?v=1651714300)!important;
  &:hover{
    background-color: #ff7b3d;
  }
}
.swiper-button-prev.swiper-normal-button-prev {
  z-index: 3;
  background-position: 6px 6px;
  background-size: 22px 22px;
  border-radius: 50%;
  left: 10px;
  background-color: #bababa;
  width: 35px;
  height: 35px;
  background-image: url(https://cdn.shopifycdn.net/s/files/1/0074/1890/4612/files/2_3.svg?v=1651714300)!important;
  &:hover{
    background-color: #ff7b3d;
  }
}
.index-slideshow-section .slick-allow-right .slick-next,.index-slideshow-section .slick-allow-left .slick-prev{
  background: #bababa;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  &:hover{background-color: #ff7b3d;}
  svg{
    max-height: 18px;
  }
}
.index-slideshow-section .slick-allow-right .slick-next{padding-left: 3px;}
.index-slideshow-section .slick-allow-left .slick-prev{padding-right: 3px;}
.index-slideshow-section .hero__controls .slick-dots li a,.swiper-pagination-bullet-normal .swiper-pagination-bullet{border-radius: 50% !important;}
.index-slideshow-section .hero__controls .slick-dots li.slick-active a,.swiper-pagination-bullet-normal .swiper-pagination-bullet-active{width: 40px !important;border-radius: 5px !important;}


.home-page-blog-2 .right-blog .right-blog-footer .swiper-button-prev{
  background-position: 3px 3px;
  background-size: 18px 18px;
}
.home-page-blog-2 .right-blog .right-blog-footer .swiper-button-next{
  background-position: 3px 3px;
  background-size: 18px 18px;
}
@media(min-width: 769px){
  .home-page-collection .collections-wrapper{
    padding: 0 60px;
    max-width: 1320px;
    position: relative;
  }
}
@media(max-width: 768px){
  .index-slideshow-section .hero__controls .slick-dots li a,.swiper-pagination-bullet-normal .swiper-pagination-bullet{width: 6px !important;height: 6px !important;}
  .index-slideshow-section .hero__controls .slick-dots li.slick-active a,.swiper-pagination-bullet-normal .swiper-pagination-bullet-active{width: 16px !important;border-radius: 3px !important;}
}

.bgcolor-305299{background-color: #305299 !important}
/*====================== mini-testers ============*/
.page-tryshokzon2022,.page-mini-testers{
  .pop-123form-button{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.285714;
    color: #FFFFFF;
    padding: 16px 60px;
    max-width: 240px;
    background: #FF7A3D;
    margin: 40px auto 0px;
    cursor: pointer;
    text-align:center;
    @media(max-width: 768px){
      padding: 3.466666vw 0px;
      width: 53.3333vw;
      margin-top: 5.333333vw;
    }
    @media(max-width: 768px) and (min-width: 590px){padding: 16px 0px;}
  }
}
.tryshokz2022-program-details{
  background: #ffffff;
  display: flex;
  flex-wrap:wrap;
  align-items:center;
  .image{
    width: 50%;
  }
  .right-part{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 40px;
    justify-content: center;
  }
  .title{
    font-size: calc(16px + 0.8333333vw);
    font-weight: 500;
    line-height: 1.5;
    color: #050505;
    margin-bottom: 2.083333vw;
  }
  .item{
    margin-bottom:1.0416666vw;
    .item-title{
      font-size: 16px;
      font-weight: 400;
      line-height: 1.375;
      color: #FF7A3D;
      margin-bottom: 6px;
    }
    .item-content{
      font-size: 16px;
      line-height: 1.375;
      color: #050505;
      max-width: 560px;
      span{
        font-weight: 500;
      }
    }
  }
  .info{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375;
    color: #050505;
    span{font-weight: 500;}
    margin-top: 2.083333vw;
    a{
      color: #FF7A3D;
    }
  }
  
  
  @media(max-width: 1600px){
    .item{
      .item-title,.item-content{font-size: 14px;}
    }
    .info{font-size: 14px;}
  }
  
  @media(max-width: 1100px){
    .title{margin-bottom: 10px;}
    .item{
      .item-title,.item-content{font-size: 12px;}
    }
    .info{font-size: 12px;margin-top: 0px;}
  }
  @media(max-width: 820px){
    .image{
      width: 100%;
      order: 2;
    }
    .right-part{
      width: 100%;
      order: 1;
      display: block;
      padding:  10.666666vw 4.266666vw;
    }
    .title{
      font-size: 5.333333vw;
      margin-bottom: 5.333333vw;
      text-align:center;
    }
    .item{
      margin-bottom: 5.333333vw;
      .item-title{
        font-size: 3.2vw;
      }
      .item-content{font-size: 3.2vw;}
    }
    .info{
      font-size: 3.2vw;
      margin-top: 5.333333vw;
    }
  }
  @media(max-width: 820px) and (min-width: 600px){
  
    .right-part{
      padding: 60px 40px;
    }
    .title{
      font-size: 30px;
      margin-bottom: 40px;
    }
    .item{
      margin-bottom: 40px;
      .item-title{font-size: 18px;}
      .item-content{font-size: 18px;}
    }
    .info{
      font-size: 18px;
      margin-top: 40px;
    }
  }
}
.section-mini-testers-banner{
  position:relative;
  img{display: block;width: 100%;}
  .text-wrapper{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18.75vw;
    max-width: 460px;
    .title{
      font-size: calc(20px + 1.9791666vw);
      font-weight: bold;
      line-height: 1.5;
      color: #FFFFFF;
    }
    .subtitle{
      font-size: calc(16px + 0.83333333vw);
      font-weight: 400;
      line-height: 1.4;
      color: #FFFFFF;
      margin-bottom: 1.875vw;
    }
    .content{
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      color: #FFFFFF;
      line-height: 1.375;
    }
  }
  @media(max-width: 1500px){
    .text-wrapper{
      right: 8.75vw;
    }
  }
  @media(min-width: 1921px){
    .text-wrapper{
      max-width:23.4375vw;
      .title{font-size: 3.0208333vw;}
      .subtitle{font-size: 1.666666vw;}
      .content{font-size: 0.833333vw;}
    }
  }
  @media(max-width: 768px){
    .text-wrapper{
      max-width: unset;
      top: unset;
      right:unset;
      transform: unset;
      text-align: center;
      bottom: 8vw;
      width: 100%;
      padding: 0px 24px;
      .title{
        font-size: 10.666666vw;
      }
      .subtitle{
        font-size: 5.333333vw;
        margin-bottom: 2.66666666vw;
      }
      .content{
        font-size: 3.733333vw;
      }
    }
  }
}
.page-mini-testers  .tryshokz2022-program-details{background: #f1f1f1;}
 @media(max-width: 768px){
   .page-mini-testers {
     .tryshokz2022-program-details .right-part{order: 3;}
     .tryshokz2022-program-details .item .item-title, .tryshokz2022-program-details .item .item-content {
       font-size: 3.466666vw;
     }
   }
 }
.mini-testers-timeline{
  padding: 4.1666666vw 40px;
  text-align:center;
  .title{
    font-size: calc(0.8333333vw + 16px);
    font-weight: 500;
    line-height: 1.5;
    color: #050505;
    margin-bottom: 40px;
  }
  .content{
    font-size: 16px;
    line-height: 1.375;
    color: #2F2F2F;
    max-width: 800px;
    margin: 0px auto;
  }
  .a-line{
    height: 1px;
    background: #BABABA;
    margin: 40px auto;
    width: 100%;
    max-wdith: 1200px;
  }
  .titeline-wrapper{
    max-width: 900px;
    padding-top: 110px;
    border-bottom: 2px solid #FF7A3D;
    position: relative;
    margin: 0px auto;
    .circle{
      width: 24px;
      height: 24px;
      border-radius: 50%;
      border: 4px solid #f1f1f1;
      background: #FF7A3D;
      position: absolute;
      bottom: -12px;
      transform: translateX(-50%);
    }
    .circle-1{
      left: 0px;
    }
    .circle-2{
      left: 33.333%;
    }
    .circle-3{
      left: 66.666%;
    }
    .circle-4{
      right: 0px;
      transform: translateX(50%);
    }
    .item-title{
      font-size: 20px;
      font-weight: 500;
      line-height: 1.1;
      color: #2F2F2F;
      margin-bottom: 20px;
    }
    .item-content{
      font-size: 16px;
      font-weight: 400;
      line-height: 1.375;
      color: #2F2F2F;
    }
    .item{
      position: absolute;
      bottom: 30px;
      transform: translateX(-50%);
    }
    .item-1{
      max-width: 140px;
      left: 0px;
    }
    .item-2{
      max-width: 195px;
      left: 33.333%;
    }
    .item-3{
      max-width: 218px;
      left: 66.666%;
    }
    .item-4{
      max-width: 180px;
      right: 0px;
      transform: translateX(50%);
    }
  }
  @media(max-width: 1300px){
    .titeline-wrapper{
      max-width: calc(100% - 200px);
      .item-title{font-size: 1.5384615vw;}
      .item-content{font-size:1.230769vw; }
    }
  }
  @media(max-width: 768px){
    padding: 16vw 16px;
    .title{font-size: 5.3333333vw;margin-bottom:5.3333333vw; }
    .content{font-size: 3.733333vw;}
    .titeline-wrapper{
      max-width:72.533333vw;
      padding-top: 24vw;
      .item{width: 25%;max-width: unset !important;bottom: 20px;}
      .item-1{width: 28%;}
      .item-3{width: 30%;}
      .item-title{font-size: 3.2vw;margin-bottom: 1vw;}
      .item-content{font-size: 3.2vw; }
    }
  }
}

.mini-testers-apply{
  padding:4.1666666vw 24px;
  .title{
    font-size: calc(16px + 0.833333vw);
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 20px;
    color: #050505;
    text-align:center;
  }
  .content{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375;
    color: #050505;
    text-align:center;
  }
  .a-line{
    height: 1px;
    background: #BABABA;
    margin: 40px auto;
    width: 100%;
    max-width: 800px;
  }
  .item-wrapper{
    max-width: 800px;
    margin: 0px auto;
    .title{
      margin-top: 40px;
      text-align:left;
    }
    .item{
      margin-bottom: 20px;
    }
    .item-title{
      font-size: 16px;
      font-weight: 500;
      line-height: 1.375;
      color: #FF7A3D;
    }
    .item-content{
      font-size: 16px;
      font-weight: 400;
      line-height: 1.375;
      color: #2f2f2f;
      a{
        transition: all 0.3s;
        font-weight: 500;
        text-decoration: underline;
        &:hover{color: #FF7A3D}
      }
    }
    .info{
      margin-top: 40px;
      font-size: 16px;
      line-height: 1.375;
      color: #666666;
      a{
        font-weight: 500;
        color: #FF7A3D;
        text-decoration: underline;
      }
    }
  }
  @media(max-width: 768px){
    padding: 10.666666vw 4.266666vw;
    .title{
      font-size: 5.333333vw;
      margin-bottom: 5.333333vw;
    }
    .item-wrapper{
      .title{
        font-size: 5.333333vw;
        margin-bottom: 5.333333vw;
        text-align: center;
      }
      .item-title,.item-content,.info{
        font-size: 3.466666vw;
      }
      .info{margin-top: 20px;}
    }
  }
}

@media(max-width: 768px) and (min-width: 600px){
  .section-mini-testers-banner .text-wrapper .content {font-size: 18px;}
  .mini-testers-timeline .content {font-size: 18px;}
  .mini-testers-timeline .titeline-wrapper .item-title {font-size: 18px;}
  .mini-testers-timeline .titeline-wrapper .item-content {
    font-size: 16px;
    .uk-hide-in-pc{display: none !important;}
  }
  .page-mini-testers .tryshokz2022-program-details .item .item-content,.page-mini-testers .tryshokz2022-program-details .item .item-title{
    font-size: 18px;
    max-width: unset;
  }
  .mini-testers-apply .item-wrapper .item-content{font-size: 18px;}
  .mini-testers-apply .item-wrapper .info,.mini-testers-apply .item-wrapper .item-title{font-size: 18px;}
}
/*================== End mini-testers ================*/

/* 夏促 */
.section-summersale2022-featured-product{
  padding: 80px 30px;
  background: linear-gradient(359deg, #FFFFFF 0%, #e8f6f9 20%,#D9F9FF 100%);
  .featured-product-wrapper{
    position:relative;
    max-width: 1200px;
    margin: 0px auto;
  }
  .title{
    font-size: calc(10px + 1.666666vw);
    font-weight: 500;
    line-height: 1.5;
    color: #0E1B2E;
    margin-bottom: 40px;
    text-align:center;
    text-transform: uppercase;
  }
  .item{
    display: flex;
    align-items:center;
    margin-top: 80px;
    background: #ffffff;
    border-radius: 7px;
    &.image-right{
      .image-wrapper{order: 2;}
      .text-wrapper{order: 1;}
    }
  }
  .image-wrapper{
    width: 50%;
    img{display: block;}
  }
  .text-wrapper{
    width: 50%;
    padding: 10px 38px;
    display: flex;
    align-items:center;
    flex-wrap: wrap;
    text-align: left;
    
    .name{
      font-size: 24px;
      line-height: 1.375;
      color: #050505;
      margin-bottom: 10px;
      display:flex;
      align-items:center;
      font-family: Poppins,sans-serif;
      
      span{
        font-size: 14px;
        color: #3397DD;
        display: block;
        margin-left: 20px;
      }
    }
    .a-line{
      width: 100%;
      height: 1px;
      background: #BABABA;
      margin: 20px 0px;
    }
  }
  .selling-points{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    .selling-points-item{
      width: 50%;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.333333;
      color: #666666;
      display: flex;
      align-items: center;
      img{display: block;margin-right:4px;}
      
      &:nth-of-type(1),&:nth-of-type(2){margin-bottom: 16px;}
    }
  }
  
  .text-wrapper .text{font-size: 14px;line-height: 20px;}
  
  .item-1{
    .selling-points .selling-points-item{
      &:nth-of-type(1),&:nth-of-type(3){width: 40%;}
      &:nth-of-type(2),&:nth-of-type(4){width: 60%;}
    }
  }
  .item-2{
    .selling-points .selling-points-item{
      &:nth-of-type(1),&:nth-of-type(3){width: 53%;}
      &:nth-of-type(2),&:nth-of-type(4){width: 47%;}
    }
  }
  .item-3{
    .selling-points .selling-points-item{
      &:nth-of-type(1),&:nth-of-type(3){width: 35%;}
      &:nth-of-type(2),&:nth-of-type(4){width: 65%;}
    }
  }
/*   .item-4{
    .selling-points .selling-points-item{
      &:nth-of-type(1),&:nth-of-type(3){width: 65%;}
      &:nth-of-type(2),&:nth-of-type(4){width: 35%;}
    }
  } */
  
  .link-button{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    background: #ff7b3d;
    padding: 10px 33px;
    display: inline-block;
    margin-top: 20px;
  }

  @media(max-width: 850px){
    background: linear-gradient(345deg, #FFFFFF 0%, #e8f6f9 20%,#D9F9FF 100%);
    padding: 60px 16px;
    .title{
      font-size: 5.333333vw;
      br{display: block !important;}
    }
    .item{
      margin-top: 60px;
      display: block;
    }
    .text-wrapper{
      width: 100%;
      padding: 20px 14px;
      .name{
        font-size: 5.33333vw;
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
        span{
          display: block;
          width: 100%;
          text-align: center;
          margin-left: 0px;
        }
      }
      .text{
        font-size:3.466666vw;
        text-align:center;
        width: 100%;
      }
    }
    .image-wrapper{
      width: 100%;
      img{width: 100%;}
    }
    .selling-points .selling-points-item{
      width: 50% !important;
      font-size: 3.2vw !important;
    }
    .link-button{
      margin: 20px auto 0px;
      padding: 0px;
      background: transparent;
      color: #ff7a3d;
      text-decoration: underline;
    }
  }
  @media(max-width: 850px) and (min-width: 750px){
    .item{
      max-width: 600px;
      display: block;
      margin: 60px auto 0px;
    }
    .text-wrapper .name{font-size: 30px;}
    .text-wrapper .text{font-size: 16px;}
    .selling-points .selling-points-item{font-size: 14px !important;}
  }
}
.section-summersale2022-notifyme{
  position: relative;
  width: 100%;
  overflow: hidden;
  .item{
    position:relative;
    img{
      position: relative;
      display:block;
      min-width: 1920px;
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
    }
    .text-wrapper{
      position: absolute;
      left: 50vw;
      top: 50%;
      transform: translateY(-50%);
      max-width: 555px;
    }
    .title{
      font-size: 28px;
      font-weight: 500;
      line-height: 1.5;
      color: #050505;
      margin-bottom: 20px;
    }
    .content{
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      color: #050505;
      margin-bottom: 40px;
    }
    .link-button{
      display: inline-block;
      padding: 15px 42px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.28;
      color: #FFFFFF;
      background: #ff7b3d;
      border-radius: 4px;
      cursor: pointer;
    }
  }
  .item-2{
    .text-wrapper{left: 27.0833vw;max-width: 445px;}
    .title{
      color: #ffffff;
    }
    .content{
      color: #ffffff;
    }
    .link-button{
      color: #050505;
      background: #ffffff;
      transition: all 0.3s;
      &:hover{
        color: #ffffff;
        background: #ff7b3d;
      }
    }
  }
  
  @media(max-width: 1300px){
    .item{
      img{min-width: 1500px;}
      .text-wrapper{max-width: 44vw;}
      .title{font-size: 2.153846vw;margin-bottom: 1.538461vw;}
      .content{font-size: 1.230769vw;margin-bottom: 3.0769vw;}
      .link-button{padding: 10px 30px;}
    }
    .item-2{
      .text-wrapper{left: 18vw;max-width: 34.2307vw;}
    }
  }
  @media(max-width: 1100px){
    .item img{left: 60%;}
    .item-2 img{left: 60%;}
    .item .content{font-size: 13px;}
  }
  @media(max-width: 768px){
    .item{
      img{left: unset;transform: unset;min-width: unset;}
      .text-wrapper{
        top: unset;
        bottom: 10.66666vw;
        max-width: unset;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        padding: 0px 4.26666vw;
      }
      .title{
        font-size: 5.8666vw;margin-bottom: 5.333333vw;
      }
      .content{
        font-size: 3.7333vw;margin-bottom: 5.333333vw;
      }
      .link-button{padding: 15px 45px;}
    }
  }
}
@media(max-width: 1100px) and (min-width: 851px){
  .section-summersale2022-featured-product .text-wrapper{padding: 5px 20px;}
  .section-summersale2022-featured-product .text-wrapper .name{margin-bottom: 5px;}
  .section-summersale2022-featured-product .text-wrapper .text{font-size: 14px;}
  .section-summersale2022-featured-product .text-wrapper .a-line{margin: 10px 0px;}
}
.section-summersale2022-time{
  position: relative;
  overflow: hidden;
  img{
    display: block;
    width: 100%;
    position:relative;
    left: 50%;
    transform: translateX(-50%);
    min-width: 1920px;
    &.img-mb{display: none;}
  }
  .text-wrapper{
    position: absolute;
    width: 100%;
    padding: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    .title{
      font-size: calc(10px + 1.666666vw);
      font-weight: 500;
      line-height: 1.5;
      color: #FFFFFF;
      text-align:center;
      margin-bottom: 40px;
    }
  }
  @media(max-width: 600px){
    img{
      min-width: unset;
      &.img-mb{display: block;}
      &.img-pc{display: none;}
    }
    .text-wrapper{
      .title{font-size: 20px;margin-bottom: 20px;}
    }
  }
}

.find-my-shokz-wrapper-wrapper{
  background: linear-gradient(134deg, #3397DD 0%, #98D1E8 100%);
  max-width: 1200px;
  margin: 0px auto;
  border-radius: 8px;
  @media(max-width: 768px){
    border-radius: 4px;
  }
}

.find-my-shokz-wrapper{
  padding: 20px 0px;
  max-width: 600px;
  margin: 80px auto 0px;
  cursor:pointer;
  display: flex;
  justify-content:space-between;
  align-items:center;
  border-radius: 40px;
  .info{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    color: #F1F1F1;
  }
  .exit-pop-summersale{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    color: #FF7a3D;
    padding: 10px 25px;
    border-radius: 4px;
    background: #ffffff;
  }
  @media(max-width: 600px){
    margin: 60px auto 0px;
    padding: 10px;
    .info{font-size: 13px;}
    .exit-pop-summersale{
      font-size: 14px;
      white-space: nowrap;
      margin-left: 10px;
      padding: 10px;
    }
  }
}
/* #AccessibleNav .site-nav__item:first-of-type a{
  color: #44A6E3;
}
.nav-mb-wrapper .nav-item:first-of-type a{
  color: #44A6E3;
}
 */
#divtime-container{
  max-width: 800px;
  margin: 0px auto;
  #divtime-pro{
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .divtime-item{
    width: 146px;
    height: 146px;
    display:flex;
    justify-content:center;
    align-items:center;
    position: relative;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 32px;
    
    font-size: 42px;
    font-weight: 500;
    line-height: 1.5;
    color: #44A6E3;
  }
  .poi-time{
    font-size: 42px;
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 0px 32px;
  }
  .divtime-text{
    position: absolute;
    bottom:-40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #F1F1F1;
  }
  @media(max-width: 1000px){
    .divtime-item{
      width: 100px;
      height: 100px;
    }
  }
  @media(max-width: 600px){
    .divtime-item{
      width: 60px;
      height: 60px;
      border-radius: 16px;
      font-size: 22px;
    }
    .poi-time{
      margin: 0px 15px;
      font-size: 22px;
    }
    .divtime-text{font-size: 14px;bottom:-26px;}
    
  }
}
.summersale2022-time-wrapper{font-size: 0px;}
/* End 夏促 */

/* 产品卡片优化 */
.product-card-new{
  @media(min-width: 769px){
    background: #f1f1f1;
  }
  .collections-wrapper .product-wrapper .product-title{font-weight: 400;font-size: 28px;}
  .toggle-product-size-item{font-size: 13px;}
  .collections-wrapper .product-wrapper{
    background:#ffffff;
    border: unset !important;
  }
  .collections-wrapper .product-wrapper .product-item{padding: 0px 30px !important;}
  .collections-wrapper .variant-buttons{padding: 0px 30px;}
  .collections-wrapper .variant-buttons form {justify-content: space-between;}
  .collections-wrapper .variant-buttons {
    .learn-more,.addtocart{
      width: calc(50% - 5px) !important;
      height: 48px!important;
      line-height: 48px!important;
      font-size: 13px !important;
    }
    .learn-more{
      border: 1px solid #707070;
      background: #ffffff;
      &:hover{
        background: #ff7b3d;
        border-color: #ff7b3d;
      }
    }
  }
  .collections-wrapper .product-wrapper:hover .variants-img-wrapper {
    transform: translatey(-30px);
  }
  .collections-wrapper .product-wrapper .shadow-img{transition: all 0.3s;}
  .collections-wrapper .shadow-img{margin: -60px auto 0!important;}
  .collections-wrapper .product-wrapper:hover .shadow-img{margin: -80px auto 0!important;}
  .collections-wrapper .product-wrapper:hover .variants-other-wrapper {transform: translateY(-70px);}
  .collections-wrapper .product-wrapper:hover .variant-buttons{bottom: 20px;}
  .collections-wrapper .product-wrapper .product-title span{line-height: 1.5;}
  .collections-wrapper .color_list{margin-top: 20px;}
  
  
  //集合页
  .collections-wrapper .two-product .product-item{background: #ffffff;}
  .collections-wrapper .two-product .product-item:hover .variant-buttons {
    bottom: 20px;
  }
  
  @media (max-width: 1000px){
    .toggle-product-size.recommend.other {
      display: block;
      margin: 0px auto 10px!important;
      min-height: 28px;
    }
    .collections-wrapper-mb .product-wrapper .variants-other-wrapper{min-height: 190px;}
    .collections-wrapper-mb .product-wrapper .variants-img-wrapper {
      transform: translateY(0px);
    }
    .collections-wrapper-mb .product-wrapper .variants-other-wrapper{margin-top: 0px;}
    .collections-wrapper .product-wrapper .product-title{font-size: 20px;}
    .collections-wrapper-mb .product-wrapper .product-item{padding-bottom: 30px;}
    .collections-wrapper .variant-buttons {
      height: 48px;
      line-height: 48px;
    }
    .collections-wrapper-mb .product-wrapper .variant-buttons{bottom: 20px !important;}
  }
  .collection-template2-wrapper.collections-wrapper .product-wrapper{padding-bottom: 20px !important;}
  @media(max-width: 820px){
    .hide-in-pc{display: block !important;}
    .hide-in-mb{display: none !important;}
    .collections-wrapper-mb .collection-products .swiper-slide{padding: 10px 0px;}
    .collections-wrapper-mb .product-wrapper{
      box-shadow: 0px 4px 10px rgba(5, 5, 5, 0.1) !important;
      .variants-other-wrapper {
        transform: translateY(-50px) !important;
      }
      .shadow-img {
        margin: -60px auto 0!important;
      }
      .variants-img-wrapper {
        transform: translatey(0px) !important;
      }
    }
    .collections-wrapper-mb .product-wrapper:hover .shadow-img {
      margin: -60px auto 0!important;
    }
    .collections-wrapper .product-wrapper .product-item{padding: 0px 18px !important;}
    .collections-wrapper .variant-buttons{padding: 0px 18px;}
    
    .collection-template2-wrapper{
      background: #f1f1f1;
      &.collections-wrapper{
        padding: 0 20px;
        .product-img{width: 100%;}
        .variant-buttons .learn-more{
          width: 100% !important;
          background: #050505;
          color: #ffffff;
          border: unset;
          height: 40px !important;
          line-height: 40px !important;
        }
        .product-wrapper{
          box-shadow: 0px 4px 20px 1px rgba(0, 0, 0, 0.1) !important;
        }
        .product-wrapper:hover{
          background: #ffffff;
          box-shadow: 0px 4px 20px 1px rgba(0, 0, 0, 0.1) !important;
        }
        .shadow-img, .product-wrapper:hover .shadow-img{margin: -40px auto 0!important;}
        .product-wrapper .variants-other-wrapper{margin-top: -20px;}
        .product-wrapper .product-item { padding: 0 12px!important;}
        .shokz-and-njpw .product-item { padding: 0 10px!important;}
        .variant-buttons{padding: 0px 12px;}
        .cable .two-product .variant-buttons{padding: 0px 12px;}
        .toggle-product-size .size-wrapper{
          padding: 3px;
          
          .toggle-product-size-item {padding: 2px 3px;font-size: 12px;}
        }
        .toggle-product-size{margin-bottom: 5px;}
        .toggle-product-size.recommend.other {
          margin: 0 auto 5px!important;
        }
        .product-wrapper .notety{display: none;}
        .product-wrapper .notety.openswim{display: block;}
        .variant-buttons .addtocart{display: none !important;}
      }
    }
    

  }
  
  .salomon-collection-item .product-item .salomon-image{margin: 20px auto 35px;}
  .product-card-new .collections-wrapper .variant-buttons .learn-more{border: unset !important;}
}
.section-collection-template2 .product-card-new{background: #f1f1f1;}
@media (max-width: 768px){
  .section-collection-template2 .home-page-collection .collections-wrapper .salomon-collection-item .product-item .learn-more {
    width: 100% !important;
  }
  .section-collection-template2 .home-page-collection .collections-wrapper .salomon-collection-item .product-item .variant-buttons {
    bottom: 20px!important;
    left: 0px;
    width: 100%;
  }
  .home-page-collection .bottom_buttom_wrapper .bottom_buttom{background: #ffffff;border:unset !important;}
}
.home-recommended-product{
  .home-page-collection .collections-wrapper .product-wrapper .product-item {padding: 16px 5px;}
  .collections-wrapper .product-wrapper .product-title{font-weight: 400;font-size: 28px;}
  .toggle-product-size .toggle-product-size-item{font-size: 13px;}
  .home-page-collection .collections-wrapper .product-img{margin: 0px auto;}
  .item .product-wrapper .variant-buttons{
    padding: 0px 14px;
    
    form{justify-content: space-between;}
    .learn-more,.addtocart{
      width: calc(50% - 5px);
      height: 40px!important;
      line-height: 40px!important;
      font-size: 13px !important;
    }
    .learn-more{
      border: 1px solid #707070;
      background: #ffffff;
      &:hover{
        background: #ff7b3d;
        border-color: #ff7b3d;
      }
    }
  }
  @media (min-width: 769px){
    .item:hover .product-wrapper .variants-other-wrapper {
      transform: translateY(-50px)!important;
    }
    .home-page-collection .collections-wrapper .shadow-img{
      margin: -50px auto 0!important;
    }
  }
  @media(min-width: 1001px){
    .item{width: 50%;}
    .collections-wrapper .product-wrapper{width: 50%;}
  }
  @media (min-width: 769px){
    .item:hover .product-wrapper .variant-buttons {
      bottom: 10px!important;
    }
  }
  @media(max-width: 1000px){
    .home-page-collection .collections-wrapper .product-wrapper {padding-bottom: 20px;}
    .item .product-wrapper .variant-buttons {padding: 0 20px;}
    .toggle-product-size{align-items: flex-start;}
  }
  @media(max-width: 600px){
    .home-page-collection .collections-wrapper .product-wrapper .variants-other-wrapper {margin-top: 14px;}
    .collections-wrapper .product-wrapper .variants-img-wrapper{margin-top: 14px;}
  }
}

.home-page-collection .toggle-product-size{
  line-height: 1.5;
  margin-bottom: 0px;
  .size-wrapper{
    padding: 2px;
    background: #F1F1F1;
    .toggle-product-size-item{
      color: #BABABA;
      padding: 2px 15px;
      &.active{
        color: #050505;
        background: #ffffff;
      }
    }
  }
  @media(max-width: 768px){
    margin-bottom: 10px;
  }
}
.swiper-pagination-collection-mb{
  display: flex !important;
  justify-content: center;
  position: relative !important;
  .swiper-pagination-bullet{
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    background: #BABABA !important;
    transition: all 0.3s;
    &:not(:last-of-type){margin-right: 8px !important;}
  }
  .swiper-pagination-bullet-active{
    width: 26px !important;
    border-radius: 5px !important;
    background: #050505 !important;
  }
  @media(min-width: 822px){
    display: none !important;
  }
}

/* End 产品卡片优化 */

@media(max-width: 768px){
  .product-openrun .has-mini-option{
    display: flex !important;
    justify-content: space-between !important;
    label{margin-left: 0px !important;margin-right: 0px !important;}
    &.mini{
      max-width: 20%;
    }
  }
}

.ajaxcart_shipping_price {
    display: flex;
    justify-content: space-between;
}

/*================================ section article-page-email-pop ===================================*/
.section-article-page-email-pop{
  padding: 20px 24px;
  position: fixed;
  bottom: -500px;
  left: 0px;
  background: #ffffff;
  width: 100%;
  z-index: 9999;
  box-shadow:0px -4px 20px rgba(0,0,0,0.1);
  transition: all 0.3s;
  &.active{
    bottom: 0px;
  }
  &.hide{
    display: none !important;
  }
  .close-exit-pop{
    position: absolute;
    top: 20px;
    right: -4vw;
    cursor: pointer;
    @media(max-width: 1330px){
      top: -10px;
      right: 0px;
    }
    @media(max-width: 900px){
      top: 10px;
    }
    
    svg{
      width: 16px;
      height:16px;
      path{transition: all 0.3s;fill: #BABABA;}
      &:hover{
        path{fill: #fe7b3d;}
      }
    }
  }
  
  .email-pop-wrapper{
    max-width: 1200px;
    margin: 0px auto;
    position: relative;
  }
  .klaviyo-form{
    .needsclick[data-testid="form-row"]:nth-of-type(1):nth-last-child(5){
      display: none !important;
    }
    .needsclick[data-testid="form-row"]:nth-of-type(1){
      p span{font-weight: 500 !important;}
      p strong{font-weight: 500 !important;}
    }
    .needsclick[data-testid="form-row"]:nth-of-type(2):nth-last-child(4){
      display: none !important;
    }
    .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3),
    .needsclick[data-testid="form-row"]:nth-of-type(4):nth-last-child(2),
    .needsclick[data-testid="form-row"]:nth-of-type(5):nth-last-child(1){
      & > div[data-testid="form-component"]:first-of-type{
        max-width: 350px;
        margin-right: 80px;
        p strong{font-weight: 500 !important;}
        @media(max-width: 1920px){
          margin-right: 4.166666vw;
        }
      }
    }
    .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3){
      button{min-width: 120px !important;}
      p span{font-weight: 500 !important;}
    }
    .needsclick[data-testid="form-row"]:nth-of-type(4):nth-last-child(2){
      align-items: flex-start !important;
    }
    
    .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(2){
      u{font-weight: 500 !important;}
    }
    
    .needsclick[data-testid="form-row"]:nth-of-type(3) u{
      cursor: pointer !important;
      font-weight: 500 !important;
    }
    .needsclick[data-testid="form-row"]:nth-of-type(4) button{
      max-width: 140px !important;
      margin: 0px auto !important;
    }
    
  }
  
  @media(max-width: 900px){
    .klaviyo-form{
      .needsclick[data-testid="form-row"]:nth-of-type(1):nth-last-child(5){
        display: block !important;
        p strong{font-size: 24px !important; font-weight: 500 !important;}
      }
      
      .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3),
      .needsclick[data-testid="form-row"]:nth-of-type(4):nth-last-child(2),
      .needsclick[data-testid="form-row"]:nth-of-type(5):nth-last-child(1){
        & > div[data-testid="form-component"]:first-of-type{
          display: none !important;
        }
      }
      .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3){
        button{min-width: 120px !important;}
      }
      .needsclick[data-testid="form-row"]:nth-of-type(4):nth-last-child(2){
        align-items: flex-start !important;
      }
      .needsclick[data-testid="form-row"]:nth-of-type(5):nth-last-child(1){
        & > div[data-testid="form-component"]:last-of-type{
          margin-top: -5px !important;
        }
      }
      
      .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(2){
        padding-top: 14px !important;
        border-top: 1px solid #DDDDDD;
      }
    }
  }
  @media(max-width: 500px){
    padding: 10px 24px;
    .klaviyo-form{
      .needsclick[data-testid="form-row"]:nth-of-type(1):nth-last-child(5){
        p strong{font-size: 16px !important;}
      }
      .needsclick[data-testid="form-row"]:nth-of-type(2):nth-last-child(4){
        p span{font-size: 13px !important;}
      }
      .needsclick[data-testid="form-row"]:nth-of-type(3):nth-last-child(3){
        & > div{
          padding-top: 15px !important;
        }
      }
      
      .needsclick[data-testid="form-row"]:nth-of-type(1):nth-last-child(4){
        padding-bottom:  14px !important;
        p span{font-size: 16px !important;}
      }
    }
  }
}
/*================================ End section article-page-email-pop ==============================*/

/* UC Blog klaviyo form */
.blog-k-form-wrapper{
  padding: 40px;
  background:#F1F1F1;
  .klaviyo-form button{padding: 0 50px !important;}
  .klaviyo-form .needsclick[data-testid="form-row"]:nth-of-type(5) label{padding-bottom: 0px !important;}
  .klaviyo-form .needsclick[data-testid="form-row"]:nth-of-type(6) a:hover{color: #ffffff !important;}
}
.blog-uc-aline{background: #bababa;height: 1px;margin: 40px 0px;}
.uc-footer-info{font-size: 12px;display:inline-block;margin-top: 20px;color: #666666;}
.uc-footer-info a{
  text-decoration:underline;
  transition: all 0.3s;
  &:hover{
    color: #ff73bd;
  }
}

@media(max-width: 500px){
  .blog-k-form-wrapper{
    padding: 10px 9px 20px;
    .klaviyo-form .needsclick[data-testid="form-row"]:nth-of-type(1) p span{font-size:13px !important;}
    .klaviyo-form .needsclick[data-testid="form-row"]:nth-of-type(2) > div{padding-bottom:10px !important;}
    .klaviyo-form .needsclick[data-testid="form-row"]:nth-of-type(3) > div{padding-bottom:10px !important;}
    .klaviyo-form .needsclick[data-testid="form-row"]:nth-of-type(4)  .needsclick{width: 100% !important;}
  }
}


/*================= OpenComm new style ===================*/
.product-page .class-product-tab .class-product-tab-inner .product-tab-item{font-size: 16px;margin-right: 56px;line-height: 1.4375;}
.product-page .class-product-tab .class-product-tab-inner .buy-now .product-single__price{font-size: 16px;}
.product-page .class-product-tab .class-product-tab-inner .buy-now .addtocart {font-size: 14px;padding: 10px 44px;}
#shopify-section-product-template-new .product-right .product-page-description{font-size: 14px;line-height: 1.428571;}
#shopify-section-product-template-new .product-right .price-container .product-single__price{font-size: 28px;line-height: 1.5;font-weight: 500;}
#shopify-section-product-template-new .product-right .find-in-store{color: #2f2f2f;font-size: 14px;}
@media(min-width: 1921px){
  .product-page .class-product-tab .class-product-tab-inner .product-tab-item{font-size: 0.8333333vw;margin-right: 2.916666vw;}
  .product-page .class-product-tab .class-product-tab-inner{padding:1.145833vw 1.25vw;}
  .product-page .class-product-tab .class-product-tab-inner .buy-now .product-single__price{font-size: 0.8333333vw;}
}
@media (max-width: 1100px){
  .product-page .class-product-tab .class-product-tab-inner .product-tab-item {margin-right: 3vw;font-size: 14px;}
}
@media (max-width: 1100px) and (min-width: 769px){
  .product-page .class-product-tab .class-product-tab-inner .product-tab-item {margin-right: 2.2vw;}
}

.what-is-difference{

   .difference-item-wrapper{

  }
  .col-aline{
    height: 20px;
    background: #D6D6D6;
    margin: 0px 10px;
    width: 1px;
  }
  .toggle-product{
    display: flex;
    align-items:center;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1428;
    color: #2F2F2F;
    border-radius: 2px;
    cursor:pointer;
    img{display: block;margin-right: 10px;width:16px;height: 16px;}
    &.active{
      background: #ffffff;
    }
  }
  .difference-pop{
    cursor:pointer;
    display: flex;
    align-items:center;
    font-size: 14px;
    line-height: 1.1428;
    color: #666666;
    text-decoration: underline;
    img{display: flex;margin-left: 10px;width: 16px;height: 16px;}
  }
  @media(max-width: 1120px){
    .difference-pop{margin-top:20px;}
  }
  @media(max-width: 768px){
    display: block;
     .difference-item-wrapper{max-width: 270px;margin: 0px auto !important;padding: 4px;}
    .difference-pop{justify-content: center;}
  }
  @media(max-width: 370px){
    .difference-item-wrapper .toggle-product{font-size: 13px;}
  }
}


.snippet-product-selling-pointer{
  background: unset;
  padding:0px 24px 40px;
  color: #050505;
  .selling-pointer-wrapper{
    padding: 40px 0px 0px;
    border-top: 1px solid #bababa;
    transform: unset;
    max-width: 1200px;
    .selling-pointer{display: flex;align-items:center;}
    svg{display: block;margin-right: 20px;}
  }
  svg path{fill:#050505 !important;}
  .snippet-product-selling-pointer .learn-more{color: #666666;}
  @media(max-width: 768px){
    .selling-pointer-wrapper {
      flex-direction: unset;
      flex-wrap: wrap;
      padding-top: 0px;
      margin-top: 8vw;
    }
    .selling-pointer-wrapper .selling-pointer {
      align-items: flex-start;
      width: 50%;
      text-align: left;
      margin-top: 8vw;
      line-height: 1.33333;
      &:last-of-type{width: 100%;margin-top: 4vw;}
    }
   .selling-pointer-wrapper .selling-pointer .title{line-height: 1.5;}
  }
}
@media(max-width: 768px){
  #shopify-section-product-template-new{padding-bottom: 0px;}
}
@media(min-width: 769px){
  .product-page .class-product-tab .class-product-tab-inner{padding: 22px 24px;}
}


.section-opencomm-video-2{
  background: #000000;
  padding: 6.25vw 0px;
  text-align:center;

  .video-img-pc{position: absolute;top: 0px;left: 0px;width: 100%;z-index: 2;}
  
  .title-1{
    font-size: 1.875vw;
    font-weight: 700;
    line-height: 1.71428;
    color: #FFFFFF;
    margin-bottom: 2.08333333vw;
  }
  .content-1{
    font-size: 0.833333vw;
    line-height: 1.5;
    color: #F1F1F1;
    max-width: 31.25vw;
    margin: 0px auto 3.125vw;
  }
  .video1{
    max-width: 62.5vw;
    margin: 0px auto;
  }
  .title-2{
     font-weight: 700;
    line-height: 1.42857;
    color: #FFFFFF;
    margin-bottom: 2.08333333vw;
    font-size: 2.1875vw;
    margin-top: 6.25vw;
  }
  .content-2{
    font-size: 0.833333vw;
    line-height: 1.5;
    color: #F1F1F1;
    max-width: 31.25vw;
    margin: 0px auto;
  }
  .voice-wrapper{max-width: 600px;margin: 0px auto;}
  .voice-contral{
    display:flex;
    align-items:center;
    background:#272727;
    padding: 10px 20px;
    justify-content: space-between;
    cursor: pointer;
    .left-part{
      display: flex;
      align-items:center;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      color: #F1F1F1;
      img{display: block;margin-right:20px;}
      .playing{display: none;}
      &.play{
        .playing{display: block;}
        .stoping{display: none;}
      }
      &.pause{
        .playing{display: none;}
        .stoping{display: block;}
      }
    }
    .right-part{
      display: flex;
      align-items:center;
      padding: 5px;
      background: #000000;
      border-radius: 4px;
      .item{
        font-size: 14px;
        font-weight: 400;
        line-height: 1.14285;
        color: #f1f1f1;
        padding: 5px 10px;
        border-radius: 2px;
        cursor: pointer;
        position: relative;
        &.active{
          background: #ffffff;color: #000;
         &::after{
          display: none !important;
         }
        }
        
      }
      .item-1{
        &::after{content: '';position: absolute;top: 0px;right: 0px;height: 25px;width: 1px;background:#454545;}
      }
      .item-3{
        &::after{content: '';position: absolute;top: 0px;left: 0px;height: 25px;width: 1px;background:#454545;}
      }
      
    }
  }
  @media(max-width: 1921px){
    .title-1{
      font-size: calc(18px + 0.9375vw);
    }
    .content-1{
      font-size: calc(12px + .2083333vw);
      max-width: 600px;
      margin: 0px auto 60px;
    }
    .video1{
      max-width: 1200px;
      margin: 0px auto;
    }
    .content-2{
      font-size: calc(12px + .2083333vw);
      max-width: 600px;
    }
  }
  @media(max-width: 768px){
    padding: 60px 16px;
    text-align:left;
    .title-1{font-size: 4.266666vw;margin-bottom: 4.5333333vw;line-height: 1.5;}
    .content-1{font-size: 3.2vw;margin-bottom: 40px;max-width: unset;}
    .title-2{font-size: 4.266666vw;margin: 60px 0px 4.5333333vw;line-height: 1.5;}
    .content-2{font-size: 3.2vw;max-width: unset;}
    img{width: 100%;}
    .video-img-2{width: 100vw;max-width: unset;transform: translateX(-16px);}
    .voice-contral{padding: 10px;}
    .left-part span{display: none;}
    .voice-contral .right-part {padding: 0px;background: unset;}
    .voice-contral .right-part .item{font-size:12px;padding:0 5px;color: #bababa;}
    .voice-contral .right-part .item.active{background:unset;color:#fff;text-decoration:underline}
    .voice-contral .left-part img {margin-right: 10px;max-width: 22px;}
    .voice-wrapper{max-width: 400px;}
    .voice-contral .right-part .item:after{display: none !important;}
  }
}
.section-opencomm-product-features-2{
  .features2{
    background: #000;
    padding-bottom: 120px;
    &.features-item-2{padding-top: 120px;}
  }
  .features2-inner{
    display: flex;
    max-width: 1248px;
    margin: 0 auto;
    width: 100%;
    padding: 0px 24px;
    align-items: center;
    justify-content: space-between;
    .text-wrapper{
      right: unset;
      left: unset;
      top: unset;
      transform: unset;
      position: relative;
      width: calc(50% - 100px);
      .content{max-width: unset;}
      .title{font-size: calc(6px + 1.5625vw);line-height: 1.444444;}
    }
    .image-wrapper{width: 50%;}
    &.left-text{
      .text-wrapper{order: 1;}
      .image-wrapper{order: 2;}
    }
  }
  @media(min-width: 769px){
    .features-item-5, .features-item-6{
      .text-wrapper .title{font-size: 1.875vw;line-height: 1.44444;}
    }
  }
  @media(min-width: 1921px){
    .features2-inner .text-wrapper .title{font-size: 36px;margin-bottom: 40px;}
    .features2-inner .text-wrapper .content{font-size: 16px;}
  }
  @media(max-width: 1920px){
    .features2{
      padding-bottom: 6.25vw;
      &.features-item-2{padding-top: 6.25vw;}
    }
  }
  @media(max-width: 768px){
    .features2{padding-top: 60px;}
    .features2-inner{padding: 0px 16px;flex-wrap: wrap;position: relative;}
    .features2-inner .image-wrapper {width: 100%;order: 1 !important;}
    .features2-inner .text-wrapper{width:100%;order: 2 !important;padding: 0px;bottom:unset;padding-top:40px;}
    .features2-inner .text-wrapper .title {font-size: 4.8vw;line-height: 1.5;margin-bottom: 5.33333vw;}
    .features2-inner .text-wrapper .content{font-size: 3.2vw;}
    .features2.features-item-2{padding-top: 60px;}
    .features-item-1{font-size: 4.8vw;}
    .features-item-1 .title br{display: none;}
    .features-item-3,.features-item-4{
      .features2-inner .text-wrapper {
        width: 100%;
        bottom: unset;
        padding-top: 40px;position: relative;
      }
    }
  .features-item-6 .text-wrapper{position: relative;background: #000000;padding-bottom: 40px;bottom: unset;float: unset !important;}
  }
}
.section-opencomm-product-features-3{
  @media(max-width: 768px){
    .features-item .text-wrapper{position: relative;order: 1;bottom: unset;padding: 40px 23px;background: #798DA5;}
    .features-item .features-image{order: 2;}
    .features-item .text-wrapper .title{display: none;}
    .features-item .text-wrapper .content{font-size: 3.73333vw;}
    .features-item {position: relative;display: flex;flex-wrap: wrap;}
  }
}
.section-product-additional-feartures.opencomm{
overflow: hidden;
  .top-wrapper{
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    .title{margin-bottom: 20px !important;}
    .additional-compare{
      padding: 5px;
      display: flex;
      align-items:center;
      max-width: 210px;
      margin: 0px auto;
      justify-content: space-between;
      .item{
        font-family: Poppins,sans-serif;
        font-size: 14px;
        line-height: 1.1428;
        padding: 5px 10px;
        color: #666666;
        cursor: pointer;
        &.active{background: #ffffff;color: #000000;}
      }
    }
  }
  .product-detail-part-wrapper{
    position: relative;
    padding: 0px 100px;
  }
   .product-detail-part{
    position: relative;
    max-width: 800px;
    height:860px;
    margin: 0px auto;
    .img{position: absolute;opacity:0;transition:all 0.6s;}
    .opacity{opacity:1;}
    &[data-index="1"]{
     .img-1{display: block;}
    }
    &[data-index="2"]{
     .img-2{display: block;}
    }
    .detail{
      position: absolute;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      color: #050505;
      span{
        font-size: 14px;
        font-weight: 400;
        color: #2F2F2F;
      }
      &.detail-1{bottom: 160px;left: -200px;}
      &.detail-2{ bottom: 190px;left: 400px;}
      &.detail-3{left: 650px;top: 470px;width:175px;}
      &.detail-4{left: 610px;top: 125px;}
      &.detail-5{left: -200px;top: 508px;}
      &.detail-6{left: 820px;top: 60px;width: 180px;}
      &.detail-7{top: 70px;width: 180px;}
      &.detail-8{right: -160px;bottom: 455px;}
      &.detail-9{left: 607px;bottom: 165px;}
    }
    &[data-index="2"] .detail.detail-1{bottom: 160px;}
  }
}
.section-product-additional-feartures.opencomm .feartures-wrapper.has-white-line{border-top: 1px solid #ffffff;padding-top: 40px;}
.section-opencomm-uc-video-2{
  .title{
    font-weight:700;
    margin-bottom: 120px;
    color: #ffffff;
    font-size: 42px;
    font-weight: 500;
  }
   .title-2{
     font-weight: 700;
     margin: 0px;
     font-size: 36px;
     width: 50%;
     text-align: left;
   }
  .content-2{
    width: 50%;
    text-align:left;
  }
  .text-wrapper{
    max-width: 1240px;
    padding: 0px 24px;
    display: flex;
    align-items:flex-start;
    margin: 0px auto;
  }
}
.template-product .current-option-color{color: #050505;}
@media(min-width: 1921px){
  .section-opencomm-uc-video-2 .content-2{font-size: 16px;}
}
@media(max-width: 1920px){
  .section-opencomm-uc-video-2{
     .title{
      margin-bottom: 6.25vw;
    }
    .title-2{
       font-size: calc(18px + 0.9375vw);
    }
  }
}

@media(max-width: 1360px){
  .section-product-additional-feartures.opencomm{
    .product-detail-part-wrapper{
      padding: 0px 7.35294vw;
    }
    .product-detail-part{
         height: calc(58.82352vw/0.93023255);
      max-width: 58.82352vw;
      .detail{
        font-size: 1.17647vw;
        span{
          font-size: 1.0294vw;
        }
        &.detail-1{bottom: 11.3235vw;left: -14.70588vw;}
        &.detail-2{ bottom: 15.32352vw;left: 29.41176vw;}
        &.detail-3{left: 47.7941vw;top: 32.7647vw;width:12.867647vw;}
        &.detail-4{left: 44.8529vw;top: 8.66176vw;}
        &.detail-5{left: -14.70588vw;top: 37.3529vw;} 
        &.detail-6{left: 60.147vw;top: 3.147vw;width: 13.235vw;}
        &.detail-8{right: -150px;bottom: 425px;}
      }
      &[data-index="2"] .detail.detail-1{bottom: 145px;}
    }
  }
}
@media(max-width: 1000px){
  .product-opencomm .section-product-additional-feartures.opencomm{padding-top: calc(4.16666vw + 50px);}
  .product-opencomm .section-product-additional-feartures.opencomm .top-wrapper{top: -50px;}
}
@media(max-width: 900px){
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-5 {left: -18.70588vw;top: 37vw;}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-1 {bottom: 10.3235vw;left: -18.70588vw;}
}
@media(max-width: 768px){
  .section-product-additional-feartures.opencomm{padding: 16vw 0px 10.666666vw;}
  .section-product-additional-feartures.opencomm .product-detail-part {max-width: unset;width: 100%; height: 870px;}
  .section-product-additional-feartures.opencomm .feartures-wrapper{margin: 5.333333vw 24px;}
  .section-product-additional-feartures.opencomm .features-table{margin-left: 24px;margin-right: 24px;}
  .section-product-additional-feartures.opencomm .product-detail-part-wrapper{padding: 0px;}
  .section-product-additional-feartures.opencomm .product-detail-part .detail{
    font-size: 3.73333vw;
    span{font-size: 3.2vw;}
    .text-wrapper{display: none !important;}
    .minus{display: none;cursor: pointer;width:6.4vw;height: 6.4vw;}
    .plus{display: block;cursor: pointer;width:6.4vw;height: 6.4vw;}
    &.active{
      .minus{display: block;}
      .plus{display: none;}
      .text-wrapper{display: block !important;}
      &.detail-3 .text-wrapper{display: flex !important; text-align: center;}
    }
    &.detail-1{
      left:11vw;bottom: 20vw; 
      .text-wrapper{position: absolute;left: 12vw;bottom: 0vw;width: 65vw;}
    }
    &.detail-2{
      left: 22vw;bottom: 48vw;
      .text-wrapper{ position: absolute;left: 10vw;bottom: -35vw;width: 37.3333vw;}
       img{max-width:80%; }
    }
    &.detail-3{
      left: 29vw;top: 42vw;
      .text-wrapper{
        position: absolute;left: -19vw; top: -29vw;width: 70vw;display: flex;align-items:left;
        img{width: 19.2vw;margin-right: 3vw;}
      }
    }
    &.detail-4{
      left: 59vw;top: 52vw;
      .text-wrapper{position: absolute;left: -18vw;top: 10vw;width: 40vw;}
    }
    &.detail-5{
      left: 71vw;
      top: 49vw;
      .text-wrapper{position: absolute;left: -28vw;top: 12vw;width: 45vw;}
    }
    &.detail-6{
      left: 79vw;top: 26vw;
      .text-wrapper{position: absolute;left: -18vw;top: -9vw;width: 35vw;}
    }
    &.detail-7{
      left: 12vw;top: 51vw;
      .text-wrapper{position: absolute;left: 21vw;top: 20vw;width: 65vw;}
    }
  }
  
  .section-product-additional-feartures.opencomm .product-detail-part[data-index="2"] .detail.detail-1{top: 51vw;left: 28vw;}
  .section-product-additional-feartures.opencomm .product-detail-part[data-index="2"] .detail.detail-1 .text-wrapper {position: absolute;left: -18vw;bottom: 24vw;width: 60vw;}

  .product-opencomm .section-product-additional-feartures.opencomm{padding-top: 26vw;}
  .product-opencomm .section-product-additional-feartures.opencomm .top-wrapper{top: -10vw;}
  .section-product-additional-feartures.opencomm .top-wrapper .additional-compare .item{font-size: 12px;}
  .section-product-additional-feartures.opencomm .feartures-wrapper.has-white-line{padding-top: 5.333333vw;}
  .section-opencomm-uc-video-2 .title{font-size: 5.33333vw;margin-bottom: 60px;}
  .section-opencomm-uc-video-2 .text-wrapper{padding: 0px;display: block;}
  .section-opencomm-uc-video-2 .title-2{font-size:4.26666vw;margin-bottom:20px;width: 100%; }
  .section-opencomm-video-2 .content-2{width: 100%;}
  .section-product-compare .compare-table .compare-content .item {font-size: 3.2vw;}
  .section-product-compare .compare-table .compare-content .item.product-name{font-size: 3.73333vw;}
      #shopify-section-product-template-new .product-single .product-right .js-qty input[type=text]{font-size: 14px;line-height: 1.5;}
}

@media(max-width: 1000px) and (min-width: 769px){
  .section-product-features .features-item .text-wrapper.right {right: 15vw;}
  .section-product-features .features-item .text-wrapper.left {left: 15vw;}
  .section-product-features .features-item .text-wrapper .content{max-width: 35vw;}
  .section-product-additional-feartures.opencomm .product-detail-part .detail .text-wrapper {white-space: nowrap;}
  .section-product-banner .text-wrapper .text-inner .title {font-size: 20px;line-height: 1.5;}
  .section-product-banner .text-wrapper .text-inner .subtitle {
    font-size: 18px;line-height: 1.3;}
  .section-product-banner .text-wrapper .text-inner .content {line-height: 1.2;}
}



.section-product-additional-feartures.opencomm .product-detail-part .detail.detail-7 .detail-7-img{
    width: 181px;
    height: 180px;
}
.section-product-additional-feartures.opencomm .product-detail-part .detail {
    font-weight:bold;
   color: #1B1311;
}
.section-product-additional-feartures.opencomm .product-detail-part .detail span{
  color: #2F2F2F;
}
.section-product-additional-feartures.opencomm .product-detail-part .detail.detail-4 {
    width: 200px;
}
.section-product-additional-feartures.opencomm .product-detail-part .detail.detail-3 {
    width: 215px;
}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-8 {
    bottom: 460px;
}
 @media(max-width: 1366px)and (min-width: 1200px){
    .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-2 {
    bottom: 195px;
}
   .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-8 {
    bottom: 460px;
}
  }
@media(max-width: 1289px){
    .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-8 {
    bottom: 430px;
}
   .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-9 {
    left: 566px;
    bottom: 100px;
}
}
@media(max-width: 4096px) and (min-width: 4000px){
.section-product-additional-feartures.opencomm .top-wrapper {
    top: -70px;
}
  .section-product-additional-feartures {
    padding: 7.1666666vw 24px;
}
  .section-product-additional-feartures.opencomm .product-detail-part-wrapper{
    padding-top: 100px;
  }
}
@media(max-width: 825px) and (min-width: 769px){
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-7 .detail-7-img {
    width: 108px;
    height: 109px;
}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-7 {
    top: 40px;
}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-6 {
    left: 63.147vw;
    top: 4.147vw;
}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-8 {
    right: -120px;
    bottom: 270px;
}
.section-product-additional-feartures.opencomm .product-detail-part .detail.detail-9 {
   left: 360px;
    bottom:60px;
}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-4 {
    top: 8.66176vw;
}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-2 {
    bottom: 90px;
}
.section-product-additional-feartures.opencomm .product-detail-part .detail.detail-8 {
    bottom: 270px;
}
  .section-product-additional-feartures.opencomm .product-detail-part[data-index="2"] .detail.detail-1 {
    bottom: 85px;
}
}
@media(max-width: 768px){
.section-product-additional-feartures.opencomm .product-detail-part .detail {
    width:auto !important;
}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-2 {
    left: 20vw;
    bottom: 55vw;
}
  .section-product-additional-feartures.opencomm .product-detail-part[data-index="2"] .detail.detail-1 .text-wrapper {
    bottom: 4vw;
}
  .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-9 {
   left: 550px;
    bottom: 200px;
}
}
@media(max-width: 769px) and (min-width: 700px){
  .section-product-additional-feartures.opencomm .product-detail-part[data-index="2"] .detail.detail-1 .text-wrapper {
    bottom: 22vw;
}
}
@media(max-width: 414px){
   .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-9 {
   left: 305px;
    bottom: 110px;
}
  .section-product-additional-feartures.opencomm .product-detail-part{
    height: 480px;
  }
}
@media(max-width: 376px){
   .section-product-additional-feartures.opencomm .product-detail-part .detail.detail-9 {
   left: 276px;
    bottom: 100px;
}
  .section-product-additional-feartures.opencomm .product-detail-part{
    height: 435px;
  }
}

/*================= End OpenComm new style ================*/




/*======================== product-template-special ========================*/
.product-single__meta  .product-userguide{
  font-size:calc(10px + 0.3125vw);
  line-height: 1.5;
  margin-top: 40px;
  letter-spacing: 0px;
}
.product-single__meta  .product-userguide .guidetile,
.product-single__meta  .product-userguide .guidetip{
  font-weight:500;
  margin: 0;
}
.product-single__meta  .product-userguide .guidetile{
  color: #050505;
}
.product-single__meta  .product-userguide .guidetip{
  color: #2F2F2F;
}
.product-single__meta  .product-userguide .guidecontent{
  margin-bottom: 24px;
  color: #2F2F2F;
}
.product-single__price {
  color: #050505;
  font-size: calc(10px + 0.9375vw);
  font-weight: 500;
}
#shopify-section-product-template-special .product-right .js-qty input[type=text] {
  font-size: calc(10px + 0.3125vw);
  color: #050505;
}
@media(min-width: 1000px) {
  #shopify-section-product-template-special .product-right{
    padding-top: 100px;
  }
}


/*======================== Endproduct-template-special ========================*/


/*================= OpenComm uc style ================*/
.product-page .class-product-tab .class-product-tab-inner .buy-now .product-single__price{letter-spacing: 0px;}
.header-container .site-nav__link{letter-spacing: 0px;}
.product-single__price{letter-spacing:0px;color: #050505;}
#shopify-section-product-template-new .product-single .product-right .js-qty input[type=text]{color: #050505;}
.section-opencomm-product-features-2.opencomm-uc .features-item-1 {padding-top:120px; background:#000;padding: 0px 24px;}
.section-opencomm-product-features-2.opencomm-uc  .features-item-1 img{max-width: 1200px;margin: 0px auto;}
.section-opencomm-product-features-2.opencomm-uc  .features-item-1 .text-wrapper{width: calc(50% - 130px);left: calc(50% + 100px);max-width: calc(100px + 20.8333vw);}
.section-opencomm-product-features-2.opencomm-uc .features-item-1 .title {
    font-size: calc(6px + 1.5625vw);
    line-height: 1.444444;
}
.section-opencomm-uc-additional-features .uk-hide-in-mb.product-detail-part .detail.detail-2{bottom: 335px;left: unset;right: 290px;}
.section-opencomm-uc-additional-features .uk-hide-in-mb.product-detail-part .detail.detail-3 {left: 650px;top: 490px;width: 175px;}
.section-opencomm-uc-additional-features .uk-hide-in-mb.product-detail-part[data-index="2"] .detail.detail-1{top: unset;    bottom: 154px;}
.section-opencomm-uc-additional-features .uk-hide-in-mb.product-detail-part .detail.detail-8 {bottom: 160px;right: 142px;}

.section-opencomm-uc-designed-for{
  padding: 120px 24px;
  background:#000000;
  .opencomm-uc-designed-for-inner{
    max-width: 1200px;
    margin: 0px auto;
    .title{
      font-weight:700;
      font-size: 42px;
      margin-bottom: 80px;
      color: #ffffff;
      line-height:1.571428;
    }
    .features-item{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .features-item-1{margin-bottom: 80px;}
    .item{  
      width: calc(50% - 10px);
      border-radius: 4px;
      overflow: hidden;
    }
    .features1{
      .item{  height: calc((600px - 10px)*0.720338);}
      a{
        color: #ffffff;
        transition: all 0.3s;
        text-decoration: underline;
        &:hover{color: #ff7b3d;}
      }
      .left-part{
        padding: 40px;
        background:#272727;
      }
      .left-part-title{
        font-weight: 700;
        font-size: 36px;
        line-height:1.416666;
        margin-bottom: 40px;
        color: #ffffff;
      }
      .left-part-content{
        font-size: 16px;
        color: #ffffff;
        margin-bottom: 20px;
        line-height: 1.5;
      }
      .left-part-info{
        line-height:1.461538;
        font-size: 13px;
        color: #bababa;   
      }
      .right-part{position: relative;}
      .img-wrapper{
        position:relative;
        opacity:0;
        &:first-of-type{opacity:1;}
        transition: all 0.5s;
        &.active{opacity:1;}
        
        img{display: block;width: 100%;background: #ffffff;position: absolute;}
      }
      
      
      .text-wrapper{
        position:absolute;
        left: 20px;
        top: 50%;
        transform:translateY(-50%);
      }
      .text-item{
        font-size: 14px;
        color: #bababa;
        line-height:1.42857;
        text-decoration: underline;
        cursor: pointer;
        &:first-of-type{margin-bottom: 10px;}
        &.active{
          color: #2f2f2f;
        }
      }
    }
    .features2{
      .text-wrapper{
        display: flex;
        justify-content: space-between;
        padding: 40px;
        background:#272727;
        margin-bottom: 20px;
        width: 100%;
        border-radius:4px;
      }
      .item-wrapper{
        position:relative;
        width: 100%;
        display: flex;
        justify-content: space-between; 
      }
      .features2-title{
        font-weight:700;
        font-size: 36px;
        line-height: 1.66666;
        margin-right: 20px;
        color: #ffffff;
      }
      .content{
        max-width: 500px;
        font-size: 16px;
        line-height: 1.5;
        color: #ffffff;
      }
      .item{
        position:relative;
      } 
      .item-1 .item-content{
        max-width:291px;
      }
      .item-2 .item-content{
        max-width:417px;
      }
      .item-text-wrapper{
        position: absolute;
        left: 40px;
        bottom: 47px;
      }
      .item-title{
        font-size: 20px;
        line-height: 1.4;
        color: #ffffff;
        margin-bottom: 10px;
      }
      .item-content{
        color: #ffffff;
        font-size: 16px;  
        line-height: 1.5;
      }
    }
  }
}
@media(max-width: 1248px){
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features-item-1 .item{
    height: calc((50vw - 41px)*.720338);
  }
}
@media(max-width: 768px){
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features-item-1 .item{
    height: unset;
  }
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features-item-1 .item:last-of-type{
    height: calc((100vw - 32px)*.613372);
  }
}


.section-opencomm-uc-animation{
  background:#000000;
  .animation-bg{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background:#000000;
    opacity:0;
  }
  .opencomm-uc-animation-inner{
    height:calc(100vh - 67px);
    width: 100%;
    position:relative;
    overflow: hidden;
    .img-item-wrapper{
      position:relative;
       height:calc(100vh - 67px);
      overflow: hidden;
    }
    .features-image{
      display: block;
      position:absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      min-width:calc((100vh - 67px)/0.5625);
    }
  }

  .animation-image-wrapper{
    margin-top: 0px;
  }
  .opacity-text-wrapper{position:relative;}
  .animation-text-wrapper{
    position: absolute;
    top: calc(40% + 30px);
    left: 50%;
    transform: translateX(-50%);
    width: 580px;
    opacity:0;
    transition: opacity .5s linear,top .5s cubic-bezier(0,.99,.48,1);
    color: #ffffff;
    .title{
      font-weight: 700;
      font-size: 42px;
      margin-bottom: 40px;
      line-height:1.42857;
      text-align:center;
    }
    .item-text-wrapper{
      position: absolute;
      top: 0px;
      display: flex;
      justify-content:center;
      padding-top: 40px;
      border-top: 1px solid #ffffff;
      font-size: 20px;
      transition: opacity .5s linear,top .5s cubic-bezier(0,.99,.48,1);
      line-height: 1.6;
    }
    
    .item-title{
        font-weight: 700;
      width: 143px;
    }
    .item-content{
      width: 430px;
    }
    .item-2,.item-3{
      opacity: 0;
      display: none;
      z-index: 2;
    }
  }
  &.active-title{
    .animation-text-wrapper{
      top: 40%;
      opacity: 1;
    }
  }
  &.remove-text-1{
    .animation-text-wrapper{
      .item-1{opacity:0;}
      .item-2{
        display: flex;
      }
    }
  }
  &.active-text-2{
    .animation-text-wrapper{
      .item-2{
        opacity: 1;
      }
    }
  }
  &.remove-text-2{
    .animation-text-wrapper{
      .item-2{opacity:0;}
      .item-3{
        display: flex;
      }
    }
  }
  &.active-text-3{
    .animation-text-wrapper{
      .item-3{
        opacity: 1;
      }
    }
  }
}

.has-cable-wrapper{
  display: flex;
  align-items:center;
  .connectivity-wrapper{
    margin-bottom: 13px;
    margin-left: 60px;
    .c-title{
      font-size: 12px;
      line-height: 1.5;
      margin-bottom: 12px;
    }
    .c-content{
      display:flex;
      align-items:center;
      .cable-icon-wrapper{
        height: 24px;
        width: 24px;
        display:flex;
        align-items:center;
        justify-content:center;
        background: #000000;
        border-radius: 50%;
      }  
      span{
        font-size: 12px;
        line-height: 1.14285;
        color: #050505;
        transition: all 0.3s;
        text-decoration: underline;
        margin-left: 10px;
      }
      &:hover span{
        color: #ff7b3d;
      }
    }
  }
}



@media(min-width: 1921px){
  .section-opencomm-product-features-2.opencomm-uc .features-item-1 .title {font-size: 36px;margin-bottom: 40px;}
  .section-opencomm-product-features-2.opencomm-uc .features-item-1 .content {font-size: 16px;max-width: 500px;}
}
@media(max-width: 1920px){
  .section-product-footer-banner .content-wrapper .content{font-size: 14px;}
  .section-opencomm-product-features-2.opencomm-uc{
    .features-item-1 {padding-top:6.2vw; }
  }
  .section-opencomm-uc-designed-for{
    padding: 6.25vw 24px;
    .opencomm-uc-designed-for-inner{
      max-width: 1200px;
      .title{
        margin-bottom: 4.1666666vw;
      }
      .features1{
        .left-part-title{
          font-size: calc(6px + 1.5625vw);
        }
        .left-part-content{
          font-size: calc(12px + .2083333vw);
        }
      }
      .features2{
        .features2-title{
          font-size: calc(6px + 1.5625vw);
        }
        .content{
          max-width: 500px;
          font-size: calc(12px + .2083333vw);
        }
        .item-title{
          font-size: calc(12px + 0.416666vw);
          margin-bottom: 10px;
        }
        .item-content{
          font-size: calc(12px + .2083333vw);
        }
      }

    }
  }
}

@media(max-width: 1400px) and (min-width: 769px){
  .section-product-footer-banner .content-wrapper .content{font-size: 13px;}
}

@media (max-width: 1360px){
  .section-opencomm-uc-additional-features .uk-hide-in-mb.product-detail-part .detail.detail-2{bottom: 24.6323vw;left: unset;right: 21.3235vw;}
  .section-opencomm-uc-additional-features .uk-hide-in-mb.product-detail-part .detail.detail-3 {left: 47.794117vw;top: 35.0882vw;}   
  .section-opencomm-uc-additional-features .uk-hide-in-mb.product-detail-part[data-index="2"] .detail.detail-1{top: unset;bottom: 11.3235vw;}
  .section-opencomm-uc-additional-features .uk-hide-in-mb.product-detail-part .detail.detail-8 {bottom: 11.76470vw;right: 10.44117vw;}

  .section-opencomm-uc-animation .animation-text-wrapper .title{font-size:36px;}
  .section-opencomm-uc-animation .animation-text-wrapper .item-text-wrapper{font-size:18px;}
} 
@media(max-width:1120px){
  .what-is-difference .difference-item-wrapper{margin-right: 0px;} 
}
@media (max-width: 1000px){
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .left-part-title{margin-bottom: 20px;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .left-part{padding: 20px;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .text-wrapper{padding: 20px;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .content{max-width: 400px;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .item-text-wrapper {left: 20px;bottom: 20px;}
}

@media(min-width: 769px){
  #shopify-section-product-template-new .product-single .product-right .js-qty input[type=text]{font-size: 16px;}
}
@media(max-width:768px){
  .section-product-footer-banner .content-wrapper .content {font-size: 3.733333vw;}
  .section-product-footer-banner .content-wrapper .social-medias {justify-content: center;}
  .section-opencomm-product-features-2.opencomm-uc .features-item-1{padding: 60px 16px 0px;}
  .section-opencomm-product-features-2.opencomm-uc .features-item-1 .text-wrapper {
      width: 100%;
      left: 0px;
      max-width: unset;
  }
  .section-opencomm-product-features-2.opencomm-uc .features-item-1 .text-wrapper .title {
    font-size: 4.8vw;
    line-height: 1.33333;
    margin-bottom: 5.33333vw;
  } 
  .section-opencomm-product-features-2 .features2-inner .text-wrapper .title{line-height: 1.33333;}
  .section-opencomm-product-features-2.opencomm-uc .features-item-4 .features2-inner .text-wrapper{
      width: 100%;
      bottom: unset;
      padding-top: 40px;
      position: relative;
  }
  .section-opencomm-product-features-2.opencomm-uc .features-item-4{padding-bottom: 60px;}
  .section-opencomm-product-features-2 .features-item-1 .text-wrapper .title{font-size: 4.8vw;}
  .section-opencomm-product-features-3 .features-item .text-wrapper .content {line-height: 1.285714;}
  .section-opencomm-uc-additional-features .product-detail-part .detail.detail-8 {bottom: 160px;right: 142px;}
  .section-opencomm-uc-additional-features .product-detail-part .detail.detail-1 .text-wrapper {bottom: 6vw;width: 44vw;}
  .section-opencomm-uc-additional-features .product-detail-part .detail.detail-4 .text-wrapper {top: 10vw;width: 26.6666vw;}
  .section-opencomm-uc-additional-features .product-detail-part .detail.detail-7 .text-wrapper {top: 20vw;width: 35vw;}
  .section-opencomm-uc-additional-features .product-detail-part .detail.detail-8 {right: 17vw;bottom: 26vw;}
  .section-opencomm-uc-additional-features .product-detail-part[data-index="2"] .detail.detail-1 .text-wrapper {bottom: 18vw;width: 44vw;}

  .section-opencomm-uc-designed-for{padding:60px 16px;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .title{font-size: 5.33333vw;margin-bottom: 60px;line-height:1.6;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .item {width: 100%;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .left-part{padding: 5.33333vw;margin-bottom: 5.33333vw;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .left-part-title{font-size: 4.26666vw;margin-bottom: 5.33333vw;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .left-part-content{font-size: 3.2vw;margin-bottom: 5.33333vw;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .left-part-info{font-size: 3.46666vw;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .text-wrapper{left: 5.33333vw;top: unset;bottom: 5.33333vw;transform: unset;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .text-item{font-size: 3.46666vw;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features1 .right-part{margin-bottom: 40px;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .text-wrapper{padding: 5.33333vw;flex-wrap: wrap;} 
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .features2-title{font-size: 4.26666vw;margin: 0px 0px 5.33333vw;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .content{font-size: 3.2vw;margin-bottom: 5.33333vw;max-width: unset;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .item-wrapper{flex-wrap:wrap;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .item{margin-bottom: 5.33333vw;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .item-title{font-size: 3.73333vw;margin-bottom: 2.666666vw;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .item-content{font-size: 3.2vw;max-width: unset;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .item img{width: 100%;}
  .section-opencomm-uc-designed-for .opencomm-uc-designed-for-inner .features2 .item-text-wrapper{bottom: 5.33333vw;left: 0px;width: 100%;padding: 0px 5.33333vw;}

  .section-opencomm-uc-animation .opencomm-uc-animation-inner{height: calc(100vh - 98px);}
  .section-opencomm-uc-animation .opencomm-uc-animation-inner .img-item-wrapper{height: calc(100vh - 98px);}
  .section-opencomm-uc-animation .opencomm-uc-animation-inner .features-image{min-width: calc((100vh - 98px)/1.28);}
  .section-opencomm-uc-animation .animation-text-wrapper{max-width: 75vw;top: calc(30% + 30px);}
  .section-opencomm-uc-animation.active-title .animation-text-wrapper{top: 30%}
  .section-opencomm-uc-animation .animation-text-wrapper .title {font-size:7.46666vw;margin-bottom: 2.85714vw;line-height: 1.285714;}
  .section-opencomm-uc-animation .animation-text-wrapper .item-text-wrapper{text-align:center;flex-wrap: wrap;padding-top: 2.85714vw;width:100%;}
  .section-opencomm-uc-animation .animation-text-wrapper .item-title{width: 100%;font-size: 3.73333vw;margin-bottom:2.85714vw;line-height: 1.42857;font-weight: 500;}
  .section-opencomm-uc-animation .animation-text-wrapper .item-content{width: 100%;font-size: 3.2vw;line-height:1.5;}

  .has-cable-wrapper {display:block;}
  .has-cable-wrapper .connectivity-wrapper{display: none;}
  .template-product .product-opencomm-uc .radio-wrapper .single-option-radio{max-width: 7.5%;}
} 
.product-opencomm-uc #shopify-section-product-template-new .product-single .product-right .selling-points .selling-points-item{width: 50% !important;}

#shopify-section-opencomm-uc-video-4{
  background:black;
}
@media (max-width: 414px){
.section-opencomm-uc-additional-features .product-detail-part .detail.detail-8 {
    right: 15.5vw;}
}
/*================= End OpenComm uc style ================*/
.product-opencomm-uc .section-product-features .features-item .text-wrapper .title,
.product-opencomm .section-product-features .features-item .text-wrapper .title{
  font-weight:700;
}
.product-opencomm-uc .section-product-banner .text-wrapper .text-inner .subtitle{
   font-weight:700;
}
#email_dialog_wrapper .klaviyo-form div{
  color:#bababa;
}
.section-product-features .features-item .text-wrapper .content {
    padding-right: 20px;
}
@media(min-width: 2000px){
  .section-opencomm-product-features-2.opencomm-uc .features-item-1{
        padding-top: 6.2vw;
  }
}
.section-opencomm-product-features-2 .features2 .features-item-3{
  margin-top:-1px;
}
@media (max-width: 768px){
  #shopify-section-opencomm-features .features-item .text-wrapper.left{padding: 0 16px;}
  #shopify-section-opencomm-features-2{background:#000000;}
 .template-product .product-opencomm .radio-wrapper .single-option-radio {
    max-width: 7.5%;
}
  .template-collection .home-page-collection .collections-wrapper .one-third-column.cable .two-product{
    flex-wrap: wrap;
    .product-item:nth-of-type(3){margin-top: 30px !important;}
  }
  
  .product-card-new .product-wrapper.product-wrapper-new.opencomm{margin-top: 0px !important;}
}
.template-collection .product-card-new .one-third-column.collection-page-opencomm .title{opacity: 0;pointer-events: none;}
@media (max-width:590px){
.product-card-new .product-wrapper.product-wrapper-new.opencommuc .variants-other-wrapper {transform: translateY(0px)!important;}
.product-card-new .product-wrapper.product-wrapper-new.opencomm .variants-other-wrapper {transform: translateY(0px)!important;}
}

/*======================== Openrun pro mini ============================*/
@media(max-width: 768px){
  .product-openrun-pro .buy-now.mb .product-info{padding: 4vw 3vw;}
  .openrun-mini-featured-info-wrapper{
    padding: 0px 24px 16vw;
  }
  .template-product .product-openrun-pro .radio-wrapper .single-option-radio label[data-var_id="40611769122864"]{margin-right: 0px;}
  .template-product .radio-wrapper .single-option-radio.mini{
    max-width: 20%;
  }
  .template-product .has-mini-option label {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .template-product .has-mini-option{
    display: flex !important;
    justify-content: space-between !important;
  }
  .toggle-product-size.recommend .toggle-product-size-item{padding: 4px!important;}
}
/*======================== End Openrun pro mini =======================*/

/*================ Cart you also like =======================*/
.color_list_normal.color_list{
  display: flex;
  justify-content: left;
  list-style-type: none;
  padding: 0px;
  list-style-type: none;
  margin: 0px;
  margin-top: 10px;
  .options-color{
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    svg{
      position: absolute;
      top: 3px;
      left: 3px;
      display: none;
    }
  }
  li{
    &:not(:last-of-type){
      margin-right: 10px;
    }
    position: relative;
    line-height: 1;
    &::after {
      opacity: 0;
      content: attr(data-tag);
      position: absolute;
      z-index: 1000;
      text-align: center;
      width: max-content;
      background: #ffffff;
      color: #000000;
      box-shadow: 1px 1px 1px 1px #dddddd;
      padding: 0 6px;
      height: 25px;
      line-height: 25px;
      font-size: 12px;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -15%);
      
      display: none !important;
    }
    &.active .options-color svg{
      display: block;
    }
    &:hover::after{
      transition: all 0.3s;
      opacity: 1;
      transform: translate(-50%, 0%);
    }
  }
}
{% if settings.show_drawer_cart_you_also_like %}
@media screen and (min-width: 1000px){
  .drawer--right{width:860px!important;right:-860px!important}
  .js-drawer-open-right .drawer--right{-webkit-transform:translateX(-860px)!important;-moz-transform:translateX(-860px)!important;-ms-transform:translateX(-860px)!important;-o-transform:translateX(-860px)!important;transform:translate(-860px)!important}
  .ajaxcart__inner--has-fixed-footer{width:360px}
  .ajaxcart__footer--fixed{width:360px}
  .you-may-also-like-wrapper{padding: 20px 15px 0;width:calc(100% - 360px);height:calc(100% - 60px);position:absolute;right:0;overflow:auto;background: #f6f6f6;margin-top: 12px;}
  .you-may-also-like-title{text-transform:unset;line-height:1.2;margin-bottom:10px;font-size: 18px;font-weight: 600;}

  .you-may-also-like-item{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    background: #ffffff;
    color: #050505;
    margin-bottom: 20px;
    padding: 12px;
    .product-info-wrapper{width: calc(100% - 140px);}
    .product-img-wrapper{margin-right: 20px;width: 120px;height: 120px;}
    .product-img{
      display: none;max-width: 120px;
      &.active{display: block;}
    }
    .product-title{font-weight: 600;margin-bottom: 5px;display: block;font-size: 1.1em;}
    .toggle-product-size .toggle-product-size-item {cursor: pointer;padding: 4px 10px;font-size: 12px;border-radius: 2px;line-height: 1.2;}
    .toggle-product-size {margin-bottom: 10px;}
    .option-name{font-size: 14px;font-weight: 500;}
    .current-option-color{font-weight: 400;margin-left: 10px;}
    .variant-buttons{
      display: none;
      &.active{display:block;}
    }
    .product-info-footter{display: flex;justify-content:space-between;align-items:center;}
    .price{font-weight: 500;font-size: 14px;}
    .compareprice{font-weight: 400;color: #bababa;text-decoration: line-through;}
    .addtocart{font-size: 14px;color: #ffffff;background: #ff7a3d;padding: 8px 15px;line-height: 1;}
    &.openrun .color_list li{display: block;}
    &.openrun .color_list li[data-var_id="40225943781424"]{display: none;}
    &.openrun .color_list li[data-var_id="40296770273328"]{display: none;margin-right: 0px;}

    &.openrun-pro .color_list li{display: block;}
    &.openrun-pro .color_list li[data-var_id="40616521400368"]{display: none;}
    &.openrun-pro .color_list li[data-var_id="40616521695280"]{display: none;margin-right: 0px;}
  }

}
@media screen and (max-width: 999px){
  .you-may-also-like-wrapper{display: none !important;}
}
.hide-all-recomment-product{
  .you-may-also-like-wrapper{display: none !important;}
  .drawer--right{width:360px!important;right:-360px!important}
}
.js-drawer-open-right .hide-all-recomment-product .drawer--right{-webkit-transform:translateX(-360px)!important;-moz-transform:translateX(-360px)!important;-ms-transform:translateX(-360px)!important;-o-transform:translateX(-360px)!important;transform:translate(-360px)!important}
  
{% endif %}
/*================ End Cart you also like ===================*/

/*=========================== OpenComm UC type C ==================*/
  .has-cable-wrapper .connectivity-wrapper{margin-bottom: 0;margin-left: 0px;display: flex;align-items: center;text-decoration: underline;}
  .has-cable-wrapper .radio-wrapper:first-of-type{margin-right: 60px;}
  .has-cable-wrapper .connectivity-wrapper svg{display: block;margin-right: 10px;text-decoration:underline;}
  .has-cable-wrapper .active .connectivity-wrapper svg .usb-fille-bg{fill: #ff7a3d !important;}
  .what-is-difference.type-c a.toggle-product{margin-left: 7px;padding: 0px 10px;border-left: 1px solid #D6D6D6;border-radius: unset;}
  .what-is-difference.type-c .difference-pop{margin-top: 10px;}
  .what-is-difference.type-c .difference-item-wrapper{margin-right: 0px;}
  .product-card-new .product-wrapper.product-wrapper-new.opencommuc,
  .product-card-new .product-wrapper.product-wrapper-new.testproduct20221123{ 
     .color_list{display: none;}
  }
  .product-card-new .product-wrapper .opencommuc,
  .product-card-new .product-wrapper .testproduct20221123{ 
     .color_list{display: none;}
  }
  
  .connectivity_switch.product-card{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    .item{
      display: flex;
      justify-content: center;
      text-decoration: underline;
      cursor: pointer;
      &:first-of-type{margin-right: 20px;}
      &.active svg .usb-fille-bg{fill: #ff7a3d !important;}
    }
    svg{
      display: block;
      margin-right: 10px;
    }
    &.product-cable{
      min-height: 40px;
      transition: all 0.3s;
    }
  }
  @media(min-width: 769px){
    .product-card-new .cable-row .two-product .product-item:hover .connectivity_switch.product-cable{transform: translateY(-30px);}
    .cable-row-wapper .cable-row .product-item:hover .connectivity_switch.product-cable{transform: translateY(-50px);}
  }
  .product-card-new .cable-row .product-item .product-img{display: none;}
  .product-card-new .cable-row .product-item .product-img.active{display: block;}
  .cable-row-wapper .cable-row .product-item .product-img{display: none;}
  .cable-row-wapper .cable-row .product-item .product-img.active{display: block;}
  .home-page-collection .cable-row-wapper .variant-wrapper {display: none;}
  .home-page-collection .cable-row-wapper .variant-wrapper.active {display: block;}
  .produc-template-special.dongle,.produc-template-special.testproduct20221124{
    .product-single__thumbnails {justify-content: unset;}
    @media (max-width: 768px){
      .radio-wrapper .single-option-radio {max-width: unset;}
    }
  }
  @media(max-width: 1200px){
    .what-is-difference.type-c .toggle-product{font-size: 12px;}
    .what-is-difference.type-c a.toggle-product{padding: 0px 5px;}
  }
  @media(max-width: 1200px) and (min-width: 1001px){
    .what-is-difference.type-c .toggle-product img{margin-right: 5px;width: 16px;height: 16px;}
  }
  @media(max-width: 1100px) and (min-width: 822px){
    .shokzfamily-products .product-wrapper.product-wrapper-new .product-title, .product-card-new .product-wrapper.product-wrapper-new .product-title {
      font-size: 25px;
    }
  }
  @media(max-width: 1000px){
    .what-is-difference.type-c a.toggle-product{border: unset;width: 33.333%;}
    .what-is-difference.type-c a.toggle-product:nth-of-type(1){}
    .what-is-difference.type-c .toggle-product{flex-direction: column;padding: 4px !important;text-align:center;}
    .what-is-difference.type-c .toggle-product img{margin-right: 0px;margin-bottom: 8px;}
    .what-is-difference.type-c .difference-item-wrapper {max-width: 330px;}
    .what-is-difference.type-c{padding-top: 0px;border: unset;}
  }
  @media(max-width: 850px){
    .has-cable-wrapper .radio-wrapper:first-of-type{margin-right: 30px;}
  }
  @media (min-width: 769px){
    .product-card-new .collections-wrapper .product-wrapper .variants-img-wrapper {
    margin-bottom: 0!important;
}
  }

  @media(max-width: 768px){
    .has-cable-wrapper {display: flex;flex-direction: column;}
    .template-product .has-cable-wrapper .radio-wrapper .single-option-radio__label{padding-right: 0px;}
    .has-cable-wrapper .radio-wrapper{order: 1;}
    .has-cable-wrapper .radio-wrapper:first-of-type {margin-right: 0px;order: 2;}
    .has-cable-wrapper .product-form__item[data-option-name="接続性"] .single-option-radio{max-width: unset;justify-content: center;display: flex;}
    .has-cable-wrapper .connectivity-wrapper svg {width: 5.333333vw;height: 5.333333vw;}
    .has-cable-wrapper .connectivity-wrapper{font-size: 3.2vw;}
  }
  @media(max-width: 600px){
    .product-card-new.collection-page .connectivity_switch.product-card{
      flex-direction: column;
      align-items: center;
      margin-bottom: 10px;
      .item{margin-bottom: 9px;min-width: 86px;justify-content:flex-start;}
      .item:first-of-type {margin-right: 0px;}
    }
    .product-card-new.collection-page .product-wrapper.product-wrapper-new.opencomm .variants-other-wrapper,
    .product-card-new.collection-page .product-wrapper.product-wrapper-new.opencommuc .variants-other-wrapper{min-height: 150px;}
  }
/*========================== End OpenComm UC type C ================*/
.template-cart  #sca_fg_cart .grid__item .tt-original-price{text-decoration: line-through;}
.home-page-brand-honor .brand-honor-right .right-title,.home-page-brand-honor .brand-honor-left .left-title,.section-icon-text .section-icon-text-swiper .swiper-wrapper .inner .title,.home-open-ear .content-wrapper .title,.home_video_loop_wrapper .title,.home-page-collection .title-wrapper .title,.home-page-blog-new .title,.cable-row-wapper .cable-row .title{font-weight: 600 !important;}
.product-page .buy-now.mb .product-info .product-name{font-weight: 400;}
.compare-product-detail .compare-detail-header .product-info-block .switch-product .siwtch-active span,
.compare-product-detail .compare-detail-header .product-info-block .switch-product .siwtch-active svg,
.compare-product-detail .compare-detail-header .product-info-block .switch-product .siwtch-active strong{pointer-events: none;}

.compare-product-detail .compare-detail-header .product-info-block .switch-product .item span,
.compare-product-detail .compare-detail-header .product-info-block .switch-product .item strong{pointer-events: none;}
.template-blog .section-blog-template .tt-grid-col-3 .tt-post .tt-post-img img{display: block;}

.section-opencomm-video-2 .voice-contral .left-part span,.section-opencomm-video-2 .voice-contral .left-part img{pointer-events: none;}
.compare-product-detail .compare-detail-header .product-info-block .color_list li div,.compare-product-detail .compare-detail-header .product-info-block .color_list li a{pointer-events: none;}
.compare-product-detail .compare-detail-header .product-info-block .color_list li{cursor: pointer;}
.template-search .main-content  .pagination .prev svg {transform: rotate(180deg);}

.home-page-collection .collections-wrapper .product-wrapper .price.active {
    display: block!important;
}
.tag_sale-compare-price {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #808080;
  text-decoration: line-through;
  font-size: 87.5%;
  padding-left: 3px;
}
@media(max-width: 768px){
  .home-page-collection.collection-page .collections-wrapper .product-wrapper .price.active,.page-compare-product .home-page-collection .collections-wrapper .product-wrapper .price.active{
    display: flex !important;
    flex-direction: column;
  }
}

.proof-factor-fw-triggers-floatbutton{display: none !important;}
#proof-factor-app,.proof-factor-wheel-container,#proof-factor-notification-box,.proof-factor-fw-triggers{display: none !important;}

/*================== header CWS ===============*/
/* .header-container .nav__dropdown_mega_mune {
  display: block !important;
} */
.mega_mune_inner .flex_li_row:after{content:unset}
.mega_mune_inner .dropdown_menu_pdt_item_wrapper{max-width:172px}
.header-product-img-wrapper{padding:10px;border-radius:4px;background:#f1f1f1}
.mega_mune_inner .flex_li_row{flex-basis:51.2%!important;padding:0 24px}
.mega_mune_inner .flex_li_col{flex-basis:16.3%!important}
.mega_mune_inner .flex_li_col{padding-left:0;padding-right:24px}
.mega_mune_inner .flex_li_col:last-of-type{padding-left:24px;padding-right:0}
.mega_mune_inner .collection_title{text-align:left;font-size:16px;height:unset;line-height:1.5;color:#666;max-width:172px;margin-bottom:24px}
.mega_mune_inner .flex_li_col:not(:last-of-type):after{height:172px;background:#d8d8d8;right:0;top:50px}
.header-container .nav__dropdown_mega_mune .mega_mune_inner{padding:32px 0 24px;background:#ffffff}
.nav__dropdown_mega_mune .pdt_title-inner svg{display:block;max-height:12px;width:unset;margin:20px 0 12px}
.nav__dropdown_mega_mune .pdt_title-inner svg path{transition: all 0.3s;}
.nav__dropdown_mega_mune .pdt_title-inner .pdt_subtitle{font-size:12px;line-height:1.5;color:#666;transition: all 0.3s;}
.mega_mune_inner .dropdown_menu_pdt_item_wrapper:hover .pdt_title-inner svg path{fill: #ff7a3d !important;}
.mega_mune_inner .dropdown_menu_pdt_item_wrapper:hover .pdt_title-inner .pdt_subtitle{color:#ff7a3d;}
.mega_mune_inner .dropdown_menu_pdt_item_wrapper .pdt_title{height:unset;font-size:unset;font-weight:400;line-height:unset;max-width:172px;text-align:left}
.fit-top-small-pc .mega_mune_inner .flex_li_col:not(:last-of-type)::after{height:21.5vh;top:31px}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all{margin-top:0;padding-top:0;border:unset;width:unset;display:flex}
.mega_mune_inner .header-bottom-info{justify-content:space-between;margin-top:40px;padding:24px 0 0;border-top:1px solid #d8d8d8;max-width:1200px;width:calc(100% - 60px)}
.header-bottom-info .cable-text-wrapper{display:flex;align-items:center;color:#666;text-align:center;font-size:14px;font-weight:500;text-decoration-line:underline;text-transform:uppercase;transition:all .3s}
.header-bottom-info .cable-text-wrapper svg path{transition:all .3s}
.header-bottom-info .cable-text-wrapper:hover{color:#ff7a3d!important}
.header-bottom-info .cable-text-wrapper:hover svg path{fill:#ff7a3d !important;}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all a{min-width:unset;margin:0;display:flex;align-items:center;justify-content:center;padding:0;width:203px;height:48px;transition:all .3s;border:unset;background:#fff}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all a svg path{transition:all .3s}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all a:hover svg path{fill:#fff!important}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all a:hover{background-color:#fe7a3d!important}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all a:first-of-type{margin-right:18px}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all a:last-of-type svg path{fill:#fff}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all a:last-of-type{background:#050505;color:#fff}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .collection-all .svg-campare{display:block;margin-right:10px}
.fixed_top_nav_pdt_label.product-tag{font-size:12px;top:16px;bottom: unset;}
.fit-top-small-pc .fixed_top_nav_pdt_label.product-tag{font-size:12px;top:6px}
.header-container .site-nav__link {
  padding: 10px 0;
  font-size: 14px;
}
.header-container .nav__dropdown_mega_mune{border-top: unset;}
.header-container .site-nav__link {
  letter-spacing: .5px;
}
.header-container .site-nav__dropdown .nav__dropdown-innner {background-color: #f8f8f8;border-radius: 4px;}
.mega_mune_inner .dropdown_menu_pdt_item_wrapper{position:relative;}
@media(max-width:1260px){.mega_mune_inner .flex_li_row .dropdown_menu_pdt_item_wrapper{flex:unset;width:calc(33.33333% - 7px)}
.mega_mune_inner .dropdown_menu_pdt_item_wrapper{max-width:160px}
.mega_mune_inner .flex_li_row{flex-basis:50.1%!important}
}
@media(max-width:1100px){.mega_mune_inner .flex_li_row{padding:0 12px}
.mega_mune_inner .flex_li_col{padding-right:12px}
.mega_mune_inner .flex_li_col:last-of-type{padding-left:12px}
.mega_mune_inner .dropdown_menu_pdt_item_wrapper{max-width:156px}
.mega_mune_inner .flex_li_col:not(:last-of-type)::after{height:158px}
}
@media(max-width:1050px){.mega_mune_inner .flex_li_col:not(:last-of-type)::after{height:150px}
}
@media(min-width:1921px){

  .header-container .site-nav__item{margin-right:48px}
  .header-container .site-nav__item.site-nav__item-icon{padding-top:11px}
  .header-container .site-nav__item.site-nav__item-icon svg{width:24px;height:24px}
  .header-container .header-icons-wrapper{width:130px}
  .header-container .site-nav__item{padding:13px 0 12px}
  .site-header .wrapper{padding:0 24px;max-width:1248px}

  .site-header .wrapper.header-bottom-info {
    padding-top: 24px;
  }
}
@media(max-width:1000px){
  .header-container .site-nav__link{padding: 13px 0px;}
  .burger-icon{width:14px}
  .burger-icon--top{top:19px}
  .burger-icon--mid{top:24px}
  .burger-icon--bottom{top:29px}
  .show-left-nav .site-header .burger-icon--top{top:24px}
  .show-left-nav .site-header .burger-icon--bottom{top:24px}
  .show-left-nav .large--hide .icon-account-wrapper{display:none}
  .show-left-nav .header-logo-wrapper{opacity: 0;}
  .header-container .site-nav--open{margin:0;float:right}
  .header-container .site-nav__item.site-nav__item-icon{margin-right:35px!important}
  .header-container .display-flex{height:unset}
  .show-left-nav .nav-drawer-left-bg{display:none}
  .nav-drawer-left{top:-100vh!important;left:0!important;transition:all .5s ease;height:100vh!important;background:#f8f8f8!important;padding:60px 16px 20vh!important}
  .show-left-nav .nav-drawer-left{top:40px!important}
  .header-container .large--hide{display:block!important;width:unset}
  .header-container .site-nav__item.site-nav__item-icon svg{width:16px;height:24px}
  .nav-drawer-left .nav-item{margin-bottom:19px}
  .nav-drawer-left .nav-title{height:unset;padding:20px 0;line-height:1}
  .nav-drawer-left .plus-and-minus{padding:0;right:0;top:50%;transform:translateY(-50%);transition:all .3s}
  .nav-drawer-left .active .plus-and-minus{transform:translateY(-50%) rotate(-180deg)}
  .nav-drawer-left .sign_in_class{display:flex;align-items:center;margin-top:24px;z-index:999;background:unset}
  #customer_login_link{display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:underline}
  .nav-item-product .nav-content{max-height:calc(100vh - 390px);width:100%!important;padding-bottom:65px;overflow:scroll}
  .nav-drawer-left .nav-item{margin-bottom:0}
  .nav-drawer-left .sign_in_class>svg{position:unset!important;width:18px!important;height:18px!important;margin-right:7px}
  .nav-drawer-left .sign_in_class>a svg{display:block;margin-left:8px;width:6px!important;height:10px!important;position:unset!important}
  .nav-drawer-left .page-item{margin-top:16px;padding:0 16px 0;color:#2f2f2f;font-size:14px}
  .nav-drawer-left .nav-title::after{content:unset}
  .nav-drawer-left .nav-item{border-bottom:1px solid #d8d8d8!important;box-sizing:border-box}
  .nav-drawer-left .nav-content{border-bottom:unset}
  .show-left-nav .site-header{background:#f8f8f8!important}
  .nav-drawer-left .collection-title{margin-top:0;padding:0 16px 16px;font-weight:400;height:unset}
  .nav-drawer-left .product-item{font-size:14px;background:#f1f1f1;border-radius:4px;padding-left:16px!important;margin-left:0!important;margin-bottom:10px!important}
  .nav-drawer-left .product-img{width:120px;height:120px;margin:0 40px 0 0}
  .nav-drawer-left .pdt_title-inner svg{display:block;max-height:12px;width:unset}
  .nav-drawer-left .pdt_subtitle{font-size:12px;line-height:18px;color:#666;display:block;margin-top:12px}
  .fixed_top_nav_pdt_label.product-tag.mb{transform:unset;color:#fe7b3d;bottom:unset;max-width:100px;left:unset;position:unset;margin-bottom:5px;display:block;text-align:left}
  .nav-collection-buttom-wrapper{display:flex;align-items:center;justify-content:space-between}
  .nav-collection-buttom-wrapper .collection-title{padding:0;height:unset;width:48%!important;height:48px!important;display:flex;justify-content:center;background:#fff;align-items:center}
  .nav-collection-buttom-wrapper .site-nav__headercollection{background:#050505;color:#fff;border-radius:4px}
}

/*================== End header CWS ===============*/
.tt-where-to-buy{position:fixed;transition:all .3s,bottom 0s;right:48px;width:48px;height:48px;top:unset;cursor:pointer;z-index:25;bottom:60px}
.tt-where-to-buy svg{border-radius: 50%;box-shadow: 0 4px 8px rgba(0,0,0,0.1)!important;pointer-events: none;}
.tt-back-to-top svg{box-shadow: 0 4px 8px rgba(0,0,0,0.1)!important;}
.tt-fiex-icon svg path,.tt-fiex-icon svg circle{transition: all 0.3s;}
.tt-back-to-top.tt-fiex-icon:hover svg path{stroke: #ffffff;}
.tt-where-to-buy.tt-fiex-icon:hover svg path{fill: #ffffff;}
.tt-fiex-icon:hover svg circle{fill:#ff7a3d;}
.tt-back-to-top.active{bottom: 180px;right: 48px;}
@media (max-width: 767px){
  .tt-where-to-buy {right: 14px;}
  .tt-back-to-top.active {right: 14px;}
}

/*================== footer CWS ===============*/
.footer_new .county-current-wrapper{display:flex;width:192px;height:24px;justify-content:center;align-items:center;cursor:pointer;background:#6f6f6f;border-radius:2px;font-size:12px;line-height:1.5;color:#f1f1f1;position:absolute;bottom:0;left:0;transition:all .3s}
.footer_new .county-current-wrapper:hover{background:#8e8e8e}
.footer_new_wrapper .footer-menu{position:relative}
.footer-menus-wrapper{display:flex}
.footer-menus-wrapper .footer-menu-item:not(:last-of-type){margin-right:80px}
.footer_new .county-current-wrapper img{display:block;max-width:24px;margin-right:4px}
.footer_new .county-current-wrapper svg{display:block;margin-left:5px}
.footer_new .footer-logo-wrapper{display:flex;align-items:center;min-width:163px;margin-right:10px}
.footer_new .footer-logo-wrapper span{height:16px;width:1px;background:#666;margin:0 16px}
.footer_new_wrapper .copyright{margin-top:60px;padding-top:24px;border-top:1px solid #666}
.footer_new_wrapper .footer-menu .footer-menu-item .title{height:unset;font-size:18px;line-height:1.5;margin-bottom:18px}
.footer_new_wrapper .footer-menu .footer-menu-item .child-title{color:#bababa!important}
@media(max-width:1200px){
  .footer-menus-wrapper .footer-menu-item:not(:last-of-type){margin-right:30px}
}
@media(max-width:900px){
  .footer-menus-wrapper{display:flex;width:100%;flex-wrap:wrap}
  .footer_new_wrapper .footer-menu .footer-menu-item .title span{font-size:14px}
  .footer_new_wrapper .footer-menu .footer-menu-item{width:100%;margin-bottom:0;margin-right:0!important}
  .footer_new_wrapper .footer-menu .footer-menu-item .title{font-size:14px;margin-bottom:16px;padding-bottom:16px}
  .footer_new .footer-logo-wrapper{margin-right:0;margin-bottom:48px}
  .footer_new_wrapper .footer-menu .footer-menu-item .second-menu{margin-bottom:16px}
  .footer_new .county-current-wrapper{position:unset;margin-top:54px}
  .footer_new_wrapper .copyright{padding-top:25px;border-top:unset;display:block;margin:0 auto}
  .footer_new_wrapper .copyright .pay-icon{margin-top:21px}
  .brands-nav .nav-inner{padding:10px 16px}
  .footer_new_wrapper .footer-menu .footer-menu-item .title .plus-and-minus svg{transition:all .3s}
  .footer_new_wrapper .footer-menu .footer-menu-item .title.active .plus-and-minus svg{transform:rotate(-180deg)}
}
/*================== End footer CWS ===============*/
.fit-top-small-pc .home-page-collection .collections-wrapper .product-img {max-height: 32vh;}
#shopify-section-product-template-new .product-right .product-single__title svg{height: 32px;width: unset;}
.product-page .buy-now.mb .product-info .product-name svg{height: 3.73333vw;width: unset;display: block;}
.product-page .buy-now.mb .product-info .product-name{line-height: 1;}
.home-page-collection .collections-wrapper .product-wrapper .product-title svg{width: unset;height: 16px;}
.compare-product-detail .compare-detail-header .product-info-block .switch-product .siwtch-active .product-svg-wrapper svg {transform:unset;position: unset;display: block;margin: 5px 0px;height: 14px;width: unset;}
.compare-product-detail .compare-detail-header .product-info-block .switch-product .siwtch-active .product-svg-wrapper svg path{fill: #050505;}
.compare-product-detail .compare-detail-header .product-info-block .switch-product .item svg{display: block;margin: 4px 0px;height: 12px;width: unset;}
.compare-product-detail .compare-detail-header .product-info-block .switch-product .item svg path{transition: all 0.3s;}
.compare-product-detail .compare-detail-header .product-info-block .switch-product .item:hover svg path{fill:#ffffff;}
.compare-product-detail .compare-detail-header .product-info-block .switch-product .siwtch-active .product-svg-wrapper svg path{fill:#050505 !important;}
@media(max-width: 768px){
  .home-page-collection .collections-wrapper .product-wrapper .product-title svg {height: 2.9333333vw;}
  .compare-product-detail .compare-detail-header .product-info-block .switch-product .siwtch-active .product-svg-wrapper svg{height: 2.6vw;}
  .compare-product-detail .compare-detail-header .product-info-block .switch-product .item svg {height: 2.6vw;}
}
@media (max-width: 768px) and (min-width: 600px){
  .product-page .buy-now.mb .product-info .product-name svg{height: 22px !important}
}
@media(max-width: 700px){
  #shopify-section-product-template-new .product-right .product-single__title svg{height: 5.866666vw;width: unset;}
}

/*========================= ajaxcart new style ==============================*/
.ajaxcart-new-style .drawer__fixed-header{left:0;right:0}
.ajaxcart-new-style .drawer__header{border-bottom:unset}
.ajaxcart-new-style .cartcount{font-size:20px!important;text-align:center;margin:0!important;background:#ddd;color:#050505;height:70px!important;display:flex;align-items:center;padding-left:20px}
.ajaxcart-new-style .drawer__header{height:70px;padding-right:20px!important}
.ajaxcart-new-style .drawer__close-button .close-cart svg path{fill:#666}
#CartDrawer #CartContainer .ajaxcart__inner{background:#f8f8f8;top:70px}
.ajaxcart-new-style.drawer--right{width:496px;right:-496px}
.js-drawer-open-right .drawer--right{display:block;-webkit-transform:translateX(-496px);-moz-transform:translateX(-496px);-ms-transform:translateX(-496px);-o-transform:translateX(-496px);transform:translateX(-496px)}
.ajaxcart-new-style .ajaxcart__inner--has-fixed-footer{padding:0 20px 0}
.ajaxcart-new-style .ajaxcart__row{margin-bottom:0;border-bottom:1px solid #d8d8d8;padding:0;background:unset}
/* .ajaxcart-new-style .ajaxcart__product:last-of-type .ajaxcart__row{border-bottom: unset;} */
.ajaxcart__product:last-child .ajaxcart__row{border-bottom:1px solid #d8d8d8}
.ajaxcart__row>.grid,.ajaxcart__row>.grid--full,.ajaxcart__row>.grid--rev{margin-left:unset}
.ajaxcart__row>.grid--full>.grid__item,.ajaxcart__row>.grid--rev>.grid__item,.ajaxcart__row>.grid>.grid__item{padding-left:unset}
.ajaxcart-new-style .ajaxcart__product .ajaxcart-right{width:calc(100% - 200px)}
.ajaxcart-new-style .ajaxcart__product .imgleft{width:180px}
.ajaxcart-new-style .ajaxcart__row>.grid{display:flex;align-items:center;justify-content:space-between}
.ajaxcart-new-style .ajaxcart__product-name{font-size:20px}
.ajaxcart-new-style .ajaxcart__product-name+.ajaxcart__product-meta{padding-top:2px;font-size:16px;line-height:1.4375}
.ajaxcart-new-style .ajaxcart__price-wrapper-flex{display:flex;align-items:center;justify-content:space-between}
.ajaxcart-new-style .ajaxcart__price-wrapper-flex:after{content:unset}
.ajaxcart-new-style .ajaxcart__price-wrapper{order:2}
#CartContainer .ajaxcart__qty{order:1}
.ajaxcart-new-style .cart__remove003{position:relative;top:0;right:0;font-size:12px;color:#666!important;line-height:1.5;text-decoration:underline;transition:all .3s;display: inline-block;}
.ajaxcart-new-style .cart__remove003:hover{color:#ff7a3d!important}
.ajaxcart-new-style .ajaxcart__product-image{padding-top:0}
.ajaxcart-new-style .cart-icon-container li img{max-height:28px;display:block}
.ajaxcart-new-style .cart-icon-container li{min-height: 28px;}
.ajaxcart-new-style .cart-icon-container li{padding:0;margin:0}
.ajaxcart-new-style .cart-icon-container{justify-content:space-between;padding:20px 20px 0;min-height:28px}
.ajaxcart-new-style .ajax-cart-shipping-swiper{order:2;width:100%;padding:20px 0!important;min-height:130px}
.ajaxcart-new-style .ajax-cart-shipping-swiper .item{width:456px;display:flex;flex-direction:column;align-items:center}
.ajaxcart-new-style .ajax-cart-shipping-swiper .item svg{display:block;margin-bottom:10px}
.ajaxcart-new-style .ajax-cart-shipping-swiper .item .shipping-text1{font-size:16px;line-height:1.4375;color:#050505;margin-bottom:4px;font-weight:500}
.ajaxcart-new-style .ajax-cart-shipping-swiper .item .shipping-text2{font-size:12px;line-height:1.4166666;color:#666666;text-align:center;}
.ajaxcart-new-style .ajaxcart__footer--fixed{padding:20px;background:#ffffff;}
.ajaxcart-new-style .ajaxcart_shipping_price{align-content:center;margin-bottom:10px}
.ajaxcart-new-style .ajaxcart_shipping_price .left-text{font-size:16px;color:#666;line-height:1.5}
.ajaxcart-new-style .ajaxcart_shipping_price .right-text{font-size:20px;line-height:1.4;color:#050505;font-weight:500}
.ajaxcart-new-style .ajaxsubtext p{margin:0;color:#666;line-height:1.5;font-size:16px}
.ajaxcart-new-style .ajaxcart__subtotal p{margin:0;font-size:20px;line-height:1.4;color:#050505;font-weight:500}
.ajaxcart-new-style .btn--secondary.btn--full.cart__checkout{height:50px;font-size:14px;line-height:1.5;transition:all 0.3s;}
.ajaxcart-new-style .btn--secondary.btn--full.cart__checkout:hover{background-color: #ff7a3d;}
.ajaxcart-new-style .using-code-info{font-size:16px;color:#666;margin-bottom:10px;line-height:1.5}
.ajaxcart-new-style .ajaxcart__qty {width: 66px;min-width: unset}
.ajaxcart-new-style .ajaxcart__qty-adjust{width:20px;height:20px}
.ajaxcart-new-style .ajaxcart__qty input[type=text]{line-height:20px;font-size:14px;display:block}
.ajaxcart-new-style .ajaxcart__price{font-size:16px;line-height:1.25}
.ajaxcart-new-style .ajaxcart__policies{margin-bottom:20px}

.ajaxcart-new-style .ajax-cart-shipping-swiper{background: #f8f8f8;}
/* .ajaxcart-new-style .ajax-cart-shipping-swiper:after{position:absolute;width:calc(100% - 40px);left: 20px;top: 0px;content: '';background:#d8d8d8;height: 1px;} */
.ajaxcart-new-style .ajaxcart__footer--fixed{padding:0px;}
.ajaxcart-new-style .fit-shippping-wrapper{padding: 20px;}
.ajaxcart-new-style .ajax-cart-shipping-swiper-wrapper{padding: 0px 20px;background: #f8f8f8;}

@media(max-width:1300px) and (min-width: 601px){
/*   .js-drawer-open-right .drawer--right{display:block;-webkit-transform:translateX(-380px);-moz-transform:translateX(-380px);-ms-transform:translateX(-380px);-o-transform:translateX(-380px);transform:translate(-380px)}
  .ajaxcart-new-style.drawer--right{width:380px;right:-380px} */
  .ajaxcart-new-style .cartcount{font-size:16px!important;height:50px!important;padding-left:20px}
  .ajaxcart-new-style .drawer__header{height:50px;padding-right:16px!important}
  .ajaxcart-new-style .drawer__close-button .close-cart svg path{fill:#666}
  #CartDrawer #CartContainer .ajaxcart__inner{top:50px}
  .ajaxcart-new-style .ajaxcart__product .imgleft{width:130px}
  .ajaxcart-new-style .ajaxcart__product .ajaxcart-right{width:calc(100% - 150px)}
  .ajaxcart-new-style .ajax-cart-shipping-swiper{padding:15px 0!important}
  .ajaxcart-new-style .ajaxcart__product-name{font-size:18px}
  .ajaxcart__product-name--wrapper{margin-bottom:6px;padding-right:0}
  .ajaxcart-new-style .ajaxcart__product-name+.ajaxcart__product-meta{font-size:14px}
  .ajaxcart-new-style .ajax-cart-shipping-swiper .item .shipping-text1{font-size:13px}
  .ajaxcart-new-style .using-code-info{font-size:13px;margin-bottom:6px}
  .ajaxcart-new-style .ajaxcart_shipping_price .left-text{font-size:14px}
  .ajaxcart-new-style .ajaxcart_shipping_price .right-text{font-size:17px}
  .ajaxcart-new-style .ajaxsubtext p{font-size:14px}
  .ajaxcart-new-style .ajaxcart__subtotal p{font-size:17px}
  .ajaxcart-new-style .ajaxcart__policies{margin-bottom:15px}
  .ajaxcart-new-style .ajaxcart_shipping_price{margin-bottom:6px}
  .ajaxcart-new-style .btn--secondary.btn--full.cart__checkout{height:45px}
  .ajaxcart-new-style .cart-icon-container{padding:15px 20px 0}
  .ajaxcart-new-style .ajax-cart-shipping-swiper .item svg{margin-bottom:6px;width:30px;height:30px}

  .ajaxcart-new-style .ajax-cart-shipping-swiper {min-height: 100px;}
}
@media(max-width:600px){
  .ajaxcart-new-style.drawer--right{width:100vw;right:-100vw;max-width:100vw}
  .js-drawer-open-right .drawer--right{display:block;-webkit-transform:translateX(-100vw);-moz-transform:translateX(-100vw);-ms-transform:translateX(-100vw);-o-transform:translateX(-100vw);transform:translate(-100vw)}
  .ajaxcart-new-style .cartcount{font-size:16px!important;height:50px!important;padding-left:20px}
  .ajaxcart-new-style .drawer__header{height:50px;padding-right:16px!important}
  .ajaxcart-new-style .drawer__close-button .close-cart svg path{fill:#666}
  #CartDrawer #CartContainer .ajaxcart__inner{top:50px}
  .ajaxcart-new-style .ajaxcart__product .imgleft{width:130px}
  .ajaxcart-new-style .ajaxcart__product .ajaxcart-right{width:calc(100% - 150px)}
  .ajaxcart-new-style .ajaxcart__product-name{font-size:16px;line-height:1.4375}
  .ajaxcart__product-name--wrapper{margin-bottom:0;padding-right:0}
  .ajaxcart-new-style .ajaxcart__product-name+.ajaxcart__product-meta{padding-top:0;font-size:13px;line-height:1.461538}
  .ajaxcart-new-style .ajaxcart__price-wrapper-flex{margin-top:6px}
  .ajaxcart-new-style .ajaxcart__price{font-size:14px;line-height:1.42857}
  .ajaxcart-new-style .ajax-cart-shipping-swiper .item .shipping-text1{font-size:13px;margin-bottom:2px;text-align:center;}
  .ajaxcart-new-style .ajax-cart-shipping-swiper .item svg{margin-bottom:6px;width:28px;height:28px}
  .ajaxcart-new-style .using-code-info{font-size:14px;margin-bottom:6px;line-height:1.42857}
  .ajaxcart-new-style .ajaxcart_shipping_price .left-text{font-size:14px;color:#666;line-height:1.42857}
  .ajaxcart-new-style .ajaxsubtext p{line-height:1.42857;font-size:14px}
  .ajaxcart-new-style .ajaxcart__subtotal p{font-size:16px;line-height:1.4375}
  .ajaxcart-new-style .ajaxcart_shipping_price .right-text{font-size:16px;line-height:1.4375}
  .ajaxcart-new-style .ajaxcart_shipping_price{margin-bottom:4px}
  .ajaxcart-new-style .ajaxcart__inner--has-fixed-footer{padding:0 16px}
  .ajaxcart-new-style .ajaxcart__footer--fixed{padding:20px 16px}
  .ajaxcart-new-style .btn--secondary.btn--full.cart__checkout{height:40px;padding:5px}
  .ajaxcart-new-style .cart-icon-container li img{max-height:22px}
  .ajaxcart-new-style .cart-icon-container li{min-height:22px}
  .ajaxcart-new-style .cart-icon-container{padding:10px 10px 0;min-height:22px}

  .ajaxcart-new-style .ajaxcart__footer--fixed{padding: 0px;}
  .ajaxcart-new-style .fit-shippping-wrapper {padding: 20px 16px;}
  .ajaxcart-new-style .ajax-cart-shipping-swiper-wrapper{padding: 0px 16px;}
  #CartDrawer{}
}

/*========================= End ajaxcart new style =========================*/
.mega_mune_inner a.collection_title{transition: all 0.3s;}
.mega_mune_inner a.collection_title:hover{color:#ff7a3d !important;}

.header-container .site-nav__item #MenuParent-3 li:nth-of-type(2),.header-container .site-nav__item #MenuParent-3 li:nth-of-type(3){padding-left: 10px;}
.header-container .site-nav__item #MenuParent-3 li:nth-of-type(2) a,.header-container .site-nav__item #MenuParent-3 li:nth-of-type(3) a{font-size: 14px;}
.nav-drawer-left .nav-item-3 .nav-content .page-item:nth-of-type(2),.nav-drawer-left .nav-item-3 .nav-content .page-item:nth-of-type(3){margin-left: 10px;}

/* #CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7294659100720"] .ajaxcart__price{text-decoration: unset;}
#CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7294659100720"] span.ajaxcart__price:last-of-type{display: none !important;}
#CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7294659100720"] .order-discount--ajax-cart-list{display: none !important;}

#CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7293268164656"] .ajaxcart__price{text-decoration: unset;}
#CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7293268164656"] span.ajaxcart__price:last-of-type{display: none !important;}
#CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7293268164656"] .order-discount--ajax-cart-list{display: none !important;}

#CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7286564323376"] .ajaxcart__price{text-decoration: unset;}
#CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7286564323376"] span.ajaxcart__price:last-of-type{display: none !important;}
#CartDrawer #CartContainer .ajaxcart__inner .ajaxcart__product[data-product-id="7286564323376"] .order-discount--ajax-cart-list{display: none !important;} */

/* 导航栏改版 */
/* .header-container .nav__dropdown_mega_mune{
  display: block !important;
} */
.header-container .nav__dropdown_mega_mune .mega_mune_inner{padding:32px 30px 80px!important;background:#fff}
.header-container .nav__dropdown_mega_mune .mega_mune_inner .nav-header-wrapper{opacity:0;transition:opacity .4s .2s}
.header-container .nav__dropdown_mega_mune{height:calc(100% - 100px);scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto;width:100vw!important}
.header-container .show-product.nav__dropdown_mega_mune .mega_mune_inner .nav-header-wrapper{opacity:1}
.header-container .nav__dropdown_mega_mune::-webkit-scrollbar{display:none}
.nav-header-wrapper{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;position:relative}
.nav-header-wrapper .nav-header-left-title{font-size:14px;font-weight:400;line-height:1.5;text-align:left;color:#bababa;margin-bottom:16px}
.nav-header-left-title.nav-header-left-title2{margin-top:24px}
.nav-header-wrapper .nav-header-left-part{width:220px;margin-right:24px;position:sticky;}
.nav-header-wrapper .nav-header-item{width:100%;height:42px;border-radius:6px;background:#f8f8f8;margin-bottom:8px}
.nav-header-wrapper .nav-header-item span{font-size:12px;color:#ff7a3d;font-family:Poppins}
.nav-header-wrapper .nav-header-item{width:100%;height:42px;border-radius:6px;background:#f8f8f8;margin-bottom:8px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;line-height:1.5;text-align:left;color:#8b8b8b;cursor:pointer;transition:all .3s}
.nav-header-wrapper .nav-header-item.active{background:#e7e7e7;color:#2f2f2f}
.nav-header-wrapper .nav-header-compare-wrapper{width:100%;display:flex;flex-direction:column;margin-top:32px;padding-top:32px;border-top:1px solid #e7e7e7}
.nav-header-wrapper .nav-header-compare-wrapper a{display:flex;align-items:center;font-size:13px;font-weight:500;line-height:1.5;text-align:left;color:#2f2f2f!important;text-decoration:underline;transition:all .3s}
.nav-header-wrapper .nav-header-compare-wrapper a:hover{color:#ff7a3d!important}
.nav-header-wrapper .nav-header-compare-wrapper a:hover svg path{fill:#ff7a3d!important}
.nav-header-wrapper .nav-header-compare-wrapper a:last-of-type{margin-top:16px}
.nav-header-wrapper .nav-header-collection{display:none}
.nav-header-wrapper .nav-header-collection.active{display:block}
.nav-header-wrapper .header-collection-product-wrapper{display:flex}
.nav-header-wrapper .product-item{display:block;margin-right:8px;min-height:274px;background:#f8f8f8;padding:10px;text-align:center;min-width:233px;transition:all .3s;border-radius:6px}
.nav-header-wrapper .product-item:hover{background:#f1f1f1}
.nav-header-wrapper .product-item img{display:block;max-width:170px;margin-bottom:18px;margin:0 auto}
.nav-header-wrapper .header-collection-title{font-family:Poppins;font-size:16px;font-weight:500;line-height:1.5;text-align:left;color:#2f2f2f;margin-bottom:15px}
.nav__dropdown_mega_mune .pdt_title-inner svg{margin:8px auto 0;max-height:12px}
.nav-header-wrapper .nav-header-collection-2 .header-collection-item:last-of-type{margin-top:24px}
.nav-header-wrapper .nav-header-collection-4.active{display:flex;flex-wrap:wrap}
.nav-header-wrapper .nav-header-collection .header-collection-item:nth-of-type(2) .product-item:last-of-type{margin-right:0}
.nav-header-wrapper .nav-header-collection-4 .header-collection-item:last-of-type{margin-top:24px;width:100%}
.nav__dropdown_mega_mune .pdt_title-inner .pdt_subtitle span{display:block;font-size:14px;font-weight:500;line-height:1.5;text-align:center;color:#000;margin-top:4px}
.nav-drawer-left{background:#fff!important}
.nav-drawer-left .plus-and-minus{right:0}
.nav-drawer-left .nav-content{background:#f8f8f8;padding-left:16px;padding-right:16px;width:100vw!important;position:relative;left:-16px}
.show-left-nav .site-header{background:#fff!important}
.nav-content-mb .nav-header-title0{font-size:12px;font-weight:400;line-height:1.5;text-align:left;padding:16px 0;position:relative;color:#bababa;margin-left:16px}
.nav-content-mb .nav-header-title1{font-size:14px;font-weight:400;line-height:1.5;text-align:left;margin-bottom:16px;position:relative;cursor:pointer;display:flex;justify-content:space-between;padding-right:40px;margin-left:16px}
.nav-content-mb .nav-header-title1 span{font-size:12px;color:#ff7a3d;font-family:Poppins}
.nav-content-mb .nav-header-title2{font-size:12px;font-weight:400;line-height:1.5;text-align:left;color:#666;margin-left:16px}
.fixed_top_nav_pdt_label.product-tag.mb{position:absolute;top:12px;right:12px;width:unset}
.nav-content-mb .nav-collection-wrapper{margin-bottom:24px}
.nav-content-mb .nav-header-title0.nav-header-title1-other{padding-top:16px;border-top:1px solid #d8d8d8}
.nav-content-mb .nav-collection{display:none}
.nav-content-mb .nav-collection-wrapper.active .nav-collection{display:block}
.nav-collection.nav-collection-buttom-wrapper{display:block;padding-top:24px;margin-top:24px;border-top:1px solid #d8d8d8;font-size:13px;margin-left:16px}
.nav-collection.nav-collection-buttom-wrapper .nav-page-item{display:flex;align-items:center;background:unset!important;color:#050505!important;text-decoration:underline;transition:all .3s}
.nav-collection.nav-collection-buttom-wrapper .nav-page-item:hover{color:#ff7a3d!important}
.nav-collection.nav-collection-buttom-wrapper .nav-page-item:last-of-type{margin-top:16px}
.nav-drawer-left .pdt_subtitle{margin-top:0;margin-bottom:7px;font-weight:400}
.nav-drawer-left .product-img{margin:0 32px 0 0}
.nav__dropdown_mega_mune .header-img-wrapper{position:relative}
.header-collection-item .header-img-wrapper .new-product-sign{text-align:center;width:100%;font-size:12px;color:#ff7a3d}
.nav-drawer-left .active .plus-and-minus svg{display:block}
.mega_mune_inner .close-header-icon{display:block;right:0;top:0;position:absolute;cursor:pointer}
.mega_mune_inner .close-header-icon path{fill:#666!important;transition:all .3s}
.mega_mune_inner .close-header-icon:hover path{fill:#ff7a3d!important}
.site-nav--has-dropdown-2.no-event{pointer-events:none}
@media(max-width:1000px){
  .nav-drawer-left .page-item{padding-top:16px}
  .nav-item-product .nav-content{padding-bottom:40px;max-height:unset!important}
}
/* end导航栏改版 */


.tt-back-to-top {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}