/** Shopify CDN: Minification failed

Line 6:1 Unexpected "{"

**/
 {
  /* 基础文字样式 */
  font-family: "Helvetica Neue", Arial, sans-serif; /* 全局字体 */
}
.desktop-only {
    display: block
}
.mobile-only {
    display: none
}
.pr{
    position:relative;
}
.pa{
    position:absolute;
}
.christams-cd{
    /* background:black; */
    color:black;
    text-align:center;
    line-height:1.2;
    font-family: "Helvetica Neue", Arial, sans-serif;
    /* overflow:hidden; */
    margin-top:-30px;
}
.christams-cd img{
    width:100%;
}
.box1_title{
    top: 30%;
    width: 100%;
    left: 15%;
    font-size: 16px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    transform:translateY(22px);
    transition:all 1s;
    text-align:left
}
.box1_title div{
    font-size: 30px;
    font-weight:600;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin: 14px auto 0px;
}
.date1{
  display:block;
  font-size: 20px;
  font-weight:600;
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin: 5px 0;
}
.tab{
    font-size: 20px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    display: block;
    margin: 10px auto 0;
}
.Jump{
    display: block;
    background: #FFFFFF;
    border-radius: 18px;
    font-size: 15px;
    padding: 9px 14px;
    width: fit-content;
    margin-top: 18px;
    color: #1B1B1B;
    font-family: 'H-Bold';
    cursor:pointer;
    transition: all 0.3s; 
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight:500;
}
.Jump:hover{
    background: #000000; 
    color: #ffffff; 
}
/* 跳转模块 */
.box2_nav{
    display:flex;
    background:#F2F0EE;
    color:#7D7D7D;
    overflow:hidden;
    height: 50px;
    z-index: 10;
    margin-top: -5px;
    position: sticky;
    transition:all 0.3s;
    top: 0px;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

.box2_nav div{
    width:calc(100%/3); /* 保持3个导航项等分宽度 */
    font-size:18px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    transition:all 0.3s;
    /* font-weight:500; */
    position: relative; /* 新增：给子div加相对定位，用于伪元素竖线定位 */
}

/* 新增：给第2、3个子div加左侧竖线（第1-2、2-3之间分隔） */
.box2_nav div:nth-child(n+2)::before {
    content: "";
    position: absolute;
    left: 0; /* 竖线靠左侧边框 */
    top: 30%; /* 竖线顶部留白，不贴边 */
    bottom: 30%; /* 竖线底部留白，不贴边 */
    width: 1px; /* 竖线宽度 */
    background-color: #000000; /* 竖线颜色（浅灰，适配原有背景） */
    z-index: 1; /* 竖线层级低于文字，避免遮挡 */
}

/* 可选优化：选中状态（navActive）的竖线颜色同步调整，更协调 */
.box2_nav div.navActive::before {
    background-color: #000000; /* 保持和未选中一致，也可改成#AC1002品牌色 */
}
.box2_nav div::hover{
  font-weight:600;
}
.navActive{
    background: #F2F0EE;
    color: #000000;
    font-weight:600;
}

.box2_content{
    padding:0 18.75% 96px;
    background: #F2F0EE;
    color:#EEEEEE;
    overflow:hidden;
}

/* 满足金额 提前开启模块 */
.box3{
    background:#fff;
    color:#000000;
    height: 240px;
    margin-top: -5px;
    position:relative;
}
.box3_title{
    /* top: 10px; */
    width: 100%;
    left: 0;
    font-size: 32px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    transform:translateY(22px);
    transition:all 1s;
    font-weight:600;
    /* opacity:0; */
}
.box3_title div{
    font-size: 32px;
    font-weight:600;
    font-family: "Helvetica Neue", Arial, sans-serif;
    margin: 0px auto;
}

.box3_title div span {
  font-weight: inherit !important; /* inherit 继承父级的 600 粗细，!important 强制覆盖 inline 样式 */
}
.box3_text{
    font-size: 18px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    display: block;
    margin: 8px auto 0;
    font-weight:500;
}
.box3_money{
  color:#BC443A;
  font-size: 20px;
  margin: 15px auto 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
    display: block;

}
.Onclick-1{
    display: block;
    background: #000000;
    border-radius: 22px;
    font-size: 15px;
    padding: 12px 25px;
    width: fit-content;
    margin: 18px auto 0;
    color: #FFFFFF;
    cursor:pointer;
  transition: all 0.3s ease;
  font-weight:500;
  border: none; /* 去掉默认边框 */
  outline: none; /* 去掉点击后的默认外框 */
  box-shadow: none; /* 去掉可能的继承阴影 */
  appearance: none; /* 重置浏览器默认外观（兼容Safari/Chrome） */

}
.Onclick-1:hover{
  background-color: white;
  color:#000000;
  /* text-decoration: none; */
  border: 1px solid #000;
}
/* 主产品 */
.box4,.box5 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  background: #ffffff;
  min-height: 0; 
}
.box4-left, .box4-right,.box5-left,.box5-right {
  width: 50%;
  box-sizing: border-box;
  height: 100%;
}

