/** Shopify CDN: Minification failed

Line 207:18 Expected identifier but found "!"
Line 212:0 Expected "}" to go with "{"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/* 基础样式：li和a默认白色 */
.flickityt4s-viewport li,
.flickityt4s-viewport li a {
    color: white !important; 
    
    text-decoration: none; /* 默认无下划线 */
    transition: all 0.2s ease;
}

/* 选中状态样式：同时作用于li和a */
.flickityt4s-viewport li.active,
.flickityt4s-viewport li a.active {
    color: red !important; /* 变红 */
    text-decoration: underline; /* 下划线 */
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
}
/* 可选：鼠标悬停效果 */
.flickityt4s-viewport li a:hover {
    color: #ff6666 !important; /* hover时浅红色 */
}

/* 1. 父 Flex 容器：允许子元素换行 */
.t4s-d-flex.t4s-flex-wrap {
  flex-wrap: wrap !important; /* 强制开启换行，让子元素可分行显示 */
}
/* 数量选择器外层容器 */
.t4s-quantity-wrapper {
margin-bottom: 1.5em;
  border: 1px solid #ddd !important; /* 边框颜色（替换为目标色值） */
  background-color: #f5f5f5 !important; /* 背景色 */
}
/* 数量输入框 */
.t4s-product-form__qty input {
  color: #333 !important; /* 输入框文字颜色 */
  border-color: #aaa !important; /* 输入框边框颜色 */
}

.t4s-product-form__qty {
  flex-basis: 100% !important; /* 强制占满父容器宽度，单独成一行 */
  margin-bottom: 1rem; /* 与下方按钮留间距（可选，根据需求调整） */
  display: flex; /* 内部加减按钮+输入框用 Flex 对齐 */
  align-items: center; /* 垂直居中 */
  gap: 0.5rem; /* 加减按钮与输入框的间距 */
}


/* 加减按钮（如果类名为 .t4s-btn-qty） */
.t4s-quantity-wrapper .t4s-btn-qty {
  color: #000 !important; /* 按钮文字/图标颜色 */
  border-color: #ddd !important; /* 按钮边框颜色 */
  background-color: #fff !important; /* 按钮背景色 */
}

/* 按钮 hover 效果（可选） */
.t4s-quantity-wrapper .t4s-btn-qty:hover {
  background-color: #f0f0f0 !important;
  color: #ff6600 !important; /*  hover 时文字色 */
}
@media (max-width: 768px) {
  .t4s-quantity-wrapper {
    margin-bottom: 0rem; /* 或改为px单位，如20px，更直观 */
  }
}


/* 基础样式：白色文字 + 透明背景（确保默认状态与需求一致） */
a#more-payment-options-link.shopify-payment-button__more-options {
  color: #ffffff !important;
  background-color: transparent !important;
  transition: all 0.3s ease; /* 过渡动画，让颜色/背景变化更平滑 */
}

/* 悬浮时样式：黑色文字 + 白色背景 */
a#more-payment-options-link.shopify-payment-button__more-options:hover {
  color: #000000 !important; /* 文字变黑色 */
  background-color: #ffffff !important; /* 背景变白色 */
  text-decoration: none !important; /* 可选：移除下划线，保持视觉简洁 */
}

/* 1. 商品栏整体样式：灰色背景 + 文字白色 */
.t4s-product-wrapper.t4s-pr.t4s-oh{
 border-color: #484848!important;
  background-color: #242424 !important; /* 灰色背景（可替换为你想要的灰色，如 #242424） */
  color: #ffffff !important; /* 强制文字为白色 */
  box-sizing: border-box;
}



/* 2. 商品图片缩小5px：通过内边距实现（图片与容器间距5px） */
.t4s-product-wrapper .t4s-product-img {
  padding:4px !important; /* 上下左右各留5px内边距，视觉上图片缩小 */
  box-sizing: border-box; /* 确保内边距不撑大容器 */
}

/* 3. 图片自适应容器 */
.t4s-product-wrapper .t4s-product-img img {
  width: 90%;
  height: auto;
  display: block;
}

/* 4. 商品文字（标题、价格等）强制白色 */
.t4s-product-wrapper .t4s-product-title,
.t4s-product-wrapper .t4s-product-price {
  color: #ffffff !important;
}

/* 5. 按钮样式（如 Quick Shop/Add To Cart）：白色文字 + 透明边框（可选，根据需求调整） */
.t4s-pr-item-btn.t4s-pr-addtocart {
 border: none !important;
border-radius: 6px !important;
  color: #ffffff !important;
  background-color: #000000!important;  
}
.t4s-product-wrapper .t4s-pr-item-btn:hover {
  
  background-color: #1fb2d1 !important; /* 背景稍浅，与边框呼应 */
}


.jdgm-carousel-item__inner-wrapper{
background:#444444;
 border-style:solid;
border-width:1px;
   border-color:#888888;
}


.t4s-banner-item.t4s-eff.t4s-eff-none.t4s-eff-img-none.t4s-banner-item2{
border:1px solid;
border-radius:15px;
}

.t4s-banner-item.t4s-eff.t4s-eff-none.t4s-eff-img-none.t4s-banner-item2:hover h3 {
color: #ff0000 !important;
}
.t4s-banner-item.t4s-eff.t4s-eff-none.t4s-eff-img-none.t4s-banner-item2.clicked-active h3 {
  color: #ff0000 !important;
}/* 产品系列上边栏选择分页动画 */

@media (max-width: 768px){.t4s-d-block.t4s_ratio.t4s_ratio_hasmb{
object-fit: cover;
height:42px;
}/* 产品系列上边栏移动端优化 */

@media (max-width: 768px){.t4s-col-item.t4s-col-12.t4s-col-md-4.t4s-col-lg-4 {
width:50%;
}
@media (max-width: 768px){.t4s-col-item.t4s-col-12.t4s-col-md-4.t4s-col-lg-4 h3{
line-height:10px;
font-size:10px;
margin:0px;
}

@media (max-width: 768px){.t4s-banner-item.t4s-eff.t4s-eff-none.t4s-eff-img-none.t4s-banner-item2{
border:1px solid;
border-radius:5px;
}

@media (max-width: 768px){.t4s-banner-content.t4s-content-position.t4s-pa.t4s-text-md-center.t4s-text-center{
width:80%;
}

.t4s-drawer.t4s-drawer__left.t4s-dn{
background:#000000;}
.t4s-drawer.t4s-drawer__left.t4s-dn a {
  color: #ffffff; /* 强制设置为白色，!important 确保样式优先级 */
}
.t4s-item-level-1 a {
  color: #a9a9a9!important; /* 蓝色，!important 确保样式优先级 */
}

.t4s-d-block.t4s-truncate {
color:#ffffff!important;
}

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  .t4s-product-wrapper.t4s-pr.t4s-oh{
border-radius:5px;!important
}
}