/** Shopify CDN: Minification failed

Line 1549:15 Expected ":"
Line 1613:6 "line-hight" is not a known CSS property

**/
h2{
  font-size: 30px !important;
}
a:hover{
  color: #fdd000;
}
@media (max-width: 767px){
  h2{
    font-size: 20px !important;
  }
}
.resouci-box{
  width: 60%;
  margin: 20px auto;
}
.resouci-box .resouci-title{
  text-align: left;
  font-size: 14px;
  margin-bottom: 10px;
}
.resouci-box .resouci{
  font-size: 14px;
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 14px;
  border: 1px solid #999;
  margin-right: 5px;
}
.resouci-box .resouci:hover{
  border: 1px solid #fdd000;
}
.resouci-box>.resouci{
  display: none;
}
@media (max-width: 767px){
  .resouci-box{
    width: 90%;
}
}
/* 面包屑 */
#first-bradcrumb{
  display: none;
}
.breadcrumb{
  margin: 15px 0 15px 35px;
}
/* 加购推荐弹窗 */
#kaktusc-cart-icon{
  display: none;
}
.kaktus-w-wishlist-button__wrap{display:none !important;}
/* 顶部通条栏 */
.cc-announcement{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}
.cc-announcement .cc-announcement__inner{
  padding: 7px 0.2em !important;
}

/* 翻译插件 */
.gtranslate_wrapper.gt_container--oiz9qs{
  display: flex;
  align-items: center;
}
.kaktusc-cart__shipping{
  display: none !important;
}
/* 导航栏 */
.site-control__inner{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.site-control .site-control__inner .nav-account svg{
  width: 24px !important;
  height: 24px !important;
}
.site-control .site-control__inner .nav-search svg{
  width: 24px !important;
  height: 24px !important;
}
.site-control__inner{
  min-height: 51px !important;
}
.modal-active[data-modal-id=page-menu] .site-control .site-control__inner .menu .icon-menu .icon-menu__bar{
  background: white !important;
}
.modal-active[data-modal-id=page-menu] .site-control .site-control__inner svg, 
.modal-active[data-modal-id=added-to-cart] .site-control .site-control__inner svg, 
.nav-mega-open .site-control .site-control__inner svg, 
.modal-active[data-modal-id=page-menu] .site-control .site-control__inner .cart, 
.modal-active[data-modal-id=added-to-cart] .site-control .site-control__inner .cart, 
.nav-mega-open .site-control .site-control__inner .cart{
  fill: white !important;
  color: white !important;
}
@media (min-width: 768px){
    .site-control.nav-inline-desktop:hover .site-control__inner .menu .icon-menu .icon-menu__bar{
    background: white !important;
  }
}
@media (min-width: 1100px){
  .site-control.nav-inline-desktop .site-control__inner .multi-level-nav.reveal-on-hover .tier-2.tier-appeared{
    border-top: 20px solid rgba(255,255,255,0) !important;
    top: 100% !important;
  }
  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-columns{
    padding-top: 0 !important;
  }
  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-columns .column-title:hover{
    opacity: 1 !important;
  }
  .site-control.nav-inline-desktop .site-control__inner .nav-row .nav-columns .column-title{
    padding-bottom: 10px !important;
    opacity: 1 !important;
    font-weight: 700;
  }
  .site-control.nav-inline-desktop .site-control__inner .multi-level-nav.reveal-on-hover .tier-2 ul.nav-columns ul a:not(.column-title){
    line-height: 1em !important;
  }
  .site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows{
    padding-top: 0 !important;
  }
  .site-control.nav-inline-desktop .site-control__inner .multi-level-nav.reveal-on-hover .tier-2 ul.nav-columns ul a:not(.column-title):hover{
    opacity: 1 !important;
    color: #fdd000 !important;
  }
}

@media (min-width: 768px){
  .site-control.nav-inline-desktop:hover .site-control__inner svg, .site-control.nav-inline-desktop:hover .site-control__inner .cart{
    fill: white !important;
    color: white !important;
  }
}
@media only screen and (max-width: 767px){
  .site-control__inner{
    min-height: 40px !important;
  }
}

/****daohanlan******/

.notion{
  position: absolute;
  right: 15px;
  top: 8px;
  z-index: 100;
}
.nationuk{
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-right-side .nation{
  position: relative;
}
@media (min-width: 1400px){
  .site-control.nav-inline-desktop .nav-right-side{
    width: 330px !important;
  }
}
@media (min-width: 1100px){
  .site-control.nav-inline-desktop .nav-search{
    right: 1em !important;
  }
}
.nav-right-side{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.nav-search{
  height: 30px;
}
.nav-search{
  width: 130px;
  position: relative;
}
.cart.n-search{
  width: 130px !important;
  height: 30px !important;
  position: static !important;
}
.nation-select{
  padding: 10px;
  margin-top: 0;
  border-top: 1px solid #aaa;
  position: absolute;
  z-index: 10;
  display: none;
  background: white;
}
.nation-select li{
  list-style: none;
}
.m-logo{
  display: none;
}
.search-containers {
  width: 130px !important;
  margin: 0 auto;
  background: white;
  border-radius: none !important;
  top: 15px !important;
  border-radius: 10px;
}
.site-control .site-control__inner .nav-search svg{
  margin-top: 0 !important;
}
.site-control .site-control__inner .nav-search #search-button svg{
  width: 20px !important;
  height: 20px !important;
}

#search-input {
  width: 105px;
  padding: 0;
  font-size: 16px;
  border-right: 1px solid #ccc !important;
  border-radius: -8px;
  right: -45px;
  margin-right: 25px;
  border-radius: 10px 0 0 10px;
}
#search-button {
  padding: 2px;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  right: 0;
  z-index: 100;
}
.hot-search-containers {
  position: absolute;
  top: 16px !important;
  left: 40% !important;
  width: 105px !important;
  overflow: hidden;
  height: 30px;
}

