:root {
      
    /* CSS Variables */
    --wrapper-mw      : 1440px;
    --width-nt-stretch   : 1200px;
    --padding-nt-stretch : 3rem/2;
    /* --font-family-1   : , ;;
    --font-family-2   : , ;;
    --font-family-3   : , ;;
    --font-body-family   : , ;;
    --font-heading-family: , ;; 
    */
    
    --mz-success-color       : #428445;
    --mz-success-color-rgb   : 66, 132, 69;
    --mz-warning-color       : #e0b252;
    --mz-warning-color-rgb   : 224, 178, 82;
    --mz-error-color         : #EB001B;
    --mz-error-color-rgb     : 235, 0, 27;
    --mz-light-color         : #ffffff;
    --mz-dark-color          : #222222;
    --mz-highlight-color     : #ec0101;
    --mz-tooltip-background  : #383838;
    --mz-tooltip-color       : #fff;
    --primary-sw-color        : #905e43;
    --primary-sw-color-rgb    : 144, 94, 67;
    --border-sw-color         : #d4d4d4;
    --secondary-sw-color      : #868686;
    --sale-price-color        : #cc2222;
    --primary-price-color     : #2f2f2f;
    --secondary-price-color   : #868686;
    
    --mz-body-background     : #fff;
    --text-color              : #868686;
    --text-color-rgb          : 134, 134, 134;
    --heading-color           : #2f2f2f;
    --accent-color            : #905e43;
    --accent-color-rgb        : 144, 94, 67;
    --accent-color-darken     : #5c3c2b;
    --accent-color-hover      : var(--accent-color-darken);
    --secondary-color         : #2f2f2f;
    --secondary-color-rgb     : 47, 47, 47;
    --link-color              : #868686;
    --link-color-hover        : #905e43;
    --border-color            : #e6e6e6;
    --border-color-rgb        : 230, 230, 230;
    --button-background       : #2f2f2f;
    --button-color            : #fff; 
    --button-background-hover : #905e43;
    --button-color-hover      : #fff;

    --btn-radius              : 0px;
    --btn-radius2             : 40px;
    --other-radius            : 0px;

    --sale-badge-primary    : #e33131;
    --sale-badge-secondary         : #fff;
    --new-badge-primary     : #e7792e;
    --new-badge-secondary          : #fff;
    --preorder-badge-primary: #0774d7;
    --preorder-badge-secondary     : #fff;
    --soldout-badge-primary : #999999;
    --soldout-badge-secondary      : #fff;
    --custom-badge-primary  : #ec7501;
    --custom-badge-secondary       : #fff;--aspect-ratiocus1: 0.9056603773584906;/* Shopify related variables */
    --payment-terms-background-color: ;
    
    --lz-background: #f5f5f5;
    --lz-img: url("//cdn.shopify.com/s/files/1/0605/3845/4205/t/13/assets/mz_loader.svg?v=154145353076139666401732783695");
  }


  html { }

  body {
    letter-spacing: 1px; 
  }

  /*
  @media screen and (min-width: 750px) {
    body {
      font-size: 1.6rem;
    }
  }
  */

  h1, h2, h3, h4, h5, h6, .mz_as_title {
    color: var(--heading-color);
    /* font-family: var(--font-heading-family); */
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 0px;
  }
  h1 { font-size: 37px }
  h2 { font-size: 29px }
  h3 { font-size: 23px }
  h4 { font-size: 18px }
  h5 { font-size: 17px }
  h6 { font-size: 15.5px }
  a {
    /* font-family: var(--font-link-family); */
    color: var(--link-color)  !important;
  }
  button, input, optgroup, select, textarea {
    border-color: var(--border-color);
  }

  dl, ol, ul{
    padding: 0;
    margin: 0;
  }
  .cover-image {
    position: relative;
  }
   
  .cover-image .image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .text-justify {text-align:justify; text-justify: inter-character;}

  .advanced-justify p{ text-align: justify; } 
  .advanced-justify p::after{ content: ""; display: inline-block; width: 100%;}

  .cursor-pointer{cursor: pointer;}

  .border-0{border:none !important;}

  .text-custom-gary {color: #868686 !important;}

  .btn-custom-dark { background: #666 !important; color: #fff !important;}

  .bg-custom-dark {background-color: #000;}
  .bg-custom-gary {background-color: #e8e3d5;}

  .fs-7 { font-size: 0.9rem !important;}

  .border-custom-gary {  border-color: #f6f0ed !important;}

  .fixed { position:fixed; width:100%; top:0; margin:0 auto; z-index:99; }

  .carousel-control-next-icon, .carousel-control-prev-icon{
    /*border-radius: 50%;
    border: 1px solid #fff;*/
  }


  .mz-cp,.mz-color-accent { color : var(--accent-color) }
  .mz-ct,.mz-color-text { color : var(--text-color) }
  .mz-ch,.mzs-color-heading { color : var(--heading-color) }
  .mz-csecondary { color : var(--secondary-color ) }
  .mz-cwhite { color : var(--mz-light-color) }
  
  /* .mz-fnt-fm-1 {
    font-family: var(--font-family-1) !important;
  }
  .mz-fnt-fm-2 {
    font-family: var(--font-family-2) !important;
  }
  .mz-fnt-fm-3 {
    font-family: var(--font-family-3) !important;
  } */
  .mz-cr {
      color: var(--mz-highlight-color);
  }
  .mz-price__sale { color: var(--sale-price-color); }
  @media (max-width: 1230px) and (min-width: 1025px) {
      .mz-flickity-slider.mz-slider-btn__between-content .flickitymz-prev-next-button { --ts-gutter-x: 3rem; }   
  }
  @media (-moz-touch-enabled: 0), (hover: hover) and (min-width: 1025px) {
    a:hover,.mz_as_link:hover {
      color: var(--link-color-hover);
    }
  }
  .mz-fix-overflow.mz-row { max-width: 100vw;margin-left: auto;margin-right: auto;}
  .lazyloadmz-opt {opacity: 1 !important;transition: opacity 0s, transform 1s !important;}
  .mz-d-block {display: block;}
  .mz-d-none {display: none;}
  @media (min-width: 768px) {
    .mz-d-md-block {display: block;}
    .mz-d-md-none {display: none; }
  }
  @media (min-width: 1025px) {
    .mz-d-lg-block {display: block;}
    .mz-d-lg-none {display: none; }
  }

  .dropdown{
     position: relative;
  }

  .dropdown-toggle {
    cursor: pointer;
  }
  
  .dropdown-menu{
    margin-top: -0px !important;
    font-size: 90%;
    line-height: 1.2;
    -webkit-box-shadow: inset 0 0 0 1px #eaeaea, 0 6px 26px rgb(0 0 0 / 6%);
    box-shadow: inset 0 0 0 1px #eaeaea, 0 6px 26px #0000000f;
    box-shadow: 0 0 26px #0000000f;
  }

  .dropdown-menu .nav-link:hover,.dropdown-menu .nav-link:active{

  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px; /* 微调对齐 */
    display: none; /* 默认隐藏子菜单 */
  }

  /* 鼠标悬停时显示子菜单 */
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }

  /* 添加右侧箭头图标 */
  .dropdown-submenu > a::after {

  }

  /* 自定义折叠动画 */
  .dropdown-collapse {
    transition: max-height 0.3s ease-out;
    max-height: 0;
    overflow: hidden;
    display: block !important; /* 覆盖 Bootstrap 默认 display */
    padding-inline-start: 0;
  }
  .dropdown-collapse.show {
    max-height: 500px; /* 根据实际内容调整 */
  }

  /* 子菜单箭头指示 */
  .has-submenu::after {
    content: "▾";
    margin-left: 5px;
    vertical-align: middle;
  }

  .has-submenu[aria-expanded="true"]::after {
    content: "▴";
  }

  body{
    padding-top: 130px;
  }

  header .navbar .nav .nav-item .nav-link{
    white-space: nowrap;
  }

  header .navbar .nav .nav-item .nav-link:hover {
    color: #905e43 !important;
  }

  header.fixed:not(.top) .topbar{
    display:none !important;
  }

  header {  }
  header .topbar {
    width: 100%;
    min-height: 35px;
    font-size: 10.5px;
  }

  header .guide,
  header .menu {
    z-index: 999;
  }

  header .guide{
    height: 52px;
  }

  header .menu {
    color: #4a4745;
  }

  header .menu .nav{
    
  }

  header .menu .nav-link{
    color: #4a4745;
    position: relative;
    background-color: rgba(0, 0, 0, 0)  !important;
  }


  header .menu .nav-item,
  header .menu .nav-link:active{
    background-color: rgba(0, 0, 0, 0) !important;
  }

  header .menu .nav-link:hover{
   
  }
  header .nav > .nav-item {

  }
  header .nav > .nav-item > .nav-link{
     padding-top: 10px;
     padding-bottom: 8px;
     color: #4a4745 !important;
     padding-inline-start: 0;
     padding-inline-end: 0;
     border-bottom: 3px solid rgba(0, 0, 0, 0);
  }

  header .nav > .nav-item > .nav-link:hover{
    border-bottom: 3px solid #905e43;
  }

  header .nav > .nav-item > .nav-link:before {
      position: absolute;
      left: 0;
      bottom: 0;
      content: "";
      width: 100%;
      height: 3px;
      background: #905e43;
      transform: scaleX(0);
      transition: .35s;
  }

  header .menu .ropdown-collapse {
    line-height: 1.5;
    font-size: 13px;
  }


.mz-text-bl.koma-text-rem {
   font-size: var(--font-size);
   line-height: var(--line-height);
}
.mz-title-head {
  width: var(--heading-width);
}
@media (max-width: 767px) {
    .mz-text-bl.koma-text-rem {
       font-size: var(--font-size-mb);
    }
    .mz-title-head {
       width: var(--heading-width_mb);
    }
}

 .product ol,.product ul {padding:0; margin:0}
.list-collections-group-btn {
  margin-left: 4.17vw;
  margin-right: 4.17vw;
  overflow-x: auto;
}
.list-collections-group-btn::-webkit-scrollbar {
  height: 0;
}
.list-collections-group-btn .home-product__btns > li {
  margin-bottom: 15px;
}
.list-collections-group-btn .home-product__btns > li.active {
  border: none;
}
.list-collections-group-btn .home-product__btns > li.active a,
.list-collections-group-btn .home-product__btns > li:hover a {
  color: #fff;
}
.list-collections-products {
  margin-left: 5.5vw;
  margin-right: 5.5vw;
}
.collection-item .collection-item-products {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.collection-item .collection-item-products a {
  display: block;
  width: calc(25% - 15px);
  margin-right: 20px;
  margin-bottom: 40px;
  position: relative;
}
.collection-item .collection-item-products a:nth-child(4n) {
  margin-right: 0;
}
.collection-item .collection-item-products a figure {
  position: relative;
  padding-bottom: 16.46vw;
  overflow: hidden;
  text-align: center;
}
.collection-item .collection-item-products a figure .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
}
.collection-item .collection-item-products a:hover figure .bg {
  opacity: 1;
  visibility: visible;
}
.collection-item .collection-item-products a figure .pro {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .5s;
  z-index: 3;
}
.collection-item .collection-item-products a:hover figure .pro {
  opacity: 0;
  visibility: hidden;
}
.collection-item .collection-item-products a.no-cover:hover figure .pro {
  opacity: 1;
  visibility: visible;
}
.collection-item .collection-item-products .product-info {
  margin-top: 20px;
}
.collection-item .collection-item-products .product-info strong {
  color: #4a4745;
  font-size: .9rem;
}
.collection-item .collection-item-products .mz-product-price {
  font-size: rem;
  color: #666;
}
@media (max-width: 767px) {
  .list-collections-group-btn {
    margin-right: 0;
    margin-left: 30px;
    -webkit-overflow-scrolling: touch;
  }
  .list-collections-products {
    margin-left: 30px;
    margin-right: 30px;
  }
  .collection-item .collection-item-products a {
    width: 48%;
    margin-right: 4%;
  }
   .collection-item .collection-item-products a:nth-child(2n+2){
    margin-right: 0 !important;
  }
  .collection-item .collection-item-products a figure {
    padding-bottom: 55vw !important;
  }
  .collection-item .collection-item-products .product-info strong {
    font-size: 1rem;
  }
  .collection-item .collection-item-products .mz-product-price {
    font-size: .9rem;
  }
}


.mz-pagination-wrapper{margin-bottom:60px}
.mz-has-btn-load-more .mz-pagination-wrapper,.mz-has-btn-infinite .mz-pagination-wrapper{padding-top:40px}
.mz-pagination-wrapper .mz-pagination__list{display:inline-block;vertical-align:top;list-style:none;margin:0;padding:0}
.mz-pagination-wrapper .mz-pagination__list li{float:left;margin:0 5px;color:#4a4745;display:inline-block;vertical-align:top}
.mz-pagination__item{min-width:38px;height:40px;line-height:40px;border-style:solid;border-width:1px;border-color:transparent;text-align:center;color:#4a4745;font-size:14px;font-weight:400;display:inline-block;vertical-align:top;border-radius:var(--other-radius);background-color:transparent}
.mz-pagination__list .pagination__item--current{position:relative;color:#905e43;background-color:transparent;border-color:transparent;font-weight:600}
.mz-pagination__list .pagination__item--current:before{position:absolute;content:"";top:-4px;left:0;border:2px solid #905e43;width:100%}
.mz-pagination-wrapper>a,.mz-pagination-wrapper>.mz-pagination{margin-top:40px}.mz-pagination-wrapper>.mz-pagination{position:relative}
.mz-pagination-wrapper>.mz-pagination:after{position:absolute;content:"";left:4.17vw;right:4.17vw;top:0;border-top:1px solid #eee}
.mz-pagination-wrapper .mz-lm-bar+a{margin-top:0}.mz-pagination__item svg{width:10px;height:10px;fill:currentColor}
.mz-pagination-wrapper .mz-btn-rounded-false{border-radius:0!important}
@media (max-width: 767px){
  .mz-pagination-wrapper{margin-bottom:40px;margin-top:20px}
}
@media (-moz-touch-enabled: 0),(hover: hover) and (min-width: 1025px){
  .mz-pagination__list li a:hover{color:#905e43;border:none}
}