/** Shopify CDN: Minification failed

Line 183:13 Expected ":"
Line 325:0 Unexpected "{"
Line 325:1 Expected identifier but found "%"
Line 327:19 Unexpected "{"
Line 327:28 Expected ":"
Line 327:34 Unexpected "{"
Line 328:17 Expected identifier but found "{"
Line 328:18 Unexpected "{"
Line 328:27 Expected ":"
Line 328:58 Expected ":"
... and 12 more hidden warnings

**/

.header__inline-menu .header__menu-root .header__menu-item {
    font-size: clamp(1.3rem, 0.95vw, 1.6rem) !important;
    font-weight: 600 !important;
    text-transform: none !important;
}



.headerstyle-6 .navigation-header__menu .list-menu--inline {
    justify-content: flex-start !important; /* 左对齐 */
}

.top-header__menu-root > a, .top-header__menu-item {
    letter-spacing: 0.05rem;
    text-transform: none !important; 
    font-weight: 500!important;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 13px;
    /* color: var(--color_topheader_text); */
}

.header__menu-currency button.localization-form__select {
    font-weight: 500 !important;
}

.price__compare .money, .price__compare * {
    font-weight: 300!important;
    color: var(--color_price_compare_text);
}



.header__menu-item.header__menu-active {
  color: #000000 !important;
}

.cart-count-bubble {
 background-color: #cd0469!important;
}

/* 列表下一页不自动换行 */

.collection-template__toolbar.d-md-block {
    flex-wrap: nowrap!important;
   }




  /* 缩略图与主图对齐 */


.product-template__media-content {
  display: flex;              /* 用 flexbox 排版 */
  align-items: stretch;       /* 让子元素等高 */
  flex-wrap: nowrap;          /* 保证一行排列，不换行 */
}

.product-template__media-content > .col-12 {
  display: flex;              /* 让列本身也能拉伸 */
  flex-direction: column;     /* 子内容竖直排列 */
}

.product-template__media-content .col-lg-2 {
  max-width: 15.7%;        /* Bootstrap col-2 的宽度 */
  flex: 0 0 15.7%;
   margin-top: 0px;

}


/* 缩略图加边框线 */

/* 给缩略图容器里的图片加灰色边框 */
.product-template__thumbnail-item img {
  border: 1px solid #ccc; /* 默认灰色边框 */
  transition: border-color 0.3s ease; /* 平滑过渡 */
  margin-bottom: 0px;
  border-radius: 10px; 

}

/* 鼠标悬停到容器内，边框变红色 */
.product-template__thumbnail-item:hover img {
  border-color: red;
}


/* 给缩略图的 swiper 容器上下各留 2px 空间，且不裁切 */
.swiper-container.swiper-container-vertical.swiper-container-initialized.swiper-container-pointer-events {
  padding-top: 7px !important;
  padding-bottom: 2px !important;

}


/* 产品页面购买按键设计 */

#custom-buy-it-now {
    color: white;            /* 字体白色 */
    background-color: purple;   /* 背景红色 */
    border:1px solid purple;
    cursor: pointer;         /* 鼠标移上去时显示手型 */
}

/* 鼠标悬停时 */
#custom-buy-it-now:hover {
    background-color: #cd0469; /* 背景变紫色 */
}



/* 强制显示原价 */
.product-price .price--compare,
.product-single__price .price--compare {
    display: inline !important;     /* 显示元素 */
    text-decoration: line-through;  /* 划线 */
    color: #999 !important;         /* 灰色字体 */
    margin-left: 8px;               /* 与现价间距 */
    font-weight: normal !important; /* 防止被加粗覆盖 */
    visibility: visible !important; /* 确保可见 */
}

/* 如果原价在部分变体下被隐藏，也可以强制显示 */
.product-variant .price--compare {
    display: inline !important;
}


.price__compare {
  display: inline !important;
  text-decoration: line-through;
  color: #999 !important;
}

/* 让菜单中含 SALE 的链接文字变红色 */
a[href*="/collections/sale"] {
    /* color: #cd0469 !important; */
}




/* ===== 产品标签样式 ===== */
.product__labels-item {
    display: inline-block;
    color: #fff;
    /* font-weight: bold; */
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

/* Sale 标签背景颜色可用 settings.product_label_sale_color 或自定义颜色 */
.product__labels-sale {
    background: #ff4d4f; /* 可覆盖成 settings.product_label_sale_color */
}

/* Best Seller 标签 */
.product__labels-best-seller {
    background:rgb(242, 63, 123);
    font-size
}

/* New Arrivals 标签 */
.product__labels-new-arrival {
    background:rgb(7, 138, 11);
}

/* 自定义 metafield 标签颜色直接在内联 style 中定义 */

/* 列表左边字体 */
.accordion__content.collection-sidebar__best-content {
    font-weight: 400 !important;
    font-size: 14px !important;
}
.accordion__content.collection-sidebar__best-content * {
    font-weight: 400 !important;
    font-size: 14px !important;
}



/* 只在移动端强制显示产品标签 */
@media screen and (max-width: 768px) {
  .product-labels,
  .product__labels-item {
    display: inline-block !important;
    z-index: 9; /* 保证不被图片覆盖 */
  }
}




/* 列表圆角 */
.product-item__grid.product-item.product-item__grid-border {
  border-radius: 6px;
  overflow: hidden; /* 建议加上，确保里面的图片或背景不会溢出圆角 */
}

/* 列表左右间距调整 */
#CollectionProductGrid .collection-template__product.row > * {
  padding-right: calc(1rem * 0.625) !important;
  padding-left: calc(1rem * 0.625) !important;
}

