/* ==========================================================================
   index.css — 分类页（目录分类 / 产品子分类）专用样式  v1.0  2026-09-04
   ZenCart 按页自动加载：main_page=index 时 html_header.php 会挂上本文件。
   规矩：PHP 模板不写一行 style；所有规则限定在 .sll-cat 容器内，不影响首页。
   配色/字体沿用已定稿的附加页体系（蓝 #1B5FA8 · 墨 #0D1B2A · Radio Canada Big）。
   工具条（排序/数量/视图/分页）的规则在 product_grid_view.css —— 那个文件随列表模块走，搜索页也用。
   ========================================================================== */
:root{
  --sll-ink:#0d1b2a; --sll-text:#4b5563; --sll-muted:#6b7280; --sll-line:#e5e7eb; --sll-line-2:#f1f3f6;
  --sll-paper:#ffffff; --sll-wash:#f3f6fa; --sll-brand:#1b5fa8; --sll-brand-deep:#164e8a; --sll-brand-tint:#e9f1fb;
  --sll-amber:#f59e0b; --sll-amber-tint:#fff7ed; --sll-amber-deep:#7c2d12;
  --sll-link:#1b5fa8; --sll-price:#16a34a;
  --sll-font-head:"Radio Canada Big",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --sll-font-body:"Radio Canada Big",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --sll-max:1360px; --sll-gutter:24px; --sll-radius:12px;
}
.sll-cat{font-family:var(--sll-font-body);color:var(--sll-text);font-size:16px;line-height:1.6;background:var(--sll-paper);text-align:left}   /* .body_bg 是 text-align:center，这里拉回左对齐 */
.sll-cat *,.sll-cat *::before,.sll-cat *::after{box-sizing:border-box}
.sll-cat img{max-width:100%;height:auto}
.sll-cat a{color:var(--sll-link)}
.sll-wrap{max-width:var(--sll-max);margin:0 auto;padding:0 var(--sll-gutter)}

/* ---------- 面包屑 + H1 区 ---------- */
.sll-crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:14px;color:var(--sll-muted);padding:14px 0 6px;list-style:none;margin:0}
.sll-crumbs li+li::before{content:"›";margin-right:10px;color:#b9b2a5}
.sll-crumbs a{color:var(--sll-muted);text-decoration:none}
.sll-crumbs a:hover{color:var(--sll-brand)}
.sll-crumbs li:last-child{color:var(--sll-ink)}
.sll-head{display:grid;grid-template-columns:1fr auto;gap:12px 32px;align-items:end;padding:6px 0 18px;border-bottom:1px solid var(--sll-line);margin-bottom:10px}
.sll-cat .sll-head,.sll-cat .sll-head h1,.sll-cat .sll-head .sll-kicker{text-align:left}
.sll-cat .sll-head h1{border:0 !important;padding:0 !important;background:none !important}   /* 老 h1 规则自带的半截下划线去掉 */   /* 老 stylesheet.css 给 h1/#productListHeading 居中 */
.sll-head h1{font-family:var(--sll-font-head);font-weight:700;font-size:36px;line-height:1.15;letter-spacing:-.01em;color:var(--sll-ink);margin:0;text-wrap:balance}
.sll-head .sll-kicker{display:block;font-family:var(--sll-font-body);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--sll-brand);margin-bottom:8px;font-weight:600}
.sll-head>div{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.sll-head .sll-count{font-size:14px;color:var(--sll-muted);margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.sll-head .sll-catimg img{display:block;max-height:90px;width:auto}   /* 分类小图按原尺寸显示，不放大 */

/* ---------- 正文 + 目录 两栏 ---------- */
.sll-guide{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:start}
.sll-guide.sll-guide--single{grid-template-columns:minmax(0,1fr)}
.sll-prose{max-width:none}
.sll-prose p,.sll-prose li{font-size:16px !important;line-height:1.7}          /* 老描述里 13-14px 内联字号统一抬到 16 */
.sll-prose p [style*="font-size"],.sll-prose li [style*="font-size"],.sll-prose td [style*="font-size"]{font-size:inherit !important}
.sll-prose [style*="font-family"]{font-family:inherit !important}
.sll-prose p,.sll-prose li,.sll-prose td,.sll-prose a,.sll-prose strong{font-family:var(--sll-font-body)}
.sll-prose h2{font-family:var(--sll-font-head) !important;font-weight:700;font-size:26px !important;line-height:1.3;text-align:left !important;margin:40px 0 14px;padding-top:6px;scroll-margin-top:90px}
.sll-prose h2 *{font-family:inherit !important;font-size:inherit !important}
/* 2026-09-16 白字深底横幅里的标题保留原配色（同 product_info.css 的 .info-des-boxs） */
.sll-prose h2:not(:is([style^="color: #fff"],[style^="color:#fff"],[style*="; color: #fff"],[style*=";color:#fff"],[style*="; color:#fff"],[style^="color: white"],[style*="; color: white"],[style^="color: rgb(255, 255, 255)"],[style*="; color: rgb(255, 255, 255)"]) *){color:var(--sll-ink) !important}
.sll-prose h2:not(:is([style^="color: #fff"],[style^="color:#fff"],[style*="; color: #fff"],[style*=";color:#fff"],[style*="; color:#fff"],[style^="color: white"],[style*="; color: white"],[style^="color: rgb(255, 255, 255)"],[style*="; color: rgb(255, 255, 255)"]) *) *{color:inherit !important}
.sll-prose h2:first-child{margin-top:0}
.sll-prose h3{font-family:var(--sll-font-head);font-weight:700;font-size:22px;line-height:1.35;color:var(--sll-ink);margin:28px 0 10px}   /* 2026-09-05 业务：H3 19→22，和 H2(26)/正文(16) 拉开层次 */
.sll-prose h3 *{font-family:inherit !important;font-size:inherit !important}
.sll-prose h3:not(:is([style^="color: #fff"],[style^="color:#fff"],[style*="; color: #fff"],[style*=";color:#fff"],[style*="; color:#fff"],[style^="color: white"],[style*="; color: white"],[style^="color: rgb(255, 255, 255)"],[style*="; color: rgb(255, 255, 255)"]) *) *{color:inherit !important}
.sll-prose img{border-radius:var(--sll-radius)}
.sll-prose p>img:only-child,.sll-prose div>img:only-child,.sll-prose img[width][height]:not([width="1"]){display:block;margin:14px auto}   /* 描述里单独成段的海报/图示居中；行内小图不受影响 */
.sll-prose iframe{width:100%;max-width:960px;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--sll-radius);display:block;margin:18px auto}
.sll-prose table{border-collapse:collapse;width:100% !important;max-width:100%;font-size:15px;margin:16px 0;display:table}   /* 横向溢出交给全站的 stylesheet_sll_table_scroll.css（父容器 overflow-x:auto） */
.sll-prose table:not([class]) td,.sll-prose table:not([class]) th{border:1px solid var(--sll-line);padding:8px 10px;vertical-align:top}
/* 只给"没有类名、没有内联样式"的素表格加浅底表头；内容自带样式的表格（如 AI 生成的 .sll-comparison-table 深底白字）原样保留 */
.sll-prose table:not([class]) th:not([style]),.sll-prose table:not([class]) tr:first-child td:not([style]){background:var(--sll-wash);font-weight:600}
.sll-toc{display:none;position:sticky;top:24px;font-size:14px;border-left:2px solid var(--sll-line);padding-left:16px}
.sll-toc .sll-toc-title{font-family:var(--sll-font-head);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--sll-muted);margin:0 0 10px;font-weight:600}
.sll-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sll-toc a{color:var(--sll-text);text-decoration:none;display:block;line-height:1.35}
.sll-toc a:hover,.sll-toc a.is-active{color:var(--sll-brand)}

