.elementor .e-64a2e3d-3e09bc6{/*
【产品 Finder 通用模板说明｜更新日期 2026-09-11】
模板用途：产品列表页 Section 01 首屏介绍区，可复用于 COB LED Strip、LED Controller、LED Controller 与 Aluminum Profile。
当前实例：LED Controller Products → Intro Section。
粘贴位置：Controller Products Section 01 Intro → Style → Custom CSS。
作用范围：面包屑、Eyebrow、主标题、说明文字、帮助入口及底部 Context Strip；不负责产品筛选、商品网格或全局页头页脚。
跨产品线复用：布局与字体体系保持一致；复制时替换类名前缀，并在 Elementor 中分别替换产品线名称、标题、说明、链接和 Context Strip 文案。
动态内容边界：本文件只负责显示样式，不生成文案、链接、分类或商品数据。
完整本地路径：C:\Users\Bylen\Documents\ChatGPT\LED 官网项目\modules\LED Controller\03-产品列表页\controller-products-section-01-intro.css
使用方法：用文本编辑器打开，全选复制文件全文，整体替换对应位置旧 CSS；不要添加 style 标签，不要拆分到其他组件。
本次更新：注释改为四类产品 Finder 通用说明；当前选择器仍为电源实例，样式规则未更改。
*/
/* 可读性更新：按用户要求放大辅助文字，保留原字体体系与卡片等高布局。 */
/* ==================================================
 产品 Finder 通用模板 · 01 首屏介绍区（当前为 LED Controller 实例）
 粘贴位置：Intro Section → Custom CSS
 全部复制，不加 style 标签；替换旧版，不叠加。
 适用新版 Atomic Flexbox：& 代表当前 Intro Section；.controller-products-* 是当前实例前缀。
 字体须由站点加载：Inter / Manrope / IBM Plex Mono。
 ================================================== */
& {
width: 100% !important;
max-width: none !important;
flex: 0 0 auto !important;
--psu-text: #101820;
--psu-muted: #68737d;
--psu-line: #d9e1e7;
--psu-blue: #087dff;
--psu-cyan: #00a9e8;
color: var(--psu-text);
font-family: "Inter", Arial, sans-serif;
}
&,
& * {
box-sizing: border-box;
}
/* ---------- 2. 首屏背景及内容宽度 ---------- */
& {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
min-height: 0 !important;
padding: 25px 0 52px !important;
background: #fff;
border-bottom: 1px solid var(--psu-line);
}

& > .e-con-inner {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: none !important;
gap: 0 !important;
padding: 0 !important;
}

& .controller-products-intro-inner {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: calc(100% - 96px) !important;
max-width: 1360px !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
}

& .controller-products-intro-inner > .e-con-inner {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
width: 100% !important;
max-width: none !important;
gap: 0 !important;
padding: 0 !important;
}

/* ---------- 3. 清理首屏组件默认间距 ---------- */
& .elementor-widget {
min-width: 0;
max-width: 100%;
margin: 0;
}

& .elementor-widget-container {
margin: 0;
padding: 0;
}

& p {
margin: 0;
}

/* 防止文本组件在 Flex 布局中收缩成窄条 */
& .controller-products-breadcrumbs,
& .controller-products-intro-eyebrow,
& .controller-products-title,
& .controller-products-description,
& .controller-products-help-prompt,
& .controller-products-help-link {
width: 100% !important;
flex: 0 0 auto !important;
}

/* ---------- 4. 面包屑 ---------- */
& .controller-products-breadcrumbs {
margin-bottom: 43px !important;
color: var(--psu-muted);
font-family: "Inter", Arial, sans-serif;
font-size: 14px;
line-height: 1.6;
}

& .controller-products-breadcrumbs a {
color: inherit;
text-decoration: none;
}

& .controller-products-breadcrumbs a:hover {
color: var(--psu-blue);
}

/* ---------- 5. 首屏左右两栏 ---------- */
& .controller-products-intro-layout {
display: grid !important;
grid-template-columns: minmax(0, 1.25fr) minmax(0, .8fr) !important;
grid-template-rows: auto !important;
align-items: end !important;
gap: 90px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

/* Grid 中存在 Elementor 内层时保持相同两栏布局 */
& .controller-products-intro-layout > .e-con-inner {
display: grid !important;
grid-template-columns: minmax(0, 1.25fr) minmax(0, .8fr) !important;
align-items: end !important;
gap: 90px !important;
grid-column: 1 / -1;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}

& .controller-products-intro-heading,
& .controller-products-intro-copy,
& .controller-products-selection-help {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

& .controller-products-intro-heading > .e-con-inner,
& .controller-products-intro-copy > .e-con-inner,
& .controller-products-selection-help > .e-con-inner {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}

/* ---------- 6. 左侧小标题与主标题 ---------- */
& .controller-products-intro-eyebrow {
margin-bottom: 18px !important;
color: #53636d;
font-family: "IBM Plex Mono", Consolas, monospace;
font-size: 14px;
font-weight: 500;
line-height: 1.4;
letter-spacing: .13em;
text-transform: uppercase;
}

& .controller-products-title .elementor-heading-title {
max-width: 740px;
margin: 0;
color: var(--psu-text) !important;
font-family: "Manrope", Arial, sans-serif !important;
font-size: clamp(38px, 3.6vw, 54px) !important;
font-weight: 500 !important;
line-height: 1.07 !important;
letter-spacing: -.045em !important;
text-transform: none;
overflow-wrap: normal;
word-break: normal;
}

/* ---------- 7. 右侧介绍与蓝线提示 ---------- */
& .controller-products-description {
max-width: 460px;
color: var(--psu-muted);
font-family: "Inter", Arial, sans-serif;
font-size: 16px;
line-height: 1.8;
}

& .controller-products-selection-help {
margin-top: 22px !important;
padding-left: 14px !important;
border-left: 2px solid var(--psu-cyan);
}

& .controller-products-help-prompt,
& .controller-products-help-link {
font-family: "Inter", Arial, sans-serif;
font-size: 15px;
line-height: 1.7;
}

& .controller-products-help-prompt {
color: var(--psu-muted);
}

& .controller-products-help-link a {
color: var(--psu-text);
text-decoration: underline;
text-decoration-color: #9aabb6;
text-underline-offset: 4px;
}

& .controller-products-help-link a:hover {
color: var(--psu-blue);
text-decoration-color: var(--psu-blue);
}

& a:focus-visible {
outline: 2px solid var(--psu-cyan);
outline-offset: 4px;
}

/* ---------- 8. 底部三段辅助文字 ---------- */
& .controller-products-context {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px 24px !important;
width: 100% !important;
min-height: 0 !important;
margin: 31px 0 0 !important;
padding: 0 !important;
}

& .controller-products-context > .e-con-inner {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 12px 24px !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}

& .controller-products-context-item {
width: auto !important;
flex: 0 0 auto !important;
color: #53636d;
font-family: "IBM Plex Mono", Consolas, monospace;
font-size: 14px;
line-height: 1.6;
}

& .controller-products-context-item
+ .controller-products-context-item {
padding-left: 24px !important;
border-left: 1px solid var(--psu-line);
}

/* ---------- 9. 宽屏：与设计稿保持一致 ---------- */
@media (min-width: 1700px) {
& .controller-products-intro-inner {
  width: calc(100% - 160px) !important;
  max-width: 1600px !important;
}
}

/* ---------- 10. 中等屏幕：缩小两栏间距 ---------- */
@media (max-width: 1100px) {
& .controller-products-intro-layout,
& .controller-products-intro-layout > .e-con-inner {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important;
  gap: 40px !important;
}
}

/* ---------- 11. 手机：首屏改为上下排列 ---------- */
@media (max-width: 700px) {
& {
  padding-bottom: 32px !important;
}

& .controller-products-intro-inner {
  width: calc(100% - 32px) !important;
}

& .controller-products-breadcrumbs {
  margin-bottom: 28px !important;
  font-size: 13px;
}

& .controller-products-intro-layout,
& .controller-products-intro-layout > .e-con-inner {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px !important;
}

& .controller-products-title .elementor-heading-title {
  font-size: 38px !important;
}

& .controller-products-description {
  font-size: 16px;
}

& .controller-products-context,
& .controller-products-context > .e-con-inner {
  gap: 12px !important;
}

& .controller-products-context-item {
  font-size: 13px;
}

& .controller-products-context-item
+ .controller-products-context-item {
  padding-left: 12px !important;
}
}\n}.elementor .e-477c8d5-912823f{/*
【产品 Finder 通用模板说明｜更新日期 2026-09-11】
模板用途：产品列表页 Section 02 Catalog，可复用于 COB LED Strip、LED Controller、LED Controller 与 Aluminum Profile。
当前实例：LED Controller Products → Catalog Section。
粘贴位置：Controller Products Section 02 Catalog → Style → Custom CSS。
作用范围：系列/类型栏、Elementor 原生 Taxonomy Filter、搜索框、结果标题与数量、Loop Grid 外层、空结果区及分页布局。
跨产品线复用：保留视觉结构，复制时整体替换类名前缀；Taxonomy、Loop Grid Query、Loop Item 模板、搜索字段和 URL 参数必须在对应产品线中单独配置。
电源实例数据约定：商品范围使用 LED Controller；系列筛选使用 WooCommerce 产品属性 Series，不能把安装类型分类当作型号系列。
重要边界：CSS 不决定显示哪些商品，也不生成系列按钮；商品范围由 Loop Grid Query 决定，按钮由与该 Loop Grid 连接的 Taxonomy Filter 决定。
维护边界：这是当前 Catalog Section 唯一 CSS；不要把其中规则拆到 Taxonomy Filter、搜索框或 Loop Grid 的组件级 Custom CSS。
完整本地路径：C:\Users\Bylen\Documents\ChatGPT\LED 官网项目\modules\LED Controller\03-产品列表页\controller-products-section-02-catalog.css
使用方法：用文本编辑器打开，全选复制文件全文，整体替换对应位置旧 CSS；不要添加 style 标签，不要拆分到其他组件。
本次更新：注释改为四类产品 Finder 通用说明；当前选择器仍为电源实例，样式规则未更改。
*/
/* 可读性更新：按用户要求放大辅助文字，保留原字体体系与卡片等高布局。 */
/* ==================================================
 产品 Finder 通用模板 · 02 Catalog（当前为 LED Controller 实例）
 粘贴位置：Catalog Section → Style → Custom CSS
 适用 Atomic Flexbox：& 代表当前 Catalog Section。
 本文件为该 Section 的唯一 CSS 维护文件，更新时整体替换。
 包含原生 Taxonomy Filter 与搜索输入框样式；搜索 HTML/脚本负责结构和交互。
 当前不含商品卡片样式或筛选逻辑，不修改首屏及全局页头页脚。
 ================================================== */


/* 01. 列表区背景与内部纵向排列 */
& {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 38px 0 76px !important;
background: #f4f7f9;
color: #101820;
font-family: "Inter", Arial, sans-serif;
}

& * { box-sizing: border-box; }

& .controller-products-catalog-inner {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: calc(100% - 96px) !important;
max-width: 1360px !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
}

/* 02. 工具栏：左侧说明、中间系列、右侧搜索。
 电源搜索提示包含型号、电压与功率示例，因此桌面搜索列使用 390px，
 避免 300px 旧宽度截断 placeholder；中间系列区域仍可自然换行。 */
& .controller-products-toolbar {
display: grid !important;
grid-template-columns: 170px minmax(0, 1fr) 300px !important;
grid-template-rows: auto !important;
align-items: start !important;
gap: 25px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-top: 1px solid #a9b7c0;
border-bottom: 1px solid #d9e1e7;
}

& .controller-products-series-label,
& .controller-products-search {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

/* 03. 左侧说明 */
& .controller-products-series-label { padding: 16px 0 !important; }

& .controller-products-series-eyebrow,
& .controller-products-series-eyebrow p {
margin: 0 !important;
color: #53636d !important;
font-family: "IBM Plex Mono", Consolas, monospace !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
letter-spacing: .06em;
}

& .controller-products-series-hint,
& .controller-products-series-hint p {
margin: 0 !important;
color: #68737d !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
}

& .controller-products-series-hint { margin-top: 5px !important; }

/* 04. 原生 Taxonomy Filter：自动匹配组件，无需添加专用类名。
 aria-pressed 由 Elementor 设置，CSS 只负责呈现真实选中状态。
 不使用 Atomic Custom CSS 曾拒绝的 hover / focus 伪状态。
 不移除浏览器原生键盘焦点轮廓。 */
& .controller-products-toolbar .elementor-widget-taxonomy-filter {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 6px 0 !important;
align-self: start !important;
}

& .controller-products-toolbar .elementor-widget-taxonomy-filter .elementor-widget-container {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

& .controller-products-toolbar .e-filter {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 8px 24px !important;
width: 100% !important;
min-width: 0 !important;
}

& .controller-products-toolbar .e-filter-item {
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 12px 0 !important;
border: 0 !important;
border-bottom: 2px solid transparent !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #53636d !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.5 !important;
letter-spacing: normal !important;
text-transform: none !important;
text-decoration: none !important;
white-space: normal !important;
overflow-wrap: anywhere;
cursor: pointer;
}

& .controller-products-toolbar .e-filter-item[aria-pressed="true"] {
color: #087dff !important;
border-bottom-color: #087dff !important;
}

/* 05. 搜索样式集中在本 Section；HTML 只负责 label 和 input。 */
& .controller-products-search-form {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 15px 0 !important;
}

& .controller-products-search-form label {
display: block;
margin: 0 0 7px !important;
color: #53636d !important;
font-family: "IBM Plex Mono", Consolas, monospace !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: .035em;
}

& .controller-products-search-form input[type="search"] {
display: block;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 44px !important;
margin: 0 !important;
padding: 0 12px !important;
border: 1px solid #bdcad3 !important;
border-radius: 0 !important;
background: transparent !important;
color: #101820 !important;
box-shadow: none !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: normal !important;
}

/* 06. 搜索 HTML 小工具占满所属列 */
& .controller-products-search-widget,
& .controller-products-search-widget .elementor-widget-container {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

/* 07. 已有后续容器只整理基础排列，内容样式后续补入本文件 */
& .controller-products-results-header,
& .controller-products-results,
& .controller-products-pagination {
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

& .controller-products-results {
display: flex !important;
flex-direction: column !important;
}

/* 结果标题与商品网格：标题行在上，商品区域单独占满内容宽度 */
& .controller-products-results-header {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px 20px !important;
padding: 22px 0 !important;
}
& .controller-products-collection-title {
width: auto !important;
margin: 0 !important;
}
& .controller-products-collection-title,
& .controller-products-collection-title .elementor-heading-title {
margin: 0 !important;
color: #101820 !important;
font-family: "Manrope", Arial, sans-serif !important;
font-size: 22px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
letter-spacing: -.025em !important;
}
& .controller-products-result-count,
& .controller-products-result-count p {
width: auto !important;
margin: 0 !important;
color: #68737d !important;
font-size: 15px !important;
line-height: 1.6 !important;
}
& .controller-products-results {
align-items: stretch !important;
gap: 0 !important;
}

/* 空结果区：0.2.0 根据已验证查询控制 hidden；失败不能冒充零结果。 */
& .controller-products-empty {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 70px 20px !important;
border: 1px solid #d9e1e7 !important;
background: #fff !important;
text-align: center !important;
}
& .controller-products-empty-title,
& .controller-products-empty-description {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
& .controller-products-empty .elementor-widget-container {
margin: 0 !important;
padding: 0 !important;
}
& .controller-products-empty-title,
& .controller-products-empty-title .elementor-heading-title {
margin: 0 !important;
color: #101820 !important;
font-family: "Manrope", Arial, sans-serif !important;
font-size: 28px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
text-align: center !important;
}
& .controller-products-empty-description,
& .controller-products-empty-description p {
margin: 0 !important;
color: #68737d !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
text-align: center !important;
}
& .controller-products-empty-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 14px;
}
& .controller-products-empty-actions[hidden],
& .controller-products-empty-actions button[hidden] {
display: none !important;
}
& .controller-products-empty-actions button {
min-height: 44px;
margin: 0;
padding: 10px 18px;
border-radius: 0;
box-shadow: none;
font-family: "Inter", Arial, sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
cursor: pointer;
}
& .controller-products-empty-search-all {
border: 1px solid #087dff;
background: #087dff;
color: #fff;
}
& .controller-products-empty-clear {
border: 1px solid #bdcad3;
background: transparent;
color: #101820;
}
/* 为后续动态显示预留接口，hidden 为真实状态，不固定隐藏提示。 */
& .controller-products-empty[hidden],
& .controller-products-loop[hidden] { display: none !important; }

/* 0.2.0 原生筛选协作：此 Section 是唯一交互样式来源。 */
& .psu-finder-state[hidden] { display: none !important; }
& .psu-finder-status {
margin: 0 !important;
color: #53636d !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
& [aria-busy="true"] { cursor: progress; }
&[aria-busy="true"] .controller-products-loop,
&[aria-busy="true"] .controller-products-empty,
&[aria-busy="true"] .controller-products-pagination,
&[aria-busy="true"] .controller-products-results-header,
&[data-psu-error="true"] .controller-products-loop,
&[data-psu-error="true"] .controller-products-pagination,
&[data-psu-error="true"] .controller-products-results-header {
visibility: hidden !important;
}
& .controller-products-pagination {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
margin-top: 32px !important;
padding-top: 22px !important;
border-top: 1px solid #d9e1e7;
}
& .controller-products-pagination[hidden] { display: none !important; }
& .controller-products-result-range,
& .controller-products-page-nav {
width: auto !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
& .controller-products-page-nav nav {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
& .controller-products-page-nav a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
color: #53636d;
border: 1px solid transparent;
font-size: 15px;
text-decoration: none;
}
& .controller-products-page-nav a[aria-current="page"] {
border-color: #101820;
color: #101820;
}

& .controller-products-loop,
& .controller-products-loop > .elementor-widget-container {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* 对应已添加的 Loop Grid 小工具；不在 CSS 中生成任何商品 */
& .controller-products-loop .elementor-loop-container {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
align-items: stretch !important;
gap: 20px 10px !important;
width: 100% !important;
min-width: 0 !important;
}
/* 同排等高：让 Loop Grid 的商品模板包装层拉伸。
 不固定像素高度，不因名称较长而裁切内容。
 内层卡片通过 flex 与 height:100% 填满此空间。
 单独编辑模板时不以编辑框高度作为验收，返回列表检查。 */
& .controller-products-loop .elementor-loop-container > .e-loop-item {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
align-self: stretch !important;
min-width: 0 !important;
}
/* 兼容循环项内额外的 Elementor 模板包装层 */
& .controller-products-loop .elementor-loop-container > .e-loop-item > .elementor {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
flex: 1 1 auto !important;
width: 100% !important;
min-width: 0 !important;
}
@media (min-width: 1700px) {
& .controller-products-loop .elementor-loop-container {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}
@media (max-width: 1100px) {
& .controller-products-loop .elementor-loop-container {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 700px) {
& .controller-products-loop .elementor-loop-container {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
}
& .controller-products-collection-title,
& .controller-products-collection-title .elementor-heading-title {
  font-size: 19px !important;
}
}
/* 08. 宽屏与首屏内容宽度对齐 */
@media (min-width: 1700px) {
& .controller-products-catalog-inner {
  width: calc(100% - 160px) !important;
  max-width: 1600px !important;
}
}

@media (min-width: 1101px) and (max-width: 1400px) {
& .controller-products-toolbar {
  grid-template-columns: 135px minmax(0, 1fr) 255px !important;
  gap: 18px !important;
}
}

/* 09. 平板：搜索另占一行 */
@media (max-width: 1100px) {
& .controller-products-toolbar {
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 18px !important;
}
& .controller-products-search { grid-column: 1 / -1 !important; }
& .controller-products-search-form { padding: 0 0 16px !important; }
}

/* 10. 手机：说明、系列、搜索依次向下，系列可自动换行 */
@media (max-width: 700px) {
& { padding: 18px 0 44px !important; }

& .controller-products-catalog-inner {
  width: calc(100% - 32px) !important;
}

& .controller-products-toolbar {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

& .controller-products-series-label {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 0 0 !important;
}

& .controller-products-series-eyebrow,
& .controller-products-series-hint { width: auto !important; }
& .controller-products-series-hint { margin-top: 0 !important; }

& .controller-products-toolbar .e-filter { gap: 6px 18px !important; }
& .controller-products-toolbar .e-filter-item { font-size: 15px !important; }
& .controller-products-search-form { padding-top: 10px !important; }
}\n}.elementor .e-f67bf15-5f6d961{/*
【产品 Finder 通用模板说明｜更新日期 2026-09-11】
模板用途：产品列表页 Section 03 Inquiry，可复用于 COB LED Strip、LED Controller、LED Controller 与 Aluminum Profile。
当前实例：LED Controller Products → Inquiry Section。
粘贴位置：Controller Products Section 03 Inquiry → Style → Custom CSS。
作用范围：深色咨询区、标题、说明和 CTA 布局；不负责 Catalog、商品查询、表单处理或网站全局 Footer。
跨产品线复用：保留布局与字体体系，复制时替换类名前缀，并在 Elementor 中替换对应产品线的咨询文案、按钮文字和目标链接。
交互边界：按钮跳转由 Elementor 链接设置负责，本文件不写业务链接或提交逻辑。
完整本地路径：C:\Users\Bylen\Documents\ChatGPT\LED 官网项目\modules\LED Controller\03-产品列表页\controller-products-section-03-inquiry.css
使用方法：用文本编辑器打开，全选复制文件全文，整体替换对应位置旧 CSS；不要添加 style 标签，不要拆分到其他组件。
本次更新：注释改为四类产品 Finder 通用说明；当前选择器仍为电源实例，样式规则未更改。
*/
/* ==================================================
 产品 Finder 通用模板 · 03 Inquiry（当前为 LED Controller 实例）
 粘贴位置：Inquiry Section → Style → Custom CSS。
 适用 Atomic Flexbox：& 表示当前 Inquiry Section。
 全部复制，不加 style 标签；更新时整体替换，不叠加。
 仅负责咨询区，不修改网站全局页脚或其他 Section。
 不包含 hover / focus 等当前编辑器禁止的伪状态。
 字体须由站点加载：Inter / Manrope / IBM Plex Mono。
 ================================================== */

/* 01. 深色全宽背景与纵向基础布局 */
& {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 67px 0 !important;
background: #080b0e !important;
color: #fff;
font-family: "Inter", Arial, sans-serif;
}
& * { box-sizing: border-box; }

/* 02. 内容容器：左标题、右介绍及按钮 */
& .controller-products-inquiry-inner {
display: grid !important;
grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
grid-template-rows: auto !important;
align-items: center !important;
gap: 85px !important;
width: calc(100% - 96px) !important;
max-width: 1360px !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
}
& .controller-products-inquiry-heading,
& .controller-products-inquiry-copy {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 0 !important;
width: 100% !important;
min-width: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

/* 03. 清理内部小工具默认间距 */
& .elementor-widget-container {
margin: 0 !important;
padding: 0 !important;
}
& p { margin: 0 !important; }
& .controller-products-inquiry-eyebrow,
& .controller-products-inquiry-description {
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
}

/* 04. 左侧小标题 */
& .controller-products-inquiry-eyebrow { margin: 0 0 18px !important; }
& .controller-products-inquiry-eyebrow,
& .controller-products-inquiry-eyebrow p {
color: #00a9e8 !important;
font-family: "IBM Plex Mono", Consolas, monospace !important;
font-size: 11px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
letter-spacing: .13em !important;
text-transform: uppercase !important;
}

/* 05. 咨询主标题
 与当前已确认的 COB 页面保持一致：Heading 使用 H2，元素不添加产品线 Class，
 由网站全局 H2 样式控制颜色、字号、字重与行高。本 Section 不重复覆盖。 */

/* 06. 右侧介绍 */
& .controller-products-inquiry-description {
max-width: 450px !important;
margin: 0 !important;
}
& .controller-products-inquiry-description,
& .controller-products-inquiry-description p {
color: #aeb8c0 !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.8 !important;
letter-spacing: normal !important;
}

/* 07. 橙色咨询按钮：对应截图中的原生 Button 小工具 */
& .controller-products-inquiry-button {
width: auto !important;
max-width: 100% !important;
margin: 24px 0 0 !important;
padding: 0 !important;
}
& .controller-products-inquiry-button .elementor-button {
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
margin: 0 !important;
padding: 17px 22px !important;
border: 0 !important;
border-radius: 0 !important;
background: #f59a00 !important;
color: #080b0e !important;
box-shadow: none !important;
font-family: "Inter", Arial, sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 1.6 !important;
letter-spacing: normal !important;
text-decoration: none !important;
}
& .controller-products-inquiry-button .elementor-button-content-wrapper {
align-items: center;
gap: 35px;
}

/* 08. 宽屏：内容宽度与首屏、列表区一致 */
@media (min-width: 1700px) {
& .controller-products-inquiry-inner {
  width: calc(100% - 160px) !important;
  max-width: 1600px !important;
}
}

/* 09. 手机：标题、介绍和按钮由上至下排列 */
@media (max-width: 700px) {
& { padding: 44px 0 !important; }
& .controller-products-inquiry-inner {
  width: calc(100% - 32px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px !important;
}
}\n}.elementor .e-e28b941{flex-direction:column;/*
【产品 Finder 通用模板说明｜更新日期 2026-09-11】
模板用途：产品列表页最外层布局骨架，可复用于 COB LED Strip、LED Controller、LED Controller 与 Aluminum Profile。
当前实例：LED Controller Products Page。
粘贴位置：LED Controller Products Page Wrapper → Style → Custom CSS。
作用范围：只控制 Intro、Catalog、Inquiry 三个一级 Section 的纵向排列和全宽行为，不负责任一 Section 的内部样式。
跨产品线复用：保留布局规则，将页面类名及三个 Section 类名前缀统一替换为目标产品线前缀；不能混用 `.cob-products-*` 与 `.controller-products-*`。
维护边界：外层公共布局只维护在本文件，不在三个 Section 中重复覆盖页面 Wrapper。
完整本地路径：C:\Users\Bylen\Documents\ChatGPT\LED 官网项目\modules\LED Controller\03-产品列表页\controller-products-page-base.css
使用方法：用文本编辑器打开，全选复制文件全文，整体替换对应位置旧 CSS；不要添加 style 标签，不要拆分到其他组件。
本次更新：注释改为四类产品 Finder 通用说明；当前选择器仍为电源实例，样式规则未更改。
*/
/* 产品 Finder 通用骨架 · 当前为 LED Controller 实例
 & 代表当前页面最外层 Atomic Flexbox；.controller-products-* 只属于电源页面。
 复制给 COB / Controller / Aluminum Profile 时必须整体替换前缀，不能只改 Structure 显示名称。
*/
&,
& > .e-con-inner {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
& .controller-products-intro,
& .controller-products-catalog,
& .controller-products-inquiry {
width: 100% !important;
max-width: none !important;
flex: 0 0 auto !important;
align-self: stretch !important;
margin: 0 !important;
}\n}