/** Shopify CDN: Minification failed

Line 395:0 Unexpected "}"

**/
/* ===============================
   标题与图片之间的渐变线样式
   =============================== */

/* 基础渐变线（从两边浅 → 中间深） */
.t4s-divider {
  height: 1.5px; /* 渐变线厚度，可调整为 1px~4px */
  width: 98%; /* 渐变线长度，占容器宽度百分比，可改为100%或更短 */
  margin: 8px 0px; /* 上下外边距：8px，左右：0px */
  border-radius: 2px; /* 渐变线两端圆角，让线条更柔和 */
  background: linear-gradient(
    to right, /* 渐变方向：从左到右 */
    rgba(255, 102, 102, 0), /* 左侧透明的浅红色 */
    #ff6666, /* 中间较深的红色（主色调） */
    rgba(255, 102, 102, 0) /* 右侧透明的浅红色 */
  );
}

/* 顶部渐变线：用于标题上方时的微调位置 */
.t4s-divider--top {
  margin: 0px 0px; /* 向上微移，使线条更贴近标题或图片 */
}

/* 底部渐变线：用于标题下方或价格上方 */
.t4s-divider--bottom {
  margin-top: 0px; /* 上间距 */
  margin-bottom: 0px; /* 下间距 */
}

/* ===============================
   阴影增强效果（shadow-enhanced）
   =============================== */

/* 默认状态下的阴影样式 */
.shadow-enhanced {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  /* 阴影参数说明：
     第一个值 0px = 水平偏移量（正数向右，负数向左）
     第二个值 4px = 垂直偏移量（正数向下）
     第三个值 15px = 模糊范围（数值越大阴影越柔）
     rgba(0,0,0,0.2) = 阴影颜色（透明度0.2为浅阴影）
  */
  transition: box-shadow 0.3s ease;
  /* 鼠标悬停时的过渡动画，让阴影变化更平滑 */
}

/* 鼠标悬停时的阴影样式（更深更大） */
.shadow-enhanced:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  /* 比默认更明显的阴影效果：
     垂直偏移量：6px
     模糊程度：20px
     透明度：0.3（更浓）
  */
}
/* -------------------------------------------------- */
/* 设置产品标题字体大小样式                             */
/* -------------------------------------------------- */

/* 适用于所有设备（默认样式） */
.t4s-product-title {
  font-size: 15px !important; /* 强制设置字体大小为15px，覆盖其他样式 */
}

/* -------------------------------------------------- */
/* 针对桌面端设备（屏幕宽度 ≥ 768px）                  */
/* -------------------------------------------------- */
@media (min-width: 768px) {
  .t4s-product-title {
    font-size: 15px !important; /* 桌面端同样设置字体大小为15px */
  }
}
/* ------------------------------
   页脚链接悬停动画（下划线从左到右）
------------------------------ */
.t4s-footer a {
  position: relative;              /* 让伪元素相对于链接定位 */
  text-decoration: none;           /* 去除默认下划线 */
  color: inherit;                  /* 保持原文字颜色 */
}

/* 下划线样式：初始为宽度0 */
.t4s-footer a::after {
  content: '';                     /* 生成一个伪元素 */
  position: absolute;
  left: 0;                         /* 从文字最左边开始 */
  bottom: 0;                       /* 贴近文字底部 */
  width: 0;                        /* 初始下划线长度为0 */
  height: 3px;                     /* 下划线粗细，可调节（例如2px或3px） */
  background-color: currentColor;  /* 使用文字相同颜色 */
  transition: width 0.3s ease;     /* 动画过渡时间和曲线 */
}

/* 悬停时的效果：下划线从左到右展开 */
.t4s-footer a:hover::after {
  width: 100%;                     /* 展开到整个文字宽度 */
}
/* 取消带图片子元素的链接下划线效果 */
.t4s-footer a:has(img)::after {
  display: none !important;
  content: none !important;
}