.hot-search-item {
  width: 105px !important;
  padding: 5px;
  font-size: 14px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  top: 15px !important;
  display: none;
}
@media (max-width: 767px){
  .notion{
  top: 4px;
}
  .site-control .site-control__inner{
    justify-content: left !important;
  }
  .site-control .site-control__inner .logo{
    margin-left: 50px;
  }
  .site-control__inner{
    padding: 13px 0 !important;
  }
  .m-logo{
    display: flex;
    background: black;
    justify-content: center;
  }
  .m-logo .logo{
    padding: 5px;
  }

}

/*************    ---                   ---                   ---   *************/
/*************    |     INDEX       |   *************/
/*************    ---                   ---                   ---   *************/

/* Feartured Collection */
.gender-img-icon{
  width: 24px;
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 100;
}
.new-tags{
  padding: 0 6px;
  text-align: center;
  background: white;
  color: black;
  position: absolute;
  left: 10px;
  z-index: 3;
  font-size: 10px;
  top: 10px;
  border-radius: 14px;
  user-select: none;
  }
  .new-tags.active-tags{
    background: #060606;
    color: #fff55f;
  }
.flash-sellers-off{
    width: 72px;
    text-align: center;
    background: rgb(42,42,42);
    color: white;
    position: absolute;
    left: 0;
    z-index: 3;
    font-size: 14px;
    padding: 2px;
    border-bottom-right-radius: 14px;
  }
.active-sale{
    width:28px;
    position: absolute;
    right: 5px;
    z-index: 3;
    padding: 2px;
  }
  .flash-sellers-off span{
      display: inline-block;
      vertical-align: middle;
    }
    .flash-sellers-off img{
      width: 22px;
      display: inline-block;
      vertical-align: middle;
    }
.coming-soon{
    width: 80px;
    text-align: center;
    background: rgb(42,42,42);
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
    font-size: 14px;
    padding: 2px;
    border-bottom-right-radius: 14px;
  }
.saints-off{
    width: 45%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 3;
  }

  @media (max-width: 767px){
    .flash-sellers-off{
      font-size: 12px !important;
      padding: 0 !important;
    }
    .flash-sellers-off img{
      width: 20px;
    }
  }

.section-heading{
  justify-content: center !important;
}
.section-heading h2{
  padding-right: 0 !important;
}

