/* ============================================================
   WES L2 列表页 + 产品卡 · 独立样式（子主题加载，非 Site CSS）
   由 snippets/13-l2-archive-helpers.php 的 wp_enqueue_scripts 在产品页加载。
   ⚠ 迁移：本文件接管后，请把 Site CSS 里的「§I 产品卡+网格」和「.wes-l2-* 归档页」两大块删除（防重复）。
   ============================================================ */

/* ====== 归档网格：桌面 3 / 平板 2 / 手机 1，卡片封顶 380px ====== */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 380px)) !important;
  gap: 20px !important; margin: 0;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { width: auto !important; max-width: none !important; margin: 0 !important; float: none !important; }
@media (max-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 380px)) !important; } }
@media (max-width: 600px)  { .woocommerce ul.products { grid-template-columns: 1fr !important; } }

/* ====== 产品卡 ====== */
.wes-product-card { height: 100%; display: flex; flex-direction: column; overflow: hidden; border-radius: 16px; background: #fff; border: 1px solid #E8EDF3; transition: transform .3s ease, box-shadow .3s ease; }
.wes-product-card:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(13,27,42,.10); }
.wes-product-card-img { position: relative; aspect-ratio: 16 / 10; background: var(--hub-soft, #F5F8FB); overflow: hidden; }
.wes-product-card-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; filter: brightness(.92) saturate(.85); transition: transform .5s ease; }
.wes-product-card:hover .wes-product-card-img img { transform: scale(1.04); }
.wes-product-card-badges { position: absolute; top: 12px; left: 12px; z-index: 3; display: flex; gap: 6px; }
.wes-product-badge-new { padding: 2px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; color: #fff; background: var(--hub-blue, #2196F3); letter-spacing: .04em; }
.wes-product-card-body { flex: 1; display: flex; flex-direction: column; padding: 16px; }
.wes-product-card-model { margin: 0 0 2px; font-size: 11px; font-weight: 700; color: var(--hub-blue, #2196F3); }
.wes-product-card-title { margin: 0 0 12px; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--hub-navy, #0D1B2A); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wes-product-card-specs { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 12px; row-gap: 6px; margin-bottom: 12px; }
.wes-product-card-spec-label { display: block; font-size: 10px; color: #90A4AE; }
.wes-product-card-spec-value { display: block; font-size: 12px; font-weight: 500; color: #37474F; }
.wes-product-card-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 12px; }
.wes-product-card-tag { padding: 2px 8px; border-radius: 4px; background: rgba(33,150,243,.06); color: var(--hub-blue, #2196F3); border: 1px solid rgba(33,150,243,.18); font-size: 10px; font-weight: 500; white-space: nowrap; }
.wes-product-card-cta { margin-top: auto; padding-top: 12px; border-top: 1px solid #EEF2F7; display: flex; gap: 8px; }
.wes-product-card-cta-detail, .wes-product-card-cta-inquiry { flex: 1; padding: 8px 0; border-radius: 8px; font-size: 12px; font-weight: 700; text-align: center; line-height: 1.2; border: none; cursor: pointer; transition: opacity .2s ease, background .2s ease; }
.wes-product-card-cta-detail { background: var(--hub-soft, #F5F8FB); color: #607D8B; text-decoration: none; }
.wes-product-card-cta-detail:hover { background: #EEF2F7; color: var(--hub-navy, #0D1B2A); }
.wes-product-card-cta-inquiry { background: var(--hub-blue, #2196F3); color: #fff; }
.wes-product-card-cta-inquiry:hover { opacity: .90; }
.woocommerce ul.products li.product .wes-product-card-title { margin: 0 0 12px; padding: 0; font-size: 14px; }

/* ====== Hero（深色头，横向：内容左 + 按钮右）====== */
.wes-l2-hero { position: relative; background: linear-gradient(160deg, #0D1B2A 0%, #14253b 60%, #102033 100%); color: #fff; }
/* Figma：hero 底部 32px 渐变过渡到列表区底色 #f5f8fb（深→浅柔化）*/
.wes-l2-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 32px; pointer-events: none; background: linear-gradient(to bottom, transparent, #f5f8fb); }
.wes-l2-hero-inner { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; padding: 28px 24px 40px; }
/* 列表区底色 #f5f8fb（全宽浅灰，让白卡/白筛选盒浮起）*/
.wes-l2-listing { background: #f5f8fb; }
.wes-l2-crumb, .wes-l2-crumb a { color: rgba(255,255,255,.55); font-size: 13px; }
.wes-l2-crumb a:hover { color: rgba(255,255,255,.85); }
.wes-l2-crumb { margin-bottom: 22px; }
.wes-l2-hero-row { display: flex; flex-direction: column; gap: 24px; }
.wes-l2-hero-main { min-width: 0; }
@media (min-width: 1024px) {
  .wes-l2-hero-row { flex-direction: row; align-items: flex-end; justify-content: space-between; }
  .wes-l2-hero-main { max-width: 720px; }
  .wes-l2-hero-cta { align-self: flex-end; }
}
.wes-l2-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.wes-l2-kicker-icon { width: 32px; height: 32px; flex-shrink: 0; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: rgba(91,176,247,.16); color: #5BB0F7; }
.wes-l2-kicker-text { font-size: 13px; font-weight: 700; letter-spacing: .04em; color: #5BB0F7; }
.wes-l2-title { margin: 0 0 14px; color: #fff; font-weight: 700; font-size: clamp(30px, 4vw, 46px); line-height: 1.1; }
.wes-l2-subtitle { margin: 0 0 20px; max-width: 760px; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.66); }
/* Hero 胶囊（1:1 Figma：px-3 py-1 / text-xs / bg .08 border .12 文字 .75 / BadgeCheck 12px）*/
.wes-l2-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 0; }
.wes-l2-chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; color: rgba(255,255,255,.75); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); }
.wes-l2-chip::before { content: ""; width: 12px; height: 12px; flex-shrink: 0; background: no-repeat center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235BB0F7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
/* #5 两按钮等宽：inline-grid 等宽列（都等于较宽那个），shrink-wrap 不撑满 */
.wes-l2-hero-cta { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 12px; flex-shrink: 0; }

/* ====== 按钮（1:1 Figma；!important 穿透 .elementor-kit-6 button 的 1em/2em padding 等默认）====== */
.wes-l2-btn-primary { box-sizing: border-box !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 0 !important; padding: 10px 20px !important; border-radius: 12px !important; border: none !important; cursor: pointer; background: var(--hub-blue, #2196F3) !important; color: #fff !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; box-shadow: none !important; transition: filter .2s ease; }
.wes-l2-btn-primary:hover { filter: brightness(1.06); box-shadow: none !important; transform: none !important; } /* Figma 无 hover：去阴影去位移，仅极轻提亮 */
.wes-l2-btn-ghost { box-sizing: border-box !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 0 !important; padding: 10px 16px !important; border-radius: 12px !important; cursor: pointer; background: transparent !important; color: rgba(255,255,255,.7) !important; border: 1px solid rgba(255,255,255,.18) !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.4 !important; box-shadow: none !important; text-decoration: none; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.wes-l2-btn-ghost:hover { background: rgba(255,255,255,.06) !important; color: rgba(255,255,255,.92) !important; border-color: rgba(255,255,255,.3) !important; transform: none !important; box-shadow: none !important; }
.wes-l2-btn-icon { width: 16px !important; height: 16px !important; flex-shrink: 0; }

/* ====== Body 2 栏 ====== */
.wes-l2-body { max-width: 1280px; margin: 0 auto; padding: 28px 24px 56px; display: grid; grid-template-columns: 260px 1fr; gap: 28px; align-items: start; }
.wes-l2-body--full { grid-template-columns: 1fr; }
@media (max-width: 1024px) { .wes-l2-body, .wes-l2-body--full { grid-template-columns: 1fr; } .wes-l2-filter { position: static; } }

/* ====== 筛选侧栏（ShopLentor .wlpf-* 上妆 → Figma）====== */
.wes-l2-filter { position: sticky; top: 90px; background: #fff; border: 1px solid var(--hub-line, #E8EDF3); border-radius: 16px; overflow: hidden; padding: 0; }
.wes-l2-filter:empty { display: none; }

/* 整合：ShopLentor 组/facet 容器去自带背景/边框/外边距/圆角，贴合 .wes-l2-filter 这一个白盒（消除"筛选"灰盒与下方脱节）*/
.wes-l2-filter .wlpf-group-wrap,
.wes-l2-filter .wlpf-group-content,
.wes-l2-filter .wlpf-filter-wrap,
.wes-l2-filter .wlpf-filter-content { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
.wes-l2-filter .wlpf-group-wrap { border: none !important; margin: 0 !important; padding: 0 !important; }
.wes-l2-filter .wlpf-filter-wrap { margin: 0 !important; }

/* #3 组头 = Figma「筛选」：组 Label 后台改为「筛选」+ 前置 SlidersHorizontal 图标。建议组 Collapsible=No */
.wes-l2-filter .wlpf-group-header { padding: 13px 16px !important; margin: 0 !important; background: transparent !important; border: none !important; border-bottom: 1px solid #EEF2F7 !important; border-radius: 0 !important; }
.wes-l2-filter .wlpf-group-label-text { display: inline-flex !important; align-items: center; gap: 8px; font-size: 14px !important; font-weight: 600 !important; color: #1a2332 !important; }
.wes-l2-filter .wlpf-group-label-text::before { content: ""; width: 16px; height: 16px; flex-shrink: 0; background: no-repeat center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23607D8B' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E"); }

/* #3 去掉"筛选"与首个 facet、各 facet 之间的多余纵向留白（彻底清容器 padding/margin，只留 header 自身 padding）*/
.wes-l2-filter .wlpf-group-content,
.wes-l2-filter .wlpf-filter-wrap,
.wes-l2-filter .wlpf-filter-content,
.wes-l2-filter .wlpf-filter { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.wes-l2-filter .wlpf-filter-wrap { border-bottom: 1px solid #EEF2F7; }
.wes-l2-filter .wlpf-filter-wrap:last-child { border-bottom: none; }
/* facet 头部（真实类 .wlpf-filter-header）整行可点（配 snippets/13 的 JS）*/
.wes-l2-filter .wlpf-filter-header { display: flex !important; align-items: center; justify-content: space-between; padding: 12px 16px !important; margin: 0 !important; cursor: pointer; transition: background .15s ease; }
.wes-l2-filter .wlpf-filter-header:hover { background: #f9fbff !important; }
/* #1 facet 标题 = 与「筛选」同字号 14px/#1a2332；广谱命中标题文字元素(排除图标)，不确定确切类名也能中 */
.wes-l2-filter .wlpf-filter-header,
.wes-l2-filter .wlpf-filter-label,
.wes-l2-filter .wlpf-filter-title { font-size: 14px !important; font-weight: 500 !important; color: #1a2332 !important; }
.wes-l2-filter .wlpf-filter-header :where(span, a, label, h2, h3, h4, h5, h6, strong, p, div):not([class*="icon"]):not([class*="collapse"]) { font-size: 14px !important; font-weight: 500 !important; color: #1a2332 !important; }

/* #5 折叠箭头：裸 chevron，去掉方框/底色/阴影 */
.wes-l2-filter [class*="collapse-button"],
.wes-l2-filter button[class*="collapse"],
.wes-l2-filter .wlpf-icon { background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; width: auto !important; height: auto !important; color: #90A4AE !important; }

/* 选项行（真实类）：列表内边距 + #1 复选框与文字间距 */
.wes-l2-filter .wlpf-terms-list { padding: 4px 16px 12px !important; margin: 0 !important; list-style: none !important; }
.wes-l2-filter .wlpf-term-item { padding: 3px 0 !important; margin: 0 !important; list-style: none !important; }
.wes-l2-filter .wlpf-term-content,
.wes-l2-filter .wlpf-term-label-wrap { display: flex !important; align-items: center !important; gap: 10px !important; }
.wes-l2-filter .wlpf-term-label { display: inline-flex !important; align-items: center; margin: 0 !important; cursor: pointer; }

/* #2 选项文字 = .wlpf-term-info */
.wes-l2-filter .wlpf-term-info { font-size: 14px !important; color: #546E7A !important; transition: color .15s ease; }
.wes-l2-filter .wlpf-term-item:hover .wlpf-term-info { color: #1a2332 !important; }

/* #6 复选框：视觉是 .wlpf-term-box（span）；真 input=.wlpf-term-field 保持 ShopLentor 隐藏（不再用错误的 input 规则造幽灵框）。把 box 改成 Figma 蓝勾，盖掉绿勾背景图 */
.wes-l2-filter .wlpf-term-box { width: 16px !important; height: 16px !important; flex-shrink: 0; margin: 0 !important; border: 1px solid #CBD5E0 !important; border-radius: 4px !important; background: #fff !important; background-image: none !important; box-shadow: none !important; position: relative; transition: background .15s ease, border-color .15s ease; }
.wes-l2-filter .wlpf-term-field:checked ~ .wlpf-term-box,
.wes-l2-filter .wlpf-term-item[class*="checked"] .wlpf-term-box,
.wes-l2-filter .wlpf-term-item[class*="selected"] .wlpf-term-box { background: var(--hub-blue, #2196F3) !important; background-image: none !important; border-color: var(--hub-blue, #2196F3) !important; }
.wes-l2-filter .wlpf-term-field:checked ~ .wlpf-term-box::after,
.wes-l2-filter .wlpf-term-item[class*="checked"] .wlpf-term-box::after,
.wes-l2-filter .wlpf-term-item[class*="selected"] .wlpf-term-box::after { content: "" !important; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
/* ====== 已选筛选 tag（自建，JS 在 snippets/13 wp_footer）→ 1:1 Figma：gap-1.5 px-2.5 py-1 text-xs，前置 Tag 图标，裸 × ====== */
.wes-l2-active { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; }
.wes-l2-active-chip { display: inline-flex !important; align-items: center; gap: 6px; min-height: 0 !important; padding: 4px 10px !important; border-radius: 999px !important; border: none !important; cursor: pointer; background: var(--hub-blue, #2196F3) !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.5 !important; box-shadow: none !important; transition: filter .15s ease; }
.wes-l2-active-chip:hover { filter: brightness(1.06); transform: none !important; box-shadow: none !important; }
.wes-l2-active-chip svg { width: 12px !important; height: 12px !important; flex-shrink: 0; }
.wes-l2-active-chip .tag { opacity: .7; }
.wes-l2-active-chip .x { opacity: .85; margin-left: 1px; }
.wes-l2-active-chip:hover .x { opacity: 1; }
/* 清除全部：Figma 是 header 里的浅灰文字 + X，hover 转红（我们放 chips 行尾）。去掉 Elementor 默认按钮蓝底 */
.wes-l2-active-clear { display: inline-flex !important; align-items: center; gap: 4px; min-height: 0 !important; background: none !important; border: none !important; box-shadow: none !important; cursor: pointer; color: #90A4AE !important; font-size: 12px !important; font-weight: 500 !important; padding: 4px 6px !important; border-radius: 0 !important; transition: color .15s ease; }
.wes-l2-active-clear svg { width: 12px !important; height: 12px !important; flex-shrink: 0; }
.wes-l2-active-clear:hover { color: #EF4444 !important; transform: none !important; }

/* ====== 工具条（#4#5 对齐 Figma）======
   ⚠ 全部挂 .wes-l2-main，不挂 .wes-l2-toolbar：筛选 AJAX 后 ShopLentor 把 .wes-l2-main 内容
   换成 .woocommerce 原生结构（.wes-l2-toolbar 包裹层消失），挂 .wes-l2-main 才能初始+AJAX 都生效。
   布局沿用 WC 原生 float（count 左 / ordering 右），chips 与产品网格 clear 掉浮动落到下一行。 */
.wes-l2-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.wes-l2-main .woocommerce-result-count { margin: 0 !important; display: inline-flex !important; align-items: center; gap: 6px; color: #607D8B !important; font-size: 14px !important; line-height: 1.6 !important; }
.wes-l2-main .woocommerce-result-count::before { content: ""; width: 14px; height: 14px; flex-shrink: 0; background: no-repeat center/contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23607D8B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.wes-l2-main .woocommerce-result-count strong { color: #1a2332 !important; font-weight: 700 !important; }
.wes-l2-main .woocommerce-ordering { margin: 0 0 18px !important; }
.wes-l2-main select.orderby { border: 1px solid var(--hub-line, #E8EDF3) !important; border-radius: 12px !important; padding: 8px 32px 8px 12px !important; font-size: 14px !important; line-height: 1.4 !important; background-color: #fff !important; color: #546E7A !important; cursor: pointer; min-height: 0 !important; height: auto !important; }
.wes-l2-main .wes-l2-active { clear: both; }
.wes-l2-main ul.products { clear: both; }

/* ====== 分页（#3 去整体外框，只留每个页码按钮）====== */
.wes-l2-main .woocommerce-pagination,
.wes-l2-main nav.woocommerce-pagination { margin-top: 32px; text-align: center; border: none !important; background: none !important; }
.wes-l2-main .woocommerce-pagination ul { display: inline-flex; gap: 6px; border: none !important; background: none !important; margin: 0; padding: 0; }
.wes-l2-main .woocommerce-pagination ul li { border: none !important; background: none !important; margin: 0; overflow: visible; }
/* #3 页码：无框数字 + hover 浅底 + 当前页蓝胶囊（去掉每个数字的方框，更贴整体高级感）*/
.wes-l2-main .woocommerce-pagination a,
.wes-l2-main .woocommerce-pagination span { min-width: 38px; height: 38px; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 10px !important; border: none !important; background: transparent !important; color: var(--hub-navy, #0D1B2A) !important; font-size: 14px !important; font-weight: 500 !important; padding: 0 8px !important; transition: background .15s ease, color .15s ease; }
.wes-l2-main .woocommerce-pagination a:hover { background: #eef2f7 !important; }
.wes-l2-main .woocommerce-pagination span.current { background: var(--hub-blue, #2196F3) !important; color: #fff !important; font-weight: 700 !important; }
.wes-l2-main .woocommerce-pagination .next, .wes-l2-main .woocommerce-pagination .prev { color: var(--hub-muted, #607D8B) !important; }

/* 承接页（含 ShopLentor AJAX 的 .products-not-found 容器）全宽，内容居中 */
.wes-l2-main .products-not-found { width: 100%; }

/* ====== 空状态 ====== */
.wes-l2-empty { text-align: center; padding: 56px 24px; background: #fff; border: 1px solid var(--hub-line, #E8EDF3); border-radius: 16px; }
.wes-l2-empty-icon { color: #B0C0D0; margin-bottom: 16px; }
.wes-l2-empty-title { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--hub-navy, #0D1B2A); }
.wes-l2-empty-sub { margin: 0 auto 22px; max-width: 420px; font-size: 14px; line-height: 1.7; color: var(--hub-muted, #607D8B); }
.wes-l2-empty-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.wes-l2-empty .wes-l2-btn-ghost { color: var(--hub-muted, #607D8B); border-color: var(--hub-line, #E8EDF3); }
.wes-l2-empty .wes-l2-btn-ghost:hover { background: #f5f8fb; color: var(--hub-navy, #0D1B2A); }

/* ====== 交互/动效（对齐 Figma Framer Motion）====== */
/* #2 筛选/翻页后卡片淡入上移（CSS stagger，近似 Figma layout + 逐卡延迟）。新卡是全新 DOM → 动画自动播 */
@keyframes wes-card-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .wes-l2-main ul.products li.product { animation: wes-card-in .35s cubic-bezier(.16,1,.3,1) both; }
  .wes-l2-main ul.products li.product:nth-child(1) { animation-delay: 0s; }
  .wes-l2-main ul.products li.product:nth-child(2) { animation-delay: .03s; }
  .wes-l2-main ul.products li.product:nth-child(3) { animation-delay: .06s; }
  .wes-l2-main ul.products li.product:nth-child(4) { animation-delay: .09s; }
  .wes-l2-main ul.products li.product:nth-child(5) { animation-delay: .12s; }
  .wes-l2-main ul.products li.product:nth-child(6) { animation-delay: .15s; }
  .wes-l2-main ul.products li.product:nth-child(7) { animation-delay: .18s; }
  .wes-l2-main ul.products li.product:nth-child(8) { animation-delay: .21s; }
  .wes-l2-main ul.products li.product:nth-child(9) { animation-delay: .24s; }
}
/* #5 整卡可点进详情（JS 在 snippets/13；询价/按钮/链接 不被劫持）*/
.wes-l2-main .wes-product-card { cursor: pointer; }
/* #1 折叠尽量贴 Figma 200ms（仅 ShopLentor 用 CSS 过渡时生效；若为 jQuery slide 则 CSS 无效，需另调）*/
.wes-l2-filter .wlpf-filter-content { transition-duration: .2s !important; }

/* ====== §3 常驻底部 CTA Bar（Figma slim bottom bar · 非标/OEM 兜底询盘）====== */
.wes-l2-ctabar { border-top: 1px solid var(--hub-line, #E8EDF3); background: #fff; }
.wes-l2-ctabar-inner { max-width: 1280px; margin: 0 auto; padding: 20px 24px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px; }
@media (min-width: 640px) { .wes-l2-ctabar-inner { flex-direction: row; } }
.wes-l2-ctabar-text { margin: 0; font-size: 14px; line-height: 1.6; color: #607D8B; text-align: center; }
@media (min-width: 640px) { .wes-l2-ctabar-text { text-align: left; } }
.wes-l2-ctabar-actions { display: flex; flex-shrink: 0; gap: 12px; }
.wes-l2-ctabar-ghost { display: inline-flex !important; align-items: center; gap: 6px; padding: 8px 16px !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 600 !important; color: #607D8B !important; background: #f5f8fb !important; border: none !important; box-shadow: none !important; text-decoration: none; min-height: 0 !important; transition: background .15s ease; }
.wes-l2-ctabar-ghost:hover { background: #eef2f7 !important; }
.wes-l2-ctabar-primary { display: inline-flex !important; align-items: center; gap: 8px; padding: 8px 20px !important; border-radius: 12px !important; font-size: 14px !important; font-weight: 600 !important; color: #fff !important; background: var(--hub-blue, #2196F3) !important; border: none !important; box-shadow: none !important; cursor: pointer; min-height: 0 !important; transition: filter .15s ease; }
.wes-l2-ctabar-primary:hover { filter: brightness(1.06); }
.wes-l2-ctabar-ghost svg, .wes-l2-ctabar-primary svg { width: 14px; height: 14px; flex-shrink: 0; }