/* --------------------------------------------
   桌面端：子菜单 hover 动画
   纯色背景从左到右出现，字体颜色保持不变
   ✅ 已修正：不会影响移动端菜单
-------------------------------------------- */

/* 仅在桌面端生效（宽度≥768px） */
@media (min-width: 768px) {

  /* 子菜单链接基础样式 */
  .t4s-menu-item:hover .t4s-sub-menu a {
    display: inline-block;
    width: fit-content;
    padding: 0.2em 0.6em;
    font-size: 1em;
    font-weight: normal;
    color: inherit;                  /* 字体颜色继承父级 */
    background: transparent;
    position: relative;
    overflow: hidden;                /* 隐藏伪元素溢出 */
    border-radius: 4px;              /* 圆角动画更柔和 */
    transition: font-size 0.3s ease, font-weight 0.3s ease;
  }

  /* 左→右背景动画层 */
  .t4s-menu-item:hover .t4s-sub-menu a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;                        /* 初始宽度为0 */
    height: 100%;
    background-color: #ff6666;       /* 动画纯色背景 */
    z-index: -1;                     /* 放在文字下方 */
    transition: width 0.4s ease-in-out; /* 平滑过渡 */
    border-radius: 4px;
  }

  /* 悬停时动画触发 */
  .t4s-menu-item:hover .t4s-sub-menu a:hover {
    font-weight: bold;               /* 加粗字体 */
    font-size: 1.1em;                /* 略微放大字体 */
    text-decoration: none;
    color: inherit;                  /* 保持原文字颜色 */
  }

  /* 背景从左到右展开 */
  .t4s-menu-item:hover .t4s-sub-menu a:hover::before {
    width: 100%;
  }
}

/* --------------------------------------------
   移动端：保持菜单干净，不应用 hover 动画
-------------------------------------------- */
@media (max-width: 767px) {
  .t4s-menu-item .t4s-sub-menu a {
    background: none !important;     /* 移除背景动画 */
    color: inherit !important;       /* 保持原颜色 */
    transition: none !important;     /* 禁用动画过渡 */
  }

  .t4s-menu-item .t4s-sub-menu a::before {
    content: none !important;        /* 不生成动画层 */
  }
}


/* 默认移动端菜单项样式 */
#t4s-menu-drawer a {
 font-weight: bold;     /* 加粗文字 */
}

/* 悬停时：背景变色 + 文字变色 + 放大 */
#t4s-menu-drawer a:hover {
  background-color: #ff6666 !important; /* 自定义背景色 */
  color: #121824 !important;            /* 自定义文字颜色 */
  transform: scale(1.05);               /* 放大 5% */
font-weight: bold;                    /* 加粗文字 */
}
/* --------------------------------------------
   移动端：侧边栏隐藏
-------------------------------------------- */
@media screen and (max-width: 1024px) {
  .t4s-section-sidebar,
  button.t4s-btn-sidebar {
    display: none !important;
  }
}
/* 移动端Product social完全居中 */
@media (max-width: 767px) {
  .t4s-product_social-share {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  
  .t4s-product_social-share .t4s-socials-block {
    justify-content: center !important;
    margin: 0 auto !important;
  }
  
  /* 确保社交图标容器也居中 */
  .t4s-product_social-share .t4s-socials-block .t4s-socials {
    justify-content: center !important;
  }
}
/* 主合集分页CSS */
/* 分页容器样式 - 减少与产品的距离 */
.t4s-pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0 !important;
    font-family: Arial, sans-serif;
    border: none !important;
}