/* 列表上下间距调整 */
#CollectionProductGrid .product-item__grid {
  margin-bottom: 15px !important;
}


/* 主图标签CSS文件 */
.product-image-labels {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column; /* 竖排对齐 */
  gap: 6px;
  z-index: 5;
}

.product-label {
  background: #ff4081;
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

.product-label.hot { background: #ff5722; }
.product-label.new { background: #4caf50; }
.product-label.sale { background: #2196f3; }

.product-item__image {
  position: relative;
}



@media (max-width: 767px) {
  .container {
    --bs-gutter-x: 0.8rem; 
    line-height: 2;
  }
}

/* 类目描述 */

@media (max-width: 767px) {
.collection-template__description {

  margin: 0 10px 25px 10px;
}
}

@media (min-width: 767px) {
.collection-template__description {

  margin: 0 0 25px 0;
}
}
/* 类目描述END */


@media (max-width: 767px) {
.footer-main-wrapper,.accordion:first-child {
    margin-top: 0;
    padding: 0 8px 0 8px;
}
.footer-main-wrapper,.accordion__content {
    margin-bottom: 0px!important;
}

}


.collection-tab__content .price {
  padding-left: 10px;
}

.template-index .box-divider .box-title {
    padding-bottom: 0px !important;
}


.swiper-slide product-item__content swiper-slide-active{
width: 100%!important;
 margin-right: 10px!important;
}


.article-item__content.article-item__layout-grid .article-item__right {
    padding-top: 10px !important;
  }


  /* blog */
{% style %}
  @media screen and (max-width: 767px){
    .blog-section-{{ section.id }}{
      margin-top:{{ section.settings.margin-top-mobile}}px !important;
    }
  }
  @media screen and (max-width: 992px) {
    .blog-section-{{ section.id }} .blog__content .swiper-slide {
      width: calc(50% - 2px) !important; /* 2列响应式宽度，减半间距 */
      margin-right: 10px !important;
      flex: 0 0 auto; /* 保持Swiper flex布局 */
    }
    .blog-section-{{ section.id }} .blog__content .swiper-slide:last-child {
      margin-right: 0 !important; /* 最后一个无右间距 */
    }
    .blog-section-{{ section.id }} .blog__content .swiper-wrapper {
      justify-content: flex-start; /* 左对齐，防止居中偏移 */
    }
    /* 如果文章项内部有固定宽元素（如图片），也覆盖 */
    .blog-section-{{ section.id }} .blog__content .article-item__content img,
    .blog-section-{{ section.id }} .blog__content .article-item__grid {
      width: 100% !important;
      max-width: 100% !important;
    }
  }
{% endstyle %}


.shopify-pc__banner__btn-accept {
    background: #cd0469 !important;
    color:rgb(250, 250, 250) !important;
    border:#cd0469!important;
    border-radius: 6px!important;
}

.shopify-pc__banner__btn-decline {
    border-radius: 6px!important;
}



/* kunbang */
.product-bundle__heading {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}

.product-bundle__item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.product-bundle__thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
}

.product-bundle__info-text {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.product-bundle__price {
  display: flex;
  align-items: center;
  gap: 8px;
}

.price-current {
  font-size: 18px;
  font-weight: 600;
}

.price-compare {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
}


/* kunbang */

/* 列表的价格折扣样式2026-04 */
/* 1. 现价和原价的父容器：强制并排 */
.price-wrapper-main {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  /* --- 调整这里：增加下边距 --- */
  margin-bottom: 0px !important; 
}

/* 2. 调整原价样式：稍微拉开一点间距，去掉可能干扰的样式 */
.price-wrapper-main .price-item--regular {
    margin-left: 5px !important;
    font-size: 1.8rem;
    color: #2d2d2d !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

/* 3. You Save 行：强制占据 100% 宽度实现换行 */
.custom-save-line {
  display: block !important;
  width: 100% !important;
  white-space: nowrap !important;
  font-size: 1.2rem !important;
  color: #2b2929 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  /* --- 调整这里：确保行高和上边距平衡 --- */
  line-height: 1.4 !important;
  margin-top: 10px !important; 
}

/* 4. 彻底重置父级控制，防止主题 CSS 干扰换行 */
.price__sale {
  display: flex !important;
  flex-direction: column !important; /* 让“价格行”和“Save行”垂直堆叠 */
  align-items: flex-start !important;
}
/* 列表的价格折扣样式 */

/* --- 综合包装容器 --- */
.container_seofaq {
  background: #ececec;
  overflow: hidden;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}

@media (max-width: 768px) {
  .container_seofaq {
    padding: 15px 0 15px 0;
  }
}

.faq-integrated-wrapper {
  padding: 20px 0; /* 增加上下内边距，让内容不顶边 */
}

/* --- SEO内容区 --- */
.seo-box {
  padding: 10px 20px 20px 20px; /* 调整内边距 */
  line-height: 1.8;
  font-size: 14px;
  color: #333;
}

/* --- FAQ区域 --- */
.faq-box {
  margin-top: 10px;
  padding: 0;
  overflow: hidden;
}

.faq-box h2 {
  font-size: 20px;
  padding: 25px 20px 15px 20px;
  border-top: 1px solid #626262;
  margin: 0px 0 10px 0 !important;
  font-weight: 700;
}

/* 问题标题 */
.faq-content h3 {
  font-size: 16px;
  padding: 15px 20px;
  margin: 0;
  border-top: 1px solid #c6c6c6;
  position: relative;
  cursor: pointer;
  transition: background 0.2s ease;
}

.faq-content h3:hover, .faq-content h3.active {
  background: #dfdfdf;
}

/* --- 展开内容全覆盖背景 --- */
.faq-content .is-open {
  background: #dfdfdf !important;
  margin: 0 !important;
  padding: 10px 20px 15px 20px !important;
  color: #201f1f;
  font-size: 14px;
  line-height: 24px;
}

/* 列表特殊处理 */
.faq-content ul.is-open {
  padding-left: 50px !important; 
}

/* --- 箭头图标 --- */
.faq-content h3::after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  width: 16px; height: 16px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

.faq-content h3.active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E");
}

/* SEO与FAQ共存时的分割线 */
.seo-box + .faq-box {
  margin-top: 20px;
  border-top: 0px dashed #bbb;
}

/* 自定义HTML页面css */
[data-section-type="advanced-section"] {
  margin-top: 0 !important;
}
.icon-grid {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 20px 0 !important;
  background: #eaeaea;
  border-radius: 6px;
  margin-top: 0px!important;
  margin-bottom: 0px!important;
  text-align: center;
  overflow: visible !important;
}
.icon-cell {
  box-sizing: border-box;
}
.icon-cell img {
  width: 55px;
  height: 55px;
  margin-bottom: 10px;
}
.cell-text {
  font-size: 15px;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .icon-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}


.shopify-policy__container {
  max-width: 1520px;
  margin: 0 auto;
  padding: 2px 20px;
}

.shopify-policy__body {
  max-width: 1500px;
  margin: 0 auto;
}



/* menu SUB jie */

/* 自定义模块外层容器 */
.header__mega-custom-col {
  display: flex;
  justify-content: center; /* 水平居中 */
  padding: 20px 0;
}

.mega-custom-inner {
  /* width: 280px;  */
  position: relative;
}

/* 图片样式 */
.mega-custom-media {
  /* width: 280px; */
  position: relative;
  border-radius: 5px; /* 圆角 5px */
  overflow: hidden;
  line-height: 0; /* 消除图片下方间隙 */
}

.mega-custom-media img {
  width: 100%;
  height: auto; /* 高度自适应 */
  display: block;
  object-fit: cover;
}

/* 文字与按钮的容器：水平居中，距离底部 100px */
.mega-custom-content-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px; /* 距离图片底部 100px */
  display: flex;
  flex-direction: column;
  align-items: center; /* 水平居中对齐 */
  gap: 12px; /* 标题与按钮的间距 */
  z-index: 2;
}

/* 标题样式 */
.mega-custom-heading {
  margin: 0;
  padding: 0 10px;
  font-size: 18px; /* 视觉协调比例 */
  font-weight: 500;
  color: #fff; /* 假设在图片上，白色更清晰，可按需修改 */
  /* text-shadow: 0 2px 4px rgba(0,0,0,0.3);  */
  text-align: center;
}

/* 按键样式：Shop Now */
.mega-custom-action-btn {
  display: flex;
  align-items: center;    /* 垂直完全居中 */
  justify-content: center; /* 水平完全居中 */
  
  width: 140px;           /* 宽度比例协调 */
  height: 40px;           /* 高度比例协调 */
  
  background-color: #cd0469;
  color: #ffffffff !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  
  border-radius: 50px;    /* 完美圆边处理 */
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.mega-custom-action-btn:hover {
  transform: scale(1.05);
  background-color: #000;
  color: #fff !important;
}



/* 类目页面筛选器 */
@media screen and (max-width: 767px) {
    .mobile-facets__open {
        position: fixed;
        /* left: 0; */
        /* right: auto; */
        bottom: 1%!important;
        width: auto;

        transform: translateY(0%)!important;
        writing-mode: initial!important;
        padding:3px 15px 3px 15px!important;
        border-radius: 50px 50px 50px 50px;
        bottom: calc(env(safe-area-inset-bottom) + 10px);
    }
}


@media screen and (max-width: 767px) {
    .mobile-facets__open .mobile-facets__open-label {

        transform: rotate(0deg)!important;
        font-weight: 400!important;
        color: #313032!important;

    }
}




