.elementor-1745 .elementor-element.elementor-element-b1cb2ef{--display:flex;}.elementor-1745 .elementor-element.elementor-element-044dd8a{--spacer-size:50px;}.elementor-1745 .elementor-element.elementor-element-e51a68a{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1745 .elementor-element.elementor-element-ec670d3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -89px;}.elementor-1745 .elementor-element.elementor-element-ec670d3 .elementor-heading-title{font-size:52px;font-weight:300;}.elementor-1745 .elementor-element.elementor-element-8a36ca7{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:11px 11px;--row-gap:11px;--column-gap:11px;}.elementor-1745 .elementor-element.elementor-element-8a36ca7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1745 .elementor-element.elementor-element-2883a48{width:var( --container-widget-width, 24.627% );max-width:24.627%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 26px;--container-widget-width:24.627%;--container-widget-flex-grow:0;}.elementor-1745 .elementor-element.elementor-element-2883a48.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1745 .elementor-element.elementor-element-f58c47e{--grid-columns:3;--grid-row-gap:0px;--grid-column-gap:29px;}.elementor-1745 .elementor-element.elementor-element-f58c47e > .elementor-widget-container{margin:66px 0px 0px 0px;}.elementor-1745 .elementor-element.elementor-element-f58c47e .elementor-pagination{text-align:center;margin-top:0px;}@media(min-width:768px){.elementor-1745 .elementor-element.elementor-element-8a36ca7{--width:100%;}}@media(max-width:1024px){.elementor-1745 .elementor-element.elementor-element-f58c47e{--grid-columns:2;}}@media(max-width:767px){.elementor-1745 .elementor-element.elementor-element-f58c47e{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-2883a48 *//* =========================================================
   Search & Filter（左侧筛选）— 纵向/层级/对齐/大号checkbox/标题加粗
   作用范围：所有 .searchandfilter
   ========================================================= */

/* 0) 基础清理：去掉默认列表样式、间距 */
.searchandfilter ul,
.searchandfilter li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 1) 强制纵向：禁止主题把 li 变成 inline / flex / float */
.searchandfilter li{
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
}

/* 2) 标题（把 Category 标题你已通过 shortcode 改成 Product Type）
   - 加粗 + 稍微收紧间距 */
.searchandfilter h4{
  font-weight: 700 !important;   /* “加粗” */
  font-size: 28px !important;
  line-height: 1.2 !important;
  margin: 18px 0 10px !important;
  letter-spacing: .2px;
}

/* 3) 每一行 label 变为 flex：checkbox + 文本垂直居中且不乱 */
.searchandfilter li label{
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  line-height: 1.25 !important;
  margin: 8px 0 !important;

  /* checkbox 与文字距离：你要调间距就改这里 */
  gap: 12px !important;  /* ← 距离更大就增大，想更紧就减小 */
}

/* 4) checkbox：放大且不重叠（不用 transform） */
.searchandfilter input[type="checkbox"]{
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;          /* 交给 gap 控制距离 */
  flex: 0 0 22px !important;     /* 在 flex 中固定占位，避免压到文字 */
  box-sizing: border-box !important;
}

/* 5) 防止文字被挤压/换行难看 */
.searchandfilter li label span,
.searchandfilter li label{
  word-break: break-word;
}

/* 6) 层级缩进（子级目录） */
.searchandfilter ul ul{
  margin: 6px 0 6px 18px !important;
  padding-left: 12px !important;
}

/* 7) 父级/子级视觉区分（更像大牌筛选）
   父级：更粗一点；子级：略小/略淡 */
.searchandfilter > ul > li > label{
  font-weight: 600 !important;   /* 父级 */
  font-size: 15px !important;
}

.searchandfilter ul ul > li > label{
  font-weight: 400 !important;   /* 子级 */
  font-size: 14px !important;
  opacity: .92;
}

/* 8) 行高保障：避免checkbox大后挤压重叠 */
.searchandfilter li{
  min-height: 34px !important;
}

/* 9) 可选：hover 整行高亮（更像 Kohler 体验） */
.searchandfilter li label:hover{
  background: rgba(0,0,0,.035);
  border-radius: 8px;
  padding: 4px 6px;
  margin-left: -6px;   /* 保持视觉对齐（可删） */
  margin-right: -6px;  /* 保持视觉对齐（可删） */
}

/* 10) 可选：选中状态更明显 */
.searchandfilter input[type="checkbox"]:checked + span{
  font-weight: 600;
}

/* 11) 如果你把 Search 字段从 shortcode 移除了，这里无需额外处理
   但如果未来仍出现 Search（或其他 input），统一一下输入框风格 */
.searchandfilter input[type="text"],
.searchandfilter input[type="search"]{
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(0,0,0,.25) !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  outline: none !important;
}
.searchandfilter input[type="text"]:focus,
.searchandfilter input[type="search"]:focus{
  border-color: rgba(0,0,0,.45) !important;
}

/* 12) Filter 按钮（如果你还保留 submit_label="Filter"） */
.searchandfilter input[type="submit"],
.searchandfilter button,
.searchandfilter .search-filter-button{
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  border: none !important;
  cursor: pointer !important;
}
/* ===== Search & Filter：让标题(Product Type)与第一层分类文字左对齐 ===== */

/* 你现在的 checkbox 宽度与 gap（和你现有css保持一致） */
:root{
  --sf-check: 22px;  /* checkbox宽高 */
  --sf-gap: 10px;    /* label 的 gap */
  --sf-fix: 4px;     /* 微调（你也可以改 0/2/6 试一下） */
}

/* Search & Filter 标题可能是 h4 / h3 / legend（不同版本/主题不一样），全部覆盖 */
.searchandfilter h4,
.searchandfilter h3,
.searchandfilter legend{
  padding-left: calc(var(--sf-check) + var(--sf-gap) + var(--sf-fix)) !important;
  margin-left: 0 !important;
}

/* 有些主题会给标题外层再包一层（保险） */
.searchandfilter .sf-field-heading,
.searchandfilter .sf-label{
  padding-left: calc(var(--sf-check) + var(--sf-gap) + var(--sf-fix)) !important;
  margin-left: 0 !important;
}
/* ===== 强制隐藏 Search & Filter 的 Submit / Filter 按钮（兜底） ===== */
.searchandfilter input[type="submit"],
.searchandfilter button[type="submit"],
.searchandfilter .search-filter-button,
.searchandfilter .sf-submit,
.searchandfilter .searchandfilter-submit,
.searchandfilter .searchandfilter__submit{
  display: none !important;
}/* End custom CSS */