/* 隐藏分页选项和产品之间的黑线 */
.t4s-prs-head.t4s-pagination-wrapper,
.t4s-pagination-wrapper.t4s-prs-head,
.t4s-collection-header,
.t4s-main-collection-page {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

/* 分页链接通用样式 */
.t4s-pagination-wrapper a,
.t4s-pagination-wrapper span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin: 0 8px;
    padding: 0 12px;
    border: 1px solid #121824 !important;
    background-color: #ffffff !important;
    color: #121824 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 当前选中页样式 - 针对实际的分页结构 */
.t4s-pagination-wrapper span.current,
.t4s-pagination-wrapper .current,
.t4s-pagination-wrapper .is--current,
.t4s-pagination-wrapper [aria-current="page"] {
    background-color: #121824 !important;
    border-color: #121824 !important;
    color: #ffffff !important;
    font-weight: bold;
}

/* 悬停效果 */
.t4s-pagination-wrapper a:hover {
    background-color: #ff6666 !important;
    border-color: #ff6666 !important;
    color: #ffffff !important;
}

/* 上一页/下一页特殊样式 */
.t4s-pagination-wrapper a.prev,
.t4s-pagination-wrapper a.next {
    font-weight: bold;
    padding: 0 15px;
}

/* 禁用状态 */
.t4s-pagination-wrapper span.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: #f9f9f9 !important;
}

/* 移动端响应式 */
@media (max-width: 768px) {
    .t4s-pagination-wrapper {
        margin: 10px 0 !important;
    }
    
    .t4s-pagination-wrapper a,
    .t4s-pagination-wrapper span {
        min-width: 35px;
        height: 35px;
        margin: 0 4px;
        padding: 0 8px;
        font-size: 13px;
    }
    
    .t4s-pagination-wrapper a.prev,
    .t4s-pagination-wrapper a.next {
        padding: 0 10px;
    }
    
    /* 移动端只显示4个按钮：Previous, 当前页, 相邻页, Next */
    .t4s-pagination-wrapper .page:not(.current):not(:nth-of-type(2)):not(:nth-last-of-type(2)) {
        display: none !important;
    }
}

/* 确保分页数字居中显示 */
.t4s-pagination-wrapper .t4s-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2px;
}

/* 隐藏任何可能产生的分割线 */
.t4s-section-inner::before,
.t4s-section-inner::after,
.t4s-main-area::before,
.t4s-main-area::after {
    display: none !important;
}
/* 移动端：当分页换成两行时，给每个按钮增加上下间距 */
@media (max-width: 768px) {
  /* 1) 保证可换行 */
  .t4s-pagination,
  .t4s-pagination__list,
  .t4s-pagination-wrapper .t4s-pagination {
    display: flex;
    flex-wrap: wrap;
  }

  /* 2) 为按钮增加上下外边距，形成两行间距 */
  .t4s-pagination-wrapper a,
  .t4s-pagination-wrapper span,
  .t4s-pagination__list li {
    margin: 2px 2px !important;  /* 竖向 6px，横向保持 8px */
  }

  /* 3) 关闭容器的 gap，避免与 margin 双重叠加（如你之前有设置） */
  .t4s-pagination,
  .t4s-pagination-wrapper .t4s-pagination {
    gap: 0 !important;
    row-gap: 0 !important;
  }
}
/* ===============================
   移动端：隐藏 Wishlist 和 Compare
   =============================== */
