/* Banner 里的标题字体、大小、颜色 */
.lk-banner .lk-sc-title .lk-product-title{
  color: #ebebeb;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
}

/* Banner 里的面包屑颜色、字体 */
.lk-banner .lk-sc-breadcrumbs .lk-breadcrumbs{
  color: #e6e6e6;
  font-size: 16px;
}

/* 面包屑链接颜色 */
.lk-banner .lk-sc-breadcrumbs .lk-breadcrumbs a{
  color: rgba(255,255,255,.95);
}
.lk-banner .lk-sc-breadcrumbs .lk-breadcrumbs a:hover{
  color:#fff;
  text-decoration: underline;
}

/* ===============================
   **********************************************************************************
   **********************************************************************************
   Product Categories 样式
   **********************************************************************************
   **********************************************************************************
   =============================== */

/* ===============================
   Product Categories - 背景样式
   =============================== */

.elementor-widget-shortcode,
.elementor-widget-shortcode > .elementor-widget-container,
.elementor-widget-shortcode .elementor-shortcode
{
  height: 100%;
}

.elementor-widget-shortcode .elementor-shortcode{
  width: 100%;
}

/* 有些主题会给 widget-container 或 column 设置 overflow hidden，sticky 会挂 */
.elementor-widget-shortcode,
.elementor-widget-shortcode > .elementor-widget-container{
  overflow: visible;
}

/* 先确保 sticky 元素是块级、并且不参与拉伸 */
.elementor-widget-shortcode.lk-sticky-cat .elementor-shortcode{
  align-self: flex-start;      /* 关键：别被拉伸 */
  position: sticky;
  top: 50px;
  max-height: calc(100vh - 110px);
  overflow: auto;
   z-index: 1000; /* 避免被其他元素遮挡 */
}



.lk-product-cat{
  background: #fafafa;       /* 👈 背景色 */
  padding: 16px 18px;        /* 内边距，让内容不贴边 */
  border-radius: 6px;        /* 圆角（可选） */
}

/* 标题和内容之间的间距 */
.lk-product-cat .lk-box-title{
  margin-bottom: 10px;
}

/* ===============================
   Product Categories - 标题样式
   =============================== */

.lk-product-cat .lk-box-title{
  color: #111;               /* 👈 标题文字颜色（深色，稳妥） */
  font-size: 20px;           /* 标题大小 */
  font-weight: 700;          /* 标题字重 */
  margin-bottom: 12px;       /* 和分类列表的间距 */
  line-height: 1.3;
}

/* ===============================
   Product Categories - 基础结构
   =============================== */

/* 列表结构 */
.lk-product-cat .lk-term-tree{
  margin: 0;
  padding-left: 18px;
  list-style: none;
}

.lk-product-cat .lk-term-tree li{
  margin: 6px 0;
}

/* ===============================
   普通分类（默认状态）
   =============================== */

.lk-product-cat .lk-term-tree li > a{
  color: #666;                 /* 👈 普通分类文字颜色 */
  font-size: 16px;             /* 👈 普通分类字体大小 */
  font-weight: 400;            /* 👈 普通分类字重 */
  text-decoration: none;
  transition: color .2s ease;
}

/* hover 效果（所有分类通用） */
.lk-product-cat .lk-term-tree li > a:hover{
  color: #111;
  text-decoration: underline;
}

/* ===============================
   当前产品所属分类（最强高亮）
   =============================== */

.lk-product-cat .lk-term-tree li.is-current > a{
  color: #3A5DA5;                 /* 品牌色 / 强调色 */
  font-weight: 600;
}

/* ===============================
   当前分类的祖先（中等高亮）
   =============================== */

.lk-product-cat .lk-term-tree li.is-ancestor > a{
  color: #333;
  font-weight: 700;
  text-decoration: underline;
}

/* ===============================
   Selling Points
   =============================== */

