/* Dark theme for product pages (their page CSS is light-only). Palette comes from header.css variables. */
html[data-theme="dark"] body{background:var(--bg);color:var(--ink-800)}
html[data-theme="dark"] h1,html[data-theme="dark"] .price-row .now,html[data-theme="dark"] .bk-linetot b,html[data-theme="dark"] .qstep .q-val{color:var(--ink-900)}
html[data-theme="dark"] .crumb,html[data-theme="dark"] .price-row .u,html[data-theme="dark"] .spec dt,html[data-theme="dark"] .ft{color:var(--ink-400)}
html[data-theme="dark"] .crumb a:hover{color:var(--gold)}
html[data-theme="dark"] .auth,html[data-theme="dark"] .bk-linetot,html[data-theme="dark"] .bk-quotelink,html[data-theme="dark"] .pd-section p,html[data-theme="dark"] .toc-list li,html[data-theme="dark"] .faq-a,html[data-theme="dark"] .trust-strip span,html[data-theme="dark"] .ld-blurb,html[data-theme="dark"] .theme-chip,html[data-theme="dark"] .tag{color:var(--ink-600)}
html[data-theme="dark"] .ld-range,html[data-theme="dark"] .ld-fine{color:var(--ink-400)}
html[data-theme="dark"] .pcov,html[data-theme="dark"] .theme-chip,html[data-theme="dark"] .tag{background:var(--surface-2)}
html[data-theme="dark"] .buybox,html[data-theme="dark"] .ladder,html[data-theme="dark"] .qstep,html[data-theme="dark"] .buyer-list li{background:var(--surface)}
html[data-theme="dark"] .qstep .q-val{background:var(--surface)}
html[data-theme="dark"] .buybox,html[data-theme="dark"] .ladder,html[data-theme="dark"] .qstep,html[data-theme="dark"] .qstep .q-val,html[data-theme="dark"] .buyer-list li,html[data-theme="dark"] .ld-step,html[data-theme="dark"] .tag,html[data-theme="dark"] .bk-buybtns .btn-ghost-l{border-color:var(--line-strong)}
html[data-theme="dark"] .pd-section,html[data-theme="dark"] .faq-item,html[data-theme="dark"] .ft,html[data-theme="dark"] .fbt,html[data-theme="dark"] .ld-nudge,html[data-theme="dark"] .spec dt,html[data-theme="dark"] .spec dd{border-color:var(--line)}
html[data-theme="dark"] .qstep button,html[data-theme="dark"] .ld-name,html[data-theme="dark"] .ld-nudge,html[data-theme="dark"] .bk-buybtns .btn-ghost-l{color:var(--ink-800)}
html[data-theme="dark"] .qstep button:hover,html[data-theme="dark"] .bk-buybtns .btn-ghost-l:hover{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .cat,html[data-theme="dark"] .ld-now .ld-name,html[data-theme="dark"] .ld-nudge .ld-up,html[data-theme="dark"] .ld-nudge b,html[data-theme="dark"] .bk-quotelink a,html[data-theme="dark"] .moq-badge,html[data-theme="dark"] .bk-moqnote{color:var(--gold)}
html[data-theme="dark"] .trust-strip .ts-ic{color:var(--gold)}
html[data-theme="dark"] .pcov img{box-shadow:0 18px 40px rgba(0,0,0,.6)}