/* 左侧图片样式 */
.box4-left img,.box5-right img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 覆盖容器，裁剪边缘但无留白（核心） */
  /* 可选：图片居中裁剪，避免重要内容被切掉 */
  object-position: center;
}

/* 右侧产品信息样式 */
.product-info {
  display: flex;
  flex-direction: column;
  gap: 2vw;
 position: relative; /* 新增：为覆盖图片提供定位上下文 */
}
.new-tag {
  color: #AC1002CC;
  font-size: 1.1vw;
  margin-top: 4vw;
}
.product-info h2 {
  font-family: 'Actor', sans-serif;
  font-size: 1.87vw;;
  font-weight: 300;
  margin: 0;
}

/* 产品图片悬停切换（重点修改） */
.product-image {
  position: relative;
  width: 100%;
  max-width: 800px;
  padding-top: 36.9%; /* 保持之前计算的比例（图片高度/宽度） */
  overflow: hidden;
  margin: 0 auto; /* 关键：水平居中 */
}

.product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; /* 改为contain：完整显示图片，不裁剪（避免变形） */
  transition: opacity 0.3s ease;
}

.product-image .hover-img {
  opacity: 0;
}
.product-image:hover .default-img {
  opacity: 0;
}
.product-image:hover .hover-img {
  opacity: 1;
}

/* 产品参数和价格（保持不变） */
.product-spec {
  font-size: 1.1vw;
  margin: 0;
  /* z-index: 10;  */
  color:#9E9E9E;
}
.product-price {
  font-size: 1.5vw;
  font-weight: bold;
  margin: 0;
  /* z-index: 10; */
  color:#000000;
}

/* 折扣信息和复制按钮（保持不变） */
.discount-info {
  width:clamp(360px, 24vw, 500px);
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 2;
  color:#484848;
  background:#EBEBEB;
  border-radius:1.875vw;
  padding: 0.6vw 1.95vw;
  margin: 0 auto; /* 关键：在Flex父容器中水平居中 */
  font-size:clamp(13px,1vw,16px);
}
.price-main{
  font-weight:600;
}
.copy-btn-main {
  cursor: pointer;
  text-decoration: underline; 
  outline: none;
  color:#9D9D9D;
  margin-left: auto;
  border:none;
  background:#EBEBEB;
}

/* 操作按钮（保持不变） */
.action-buttons {
   display: flex;
  gap: 2.6vw; /* 按钮间距 */
  margin-top: 2vw;
  position: relative;
  z-index: 2;
  justify-content: center; /* 水平方向居中 */
  align-items: center; /* 垂直方向对齐（避免因高度差异错位） */
}
.learn-more-btn,.add-to-cart-btn{
  width: 10vw;
  min-width:100px;
  height: 3.5vw;
  min-height:35px;
  font-size: 13px;
  border-radius: 2.35vw;
  text-decoration: none;
  cursor: pointer;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  display: flex;
  font-weight: 400; /* 明确设置字体粗细 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
}
.learn-more-btn,.add-to-cart-btn{
  transition: transform 0.3s ease;
}
.learn-more-btn:hover,.add-to-cart-btn:hover{
   color:#fff;
   background-color:#000;
}
.sold-out-btn {
  background-color: #cccccc !important;
  color: #fff !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
  border-color: #999 !important;
}
@media (min-width: 1439px) {
  .learn-more-btn,.add-to-cart-btn {
  font-size: 16px;
}
}
/* 整体容器 */
.box6 {
  background-color: rgb(255, 255, 255);
  padding: 0.39vw;
  width: 100%;
  margin: 0 auto;
}

/* 标题和切换键的布局 */
.tab-header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px;
  margin-top: 50px;
  display: block;
}