/* ---------- 区块标题（H2 由模板输出，位置固定） ---------- */
.sll-section{margin:44px 0 0}
.sll-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.sll-section-head h2{font-family:var(--sll-font-head);font-weight:700;font-size:26px;line-height:1.2;color:var(--sll-ink);margin:0}
.sll-section-head .sll-note{font-size:14px;color:var(--sll-muted);font-variant-numeric:tabular-nums}

/* ---------- 子分类卡片：3 列，图 650×258 原图缩小显示，永不放大 ---------- */
.sll-subcats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}
.sll-subcat{border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:var(--sll-paper);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}
.sll-subcat:hover{border-color:#b9cbe3;box-shadow:0 6px 18px rgba(28,26,23,.08)}
.sll-subcat .sll-subcat-img{display:block;aspect-ratio:418/166;background:#fff;overflow:hidden;padding:10px 10px 0}   /* 全站 92% 分类图是 418:166 这个比例(650×258/750×298)，整图显示不裁切、不放大；留 10px 内边距让边框不压图 */
.sll-subcat .sll-subcat-img img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px}
.sll-subcat-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.sll-subcat h3{font-family:var(--sll-font-head);font-weight:700;font-size:18px;line-height:1.2;margin:0}
.sll-subcat h3 a{color:var(--sll-ink);text-decoration:none}
.sll-subcat h3 a:hover{color:var(--sll-brand)}
.sll-subcat-desc{font-size:15px;line-height:1.55;color:var(--sll-text);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.sll-subcat-desc p{margin:0 0 6px}
.sll-subcat-desc *{font-size:15px !important;font-family:inherit !important}
.sll-subcat.is-open .sll-subcat-desc{display:block;-webkit-line-clamp:unset}
.sll-subcat-desc img{display:none}   /* 子分类描述里的 banner 图只在子分类页显示，卡片里一律不出（会把网格撑破） */
.sll-subcat-desc img{max-width:100%;height:auto;border-radius:4px;margin:6px 0}
.sll-subcat-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px}
.sll-subcat-foot .sll-more{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--sll-muted);cursor:pointer;text-decoration:underline dotted}
.sll-subcat-foot .sll-go{font-size:14px;font-weight:600;color:var(--sll-brand);text-decoration:none}