.lk-selling-points{
  background: #fff;      /* 可选：卡片背景 */
  padding: 16px 18px;
  border-radius: 6px;
}

/* “## 标题”样式 */
.lk-selling-points .lk-sp-title{
  color: #111;
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 10px 0;       /* 标题和下面列表间距 */
}

/* 列表整体 */
.lk-selling-points .lk-sp-list{
  margin: 0 0 14px 0;       /* 每个分组列表底部留点空 */
  padding-left: 18px;       /* 列表缩进 */
}

/* 列表项 */
.lk-selling-points .lk-sp-list li{
  color: #555;
  font-size: 14px;
  line-height: 1.5;
  margin: 6px 0;
}

/* ===============================
   Product Description
   =============================== */
.lk-product-description{
  font-size: 16px;
  line-height: 1.6;
  color: #000;
  font-weight: 600;
}


/* ===============================
   Specification Table
   =============================== */

.lk-spec-table-wrap{
  overflow-x: auto; /* 移动端横向滚动 */
}

.lk-spec-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

/* 表头 */
.lk-spec-table__th{
  text-align: left;
  padding: 10px 10px;
  font-weight: 700;
  color: #111;
  background: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.15);
  white-space: nowrap;
}

/* 单元格 */
.lk-spec-table__td{
  padding: 10px 10px;
  color: #555;
  border-bottom: 1px solid rgba(0,0,0,.08);
  vertical-align: top;
}

/* Zebra（可选） */
.lk-spec-table__row:nth-child(even) .lk-spec-table__td{
  background: rgba(0,0,0,.015);
}

/* Colour 列 */
.lk-spec-table__td--colour{
  width: 80px;
}

/* 色点 */
.lk-color-dot{
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.2);
}

/* ===== LKPF Product Resources ===== */

.lk-resources { margin: 30px 0; }
.lk-resources-title{
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 18px;
  color: #111;
  line-height: 1.3;
}

/* 1/3 + 2/3 */
.lk-resources-grid{
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 18px;
  align-items: start;
}

@media (max-width: 900px){
  .lk-resources-grid{
    grid-template-columns: 1fr;
  }
}

/* 左侧沿用 tech-doc card，不用额外写太多 */
.lk-resources-doc{ height: 100%; }

/* 右侧视频 */
.lk-resources-right{
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 12px;
}

/* responsive 16:9 wrapper */
.lk-video-embed{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: 10px;
}

.lk-video-embed iframe,
.lk-video-embed embed,
.lk-video-embed object{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.lk-video-tag{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

/************************************
product card list
*************************************/
/* 网格 */
.lk-pl__grid{
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lk-pl[data-cols="1"] .lk-pl__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.lk-pl[data-cols="2"] .lk-pl__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lk-pl[data-cols="3"] .lk-pl__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lk-pl[data-cols="4"] .lk-pl__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lk-pl[data-cols="5"] .lk-pl__grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
.lk-pl[data-cols="6"] .lk-pl__grid{ grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* 卡片：尽量贴近 entry-card 的感觉 */
.lk-pl .entry-card{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  transition: transform .15s ease, box-shadow .15s ease;
}
.lk-pl .entry-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.10);
}

/* 图片容器（1:1） */
.lk-pl .ct-media-container{
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.lk-pl .ct-media-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 分类行 */
.lk-pl .entry-meta{
  list-style: none;
  padding: 10px 14px 0;
  margin: 0;
}
.lk-pl .meta-categories a{
  font-size: 12px;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.06);
  display: inline-block;
}

/* 标题 */
.lk-pl .entry-title{
  margin: 10px 14px 14px;
  font-size: 16px;
  line-height: 1.25;
}
.lk-pl .entry-title a{
  text-decoration: none;
  color: inherit;
}

/* 响应式 */
@media (max-width: 1024px){
  .lk-pl__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px){
  .lk-pl__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px){
  .lk-pl__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
}