.tab-title {
  color: #000;
  /* font-size: clamp(28px,3vw,40px); */
  font-size:32px;
  margin: 40px;
  font-weight: 600;
  white-space: nowrap;
  display: block;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.tab-buttons {
  display: flex;
  gap: 2vw;
 justify-content: center;
 width:100%;
}

.tab-btn {
  background-color: #fff;
  color: #000;
  border: none;
  width: 10.5vw;
  max-width:180px;
  max-height:70px;
  min-height: 40px;
min-width: 100px;
  height: 3.9vw;
  cursor: pointer;
  border-radius: 3vw;
  font-size:clamp(18px,1.1vw,24px);
  transition: background-color 0.2s;
}

.tab-btn.active {
  background-color: #000000;
  color: #fff;
}

.tab-btn:hover:not(.active) {
  background-color: #000000;
  color: #fff;
}

.tab-content {
  width: 100%;
  min-height: 400px;
  border-radius: 6px;
  overflow: hidden;
}

.tab-pane {
  display: none;
  width: 100%;
  height: 100%;
  padding: 40px 0;
  position: relative; /* 关键：为绝对定位的按钮提供参考 */
}

.tab-pane.active {
  display: block;
}

/* PC端卡片容器 - 水平滚动布局 */
.cards-container {
  display: flex;
  align-items: stretch;
  gap: 1vw;
  width: 100%;
  overflow-x: auto; 
  scrollbar-width: none; 
  -ms-overflow-style: none; 
  padding-bottom: 10px; 
  position: relative; /* 为按钮提供定位上下文 */
  padding-bottom: 40px;
  padding-right:50px;
}

.cards-container::-webkit-scrollbar {
  display: none; /* Chrome/Safari隐藏滚动条 */
}

 /* 全图卡片 - PC端 */
.full-image-card .full-image-container {
  height: 100%;
  min-height: 340px;
  width: 31vw;
  max-width: 660px;
  min-width: 340px;
  border-radius: clamp(14px, 1.0417vw, 28px);
  overflow: hidden;
  box-shadow: 0 0 49.9px #BABABA40;
  flex-shrink: 0; /* 防止卡片被压缩 */
  margin-left:70px;
} 


.full-image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 产品卡片基础样式 */
.card-mold {
  position: relative;
  flex-shrink: 0; /* 防止卡片被压缩 */
  overflow: visible !important; /* 确保气泡不会被裁剪 */
  margin-top: 40px;
}

.card-bubble {
  position: absolute;
  top: clamp(-37px, -2vw, -25px);
  left: 0px;
  z-index: 2;
  padding: clamp(5px, 0.41vw, 7px) clamp(14px, 1vw, 17px);
  background-color: #AC1002CC;
  border-radius: 20px;
  box-shadow: 0 4px 8px #62626240;
  white-space: nowrap;
  font-size: clamp(9px, 0.65vw, 14px);
  color: #fff;
  margin: 0;
}

.pull-card {
  background-color: #fff;
  width: 22vw;
  height: 100%;
  max-width: 400px;
  min-width: 240px;
  min-height: 340px;
  border-radius: clamp(14px, 1.0417vw, 28px);
  overflow: hidden;
  transition: transform 0.3s ease;
  text-align: left;
  box-shadow: 0 0 49.9px #BABABA40;
  display: flex;
  flex-direction: column;
}

.product-info2 {
  display: flex;
  flex-direction: column;
  margin: 1vw 1.56vw 1.56vw;
  flex: 1;
}

.tab-product-image {
  position: relative;
  width: 100%;
  padding-top: 95.69%;
  overflow: hidden;
  margin: 0 auto;
}

.tab-product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.3s ease;
}

.tab-product-image .hover-img {
  opacity: 0;
}

.tab-product-image:hover .default-img {
  opacity: 0;
}

.tab-product-image:hover .hover-img {
  opacity: 1;
}