/* ---------- 产品网格：CSS grid 自适应列数，卡片边框跟随 gap，不再用 width:20% ---------- */
.sll-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(222px,1fr));gap:16px;list-style:none;margin:0;padding:0}
.sll-product{border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:var(--sll-paper);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.sll-product:hover{border-color:#cdbfae;box-shadow:0 6px 18px rgba(28,26,23,.08)}
.sll-product .sll-product-img{display:block;aspect-ratio:1/1;background:#fff;padding:10px}
.sll-product .sll-product-img img{width:100%;height:100%;object-fit:contain;display:block}
.sll-product-body{padding:4px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1;border-top:1px solid var(--sll-line-2)}
.sll-product h3{font-size:15px;line-height:1.35;font-weight:600;margin:0;font-family:var(--sll-font-body)}
.sll-product h3 a{color:var(--sll-ink);text-decoration:none}
.sll-product h3 a:hover{color:var(--sll-brand)}
.sll-product .sll-model{font-size:13px;color:var(--sll-muted);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.sll-product .sll-price{margin-top:auto;padding-top:6px;font-size:18px;font-weight:700;color:var(--sll-price);font-variant-numeric:tabular-nums}
.sll-product .sll-price .normalprice{font-size:14px;color:var(--sll-muted);text-decoration:line-through;font-weight:400;margin-right:6px}
.sll-product .sll-price .productSpecialPrice{color:var(--sll-price)}
.sll-product .sll-price .productPriceDiscount{display:block;font-size:12px;color:var(--sll-brand);font-weight:600}
.sll-product .sll-price .productPriceDiscount br{display:none}
.sll-product .sll-rating{font-size:12px;color:var(--sll-amber)}

/* 列表工具条（数量 / 排序 / 视图 / 分页） */
.sll-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--sll-muted);padding:10px 0;border-top:1px solid var(--sll-line);border-bottom:1px solid var(--sll-line);margin:0 0 18px}
.sll-toolbar .sll-sort{display:flex;gap:10px;align-items:center}
.sll-toolbar select{font:inherit;padding:4px 8px;border:1px solid var(--sll-line);border-radius:4px;background:#fff;color:var(--sll-text)}
.sll-pager{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.sll-pager a,.sll-pager span{display:inline-block;min-width:32px;text-align:center;padding:4px 8px;border:1px solid var(--sll-line);border-radius:4px;text-decoration:none;color:var(--sll-text);font-variant-numeric:tabular-nums}
.sll-pager .is-current{background:var(--sll-ink);color:#fff;border-color:var(--sll-ink)}
.sll-toolbar--bottom{margin:18px 0 0}

/* ---------- 子分类页：左侧筛选 + 右侧列表 ---------- */
.sll-listing{display:grid;grid-template-columns:288px minmax(0,1fr);gap:40px;align-items:start}
.sll-side{position:sticky;top:20px;font-size:14px;display:grid;gap:22px}
.sll-side h2,.sll-side h3{font-family:var(--sll-font-head);font-weight:600;font-size:18px;color:var(--sll-ink);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--sll-line)}
.sll-side ul{list-style:none;margin:0 0 18px;padding:0}
.sll-side li{padding:4px 0;border-bottom:1px dotted var(--sll-line-2)}
.sll-side a{color:var(--sll-text);text-decoration:none}
.sll-side a:hover{color:var(--sll-brand)}
.sll-side .sll-side-current-a{color:var(--sll-brand);font-weight:600}
.sll-side img{max-width:100%;height:auto;display:block;margin:0 0 10px}
.sll-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:start;margin-bottom:34px}
.sll-intro .sll-catimg-big img{width:100%;height:auto;border-radius:var(--sll-radius);display:block}   /* 650 原图放 520 框：只缩不放 */


/* ---------- FAQ 区块（原先内联在 tpl_index_product_list.php 的 <style>，2026-09-04 挪到这里） ---------- */
.sll-cat #categoryFAQ{margin:36px 0 20px}
.sll-cat #categoryDescriptionSub{margin-top:36px}
.sll-cat .sll-listing{align-items:start}
.sll-cat #categoryFAQ .faq-main-title{font-family:var(--sll-font-head);font-size:26px;font-weight:700;color:var(--sll-ink);margin:0 0 6px}
.sll-cat #categoryFAQ .zc-faq-container{margin:0 0 20px;max-width:none}
.sll-cat #categoryFAQ .zc-faq-heading{font-family:var(--sll-font-head);font-weight:700;font-size:26px;color:var(--sll-ink);margin:0 0 20px;padding:0;border:0}
.sll-cat #categoryFAQ .zc-faq-intro{color:var(--sll-muted);font-size:15px;margin:-8px 0 20px}
.sll-cat #categoryFAQ .zc-faq-item{position:relative;background:transparent;border:0;border-bottom:1px solid var(--sll-line);border-radius:0;margin:0;overflow:hidden}
.sll-cat #categoryFAQ .zc-faq-item{padding-left:14px}
.sll-cat #categoryFAQ .zc-faq-item:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:2px;background:var(--sll-amber);opacity:.35;transition:all .2s}   /* 按问题类型的彩色条（业主要求保留） */
.sll-cat #categoryFAQ .zc-faq-item.open:before{opacity:1;top:6px;bottom:6px}
.sll-cat #categoryFAQ .zc-faq-item[data-topic="basics"]:before{background:#38bdf8}
.sll-cat #categoryFAQ .zc-faq-item[data-topic="installation"]:before{background:#f59e0b}
.sll-cat #categoryFAQ .zc-faq-item[data-topic="compatibility"]:before{background:#a78bfa}
.sll-cat #categoryFAQ .zc-faq-item[data-topic="troubleshooting"]:before{background:#f87171}
.sll-cat #categoryFAQ .zc-faq-item[data-topic="application"]:before{background:#34d399}
.sll-cat #categoryFAQ .zc-faq-item[data-topic="custom"]:before{background:#8b5cf6}
.sll-cat #categoryFAQ .zc-faq-trigger{width:100%;display:flex;align-items:flex-start;gap:12px;padding:20px 4px;background:none;border:0;cursor:pointer;text-align:left;font:inherit;outline:none}
.sll-cat #categoryFAQ .zc-faq-trigger:hover .zc-faq-question{color:var(--sll-brand)}
.sll-cat #categoryFAQ .zc-faq-question{flex:1;margin:0;font-size:17px;font-weight:600;color:var(--sll-ink);line-height:1.45;font-family:var(--sll-font-body)}
.sll-cat #categoryFAQ .zc-faq-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sll-line);border-radius:50%;font-size:16px;color:var(--sll-muted);background:#fff;line-height:1}
.sll-cat #categoryFAQ .zc-faq-trigger.active .zc-faq-icon{color:var(--sll-brand);border-color:var(--sll-brand)}
.sll-cat #categoryFAQ .zc-faq-item.open .zc-faq-question{color:var(--sll-brand)}
.sll-cat #categoryFAQ .zc-faq-content{display:none;padding:0 40px 16px 4px;background:transparent}
.sll-cat #categoryFAQ .zc-faq-content p{margin:0 0 8px;color:var(--sll-text);font-size:16px;line-height:1.7;text-align:left}
.sll-cat #categoryFAQ .zc-faq-content a{color:var(--sll-link);text-decoration:none}
.sll-cat #categoryFAQ .zc-faq-content a:hover{text-decoration:underline}

/* （下面这段是设计稿留下的 .sll-faq 版本，实装用上面 #categoryFAQ 那套） */
.sll-faq .zc-faq-container{max-width:none}
.sll-faq .zc-faq-heading{font-family:var(--sll-font-head);font-weight:600;font-size:28px;color:var(--sll-ink);margin:0 0 8px}
.sll-faq .zc-faq-intro{color:var(--sll-muted);font-size:15px;margin:0 0 16px}
.sll-faq .zc-faq-item{border-bottom:1px solid var(--sll-line);background:transparent}
.sll-faq .zc-faq-trigger{width:100%;display:flex;align-items:flex-start;gap:12px;padding:14px 4px;background:none;border:0;text-align:left;cursor:pointer;font:inherit}
.sll-faq .zc-faq-question{flex:1;margin:0;font-size:17px;font-weight:600;color:var(--sll-ink);line-height:1.45;font-family:var(--sll-font-body)}
.sll-faq .zc-faq-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--sll-line);border-radius:50%;color:var(--sll-muted);font-size:16px;line-height:1}
.sll-faq .zc-faq-trigger.active .zc-faq-icon{color:var(--sll-brand);border-color:var(--sll-brand)}
.sll-faq .zc-faq-content{display:none;padding:0 40px 16px 4px}
.sll-faq .zc-faq-content p{margin:0 0 8px;font-size:16px;line-height:1.7}
.sll-faq .zc-faq-item.open .zc-faq-content{display:block}
.sll-faq .zc-faq-item.open .zc-faq-question{color:var(--sll-brand)}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .sll-guide{grid-template-columns:minmax(0,1fr)}
  .sll-toc{display:none}
  .sll-listing{grid-template-columns:220px minmax(0,1fr);gap:24px}
  /* ☠ 2026-09-17 删掉 .sll-intro 的「1fr 380px」两列：那是旧版右侧分类大图的位置，模版重写后大图早就不输出了，861~1100px（平板竖屏）右列空着照样占 380px+36px 间距，上描述被挤到左边一半宽。现在所有宽度都是一列通栏。 */
}
@media (max-width:860px){
  /* ☠ .sll-head 是两列网格(标题 | 右侧数量), 窄屏右列空着但【列 + 32px 间距照样占位】,
     所以标题只剩 311/343 宽, 明明右边有空还提前换行（业主 2026-09-16 反馈）。窄屏收成一列。 */
  .sll-head{grid-template-columns:minmax(0,1fr);gap:10px}
  .sll-head h1{font-size:32px}
  .sll-subcats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .sll-listing{grid-template-columns:minmax(0,1fr)}
  .sll-side{position:static}
  .sll-side>details>summary{display:block;font-family:var(--sll-font-head);font-size:17px;font-weight:600;padding:10px 14px;border:1px solid var(--sll-line);border-radius:var(--sll-radius);cursor:pointer;list-style:none}
  .sll-side>details>summary::after{content:"＋";float:right}
  .sll-side>details[open]>summary::after{content:"－"}
  .sll-side>details>div{padding:12px 14px;border:1px solid var(--sll-line);border-top:0}
  .sll-intro{grid-template-columns:minmax(0,1fr)}
  .sll-intro .sll-catimg-big{order:-1}
}
@media (max-width:600px){
  :root{--sll-gutter:14px}
}
@media (prefers-reduced-motion:reduce){.sll-cat *{transition:none !important}}

