/* ZSX Product Menu styles: mirror source site's category list look */
.elementor-widget-zsx_product_menu .pageproducts {
  --pm-accent: #e94b65; /* 粉红色链接 */
  --pm-text: #666;
  --pm-muted: #0073b8; /* 蓝色标题 */
  --pm-border: #ddd;
  --pm-hover-bg: #f9f9f9;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.elementor-widget-zsx_product_menu .pageproducts dl,
.elementor-widget-zsx_product_menu .pageproducts h4,
.elementor-widget-zsx_product_menu .pageproducts h5,
.elementor-widget-zsx_product_menu .pageproducts dd,
.elementor-widget-zsx_product_menu .pageproducts h6 {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 每个分类 - 纵向排列，占满宽度 */
.elementor-widget-zsx_product_menu .pageproducts dl {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid var(--pm-border);
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.elementor-widget-zsx_product_menu .pageproducts dl:last-child {
  border-bottom: none;
}

/* 顶级分类标题 - 左侧固定宽度 */
.elementor-widget-zsx_product_menu .pageproducts h4 {
  display: block;
  float: left;
  overflow: hidden;
  width: 200px;
}

.elementor-widget-zsx_product_menu .pageproducts h4 img {
  display: block;
  float: left;
  width: 48px;
  border: 1px solid var(--pm-border);
  margin-right: 10px;
}

.elementor-widget-zsx_product_menu .pageproducts h4 span {
  display: block;
  font-size: 20px;
  color: var(--pm-muted) !important;
  float: left;
  width: calc(100% - 60px);
  margin: 8px 0;
  font-weight: 700;
}

/* 子菜单容器 - 中间区域，自适应宽度 */
.elementor-widget-zsx_product_menu .pageproducts h5 {
  width: calc(100% - 350px);
  float: left;
  display: block;
  overflow: hidden;
}

/* 所有链接的基础样式 */
.elementor-widget-zsx_product_menu .pageproducts h5 a {
  font-size: 16px;
  display: block;
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.4;
}

/* 直接链接项 - 三列布局 */
.elementor-widget-zsx_product_menu .pageproducts h5 > a {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding-right: 15px;
}

/* 图标样式 - 修复垂直居中 */
.elementor-widget-zsx_product_menu .pageproducts .fa {
  color: var(--pm-text);
  display: block;
  float: left;
  font-size: 16px;
  line-height: 1;
  margin-right: 4px;
  margin-top: 3px;
}

/* Font Awesome 未加载时的图标回退 */
.elementor-widget-zsx_product_menu .pageproducts .fa.fa-angle-right::before {
  content: '›';
  font-weight: 700;
}

.elementor-widget-zsx_product_menu .pageproducts .fa.fa-angle-down::before {
  content: '⌄';
  font-weight: 700;
}

/* 向下箭头单独调整垂直位置 */
.elementor-widget-zsx_product_menu .pageproducts .fa.fa-angle-down {
  margin-top: 0;
  position: relative;
  top: -2px;
}

.elementor-widget-zsx_product_menu .pageproducts h5 a span {
  color: var(--pm-text);
  display: block;
  float: left;
  line-height: 1.4;
  border-bottom: 1px solid #fff;
  transition: all 0.2s ease;
  word-break: break-word;
  width: calc(100% - 22px);
}

/* 链接悬停效果 */
.elementor-widget-zsx_product_menu .pageproducts h5 a:hover .fa,
.elementor-widget-zsx_product_menu .pageproducts h5 a:hover span {
  color: var(--pm-muted);
}

.elementor-widget-zsx_product_menu .pageproducts h5 a:hover span {
  border-bottom: 1px solid var(--pm-muted);
}

/* 可折叠分组 dd */
.elementor-widget-zsx_product_menu .pageproducts h5 dd {
  margin-bottom: 5px;
  display: block;
  overflow: hidden;
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding-right: 15px;
}

.elementor-widget-zsx_product_menu .pageproducts h5 dd > a {
  padding-bottom: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  display: block;
  overflow: hidden;
}

/* dd 内的标题颜色 */
.elementor-widget-zsx_product_menu .pageproducts h5 .ap a span {
  color: #999;
}

.elementor-widget-zsx_product_menu .pageproducts h5 .ap a:hover span {
  color: var(--pm-muted);
}

/* 三级子菜单容器 - 默认显示 */
.elementor-widget-zsx_product_menu .pageproducts h5 dd h6 {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
  margin-left: 20px;
}

.elementor-widget-zsx_product_menu .pageproducts h5 dd h6 a {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  padding-bottom: 6px;
  color: var(--pm-text);
  text-decoration: none;
  transition: color 0.2s ease;
  line-height: 1.4;
}

.elementor-widget-zsx_product_menu .pageproducts h5 dd h6 a span {
  display: inline;
  line-height: 1.4;
  border-bottom: 1px solid #fff;
  transition: all 0.2s ease;
}

.elementor-widget-zsx_product_menu .pageproducts h5 dd h6 a:hover span {
  color: var(--pm-muted);
  border-bottom: 1px solid var(--pm-muted);
}

/* 折叠/展开控制 - 只对 dd.ap 生效 */
.elementor-widget-zsx_product_menu .pageproducts dd.ap h6 { 
  display: none; 
}

.elementor-widget-zsx_product_menu .pageproducts dd.ap.is-open h6 { 
  display: block;
}

.elementor-widget-zsx_product_menu .pageproducts dd.ap.is-open > a .fa {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}


/* 二维码/手册区域 - 右侧固定宽度 */
.elementor-widget-zsx_product_menu .pageproducts .ewm {
  display: block;
  float: right;
  width: 120px;
  overflow: hidden;
  text-align: center;
}

.elementor-widget-zsx_product_menu .pageproducts .ewm img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto 10px;
}

.elementor-widget-zsx_product_menu .pageproducts .ewm font {
  font-size: 14px;
  display: block;
  text-align: center;
  color: var(--pm-text);
  line-height: 1em;
  font-style: normal;
}

/* 响应式适配 */
@media (max-width: 1024px) {
  .elementor-widget-zsx_product_menu .pageproducts dl {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts h5 dd h6 a {
    font-size: 12px;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts h5 a {
    padding-bottom: 6px;
    margin-bottom: 6px;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts h5 a span {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .elementor-widget-zsx_product_menu .pageproducts h4 {
    float: none;
    width: 100%;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts h5 {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts h5 > a,
  .elementor-widget-zsx_product_menu .pageproducts h5 dd {
    width: 50%;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts .ewm {
    float: none;
    margin-top: 20px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .elementor-widget-zsx_product_menu .pageproducts dl {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts h4 span {
    font-size: 16px;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts h5 a {
    font-size: 14px;
  }
  
  .elementor-widget-zsx_product_menu .pageproducts h5 > a,
  .elementor-widget-zsx_product_menu .pageproducts h5 dd {
    width: 100%;
  }
}