.tab-pro-title {
  font-size: clamp(13px, 1.1vw, 20px);
  font-weight: 400;
  text-align: left;
  color: #000;
  margin: 0.5vw 0 0.9vw;
  min-height:3.5vw;
}

.new-tag2 {
  color: #CA7070;
  font-size: clamp(12px, 1vw, 16px);
}

.product-price2 {
  font-size: clamp(14px, 1.2vw, 22px);
  font-weight: 700;
  margin-top: 3px;
  z-index: 2;
  color: #000;
}

.product-price2 span:nth-child(2) {
  color: #9C9C9C;
  font-size: clamp(13px, 1.1vw, 20px);
  font-weight: 300;
  text-decoration: line-through;
  margin-left: 1px;
}

.action-button2 {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
  margin-top: 0px;
  justify-content: space-between;
}

.learn-more-btn2 {
  height: 3.5vw;
  font-size: clamp(12px, 1vw, 16px);
  cursor: pointer;
  background: #fff;
  color: #BCBCBC;
  display: flex;
  align-items: center;
  justify-content: left;
  /* text-decoration: none; */
}

.circle-plus {
  font-size:2.2vw;
  width: 3.8vw;
  height: 3.8vw;
  border-radius: 50%;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border: none;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* .circle-plus::before {
  content: "";
  position: absolute;
  width: 1.4vw;
  height: 2px;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.circle-plus::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 1.25vw;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */
.mobile-full-width-card {
  display: none;
}
.circle-plus:hover{
  background-color: #808080;
}
/* PC端滑动按钮容器 */
.pc-scroll-controls {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  height: 0; /* 不占用空间 */
  pointer-events: none; /* 容器不拦截点击 */
  z-index: 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

/* 滑动按钮基础样式 */
.scroll-btn {
  position: static; /* 改为静态定位 */
  transform: none;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background: white;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  z-index: 4;
  pointer-events: auto; /* 按钮可以点击 */
  margin: 0 20px; /* 添加左右外边距 */
}

.scroll-btn:hover {
  background: #f5f5f5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}

.scroll-btn:active {
  transform: scale(0.95);
}
.scroll-left,
.scroll-right {
  position: static;
  transform: none;
}
/* 左按钮位置 */
.scroll-left {
  left: -24px;
}

/* 右按钮位置 */
.scroll-right {
  right: -24px;
}

/* 按钮图标颜色 */
.scroll-btn svg {
  color: #000;
  width: 24px;
  height: 24px;
}

.cover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 3;
    pointer-events: none;
     display: none; /* PC端默认隐藏 */
}

.cover-image.active {
    opacity: 1;
}

.cards-container::-webkit-scrollbar {
  display: none;
}

.box7{
    background-color:#F5F5F7;
    padding:0px 100px 110px;
    height:auto;
    display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; 
}
.b7_text{
    max-width:90%;
    width: 100%;
    justify-content:center;
    padding-top:80px;
    color:#AEAEAE;
    font-size:14px;
    /* font-family: 'H-Regular'; */
    text-align: left;
    line-height: 1.5;
}
.b7_text p{
  margin:0;
}
.b7-tab{
  font-weight:700;
}
@media (max-width: 768px) {
 .box1_title{
    margin: 0 auto !important; /* 水平居中（核心） */
    left: unset !important; 
    padding:0 40px;
    top:8%;
    text-align:center;
 }
 .box1_title div{
  margin:0 auto;
 }
 .Jump{
    margin: 18px auto 0;
 }
 .tab{
  font-weight:400;
  font-size:18px;
 }
 .date1{
  display:block;
  font-size: 16px;
  font-weight:600;
  font-family: "Helvetica Neue", Arial, sans-serif;
  margin: 5px 0;
}
  .box2_nav div{
    font-size:13px;
    padding:0 10px;
  }
  .box3{
    height:230px;
  }
  .box3_title div{
    font-size:24px;
    margin:0;
    padding: 0 50px;
  }
  .box3_text{
    font-size:16px;
  }
.new-tag {
  font-size: 14px;
  margin-top: 10px;
}
.product-info h2 {
  font-size: 20px;
}
.product-price {
  font-size: 16px;
}
.product-spec {
  font-size: 12px;
}
.action-buttons {
  gap: 40px;
  margin-top: 30px;
}
.learn-more-btn, .add-to-cart-btn {
width: 120px;
height: 45px;
font-size: 12px;
border-radius: 25px;
border: 1px solid #000; /* 明确边框 */
    font-weight: 500; /* 统一字体粗细 */
    transition: all 0.3s ease;
}
.discount-info {
width: 310px;
gap:0px;
z-index: 2;
border-radius: 25px;
padding: 6px 15px;
font-size: 12px;
}
   .cover-image {
        display: block; /* 移动端显示 */
    }
    /* box4移动端：隐藏左边，保留右边 */
    .box4-left {
        display: none;
    }
    .box4-right {
        width: 100%;
        margin: 20px 0;
    }
    
    /* box5移动端：隐藏右边，保留左边 */
    .box5-right {
        display: none;
    }
    .box5-left {
        width: 100%;
        margin: 20px 0;
    }
    
    /* 为product-info添加最小高度 */
    .product-info {
        height: auto;
        gap:30px;
    }

  .pc-scroll-controls {
    display: none;
  }

  .tab-header {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  
  .tab-title {
    font-size: 24px;
    text-align: center;
    width: 100%;
    padding: 0 22px;
    margin:15px 0;
  }
  
  .tab-buttons {
    gap: 3vw;
    justify-content: center; 
  }
  
  .tab-btn {
    width: 20vw;
    height: 8vw;
    min-height: 20px;
    min-width: 50px;
    font-size: 3vw;
    border-radius: 4vw;
  }
  
  .tab-pane {
    padding: 40px 10px;
  }
  
  /* 移动端隐藏全图卡片 */
  .full-image-card {
    display: none !important;
  }
  
  /* 移动端网格布局 - 两两一行 */
  .cards-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
     grid-auto-rows: 1fr; /* 关键：所有行高度相等 */
     row-gap: 40px; /* 只控制上下间距 */
    column-gap: 10px; 
    overflow-x: visible;
    padding-bottom: 0;
    padding-right:0;
  }
  
  .card-mold {
    margin: 0 !important;
    height: 100%; /* 关键：占满网格单元格高度 */
    display: flex;
    flex-direction: column;
  }
  
  .pull-card {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset !important;
    height: auto !important;
    min-height: 270px;
     flex: 1; /* 关键：弹性填充剩余空间 */
    display: flex;
    flex-direction: column;
  }
  
  .new-tag2 {
    margin-top: 0.8vw;
    font-size: 9px;
  }
  
  .tab-pro-title {
    font-size: 11px;
    margin: 1vw 0 1.3vw;
    min-height:28px;
  }
  
  .product-price2 {
    font-size: 12px;
  }
  
  .product-price2 span:nth-child(2) {
    font-size: 12px;
  }
  
  .learn-more-btn2 {
    font-size: 11px;
    height: 8vw;
  }
  
  .circle-plus {
      width: 32px;
    height: 32px;
    font-size: 20px;
    /* background-color: #808080; */
  }
  
  .circle-plus::before {
    width: 2.5vw;
    height: 1px;
  }
  
  .circle-plus::after {
    width: 1px;
    height: 2.5vw;
  }
  
  .product-info2 {
    margin: 2.5vw  3.1vw  3.1vw;
  }
  .mobile-full-width-card {
    display: block;
    grid-column: 1 / span 2; /* 占据两列，即整行 */
    width: 100%;
  }

  .full-width-image-container {
   width: 100%;
    height: 100%; /* 关键：占满父容器高度 */
    min-height: 270px; /* 与普通卡片相同的最小高度 */
    border-radius: clamp(14px, 1.0417vw, 28px);
    overflow: hidden;
    box-shadow: 0 0 49.9px #BABABA40;
    position: relative;
    flex: 1; /* 关键：弹性填充剩余空间 */
  }
    .full-width-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .box2_nav{
    height: 60px;
  }
  .product-image .hover-img {
    display: none; /* 或者 opacity: 0; */
  }
  
  .product-image .default-img {
    opacity: 1 !important;
  }
  .b7_text{
    font-size:10px;
    padding-top:50px;
  }
  .box7{
    padding:0 30px 60px;
  }
  }