.wide-container{
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.section-spacing{
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.product-recommendations-container .section-spacing{
  padding-bottom: 40px !important;
}
.section-featured-product .product-slider .swiper-container .swiper-wrapper{
  margin: 25px 0 0 !important;
}
.product-area .product-area__details{
  padding-top: 0 !important;
}
.title-time{
  position: relative;
}
.title-time #promotion_time{
  position: absolute;
  top: 0;
  right: 0;
  line-height: 28px;
}
@media (max-width: 767px){
    .title-time #promotion_time{
    position: static !important;
    margin-top: 10px;
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 768px){
  .section-spacing{
    padding-top: 25px !important;
    padding-bottom: 0 !important;
  }
  .product-slider .swiper-container .swiper-wrapper{
    margin-top: 0 !important;
  }
  .product-recommendations-container .section-spacing{
  padding-bottom: 50px !important;
}
}

button.featured-button{
  background-color: black;
  color: white !important;
  margin: 25px 0 0 0;
  padding: 10px 16px;
}
button.featured-button:hover{
  background-color: #fdd000 !important;
  color: black !important;
}
button.featured-button a:hover{
  color: black !important;
}
.title{
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.section-footer .section-footer__row-lower{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
#shopify-section-footer .section-footer__row-container--with-localization.wide-container{
  padding: 0 !important;
}
.section-footer .section-footer__newsletter-block .section-footer__text-block__social{
  margin-top: 60px;
}
.section-footer .section-footer__newsletter-block .signup-form .signup-form__email{
  padding-left: 10px;
}
.section-footer .section-footer__newsletter-block .signup-form form input{
  background: white !important;
  color: #423f3f !important;
}
@media (min-width: 768px){
  .section-footer .section-footer__row--blocks{
    padding-top: 7% !important;
  }
  .section-footer .section-footer__row--blocks .section-footer__row__col{
    margin-bottom: 20px !important;
  }
}
@media (min-width: 1100px){
  .section-footer .section-footer__row{
    flex-wrap: nowrap !important;
  }
}

.product-block.product-block--quickbuy .cc-quick-buy-btn, .product-block--quickbuy.collection-block .cc-quick-buy-btn{
  width: 62%;
  left:19% !important;
  top: 30% !important;
  font-size: 14px;
  background: white !important;
  color: black !important;
  z-index:10;
}
@media (min-width: 768px){
  html:not(.touch) .product-block.product-block--quickbuy:hover:not(.hover-info) .caption{
    visibility: visible !important;
    opacity: 1 !important;
  }
  html:not(.touch) .product-block.product-block--quickbuy:hover:not(.hover-info) .caption, html:not(.touch) .product-block--quickbuy.collection-block:hover:not(.hover-info) .caption, html:not(.touch) .product-block.product-block--quickbuy:hover:not(.hover-info) .themed-product-reviews, html:not(.touch) .product-block--quickbuy.collection-block:hover:not(.hover-info) .themed-product-reviews{
    visibility: visible !important;
    opacity: 1 !important;
  }
  .product-block.product-block--quickbuy .cc-quick-buy-btn, .product-block--quickbuy.collection-block .cc-quick-buy-btn{
    padding: 8px 0 !important;
  }
}
.product-block.product-block--quickbuy .cc-quick-buy-btn:hover, .product-block--quickbuy.collection-block .cc-quick-buy-btn:hover, .product-recommendations-container .product-block.product-block--quickbuy .cc-quick-buy-btn:hover{
  background: #fdd000 !important;
  color: black !important;
}
.product-block.product-block--quickbuy .cc-quick-buy-btn-container, .product-block--quickbuy.collection-block .cc-quick-buy-btn-container{
  position: static !important;
}

/************ Inner Chain **********/
.inner-chain h2{
    text-align: center;
    margin: 20px 0;
  }
  .inner-chain-container{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding-bottom: 15px;
  }

  .inner-chain-item ul{
    padding-left: 0;
  }

  .inner-chain-item li{
    list-style-type: none;
    padding: 10px 0;
  }
  .inner-chain-item li a{
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
  }

  .inner-chain-items .inner-chain-title{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
  }
  .inner-chain-items .inner-chain-title h3{
    font-size: 1.2rem;
    text-align: left;
  }
  .inner-chain-title img{
    display: none;
  }
  @media (max-width: 767px){
    .inner-chain-title img{
      display: block;
    }
    .inner-chain-items{
      width:84%;
      padding: 20px;
      border-bottom: 1px solid #ddd;
      
    }
    .inner-chain-item{
      display: none;
    }
  }
  @media (min-width: 768px){
  .title-disable{
    pointer-events: none;
  }
}

/*************    ---                   ---                   ---   *************/
/*************    |     Collection Page       |   *************/
/*************    ---                   ---                   ---   *************/
.main img {
  width: 100%;
}			
.block-header {
  padding: 0 20px 20px;
  text-align: center;
}			
.gridwrapper {
  overflow: hidden;
}
.gridbox {
  float: left;
}
.gridmain {
  width: 100%;
  float: left;
}
.gridmain_1 {
  display: none;
}
.gridright {
  width: 100%;    
}
			
.gridfooter {
  width: 100%;
}
.main{margin-bottom: 16px;}
@media only screen and (max-width: 767px) {
  .gridmenu {
    width: 100%;
  }
  .gridmain_1 {
    display: block;
    width: 100%;
  }
  .gridmain {
    display: none;
    width: 100%;        
    }
  .theme-filter-container .cc-product-filter-container .product-list-container .product-list.product-list--rows.mob-two-col:not(.jiggly-split) .product-block{
    margin-top: 0 !important;
  }
  .theme-filter-container .cc-product-filter{
    bottom: 30px !important;
  }
  .theme-filter-container .cc-product-filter-container .product-list-container .product-list{
    margin-top: 0 !important;
  }
  .wide-container .product-list.mob-two-col:not(.jiggly-split) .product-block{
    margin-top: 0 !important;
  }
}
.collection-container{
  width: 100%;
  padding: 0;
}
.collection-container .one-whole.column{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#page-content .content.collection__description{
  padding: 0 !important;
}
.shopify-section.theme-filter-container .pb-medium{
  padding-bottom: 0 !important;
}

.footer-button-xs button{
  height: 30px !important;
  padding: 5px;
  background-color: #fdd000 !important;
  color: black !important;
}
.theme-filter-container .cc-product-filter-container .cc-accordion .cc-checkbox.sort-alphabetically-a-z{
  display: none;
}
.theme-filter-container .cc-product-filter-container .cc-accordion .cc-checkbox.sort-alphabetically-z-a{
  display: none;
}
.collection_title{
  text-align: left !important;
  font-size: 15px !important;
  margin-right: 90px;
}
.collection_desc{
  margin: 0;
}
.collectionseo_title{
  text-align: left !important;
  font-size: 1.4rem;
  margin-top: 15px !important;
  margin-bottom: 10px !important;
}
.collectionseo_desc{
  margin-top: 0;
  margin-bottom: 35px;
}
@media (max-width: 767px){
.collection_title{
  margin-right: 0;
  }
}
@media only screen and (min-width: 768px){
  .theme-filter-container .cc-product-filter-container .product-list-container.product-list-container--with-sidebar{
    margin-top:45px;
  }
  .shopify-section.theme-filter-container .sm\:pt-medium{
  padding-top: 0 !important;
  }
.product-list .product-block{
  margin-top: 20px !important;
  }
  
}


/*************    ---                   ---                   ---   *************/
/*************    |     PRODUCT       |   *************/
/*************    ---                   ---                   ---   *************/
.product-area .product-area__details__title{
  font-size: 16px;
}
.product-recommendations-container{
  background: white !important;
}
.cc-hover-line{
  opacity: 0;
}

.clickyboxes li{
  padding: 0 !important;
  margin-right: 4px !important;
}
.clickyboxes li a.active{
  border: 2px solid #555555 !important;
} 

.product-area .product-detail__gap-lg{
  padding-top: 0 !important;
}
.cc-tabs__tab-headers-container{
  display: none;
}
.store-availability-container-outer.store-availability-initialized.store-availability-loading{
  display: none;
}
@media (min-width: 992px){
  .product-area .product-area__media.multi-column{
    padding-left: 35px !important;
  }
  .product-area .product-area__details .product-area__details__inner{
    padding: 0 35px 20px 35px !important;
  }
  .product-area .product-area__media .theme-gallery[data-column-count="2"] .theme-images{
    padding: 0 !important;
  }
}

/****** price ******/
.product-area .price-area .was-price{
  font-size: 1em;
  margin-left: 10px;
}

/****** varaint ******/
.product-area .product-detail__form__options.product-detail__gap-lg{
  padding-bottom: 0 !important;
}
.product-detail__form__options .option-selectors .selector-wrapper{
  margin: 1em 0 !important;
}
.size-chart{
  width: 100% !important;
}

/******* free-gift *******/
#giftbtn{
    margin-bottom: 8px;
    user-select: none;
    cursor: pointer;
  }
  .gift-text{
    display:inline;
    font-size:12px;
    padding:2px;
    font-weight:600;
    color:#f5222d;
    border-radius:5px;
    vertical-align:middle;
  }
  .more-gift{
    margin-left: 8px;
    vertical-align:middle;
    font-weight:600;
  }
   @media(max-width: 1000px){
     .mobile-gift{
      display: none;
    }
   }
#giftbox{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7); 
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
  }
  .gift-collection{
    width: 60%;
    margin: 130px auto;
    background-color: white;
    height: 70%;
    overflow: auto;
  }
  .gift-header{
    position: sticky;
    top: 0;
    text-align: center;
    background-color: white;
    padding-bottom: 10px;
    z-index: 100;
  }
  .gift-title{
    display: inline-block;
    text-align: center;
    font-size: 20px;
    margin-top: 27px;
    font-weight: 600;
  }
  .giftcancel{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 24px;
    font-weight: 500;
    padding: 7px;
    border-radius: 50%;
    user-select: none;
    cursor: pointer;
  }
  .gift-tip{
    margin: 20px 5% 0 5%;
    padding: 5px 15px;
    background-color: #fdd000;
    text-align: left;
  }
  .gift-content{
    margin: 20px 5%;
  }
  .gift-product{
    display: inline-block;
    width: 46%;
    margin: 10px .6rem 40px .6rem;
    position: relative;
  }
  .img-title{
    display: flex;
    justify-content: space-between;
  }
  .free-gift-view{
    display: block;
    width: 50%;
  }
  .product-img{
    display: block;
  }
  .product-img img{
    display: block;
    width: 100%;
  }
  .product-title{
    display: block;
    font-size: 12px;
    width: 45%;
    line-height: 14px;
  }