@media (max-width: 767px) {
  .t4s-pr-wishlist,
  [data-replace-wishlist],
  .t4s-pr-compare,
  [data-replace-compare],
  .t4s-product-btns2 [data-replace-compare],
  .t4s-product-btns2 .t4s-pr-compare {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* ===============================
   桌面端：仅隐藏 Compare
   =============================== */
@media (min-width: 768px) {
  .t4s-pr-compare,
  [data-replace-compare],
  .t4s-product-btns2 [data-replace-compare],
  .t4s-product-btns2 .t4s-pr-compare {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

}
/* 桌面端分页按钮间距控制 */
@media (min-width: 769px) {
  .t4s-pagination-wrapper a,
  .t4s-pagination-wrapper span {
    margin: 0 0px !important;  /* 左右间距可调：4px ~ 12px */
  }
}
/* 产品标题多行单行用设置：多行截断 + 可调节行高 */
.t4s-truncate,
.t4s-pr-ellipsis-true .t4s-product .t4s-product-title,
.t4s-pr-ellipsis-true .t4s-widget .t4s-widget__pr-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: 1.4; /* ✅ 可调节行高，例如：1.2、1.5、22px 等 */
}

/* 移动端：显示一行 */
@media (max-width: 767px) {
    .t4s-truncate,
    .t4s-pr-ellipsis-true .t4s-product .t4s-product-title,
    .t4s-pr-ellipsis-true .t4s-widget .t4s-widget__pr-title {
        -webkit-line-clamp: 1;
    }
}

/* 电脑端：显示两行 */
@media (min-width: 768px) {
    .t4s-truncate,
    .t4s-pr-ellipsis-true .t4s-product .t4s-product-title,
    .t4s-pr-ellipsis-true .t4s-widget .t4s-widget__pr-title {
        -webkit-line-clamp: 2;
    }
}
/* 产品页面导航栏阴影 */
.template-product .t4s-section-header {
  box-shadow: 0 3px 8px rgb(0 0 0 / 15%) !important;
}

/* =========================================
   Breadcrumb 容器上下间距（可调）
========================================= */
.breadcrumb_pr_wrap {
  padding: 30px 0;       /* 上下间距（可调） */
  margin-bottom: 0px;    /* 与产品区距离（可调） */
  background: #ffffff;
}

/* =========================================
   Breadcrumb 主体：字体大小 + 粗细 + 对齐
========================================= */
.t4s-pr-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  font-size: 16px;         /* 桌面端字体大小（可调） */
  font-weight: 500;        /* 桌面端粗细（可调） */
  line-height: 1;
}

/* =========================================
   Home 链接：字距 + 粗细 + 字体大小
========================================= */
.t4s-pr-breadcrumb a.t4s-dib {
  font-size: 16px;         /* 桌面端字体大小 */
  font-weight: 500;        /* 桌面端粗细 */
  color: #121824;
  letter-spacing: 0.5px;   /* 字间距 */
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.t4s-pr-breadcrumb a.t4s-dib:hover {
  color: #ff6666;
}

/* =========================================
   箭头图标：垂直居中
========================================= */
.t4s-pr-breadcrumb svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  position: relative;
  top: 0;                    /* 修复默认下沉 */
  display: inline-flex;
  align-items: center;
}

/* =========================================
   产品标题（桌面端）
========================================= */
.t4s-breadcrumb-product-title {
  max-width: 300px;         /* ★ 桌面端最大宽度（可调） */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  display: inline-block !important;  /* ★ 保证省略号生效 */
  vertical-align: middle;

  font-size: 16px;          /* 桌面端字体大小 */
  font-weight: 500;         /* 桌面端字体粗细 */
  letter-spacing: 0.5px;    /* 字间距 */
  color: #121824;
  line-height: 1;
}

/* =========================================
   移动端适配（可按需调整）
========================================= */
@media (max-width: 768px) {

  /* Breadcrumb 整体 */
  .t4s-pr-breadcrumb {
    font-size: 14px;        /* 移动端整体字体大小 */
  }

  /* Home */
  .t4s-pr-breadcrumb a.t4s-dib {
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 500;
  }

  /* 产品标题（移动端） */
  .t4s-breadcrumb-product-title {
    font-size: 14px;        /* 移动端字体大小 */
    max-width: 250px;       /* ★ 移动端最大显示宽度（可调） */
    letter-spacing: 0.5px;
  }

  /* 移动端图标缩小 */
  .t4s-pr-breadcrumb svg {
    width: 10px;
    height: 10px;
  }
}
/* 菜单文字默认颜色 */
#t4s-menu-drawer a {
  color: #121824 !important;
  transition: color 0.3s ease;
} /* 悬停时文字变为红色 */
#t4s-menu-drawer a:hover {
  color: #ffffff !important;
}