/* public/catalog.css — catalog-ux: هوية العائلات داخل هوية زيّنها (لون فرعيّ مكتوم + أيقونة).
   خارج حزمة الووركر (Assets). الألوان محسوبة WCAG على --surface (#FFFFFF فاتح / #17130D غامق):
   الغامق ≥ 8.44:1 (AAA) للجميع؛ الفاتح ≥ 7:1 إلا f01 6.35 وf05 6.90 وf12 6.70 (AA).
   المصدر: docs/audits/catalog-ux-audit-2026-10.md §3. اللون في الأيقونة والوسم وشريط 3px فقط (<3% مساحة). */
[data-fam]{--fam:var(--gold-text)}
[data-fam="f01"]{--fam:#7a5a1e}[data-fam="f02"]{--fam:#6b4a2e}[data-fam="f03"]{--fam:#5c4b8a}
[data-fam="f04"]{--fam:#2f5d73}[data-fam="f05"]{--fam:#3e6248}[data-fam="f06"]{--fam:#7a3e2c}
[data-fam="f07"]{--fam:#6a4c76}[data-fam="f08"]{--fam:#4e5d23}[data-fam="f09"]{--fam:#7a2f3d}
[data-fam="f10"]{--fam:#2d4f7a}[data-fam="f11"]{--fam:#455357}[data-fam="f12"]{--fam:#6e5a14}
[data-fam="f13"]{--fam:#7a3a5c}[data-fam="f14"]{--fam:#2c5f5a}[data-fam="f15"]{--fam:#5a4632}
[data-fam="f16"]{--fam:#3a5a2e}[data-fam="f17"]{--fam:#3b4560}[data-fam="f18"]{--fam:#6a3f1c}
[data-theme="dark"] [data-fam="f01"]{--fam:#d9b56e}[data-theme="dark"] [data-fam="f02"]{--fam:#d7a77c}[data-theme="dark"] [data-fam="f03"]{--fam:#b9a8e6}
[data-theme="dark"] [data-fam="f04"]{--fam:#8fc4dc}[data-theme="dark"] [data-fam="f05"]{--fam:#9fcfa9}[data-theme="dark"] [data-fam="f06"]{--fam:#e4a08a}
[data-theme="dark"] [data-fam="f07"]{--fam:#cfa6dd}[data-theme="dark"] [data-fam="f08"]{--fam:#bccb86}[data-theme="dark"] [data-fam="f09"]{--fam:#e79aa8}
[data-theme="dark"] [data-fam="f10"]{--fam:#9cbbe6}[data-theme="dark"] [data-fam="f11"]{--fam:#b6c4c8}[data-theme="dark"] [data-fam="f12"]{--fam:#d8c06a}
[data-theme="dark"] [data-fam="f13"]{--fam:#e2a1c3}[data-theme="dark"] [data-fam="f14"]{--fam:#8fd0c7}[data-theme="dark"] [data-fam="f15"]{--fam:#cdb59a}
[data-theme="dark"] [data-fam="f16"]{--fam:#a9cf95}[data-theme="dark"] [data-fam="f17"]{--fam:#adb8d8}[data-theme="dark"] [data-fam="f18"]{--fam:#e0ad80}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f01"]{--fam:#d9b56e}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f02"]{--fam:#d7a77c}
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f03"]{--fam:#b9a8e6}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f04"]{--fam:#8fc4dc}
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f05"]{--fam:#9fcfa9}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f06"]{--fam:#e4a08a}
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f07"]{--fam:#cfa6dd}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f08"]{--fam:#bccb86}
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f09"]{--fam:#e79aa8}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f10"]{--fam:#9cbbe6}
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f11"]{--fam:#b6c4c8}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f12"]{--fam:#d8c06a}
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f13"]{--fam:#e2a1c3}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f14"]{--fam:#8fd0c7}
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f15"]{--fam:#cdb59a}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f16"]{--fam:#a9cf95}
:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f17"]{--fam:#adb8d8}:root:not([data-theme="light"]):not([data-theme="dark"]) [data-fam="f18"]{--fam:#e0ad80}
}
.zp-product-card[data-fam]{border-top:3px solid var(--fam)}
.zp-pc-head{display:flex;align-items:center;gap:8px;min-height:28px}
.zp-pc-icon{width:28px;height:28px;flex:none;color:var(--fam)}
.zp-pc-icon-lg{width:32px;height:32px}
.zp-pc-fam{font-size:12.5px;font-weight:600;color:var(--fam);letter-spacing:.01em}
.zp-pc-sum{font-size:13.5px;line-height:1.7;color:var(--text2);margin:0}
.zp-pc-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--text3)}
.zp-fam-eyebrow{display:inline-flex;align-items:center;gap:10px}
.zp-fam-eyebrow a{color:var(--fam);font-weight:600;text-decoration:none}
.zp-fam-eyebrow a:hover,.zp-fam-eyebrow a:focus-visible{text-decoration:underline}
.zp-fam-hero-icon{width:56px;height:56px;margin-inline:auto;margin-bottom:8px;display:block}
.zp-cat-search{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-width:480px}
.zp-cat-search input[type=search]{flex:1;min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);color:var(--text)}
.zp-chips{margin-bottom:20px}.zp-chips h2{font-size:14px;color:var(--text3);margin-bottom:10px}
.zp-chips>div{display:flex;flex-wrap:wrap;gap:8px}
.zp-chips a{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 14px;border-radius:999px;background:var(--gold-bg);color:var(--gold-text)}
.zp-chips a .zp-pc-icon{width:18px;height:18px}
.zp-cat-h1{font-size:clamp(24px,4vw,36px)}.zp-cat-main{max-width:1100px}.zp-cat-hint{margin-bottom:16px}.zp-cat-xlink{color:var(--gold);font-weight:600}
.zp-mt10{margin-top:10px}.zp-mt8w{margin-top:8px;width:100%}.zp-fs12{font-size:12px;margin-top:6px}.zp-mb12f{margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap}.zp-pmain{max-width:820px}
.zp-fam-eyebrow::before{display:none}
.zp-pc-lead{font-size:clamp(16px,2vw,18px);font-weight:600;color:var(--text);max-width:640px;margin:0 auto 10px;line-height:1.7}
.zp-pr-a{font-size:14px;font-weight:600;color:var(--text3);font-family:'IBM Plex Sans Arabic',sans-serif}.zp-pr-b{color:var(--text2);font-size:14px;margin-bottom:20px}.zp-pr-c{max-width:1000px;margin:32px auto 0}