button.free-gift-button{
  padding: 6px 15px;
  margin-top: 30px;
}
.gift-product .pretty-select{
  width: 45%;
  position: absolute;
  right: 0;
  bottom: 64px;
  padding: 3px 0 3px 5px;
}
.gift-product .pretty-select .text{
  min-width: 140px;
  font-size: 10px;
  line-height: 14px;
}
@media(min-width: 768px) and (max-width: 1200px){
  .gift-product{
    width: 70%;
  }
}
@media(max-width: 767px){
  .gift-collection{
    width: 98%;
  }
  .gift-tip{
    margin: 15px 15px 0 15px;
    font-size: 12px;
  }
  .gift-content{
    margin: 10px 15px 20px 15px;
  }
  .gift-product{
    width: 98%;
    margin: 10px .1rem;
  }

}

/****** Klarna *******/
.shopify-block.shopify-app-block .container{
  margin-bottom: 10px;
}
/****** details ******/
	.user-arrow,
    .user-arrow_M,
    .user-arrow_S,
    .user-arrow_L {
        
        width: 18px;
        position: absolute;
        right: 20px;
        cursor: pointer;
        display: inline-block; 
        margin: 0 auto;
    }
.button_Click{
  display: flex;
  justify-content: space-between;
}
.rotate {
    transform-origin: center center; 
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform 0.2s; 
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}

.rotate1 {
    transform-origin: center center;
    transform: rotate(0deg); 
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}