/* ---------- 产品卡：沿用线上现有结构 centerBoxContentsbk / plg-*-fea，样式照旧，只调色调 ---------- */
.sll-products-live{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;margin:0 0 6px}
.sll-products-live .centerBoxContentsProducts{width:auto !important;height:auto !important;padding:0 !important;margin:0 !important;float:none !important;display:block}
.sll-products-live .centerBoxContentsbk{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--sll-line);border-radius:8px;overflow:hidden;background:#fff;margin:0;padding:0;box-shadow:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.sll-products-live .centerBoxContentsbk:hover{border-color:#b9cbe3;box-shadow:0 6px 16px rgba(13,27,42,.08);transform:translateY(-2px)}
.sll-products-live .productslistimg{display:block;width:100%;aspect-ratio:1/1;height:auto;background:#fff;overflow:hidden;padding:0;margin:0}
.sll-products-live .productslistimg a{display:block;width:100%;height:100%}
.sll-products-live .productslistimg img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s}
.sll-products-live .centerBoxContentsbk:hover .productslistimg img{transform:scale(1.04)}
.sll-products-live .itemTitle{padding:10px 12px 2px;margin:0;height:auto;min-height:0;font-weight:400}
.sll-products-live .itemTitle a{font-family:var(--sll-font-body);font-size:14px;font-weight:500;line-height:1.4;color:var(--sll-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}   /* 标题固定 2 行：同一行卡片高度只差一行星级 */
.sll-products-live .itemTitle a:hover{color:var(--sll-brand)}
.sll-products-live .plg-model-fea{font-size:11px;color:var(--sll-muted);padding:0 12px;margin:2px 0 4px;font-family:"Courier New",Courier,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sll-products-live .listreviews{padding:0 12px;margin:0 0 4px;font-size:12px;text-align:left}
.sll-products-live .plg-price-fea{margin-top:4px;padding:6px 12px 0;border-top:1px solid var(--sll-line-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.sll-products-live .plg-price-fea .normalprice{font-size:12px;color:var(--sll-muted);text-decoration:line-through;font-weight:400;float:none;display:inline;padding:0}
.sll-products-live .plg-price-fea .productSpecialPrice,.sll-products-live .plg-price-fea span[id^="dqjg-"]{font-size:17px;font-weight:700;color:var(--sll-price);float:none;display:inline;padding:0}
.sll-products-live .plg-price-fea .productPriceDiscount{position:static;display:inline;float:none;width:auto;padding:0;font-size:11px;color:#e53e3e;margin-left:auto;font-weight:600}
.sll-products-live .plg-price-fea .productPriceDiscount br{display:none}
.sll-products-live .plg-bottom-fea{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px 10px;min-height:20px;margin-top:2px}
.sll-products-live .plg-opt-tag{display:inline-block;font-size:10px;color:var(--sll-brand-deep);background:var(--sll-brand-tint);padding:2px 7px;border-radius:3px;line-height:1.4}
.sll-products-live .plg-qty-hint{font-size:10px;color:var(--sll-brand);text-decoration:none}
.sll-products-live .plg-qty-hint:hover{text-decoration:underline}
.sll-products-live .plg-badge-discount-fea{position:absolute;top:8px;right:8px;z-index:5;background:var(--sll-amber);color:#fff;font-size:11px;font-weight:600;padding:3px 7px;border-radius:4px}
.sll-products-live .button_buy_now,.sll-products-live .cssButton.button_buy{display:none}
/* 排序 / 数量 / 分页 工具条：沿用线上 mu-list-number-boxs 结构，去掉内联样式后由这里控制 */
@media (max-width:600px){.sll-products-live{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* ---------- 子分类页左栏 v2：当前分类组 / 其它分类折叠 / 文字版指南 / 单张海报 ---------- */
.sll-side-box{border:1px solid var(--sll-line);border-radius:var(--sll-radius);background:#fff;overflow:hidden}
.sll-side-box>h3 a{color:inherit;text-decoration:none}
.sll-side-box>h3 a:hover{color:var(--sll-brand)}
.sll-side-box>h3,.sll-side-box>summary{margin:0;padding:12px 16px;font-family:var(--sll-font-head);font-size:15px;font-weight:700;color:var(--sll-ink);border-bottom:1px solid var(--sll-line);background:var(--sll-wash)}
.sll-side-box .sll-side-parent{display:block;padding:10px 16px;font-size:14px;font-weight:600;color:var(--sll-brand);text-decoration:none;border-bottom:1px solid var(--sll-line-2)}
.sll-side-box ul{list-style:none;margin:0;padding:6px 8px}
.sll-side-box ul li{padding:0;border:0}
.sll-side-box ul li a{display:block;padding:7px 10px;border-radius:6px;color:var(--sll-text);text-decoration:none;line-height:1.35;font-size:14px}
.sll-side-box ul li a:hover{background:var(--sll-wash);color:var(--sll-brand)}
.sll-side-box ul li a.is-current{background:var(--sll-brand-tint);color:var(--sll-brand-deep);font-weight:600;position:relative}
.sll-side-box ul li a.is-current::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--sll-brand)}
.sll-side-box ul li a .sll-n{float:right;color:var(--sll-muted);font-weight:400;font-size:12px}
.sll-side-more details{border-top:1px solid var(--sll-line-2)}
.sll-side-more details:first-of-type{border-top:0}
.sll-side-more summary{list-style:none;cursor:pointer;padding:9px 16px;font-size:14px;color:var(--sll-text);display:flex;justify-content:space-between;align-items:center;gap:8px}
.sll-side-more summary::-webkit-details-marker{display:none}
.sll-side-more summary::after{content:"+";font-size:16px;color:var(--sll-muted);line-height:1}
.sll-side-more details[open] summary::after{content:"−"}
.sll-side-more details[open] summary{color:var(--sll-brand);font-weight:600}
.sll-side-more summary a{color:inherit;text-decoration:none}
.sll-side-more .sll-plain{display:block;padding:9px 16px;font-size:14px;color:var(--sll-text);text-decoration:none;border-top:1px solid var(--sll-line-2)}
.sll-side-more .sll-plain:hover{color:var(--sll-brand)}
.sll-side-more details ul{padding:2px 8px 8px 14px}
.sll-side-guide ul{padding:8px 8px 10px}
.sll-side-guide ul li a{padding:6px 10px 6px 26px;position:relative;font-size:13.5px}
.sll-side-guide ul li a::before{content:"";position:absolute;left:10px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--sll-amber)}
.sll-side-guide .sll-side-all{display:block;margin:0 16px 12px;font-size:13px;color:var(--sll-brand);text-decoration:none;font-weight:600}
.sll-side-banner{border-radius:var(--sll-radius);overflow:hidden;border:1px solid var(--sll-line)}
.sll-side-banner img{width:100%;height:auto;display:block;margin:0}
.sll-side>details>summary{display:none}
/* 中和老 stylesheet.css 里 .mu-main-width #indexProductList{width:79%;float:right} */
.sll-cat #indexProductList{width:auto;float:none;margin:0}
.sll-cat .sll-prose .content{padding:0}
@media (max-width:860px){
  .sll-side>details>summary{display:block}
  .sll-side>details>div{display:grid;gap:16px;padding:12px 0 0;border:0}
}

/* ---------- 子分类页产品卡：线上 plg-grid / plg-card 原结构，只换配色；工具条的 网格/列表 切换保留 ---------- */
.sll-plg .plg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(222px,1fr));gap:16px;width:100%;margin:0;padding:0}
.sll-plg .plg-card{position:relative;border:1px solid var(--sll-line);border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}
.sll-plg .plg-card:hover{border-color:#b9cbe3;box-shadow:0 6px 16px rgba(13,27,42,.08);transform:translateY(-2px)}
.sll-plg .plg-img-link{display:block;text-decoration:none}
.sll-plg .plg-badge-discount{position:absolute;top:8px;right:8px;z-index:5;background:var(--sll-amber);color:#fff;font-size:11px;font-weight:600;padding:3px 7px;border-radius:4px}
.sll-plg .plg-img-wrap{position:relative;width:100%;padding-top:100%;background:#fff;overflow:hidden}
.sll-plg .plg-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s}
.sll-plg .plg-card:hover .plg-img{transform:translate(-50%,-50%) scale(1.05)}
.sll-plg .plg-img-placeholder{display:none}
.sll-plg .plg-quick-view{position:absolute;bottom:0;left:0;right:0;background:rgba(13,27,42,.6);color:#fff;text-align:center;padding:8px;font-size:12px;opacity:0;transform:translateY(100%);transition:.2s}
.sll-plg .plg-card:hover .plg-quick-view{opacity:1;transform:translateY(0)}
.sll-plg .plg-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.sll-plg .plg-title{font-size:14px;font-weight:500;line-height:1.4;color:var(--sll-ink);margin:0 0 4px;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--sll-font-body)}
.sll-plg .plg-title a{color:var(--sll-ink);text-decoration:none}
.sll-plg .plg-title a:hover{color:var(--sll-brand)}
.sll-plg .plg-model{font-size:11px;color:var(--sll-muted);margin-bottom:5px;font-family:"Courier New",Courier,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sll-plg .plg-rating{display:flex;align-items:center;gap:4px;margin-bottom:6px}
.sll-plg .plg-stars{color:var(--sll-amber);font-size:13px;letter-spacing:.5px;line-height:1}
.sll-plg .plg-review-count{font-size:11px;color:var(--sll-muted)}
.sll-plg .plg-price-section{margin-top:4px;padding-top:6px;border-top:1px solid var(--sll-line-2);font-size:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.sll-plg .plg-price-section .normalprice{font-size:12px;color:var(--sll-muted);text-decoration:line-through;font-weight:400}
.sll-plg .plg-price-section .productSpecialPrice,.sll-plg .plg-price-section .productSalePrice,.sll-plg .plg-price-section .productBasePrice,.sll-plg .plg-price-section span[id^="dqjg-"]{font-size:17px;font-weight:700;color:var(--sll-price)}
.sll-plg .plg-price-section .productPriceDiscount{font-size:11px;color:#e53e3e;margin-left:auto;font-weight:600}
.sll-plg .plg-price-section .productPriceDiscount br{display:none}
.sll-plg .plg-bottom-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px;min-height:20px}
.sll-plg .plg-opt-tag{display:inline-block;font-size:10px;color:var(--sll-brand-deep);background:var(--sll-brand-tint);padding:2px 7px;border-radius:3px;line-height:1.4}
.sll-plg .plg-qty-hint{font-size:10px;color:var(--sll-brand);text-decoration:none}
/* 列表视图（工具条右侧第二个按钮）：一行一件，图左文右 */
.sll-plg.is-rows .plg-grid{grid-template-columns:1fr;gap:12px}
.sll-plg.is-rows .plg-card{flex-direction:row;align-items:stretch}
.sll-plg.is-rows .plg-img-link{flex:0 0 200px}
.sll-plg.is-rows .plg-img-wrap{padding-top:0;height:100%;min-height:160px}
.sll-plg.is-rows .plg-body{padding:14px 18px}
.sll-plg.is-rows .plg-title{font-size:16px;-webkit-line-clamp:3}
.sll-plg.is-rows .plg-price-section{margin-top:auto}
@media (max-width:600px){.sll-plg .plg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sll-plg.is-rows .plg-img-link{flex-basis:120px}}

/* ---------- 左栏 v2（2026-09-04 下午）：其它系列整盒折叠 / 一起买的分类 / 无海报 ---------- */
.sll-side-more{padding:0}
.sll-side-more>summary.sll-side-more-title{list-style:none;cursor:pointer;margin:0;padding:12px 16px;font-family:var(--sll-font-head);font-size:15px;font-weight:700;color:var(--sll-ink);background:var(--sll-wash);border-bottom:0;display:flex;justify-content:space-between;align-items:center}
.sll-side-more>summary.sll-side-more-title::-webkit-details-marker{display:none}
.sll-side-more>summary.sll-side-more-title::after{content:"+";font-size:18px;font-weight:400;color:var(--sll-muted);line-height:1}
.sll-side-more[open]>summary.sll-side-more-title{border-bottom:1px solid var(--sll-line)}
.sll-side-more[open]>summary.sll-side-more-title::after{content:"−"}
.sll-side-more .sll-side-more-body{padding:0}
.sll-side-rec .sll-side-hint{margin:0;padding:8px 16px 0;font-size:12px;color:var(--sll-muted);line-height:1.4}
.sll-side-rec ul li a{padding-left:26px;position:relative}
.sll-side-rec ul li a::before{content:"";position:absolute;left:10px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--sll-brand)}

/* ---------- 列表视图（矩阵按钮右边那个）修正 2026-09-04 ---------- */
/* 老 .listreviews 是 height:18px + padding:10px 0，.sll-cat 里全局 border-box 让它内容高变成 0，星星压到型号上 */
.sll-cat .listreviews{box-sizing:content-box;height:18px}
.sll-cat .productslistdk .promodelli{margin-top:2px}
/* 简介只显示 3 行（原来 3 行半），完整文字仍在 HTML 里，收录不受影响 */
.sll-cat .productslistdk .listingDescription{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.6}

/* ---------- 目录分类页（tpl_index_categories.php）2026-09-04 ---------- */
.sll-cat.sll-cat-catalog{overflow:visible;padding-bottom:30px;height:auto}
.sll-cat-catalog #categoryDescription{margin-bottom:8px}
.sll-cat-catalog .sll-subcats{margin-top:6px}
.sll-cat-catalog #best-sellers .sll-section-head .sll-note strong{font-weight:600;color:var(--sll-ink)}
.sll-cat-catalog #productListing .buttonRow{display:none}
.sll-cat-catalog #categoryDescriptionSub{margin-top:44px}
.sll-subcat .sll-subcat-img img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px}

/* ---------- 子分类卡片 hover 动效（和产品卡一致：上浮 + 阴影 + 图微放大 + 标题变蓝） ---------- */
.sll-subcat{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sll-subcat:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(13,27,42,.10);border-color:#b9cbe3}
.sll-subcat .sll-subcat-img{overflow:hidden}
.sll-subcat .sll-subcat-img img{transition:transform .35s ease}
.sll-subcat:hover .sll-subcat-img img{transform:scale(1.04)}
.sll-subcat:hover h3 a{color:var(--sll-brand)}
.sll-subcat:hover .sll-go{text-decoration:underline}
@media (prefers-reduced-motion:reduce){.sll-subcat,.sll-subcat .sll-subcat-img img{transition:none}.sll-subcat:hover{transform:none}.sll-subcat:hover .sll-subcat-img img{transform:none}}

/* ---------- 目录页产品卡：老 stylesheet.css 用 (0,3,0) 的选择器把卡片钉死 410px / 图 246px，价格被压掉 —— 这里用同等以上的权重放开 ---------- */
.sll-products-live .centerBoxContentsProducts.centeredContent.back{height:auto !important;min-height:0 !important;padding:0 !important}
.sll-products-live .centerBoxContentsProducts .centerBoxContentsbk{height:100% !important;min-height:0 !important;overflow:visible !important;margin:0 !important;padding:0 !important}
.sll-products-live .centerBoxContentsProducts .centerBoxContentsbk .productslistimg{height:auto !important;aspect-ratio:1/1}
.sll-products-live .centerBoxContentsProducts .centerBoxContentsbk .itemTitle{min-height:0}
.sll-products-live .centerBoxContentsProducts .centerBoxContentsbk .plg-price-fea{margin-top:4px !important}   /* 不再把价格推到卡片底部：内容顶对齐，空白留在卡片底部（同一行只差一行星级的高度） */

/* 老 .plg-price-fea{max-height:25px;overflow:hidden} 把价格行钉死 25px，加了上内边距后价格被切掉上半截 —— 放开 */
.sll-products-live .plg-price-fea,.sll-plg .plg-price-section{max-height:none !important;min-height:0 !important;overflow:visible !important;line-height:1.3}

/* 左栏四个盒子之间留 12px（业主：粘在一起了）。盒子在 <details><div> 里面，.sll-side 自己的 gap 管不到它们 */
.sll-side>details>div{display:grid;gap:12px}

/* 有折扣的价格行 69px、没折扣的 27px —— 老 .productPriceDiscount 规则（定高/行高/内边距）让它换行。三个 span 统一成一行 */
.sll-products-live .plg-price-fea{flex-wrap:nowrap !important;align-items:baseline !important;gap:6px !important;min-height:0 !important;height:auto !important}
.sll-products-live .plg-price-fea>span{display:inline-block !important;float:none !important;position:static !important;width:auto !important;height:auto !important;line-height:1.3 !important;padding:0 !important;margin:0 !important;white-space:nowrap;text-align:left !important;background:none !important}
.sll-products-live .plg-price-fea>.productPriceDiscount{margin-left:auto !important;font-size:11px !important;color:#e53e3e !important}
.sll-products-live .plg-price-fea>.productPriceDiscount br{display:none}

/* ---------- 描述里的视频：1 个居中(960) / 2 个及以上并排 ---------- */
.sll-prose .sll-video-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.sll-prose .sll-video-row iframe{width:100%;max-width:none;margin:0;aspect-ratio:16/9;height:auto;display:block}
@media (max-width:700px){.sll-prose .sll-video-row{grid-template-columns:1fr}}

/* ---------- 描述正文里编辑器带进来的"纯黑/深灰"内联字色统一成正文色（只归一黑系，链接蓝等其它颜色保留） ---------- */
.sll-prose p [style*="color: rgb(0, 0, 0)"],.sll-prose p [style*="color:rgb(0, 0, 0)"],.sll-prose p [style*="color:#000"],.sll-prose p [style*="color: #000"],.sll-prose p [style*="color:#333"],.sll-prose p [style*="color: #333"],.sll-prose p [style*="color:#222"],.sll-prose li [style*="color:#000"],.sll-prose li [style*="color: rgb(0, 0, 0)"]{color:inherit !important}
/* ---------- 描述里单独成段的图片一律居中（不分 jpg/png/gif；在 p/div/h2/h3/a/span 里都算） ---------- */
.sll-prose :is(p,div,h1,h2,h3,h4,h5,figure,center) > img:only-child,
.sll-prose :is(p,div,h2,h3) > :is(a,span,strong) > img:only-child,
.sll-prose img.sll-img-center{display:block;margin:14px auto;max-width:100%;height:auto}
/* 目录分类页「Shop … by type」头部做成醒目的条，和下面产品列表的工具条同一套视觉，让人一眼看出下面的卡片可点 */
.sll-cat .sll-section-head--bar{background:var(--sll-brand-tint,#e9f1fb);border:1px solid #cfe0f3;border-left:4px solid var(--sll-brand,#1b5fa8);border-radius:10px;padding:12px 18px;margin-bottom:16px}
.sll-cat .sll-section-head--bar h2{margin:0;color:var(--sll-brand-deep,#164e8a)}
.sll-cat .sll-section-head--bar .sll-note--cta{color:var(--sll-brand-deep,#164e8a);font-weight:600}

/* ===== 描述里的 PDF/文件下载（sll_cat_docs，2026-09-07）===== */
.sll-cat .sll-doc{display:inline-flex;align-items:center;gap:8px;margin:2px 8px 2px 0;padding:6px 12px 6px 6px;border:1px solid var(--sll-line);border-radius:8px;background:#fff;color:var(--sll-ink) !important;text-decoration:none !important;font-family:var(--sll-font-body) !important;font-size:14px !important;font-weight:600;line-height:1.2;vertical-align:middle;transition:border-color .15s,box-shadow .15s}
.sll-cat .sll-doc:hover{border-color:var(--sll-brand);box-shadow:0 2px 8px rgba(27,95,168,.15);text-decoration:none !important}
.sll-cat .sll-doc-ic{display:inline-block;padding:3px 6px;border-radius:5px;background:#c8102e;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;line-height:1}
.sll-cat .sll-doc-s{color:var(--sll-muted);font-weight:400;font-size:12.5px;font-style:normal}
.sll-cat .sll-doc-t{font-weight:600}
.sll-cat .sll-doc--missing{opacity:.55;cursor:not-allowed}
.sll-cat .sll-docs{margin:22px 0;padding:16px 18px;border:1px solid var(--sll-line);border-left:4px solid var(--sll-brand);border-radius:12px;background:var(--sll-wash,#f3f6fa);text-align:left}
.sll-cat h3.sll-docs-h,.sll-cat .sll-docs-h{font-family:var(--sll-font-head) !important;font-size:20px !important;font-weight:700;line-height:1.3;color:var(--sll-ink) !important;margin:0 0 12px !important;padding:0;text-transform:none;letter-spacing:0}
.sll-cat .sll-docs-list{display:flex;flex-wrap:wrap;gap:10px}
.sll-cat .sll-docs-list .sll-doc{margin:0;padding:9px 14px 9px 8px;font-size:15px !important;background:#fff}
.sll-prose td .sll-doc{padding:4px 8px 4px 4px;font-size:13px !important}

/* ===== 2026-09-14 分类描述标题样式统一 · 2026-09-14 试点 #5 → 09-15 扩到 #1 #2 #3 #4 #5 #8 → 09-15 业主确认后放开全站=====
   老描述标题里包着 CKEditor 时代写死的 <span style="font-size:16px;font-family:arial">。
   上面第 46-50 行已给 H2/H3 加了「里面的 span 一律继承」，但 H4、FAQ 区块里手写的裸标题和正文没人管，
   退回老 stylesheet.css 的 h1-h6{14px} / h2{tahoma} —— 显示得和正文一样大、字体也不同。 */
.sll-prose h4{font-family:var(--sll-font-head) !important;font-weight:700;font-size:18px !important;line-height:1.4;color:var(--sll-ink) !important;margin:22px 0 8px}
.sll-prose h4 *{font-family:inherit !important;font-size:inherit !important;color:inherit !important}
#categoryFAQ .zc-faq-container h2:not(.zc-faq-heading):not(.zc-faq-item h2),#categoryFAQ .zc-faq-container h3:not(.zc-faq-item h3){font-family:var(--sll-font-head) !important;font-weight:700;font-size:22px !important;line-height:1.35;color:var(--sll-ink) !important;margin:36px 0 10px;border:0;padding:0}
#categoryFAQ .zc-faq-container h4:not(.zc-faq-question):not(.zc-faq-item h4){font-family:var(--sll-font-head) !important;font-weight:700;font-size:18px !important;color:var(--sll-ink) !important;margin:22px 0 8px}
#categoryFAQ .zc-faq-container h2:not(.zc-faq-heading):not(.zc-faq-item h2) *,#categoryFAQ .zc-faq-container h3:not(.zc-faq-item h3) *,#categoryFAQ .zc-faq-container h4:not(.zc-faq-question):not(.zc-faq-item h4) *{font-family:inherit !important;font-size:inherit !important;color:inherit !important}
#categoryFAQ .zc-faq-container p:not(.zc-faq-item p){font-family:var(--sll-font-body);font-size:16px;line-height:1.7;color:var(--sll-text);margin:0 0 14px}
#categoryFAQ .zc-faq-container p:not(.zc-faq-item p) span[style]{font-family:inherit !important;font-size:inherit !important}
/* 2026-09-16 盒1（当前同级列表）里的可展开分类，样式与 More 盒一致；当前分类高亮 */
.sll-side-tree .sll-side-tree-body{padding:0}
.sll-side-tree-body>details{border-top:1px solid var(--sll-line-2)}
.sll-side-tree-body>details:first-child{border-top:0}
.sll-side-tree-body>details>summary{list-style:none;cursor:pointer;padding:7px 16px;font-size:14px;color:var(--sll-text);display:flex;justify-content:space-between;align-items:center;gap:8px}
.sll-side-tree-body>details>summary::-webkit-details-marker{display:none}
.sll-side-tree-body>details>summary::after{content:"+";font-size:16px;color:var(--sll-muted);line-height:1}
.sll-side-tree-body>details[open]>summary::after{content:"\2212"}
.sll-side-tree-body>details>summary a{color:inherit;text-decoration:none}
.sll-side-tree-body>details>summary a:hover{color:var(--sll-brand)}
.sll-side-tree-body>details>ul{padding:2px 8px 8px 14px}
.sll-side-tree-body>.sll-plain{display:block;padding:7px 16px;font-size:14px;color:var(--sll-text);text-decoration:none;border-top:1px solid var(--sll-line-2)}
.sll-side-tree-body>.sll-plain:first-child{border-top:0}
.sll-side-tree-body>.sll-plain:hover{background:var(--sll-wash);color:var(--sll-brand)}
.sll-side-tree-body>.sll-plain.is-current,.sll-side-tree-body>details>summary a.is-current{background:var(--sll-brand-tint);color:var(--sll-brand-deep);font-weight:600}
.sll-side-tree-body>.sll-plain.is-current{position:relative;box-shadow:inset 3px 0 0 var(--sll-brand)}
.sll-side-tree-body>details>summary:has(a.is-current){background:var(--sll-brand-tint);box-shadow:inset 3px 0 0 var(--sll-brand)}

/* 手机端子分类「Read more」全屏弹层（jscript_sll_category.js 生成，2026-09-17） */
html.sll-sheet-open,html.sll-sheet-open body{overflow:hidden}
html.sll-sheet-open #back-to-top,html.sll-sheet-open #slc-bubble{display:none !important}
.sll-sheet{position:fixed;inset:0;z-index:3000;background:rgba(13,27,42,.55);display:none;align-items:flex-end;justify-content:center}
.sll-sheet.on{display:flex}
.sll-sheet-panel{background:#fff;text-align:left;width:100%;max-width:640px;height:92vh;height:92dvh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:0 -8px 30px rgba(0,0,0,.2);animation:sllSheetUp .22s ease-out}
@keyframes sllSheetUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.sll-sheet-head{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 6px 10px 16px;border-bottom:1px solid var(--sll-line,#E5E9F0)}
.sll-sheet-head h3{flex:1;margin:0;font-family:var(--sll-font-head);font-size:18px;line-height:1.25;color:var(--sll-ink,#0D1B2A)}
.sll-sheet-x{flex:0 0 44px;height:44px;border:0;background:none;font-size:30px;line-height:1;color:#475569;cursor:pointer}
.sll-sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 16px 18px}
.sll-sheet-img{display:block;width:100%;height:auto;border-radius:8px;margin:0 0 12px}
.sll-sheet-desc{font-size:15px;line-height:1.6;color:var(--sll-text,#374151)}
.sll-sheet-desc p{margin:0 0 10px}
.sll-sheet-desc img{display:none}
.sll-sheet-desc h2,.sll-sheet-desc h3,.sll-sheet-desc h4{font-size:16px;margin:14px 0 6px}
.sll-sheet-foot{flex:0 0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--sll-line,#E5E9F0)}
.sll-sheet-foot .sll-btn{display:block;text-align:center;background:var(--sll-brand,#1B5FA8);color:#fff;font-weight:600;font-size:16px;line-height:48px;height:48px;border-radius:10px;text-decoration:none}

/* 分类描述手写目录「Table of Contents Overview」→ 手机/平板紧凑导航卡（jscript_sll_category.js 包 .sll-desc-toc，2026-09-17）。PC 不变 */
.sll-prose a[name],.sll-prose [id]{scroll-margin-top:90px}   /* 点目录跳过去时，标题不被吸顶页头盖住 */
@media(max-width:992px){
  .sll-prose .sll-desc-toc{background:#F6F8FB;border:1px solid #E3E8F0;border-radius:10px;padding:12px 14px 10px;margin:14px 0 18px;counter-reset:sllToc}
  .sll-prose .sll-desc-toc p,.sll-prose .sll-desc-toc h3,.sll-prose .sll-desc-toc h4,.sll-prose .sll-desc-toc h5,.sll-prose .sll-desc-toc h6,.sll-prose .sll-desc-toc div,.sll-prose .sll-desc-toc ul,.sll-prose .sll-desc-toc ol{margin:0 !important;padding:0;border:0;background:none}
  .sll-prose .sll-desc-toc *{font-size:inherit !important;line-height:inherit !important}
  .sll-prose .sll-desc-toc .sll-toc-title{font-size:11.5px !important;line-height:1.4 !important;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#6B7280 !important;margin:0 0 6px !important}
  .sll-prose .sll-desc-toc .sll-toc-title *{color:inherit !important;font-weight:inherit}
  .sll-prose .sll-desc-toc .sll-toc-item,.sll-prose .sll-desc-toc .sll-toc-list li{position:relative;padding:4px 0 4px 22px !important;font-size:14px !important;line-height:1.4 !important;list-style:none;counter-increment:sllToc}
  .sll-prose .sll-desc-toc .sll-toc-list{list-style:none}
  .sll-prose .sll-desc-toc .sll-toc-item::before,.sll-prose .sll-desc-toc .sll-toc-list li::before{content:counter(sllToc) ".";position:absolute;left:0;top:4px;width:18px;color:#6B7280;font-size:13px;font-variant-numeric:tabular-nums}
  .sll-prose .sll-desc-toc a,.sll-prose .sll-desc-toc a *{color:var(--sll-brand,#1B5FA8) !important;text-decoration:none}
  .sll-prose .sll-desc-toc a{border-bottom:1px solid rgba(27,95,168,.25)}
  .sll-prose p.sll-toc-gap{display:none}
}

/* ===== 手机端简化 · 分类页（2026-09-17 业主批准清单 4-8，只在 ≤992px；描述/卡片文字全部仍在 HTML，SEO/GEO/结构化数据不变）===== */
@media(max-width:992px){
  /* 4 / 8 H1 下的「22 sub-categories」「19 products」与下方重复 -> 隐藏；横条只显示「22 types」 */
  .sll-head .sll-count{display:none}
  .sll-note--cta .sll-note-more{display:none}

  /* 5 / 7 上描述折叠（JS 算高度：开头图片 + 3 行文字），底部渐隐 + Read more 弹层 */
  .sll-prose.sll-desc-clamp{position:relative;overflow:hidden}
  .sll-prose.sll-desc-clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
  .sll-desc-more{display:inline-flex;align-items:center;gap:6px;margin:2px 0 6px;padding:6px 0;border:0;background:none;font:inherit;font-size:14.5px;font-weight:600;color:var(--sll-brand,#1B5FA8);cursor:pointer}
  .sll-desc-more::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
  .sll-intro{margin-bottom:10px;gap:0}   /* Read more 按钮插在 .sll-intro 网格里，原 gap:36px 会在描述和按钮之间空一截 */
  .sll-sheet--desc .sll-sheet-desc img{display:block;max-width:100%;height:auto;border-radius:6px;margin:6px 0 10px}
  .sll-sheet--desc .sll-sheet-desc iframe,.sll-sheet--desc .sll-sheet-desc video{max-width:100%;width:100%;aspect-ratio:16/9;height:auto}
  .sll-sheet--desc .sll-sheet-desc table{display:block;max-width:100%;overflow-x:auto}

  /* 6 子分类卡片：只留图 + 名称，整张卡可点（标题链接铺满卡片）；3 行描述、View products 隐藏；
     Read more 改成名称下的小「ⓘ Read more」，点开仍是全屏弹层（弹层内容取卡片里原有的描述 HTML） */
  .sll-subcat{position:relative}
  .sll-subcat .sll-subcat-desc,.sll-subcat .sll-go{display:none !important}
  .sll-subcat h3 a::after{content:"";position:absolute;inset:0;z-index:1}
  .sll-subcat-body{padding:10px 12px 10px;gap:4px}
  .sll-subcat h3{font-size:15px;line-height:1.3}
  .sll-subcat-foot{justify-content:flex-start;padding-top:2px;margin-top:auto}
  .sll-subcat-foot .sll-more{position:relative;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 0;font-size:13px;color:var(--sll-muted,#6B7280);text-decoration:none}
  /* 业主 09-17：ⓘ 像问号，改成和描述按钮一样的「Read more ›」 */
  .sll-subcat-foot .sll-more{color:var(--sll-brand,#1B5FA8);font-weight:600;gap:6px}
  .sll-subcat-foot .sll-more::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
}

/* 2026-09-17 业主：弹层里图片被描述 HTML 的内联 style="width:1280px;height:300px" 压变形 —— 弹层里的媒体一律按比例自适应
   （分类描述已改原地展开，这里给子分类卡片弹层兜底）；描述 Read more 展开后箭头朝上 */
@media(max-width:992px){
  .sll-sheet .sll-sheet-desc img{max-width:100% !important;width:auto !important;height:auto !important}
  .sll-sheet .sll-sheet-desc iframe,.sll-sheet .sll-sheet-desc video,.sll-sheet .sll-sheet-desc embed{width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:16/9}
  .sll-sheet .sll-sheet-desc table{display:block;max-width:100%;overflow-x:auto;width:auto !important}
  .sll-desc-more.is-open::after{transform:rotate(-135deg);margin-top:4px}
}

/* 2026-09-17 业主：蓝色横条「Shop X by type」下面的「8 types」不要另起一行 —— 手机上钉在横条右下角，和标题最后一行同一行；
   标题右侧预留 70px，长标题换行时最后一行也不会压到数量 */
@media(max-width:992px){
  .sll-cat .sll-section-head--bar{display:block;position:relative;padding-right:18px}
  .sll-cat .sll-section-head--bar h2{padding-right:70px}
  .sll-cat .sll-section-head--bar .sll-note--cta{position:absolute;right:16px;bottom:14px;margin:0;line-height:1.2;white-space:nowrap}
}