.btn {
  cursor: pointer;
}
@media (min-width: 768px){
  .product-area{
  margin-bottom: 0 !important;
}
  .template-product #page-content .shopify-section:not(:nth-child(1)) .product-area .product-area__details__header{
    padding-top: 0 !important;
  }
}
.product-area{
  margin-bottom: 0 !important;
}
.jdgm-rev-widg{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/****** Hightline *******/
.product-detail__gap-sm.rte{
  text-align: center;
  background-color: rgb(245,245,245);
}
.product-detail__gap-sm.rte.product-area__rich-text-block{
  margin-top: 10px;
}
hr.divider__line-true.divider__gap-above-small.divider__gap-below-small{
  margin: 0 !important;
  color: #000;
}
.product-area__rich-text-block.product-detail__gap-sm.rte p{
  font-size: 24px;
}
.product-area__text-block.rte.product-detail__gap-sm{
  text-align: center;
  background-color: rgb(245,245,245);
  font-size: 14px;
  padding: 0 17px;
}

/****** BUY ******/
.shopify-payment-button .shopify-payment-button__button--unbranded{
  background-color: #fdd000 !important;
  color: black !important;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:hover{
  background-color: black !important;
  color: white !important;
}
.shopify-cleanslate button:not(.hover-grow):not(.no-hover):not(input[type=submit].textbutton):not(button.textbutton):not([disabled=disabled]):not(.custom-dot):hover{
  background-color: black !important;
  color: white !important;
}

/****** Also Like ******/
.also-like-header{
  font-size: 16px;
  text-align: center;
}
.also-like-box{
  width: 45%;
  display: inline-block;
  margin: 0 2.5%;
  margin-top: 2.5%;
  box-shadow: 0 0 3px 1px #ddd;
  
}
@media only screen and (max-width: 767px){
  .also-like-box{
    margin-top: 30px;
    
  }
}
@media (min-width: 992px){
  .product-slider--small{
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}

.also-like-box a .also-like-title{
  width: 100%;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 16px;
  margin-top: 5px;
  padding: 5px 4px;
  font-size: 14px;
}
.product-detail__gap-lg.align-left .product-slider .section-heading{
  justify-content: space-between !important;
}
.product-detail__gap-lg.align-left .product-slider .section-heading h2.h4.product-slider__title{
  font-size: 20px !important;
}
.am_rec_poweryby{
  display: none !important;
}

/****** Bundle ********/
.sub-container{
  margin-bottom: 30px !important;
  margin-top: 10px !important;
}
.rapi-bundles .rapi-bundles__bar-container *{
  font-size: 15px !important;
}
.rapi-bundles .rapi-bundles__bar-price{
  font-size: 15px !important;
}
/************ Image and text *********/
.desbox{
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
.onebox,.twobox{
  padding: 36px 0 36px 0;
  height: auto;
  display: flex;
  justify-content: space-between;
  
}
.box-left,.box-right{
  width: 46%;
}
@media only screen and (max-width: 1080px){
  .onebox{
    flex-wrap: wrap-reverse;
  }
  .twobox{
    flex-wrap: wrap;
  }
  .box-left,.box-right{
  width: 90%;
    margin: 0 auto;
}
}


.onebox .box-left,.twobox .box-right{
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1080px){
  .onebox,.twobox{
    padding-top: 0;
    padding-bottom: 20px;
  }
  .twobox .box-right{
    padding-top: 4%;
  }
  .onebox .box-left{
    padding-top: 12%;
  }
  .onebox .box-left h2,.twobox .box-right h2{
  font-size: 20px !important;
}
}
.onebox .box-right img,.twobox .box-left img{
  width: 100%;
}
.onebox .box-left-flex,.twobox .box-right-flex{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.onebox .box-left h2,.twobox .box-right h2{
  margin: 0 !important;
  font-weight: 700;
  text-align: left !important;
}
.onebox .box-left p,.twobox .box-right p{
  margin: 0 !important;
}


/******* product-recommendations *******/
.product-recommendations-container.product-slider .product-list{
  padding-bottom: 0 !important;
}

/******* Q & A ******/
.reading-width{
  width: 96%;
  max-width: 100% !important;
}

/****** Judgeme ******/
.container{
  max-width: 96% !important;
  width: 94% !important;
}


/*************    ---                   ---                   ---   *************/
/*************    |     PRODUCT       |   *************/
/*************    ---                   ---                   ---   *************/

/****** FAQS ******/
.section-accordion:not(.has-alt-bg):not([data-found-count="0"]) + .section-accordion:not(.has-alt-bg):not([data-found-count="0"]) .accordion-container:not(.no-title){
  padding-top: 30px !important;
}
@media (min-width: 768px){
  .accordion-container.reading-width .section-heading h2{
    margin-top: 75px;
  }
}

/****** 批发合作 ******/
.jsCustomContactForm .container.content{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.jsCustomContactForm .container.content .one-half.column{
  width:48% !important;
  padding: 20px !important;
}
.jsCustomContactForm .container.content .one-half.column:nth-child(2){
  background: #dddddd;
}
.contact-form__blocks .contact-form__form.container{
  display: flex;
  flex-direction: column;
}
.contact-form__blocks .container .one-whole.column{
  margin-top: 10px;
  width: 100%;
}
@media only screen and (max-width: 767px){
  .jsCustomContactForm .container.content .one-half.column{
  width:98% !important;
}
}
.contact-form__blocks .container::after{
  content: "";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.contact-form__blocks .container{
  zoom: 1;
}

/****** why fitville ******/
#page-content .central{
  width: 98% !important;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}
#page-content .rte.cc-animate-init .techbox .one-box{
  min-height: 350px;
  display: flex;
  justify-content: space-between;
}
#shopify-section-template--16131373039881__16589080157b3c1617
.section-spacing.container{
  margin-bottom: 0 !important;
}
.one-box .one-left{
  width: 40%;
}
.one-left>h2{
  text-align: left;
}
.one-box .one-right{
  width: 55%;
  position: relative;
}
.one-right .imgbox{
   position: absolute;
   width: 90%;
   height: 90%;
   top: 0;
   left: 0;
   z-index: 2;
   transform: translate(0px,0px);
   transition: transform 0.5s ease-in-out;                                                         
}
.one-right .imgbox>img{
 display: block;
 height: 100%;
 width: 100%;
}
.one-right .line{
  position: absolute;
  width: 90%;
  height: 90%;
  border: 1px solid #999999;
  top: 0;
  left: 0;                             
  box-sizing: border-box;
  transform: translate(20px,20px);
  transition: transform 0.5s ease-in-out;
}
.one-right:hover .imgbox{
  cursor: pointer;
  transform: translate(10px,10px);                           
}
#page-content .techbox .two-box{
  min-height: 350px;
  display: flex;
  margin: 40px 0;
}
.two-box .two-left{
  width: 60%;
  position: relative;
}
.two-left .imgbox{
  position: absolute;
  width: 90%;
  height: 90%;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translate(0px,0px);
  transition: transform 0.5s ease-in-out;                                                        
}
.two-left .imgbox>img{
  display: block;
  height: 100%;
  width: 100%;
} 
.two-left .line{
  position: absolute;
  width: 90%;
  height: 90%;
  border: 1px solid #999999;
  top: 0;
  left: 0;                             
  box-sizing: border-box;
  transform: translate(20px,20px);
  transition: transform 0.5s ease-in-out;
}
.one-right:hover .line{
  cursor: pointer;
  transform: translate(10px,10px);                           
}
.two-left:hover .line{
  cursor: pointer;
  transform: translate(10px,10px);
}
.two-left:hover .imgbox{
  cursor: pointer;
  transform: translate(10px,10px);
}
.two-right{
  width: 40%;
}
.two-left>h2{
  text-align: left;
}
@media only screen and (max-width: 767px){
.techbox .one-box{
  display: flex;
  flex-wrap: wrap-reverse;
}
.one-box .one-left{
  width: 100% !important;
  }
.one-box .one-right{
  width: 100% !important;
  min-height: 200px;
  margin-top: 26px;                           
}
.one-box .one-right .line{
  width: 100% !important;
  left: -10px !important;
}
.one-box .one-right .imgbox{
  width: 100% !important;
  left: -10px !important;
}
.techbox .two-box{
  display: flex;
  flex-wrap: wrap;
}
.techbox .two-box .two-left{
  width: 100% !important;
  min-height: 200px;
  margin-top: 26px;
  }
.two-left .imgbox{
  width: 100% !important;
  left: -10px !important;
}
.two-left .line{
  width: 100% !important;
  left: -10px !important;
}

.two-right{
  width: 100% !important;
}
}

/****** our story *******/
.storybox  .story-one{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap-reverse;
}
.storybox .text1{
  margin-bottom:0;
}
.story-one .one-left{
  width: 46%;
}
.story-one .one-left img{
  height: auto;
}
.story-one .one-right{
   width: 46%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.story-one .one-right h2{
   font-size: 30px;
   margin-top:0;
   text-align: center;
  margin-bottom: 18px;
}
.story-one .one-right p{
  font-size: 18px;
  text-align: left;
}
@media (max-width: 767px){
  .storybox .text1{
  margin-top:0;
}
 .story-one .one-left,.story-one .one-right{
    width:100%;
  }
  .story-one .one-left{
    margin-top: 25px;
  }
  .one-right .story-flex{
    margin-top: 80px;
  }
              
}

.storybox .story-tow{
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.story-tow .tow-left,.story-tow .tow-right{
  width: 46%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.story-tow .tow-left h2{
  font-size: 30px;
  margin-top: 0;
  text-align: center;
  margin-bottom: 18px;
}
.story-tow .tow-left p{
  font-size: 18px;
  text-align: left;
}
@media only screen and (max-width: 767px){
  .story-tow{
    flex-wrap: wrap;
  }
  .story-tow .tow-left,.story-tow .tow-right{
    width: 100%;
  }
  .story-tow .tow-right{
    margin-top: 40px;
  }
}
.story-three{
  margin-top: 50px;
}
.story-three img,.story-four img{
  width: 100%;
}
.story-three h2{
  margin-top: 0;
  margin-bottom: 18px;
}
.story-three p{
  font-size: 18px;
}
.story-four{
  margin-top: 50px;
}
.story-four h2{
  margin-top: 0;
}
.story-four .four-content{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.four-content .content-left,.four-content .content-center,.four-content .content-right{
  position: relative;
  width: 30%;
  cursor: pointer;
}
.content-left .left2,.content-center .center2,.content-right .right2{
  display: none;
  opacity: 0;
  transition: display 0.2s linear,opacity 1.3s linear ;
}
.content-left:hover .left2{
  display: block;
  opacity: 1;
}
.content-center:hover .center2{
  display: block;
  opacity: 1;
}
.content-right:hover .right2{
  display: block;
  opacity: 1;
}
.content-left:hover .left1{
  position: absolute;
  top:0;
  left: 0;
  opacity: 0;
  transition: opacity 0.1s linear ;
}
.content-center:hover .center1{
  position: absolute;
  top:0;
  left: 0;
  opacity: 0;
  transition: opacity 0.1s linear ;
}
.content-right:hover .right1{
  position: absolute;
  top:0;
  left: 0;
  opacity: 0;
  transition: opacity 0.1s linear ;
}
@media only screen and (max-width: 767px){
  .four-content .content-left,.four-content .content-center,.four-content .content-right{
  position: relative;
  width: 100%;
}
  .four-content .content-left,.four-content .content-center{
    margin-bottom: 25px;
  }
}


/***** FAQS ******/
.use-alt-bg .product-block.product-block--quickbuy .cc-quick-buy-btn:hover, .use-alt-bg .product-block--quickbuy.collection-block .cc-quick-buy-btn:hover, .product-recommendations-container .product-block.product-block--quickbuy .cc-quick-buy-btn:hover, .product-recommendations-container .product-block--quickbuy.collection-block .cc-quick-buy-btn:hover{
  background-color: #fdd000 !important;
}

/******* Clothe Size Guide ******/
.size-box{
    margin-top: 20px;
    margin-bottom: 35px;
  }
  .size-box .size-main,.size-box hr,.size-box .size-tip,.size-box>p,.size-box .measure-size{
  width: 92%;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.size-box .size-tip{
  margin-top: 8px;
  color: #bbbbbb;
}
.size-box>p{
  font-size:18px;
  font-weight: 500;
}
  .tab-item td{
    padding: 14px;
    font-size: 16px;
  }
.size-main>h2{
  text-align: center;
  font-size: 35px;
}
  .size-main .size-nav{
width: 100%;
border-bottom: 1px solid #eee;
margin-bottom: 30px;
}
.size-nav>.size-tab{
padding-left： 0；
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
  margin-bottom: 0;
}
.size-tab>li{
font-size: 18px;
line-height: 34px;
padding: 8px 18px;
font-weight: 700;
list-style: none;
user-select: none;
}
.size-tab>li:hover{
  cursor: pointer;
  color: #fdd000 !important;
}
.choice{
  color: #fdd000;
  border-bottom: 1px solid #fdd000;
}
  .size-main #box{
width: 100%;
}
#box .tab-item{
  width: 100%;
  display: none;
}
#box .show{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  
}
.tab-item .size-item{
  width: 24%;
  margin: 5px 0;
}
@media only screen and (max-width: 767px){
  .size-main>h2{
      font-size: 20px !important;
    }
  .sizeTable tbody{
    width: 100%;
  }
    .size-nav>.size-tab{
      width: 96%;
    }
     .size-tab>li{
       font-size: 16px;
       line-height: 16px;
       padding: 8px 16px;
     }
    .size-main #box{
      width:100%;
      overflow: auto;
    }
    .tab-item .size-item{
      width: 48% !important;
    }
    .size-item>h3{
      font-size: 16px !important;
      line-hight: 18px !important;
    }
    .size-nav>.size-tab{
      justify-content: space-around !important;
    }
  }
  .sizeTable tr:nth-of-type(odd) {
	background-color: #eeeeee;
}
.measure-size{
  display: flex;
  justify-content: space-between;
}
.measure-size .measure-text h6{
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  
}
.measure-size .measure-text p{
  margin-top: 5px;
}
.measure-size .measure-text .doc{
  width: 16px;
  height: 16px;
  font-size:12px;
  text-align: center;
  border-radius: 50%;
  background: #fdd000;
  display: inline-block;
  margin-right: 8px;
  line-height: 17px;
}


/*********** Blog **********/
/* 添加点击动画效果 */
.option-value {
  transition: transform 0.2s;
  cursor: pointer;
  width:150px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.option-value:active {
  transform: scale(0.95);
}

/* 高亮当前状态 */
.option-value.active {
  position: relative;
}
.option-value.active .select-text{
  font-weight: 700;
  border-bottom: 3px solid #fdd000;
  padding-bottom: 5px;
}

.filter{
  margin: 20px auto !important;
  display: flex;
  justify-content: space-around;
  width: 90%;
}

/* 新增移动端样式 */
@media (max-width: 768px) {
  .filter {
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: rgba(217,217,217,0.8); /* Firefox */
    -webkit-overflow-scrolling: touch; /* 流畅滚动 */
    padding-bottom: 8px; /* 滚动条占位 */
    margin: 40px auto 0 auto !important;
  }
  .option-value {
    width:90px;
  }

  .filter::-webkit-scrollbar {
    height: 3px; /* 滚动条高度 */
  }

  .filter::-webkit-scrollbar-thumb {
    background: #fdd000; 
    border-radius: 2px;
  }

  .option-value {
    flex: 0 0 auto; /* 禁止伸缩 */
    margin: 0 20px; /* 项间距 */
    transform: scale(0.95);
    transition: transform 0.3s ease;
  }


  .option-value.active {
    transform: scale(1);
  }
}

.select-text {
  transition: all 0.3s ease;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  white-space: nowrap; /* 防止文字换行 */
}

.option-value.active .select-text {
  border-color: #fdd000 !important;
  font-weight: 900 !important;
}
.article{
  width: 90%;
  margin: 0 auto;
}
.blog-header{
    display: flex;
    margin-top: 40px;
    align-items: center;
    padding: 0 20px;
    justify-content: space-around;
  }
  .blog-header .blog-header-text{
    width: 43%;
  }
  .blog-header img{
    display: block;
    width: 46% !important;
  }
  @media (max-width: 767px){
      .article{
    width: 100%;
}
    .blog-header{
      margin-top: 0;
      flex-wrap: wrap;
    }
    .blog-header .blog-header-text,.blog-header img{
      width: 100% !important;
    }
  }

.quick-view{
  position: absolute;
  right: 4px;
  bottom: 4px;
  z-index: 1000;
  width: 25px;
  height: 25px;
}
.quick-view svg{
  width: 23px;
  height: 23px;
  fill: #777777;
  margin: 0;
}
a.quick-view-btn{
  display: block;
  width: 25px !important;
  height: 25px !important;
  box-shadow: none !important;
  webkit-box-shadow: none !important;
}

/********    Search No Result Recommended Product       ********/
.recommended-container{
  width: 94%;
  margin: 25px auto 0 auto;
  min-width: 320px;
}
.recommended-container .recommended-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 25px;
}
.recommended-container .recommended-wrapper .product-wrapper{
  margin: 0 10px;
  flex-shrink: 0
}
.recommended-container .recommended-wrapper a{
  display: block;
  width: 23%;
}
@media (max-width: 767px){
  .recommended-container .recommended-wrapper a{
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 900px){
  .recommended-container .recommended-wrapper a{
    width: 33%;
  }
}
.recommended-container .recommended-wrapper .product-wrapper .product-name{
  display: block;
  text-align: left;
  margin: 10px 0;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recommended-container .recommended-wrapper .product-wrapper .pretty-select{
  font-size: 10px;
  font-weight: 600;
}
.pretty-select .text{
  padding: 7px 20px 7px 0 !important;
}
.recommended-container .recommended-wrapper .product-wrapper .not-select{
  color: #aaa;
  font-weight: 400;
}
.recommended-container .recommended-wrapper .product-wrapper .rec-btn{
  padding: 10px;
  margin-top: 15px;
}
.recommended-container .recommended-wrapper .product-wrapper .search-nores-price{
  text-align: left;
  margin-bottom: 10px;
}

/*********        Bundle       ********/
.bundle-container{
  padding: 15px;
  border: 2px dashed #aaa;
  margin-bottom: 20px;
}
.bundle-product-wrapper{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.bundle-product-wrapper .bundle-product-container{
  width: 42%;
}
.bundle-product-wrapper .and{
  padding: 12% 0;
  font-size: 50px;
}
.bundle-product-wrapper .bundle-product-container .bundle-product-title{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}
.bundle-product-container p{
  margin: 10px 0;
}
.bundle-product-wrapper .bundle-product-container .pretty-select{
  width: 100%;
}
  .bundle-product-wrapper .bundle-product-container .pretty-select .text{
    width: 100%;
    padding: 7px 32px 7px 0 !important;
  }
.bundle-product-wrapper .bundle-product-container .pretty-select .text .value{
  display: block;
  width: 100%;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 1200px){
  .bundle-product-wrapper .bundle-product-container .pretty-select .text{
    min-width: 100px;
  }
}

/********     product desc     ********/
.product-desc-wrapper{
  padding: 20px 50px;
  background-color: rgb(247,247,249);
  margin-top: 15px;
  margin-bottom: 20px;
}
.product-desc-wrapper .product-desc{
  width: 100%;
}
.product-desc-wrapper .product-desc{
  margin-top: 0;
}
.view-more-product-feature-btn,
.view-less-product-feature-btn{
  cursor: pointer;
  user-select: none;
  font-weight: 700;
}
.more-product-features{
  display: none;
}
.view-less-product-feature-btn{
  display: none;
}
.moblic-bestfor-container{
  display: none;
}
.product-feature-container{
    display: flex;
    align-items: baseline;
    margin-top: 15px;
  }
.product-feature-container .product-feature-title{
    flex:1;
    font-size: .75rem;
    font-weight: 600;
    letter-space: .9px;
    overflow-wrap: anywhere;
  }
  .product-feature-container .product-features,.product-feature-container .more-product-features{
    flex-basis: 65%;
    max-width: 65%;
    padding-left: 1rem;
  }
  .product-feature-container .product-features .product-feature,.product-feature-container .more-product-features .more-product-feature{
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize;
    padding-left: 0;
  }
  .product-feature-container .product-features .product-feature li,.product-feature-container .more-product-features .more-product-feature li{
    list-style-type: none;
  }

  .product-feature-container .product-features .product-feature{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .what-new-container .what-new{
    font-size: .875rem;
  }
@media (max-width: 767px){
  .product-bestfor-container{
    display: none;
  }
  .moblic-bestfor-container{
    display: flex;
    align-items: baseline;
    margin-top: 15px;
  }
  .moblic-bestfor-container .moblic-bestfor-title{
    flex:1;
    font-size: .75rem;
    font-weight: 600;
    letter-space: .9px;
    overflow-wrap: anywhere;
  }
  .moblic-bestfor-container .moblic-bestfor-items{
    flex-basis: 65%;
    max-width: 65%;
    padding-left: 1rem;
  }
  .moblic-bestfor-container .moblic-bestfor-items .moblic-bestfor-item{
    font-size: .875rem;
    font-weight: 600;
    text-transform: capitalize;
  }
  
}