/* TRD Premium Dark Theme v3 | 20260607-v3 */

/* ═══════════════════════════════════════════════════════════
   TRD PREMIUM v2 — Dark theme override
   Injected after all existing styles
═══════════════════════════════════════════════════════════ */
:root{
  --p-bg:#0d0d14;--p-card:#14141f;--p-border:rgba(255,255,255,.08);
  --p-accent:#60a5fa;--p-accent2:#a78bfa;--p-gold:#f59e0b;
  --p-green:#4ade80;--p-red:#f87171;--p-amz:#FF9900;
  --p-r:12px;--p-r-sm:8px;
}

/* ── Base overrides ── */
html{scroll-behavior:smooth}
body{background:var(--p-bg)!important;color:#e2e4ef!important;font-family:'Inter',system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
.main-content,.container,.container>main,.container>.main-content{background:transparent!important;border:none!important;box-shadow:none!important;color:#e2e4ef!important}
body>.container{background:var(--p-bg)!important}

/* ── Site header ── */
.site-top,.site-header{background:rgba(13,13,20,.96)!important;border-bottom:1px solid var(--p-border)!important;backdrop-filter:blur(12px);color:#fff!important}
.site-logo a,.site-logo{color:#fff!important;font-weight:800!important}
.site-logo a span,.site-logo span{color:var(--p-accent)!important}
.category-nav{background:rgba(13,13,20,.9)!important;border-bottom:1px solid var(--p-border)!important}
.cat-nav-link{color:rgba(255,255,255,.6)!important;font-size:.82rem!important}
.cat-nav-link:hover{color:#fff!important}

/* ── Hero ── */
.hero-wrap{aspect-ratio:1200/630!important;background:#07070e!important;border-radius:var(--p-r)!important;overflow:hidden!important}
.hero-img,.hero-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.img-credit{font-size:.72rem!important;color:rgba(255,255,255,.3)!important;margin:6px 0 0!important}

/* ── Page title ── */
h1.page-title{font-size:clamp(1.5rem,3vw,2.2rem)!important;font-weight:900!important;letter-spacing:-.03em!important;color:#fff!important;line-height:1.25!important;margin-bottom:8px!important}
.hero-2026-tagline{color:rgba(255,255,255,.6)!important;font-size:.9rem!important}

/* ── Sections & headings ── */
h2{color:#fff!important;font-weight:800!important}
h3{color:rgba(255,255,255,.9)!important;font-weight:700!important}
p{color:rgba(255,255,255,.8)!important}

/* ── TOC (all variants bytecode generates) ── */
.trd-toc,.toc-box,.table-of-contents,nav.toc,.toc,
.toc-wrapper,.toc-container,.trd-table-of-contents{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;
  border-radius:var(--p-r)!important;padding:18px 22px!important;
  color:var(--p-text)!important;
}
.trd-toc a,.toc-box a,nav.toc a,.toc a{color:rgba(255,255,255,.75)!important}
.trd-toc a:hover,.toc-box a:hover,nav.toc a:hover,.toc a:hover{color:var(--p-accent)!important}
nav.toc h4,.toc h4,.toc-title{color:#fff!important;font-weight:700!important}
nav.toc ol,nav.toc ul,.toc ol,.toc ul{padding-left:18px!important}

/* ── Author bio / byline boxes ── */
.article-byline,.author-byline,.author-bio-box,.eeat-author-block,
.author-card,.author-section,.byline-box,.author-box,.author-block,
.trd-author-bio,.author-info,.byline-section{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;
  border-radius:var(--p-r)!important;color:var(--p-text)!important;
}
.article-byline a,.author-byline a,.author-bio-box a{color:rgba(255,255,255,.8)!important}
.article-byline a:hover,.author-byline a:hover{color:var(--p-accent)!important}
.author-name,.author-title,.author-role{color:#e2e4ef!important}
.author-avatar,.author-photo,.author-avatar--photo{
  border-radius:50%!important;border:2px solid var(--p-border)!important;
}

/* ── Stat items / methodology / card-stats (bytecode injects #f8fafc) ── */
.card-stats,.stat-item,.methodology,.testing-grid>div,
.score-breakdown,.spec-highlights,.key-specs-grid>div{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:10px!important;color:var(--p-text)!important;
}
.card-stats *,.stat-item *,.methodology *{color:inherit!important}

/* ── Tags / taxonomy (fix "best best phone camera 2026" duplicate) ── */
.tag,.tags-list .tag,.post-tags .tag{
  background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.7)!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;
  font-size:.75rem!important;padding:3px 10px!important;
}

/* ══════════════════════════════════════════════════════
   CARD-V2 RANKED CARDS (full dark premium styling)
══════════════════════════════════════════════════════ */
.card-v2,.trd-ranked-card.card-v2{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;
  border-radius:var(--p-r)!important;overflow:hidden!important;
  margin-bottom:20px!important;
  transition:border-color .2s,box-shadow .2s!important;
}
.card-v2:hover{border-color:rgba(96,165,250,.35)!important;box-shadow:0 6px 28px rgba(96,165,250,.08)!important}
.card-v2.featured{border-color:rgba(96,165,250,.25)!important;background:rgba(96,165,250,.03)!important}

/* Card header: logo + benchmark bars */
.card-v2 .card-header{
  display:flex!important;align-items:flex-start!important;gap:12px!important;
  padding:14px 16px 10px!important;background:rgba(255,255,255,.02)!important;
  border-bottom:1px solid var(--p-border)!important;
}
.card-v2 .card-logo{
  min-width:44px!important;height:44px!important;border-radius:8px!important;
  background:rgba(96,165,250,.12)!important;border:1px solid rgba(96,165,250,.2)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-weight:900!important;font-size:.75rem!important;color:var(--p-accent)!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;flex-shrink:0!important;
}
.trd-pick-benchmark-group{flex:1!important}
.trd-pick-benchmark{
  display:flex!important;align-items:center!important;gap:6px!important;margin:3px 0!important;
}
.trd-pick-benchmark-label{
  font-size:.72rem!important;color:rgba(255,255,255,.5)!important;
  width:70px!important;flex-shrink:0!important;
}
.trd-pick-benchmark-bar-wrap{
  flex:1!important;height:5px!important;background:rgba(255,255,255,.1)!important;
  border-radius:99px!important;overflow:hidden!important;
}
.trd-pick-benchmark-bar{
  height:100%!important;border-radius:99px!important;
  background:linear-gradient(90deg,var(--p-accent),#818cf8)!important;
}
.trd-pick-benchmark-score{
  font-size:.72rem!important;font-weight:700!important;color:var(--p-accent)!important;
  min-width:22px!important;text-align:right!important;
}

/* Card identity: brand + model + rank */
.card-v2 .card-identity{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:6px!important;padding:10px 16px 4px!important;
}
.card-v2 .card-issuer{
  font-size:.72rem!important;font-weight:700!important;color:rgba(255,255,255,.45)!important;
  text-transform:uppercase!important;letter-spacing:.08em!important;
}
.card-v2 .card-name{
  font-size:1.05rem!important;font-weight:800!important;color:#fff!important;
  flex-basis:100%!important;line-height:1.25!important;margin:1px 0 4px!important;
}
.card-v2 .card-rank{display:flex!important;align-items:center!important;gap:6px!important}
.rank-num{
  width:22px!important;height:22px!important;border-radius:50%!important;
  background:var(--p-accent)!important;color:#fff!important;font-weight:900!important;
  font-size:.72rem!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
}
.rank-1{background:linear-gradient(135deg,#f59e0b,#f97316)!important}
.rank-2{background:rgba(148,163,184,.5)!important}
.rank-3{background:rgba(180,140,100,.5)!important}
.tag-gold{background:rgba(245,158,11,.15)!important;color:#fbbf24!important;border-color:rgba(245,158,11,.3)!important}

/* Score + CTA row */
.card-v2 .card-cta-score{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:8px 16px 12px!important;gap:10px!important;
}
.card-score-num{
  font-size:2.2rem!important;font-weight:900!important;color:var(--p-accent)!important;
  line-height:1!important;
}
.card-score-sub{
  font-size:.65rem!important;color:rgba(255,255,255,.4)!important;
  text-transform:uppercase!important;letter-spacing:.06em!important;
}
.card-v2 .btn-primary{
  background:linear-gradient(135deg,#FF9900,#e67e00)!important;
  color:#000!important;font-weight:800!important;font-size:.82rem!important;
  padding:9px 16px!important;border-radius:8px!important;text-decoration:none!important;
  white-space:nowrap!important;border:none!important;
}
.card-v2 .btn-primary:hover{filter:brightness(1.1)!important}

/* Key Highlight */
.bonus-highlight{
  margin:0 16px 12px!important;padding:10px 14px!important;
  background:rgba(96,165,250,.06)!important;border:1px solid rgba(96,165,250,.15)!important;
  border-radius:10px!important;border-left:3px solid var(--p-accent)!important;
}
.bonus-highlight-label{
  font-size:.68rem!important;font-weight:800!important;color:var(--p-accent)!important;
  letter-spacing:.07em!important;text-transform:uppercase!important;margin-bottom:4px!important;
}
.bonus-highlight-value{
  font-size:.88rem!important;color:rgba(255,255,255,.8)!important;
  line-height:1.5!important;margin-bottom:4px!important;
}
.bonus-highlight-note{
  font-size:.72rem!important;color:rgba(255,255,255,.35)!important;font-style:italic!important;
}

/* Card stats grid */
.card-v2 .card-stats{
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;
  gap:6px!important;padding:0 16px 12px!important;
  background:transparent!important;border:none!important;border-radius:0!important;
}
.card-v2 .stat-item{
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.06)!important;
  border-radius:8px!important;padding:7px 10px!important;
  display:flex!important;flex-direction:column!important;gap:2px!important;
}
.stat-label{font-size:.68rem!important;color:rgba(255,255,255,.4)!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.stat-value{font-size:.82rem!important;font-weight:600!important;color:rgba(255,255,255,.85)!important}

/* Pros / Cons */
.pros-cons{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;
  padding:0 16px 16px!important;
}
.pros-block,.cons-block{
  background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.06)!important;
  border-radius:10px!important;padding:10px 12px!important;
}
.pros-block{border-top:2px solid rgba(34,197,94,.3)!important}
.cons-block{border-top:2px solid rgba(239,68,68,.3)!important}
.pros-block h4{color:rgba(34,197,94,.9)!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin:0 0 6px!important}
.cons-block h4{color:rgba(239,68,68,.8)!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin:0 0 6px!important}
.pros-list,.cons-list{list-style:none!important;margin:0!important;padding:0!important}
.pros-list li,.cons-list li{
  font-size:.8rem!important;color:rgba(255,255,255,.7)!important;
  padding:2px 0!important;line-height:1.4!important;
}
.pros-list li::before{content:"✓ "!important;color:rgba(34,197,94,.9)!important;font-weight:700!important}
.cons-list li::before{content:"✗ "!important;color:rgba(239,68,68,.7)!important;font-weight:700!important}

/* Score summary (top pick card) */
.score-summary{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;
  border-radius:var(--p-r)!important;padding:20px!important;margin:16px 0 20px!important;
}
.score-summary .score-big{font-size:3.5rem!important}
.score-cats{margin-top:10px!important}
.score-label{font-size:1rem!important;font-weight:700!important;color:#fff!important;margin-bottom:3px!important}
.score-label-sub{font-size:.78rem!important;color:rgba(255,255,255,.45)!important;margin-bottom:10px!important;display:block!important}
@media(max-width:640px){.pros-cons{grid-template-columns:1fr!important}.card-v2 .card-stats{grid-template-columns:repeat(2,1fr)!important}}

/* ══════════════════════════════════════════════════════
   PREMIUM PICK CARDS
══════════════════════════════════════════════════════ */
.product-card,.trd-ranked-card,.trd-pick-spotlight{
  background:var(--p-card)!important;
  border:1px solid var(--p-border)!important;
  border-radius:var(--p-r)!important;
  overflow:hidden!important;
  margin-bottom:24px!important;
  box-shadow:none!important;
  transition:border-color .2s,box-shadow .2s!important;
}
.product-card:hover,.trd-ranked-card:hover{
  border-color:rgba(96,165,250,.3)!important;
  box-shadow:0 6px 32px rgba(96,165,250,.07)!important;
}

/* Image banner — full width */
.product-card-img-wrap,.trd-pick-spotlight-row .product-card-img-wrap{
  position:relative!important;width:100%!important;
  height:260px!important;overflow:hidden!important;
  background:#07070e!important;border-radius:0!important;
  border:none!important;flex-shrink:unset!important;
}
.product-card-img-wrap img,.trd-pick-spotlight-row .product-card-img-wrap img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;display:block!important;
  border-radius:0!important;border:none!important;
  background:#07070e!important;
  transition:transform .35s ease!important;
  max-width:unset!important;
}
.product-card:hover .product-card-img-wrap img{transform:scale(1.02)!important}

/* Overlay on card image */
.product-card-img-wrap::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(13,13,20,.92) 0%,rgba(13,13,20,.35) 50%,transparent 100%);
  pointer-events:none;z-index:1;
}

/* Card content below image */
.trd-pick-spotlight-row{
  display:block!important;padding:0!important;
  flex-direction:unset!important;
}
.trd-pick-spotlight-main{
  padding:16px 20px 4px!important;
  flex:unset!important;min-width:unset!important;
  overflow:unset!important;
}
.product-card-title{
  font-size:1.1rem!important;font-weight:800!important;
  color:#fff!important;margin:0 0 5px!important;
  letter-spacing:-.02em!important;
  word-break:normal!important;
}
.product-card-rating{
  color:var(--p-gold)!important;font-size:.82rem!important;
  margin-bottom:6px!important;font-weight:600!important;
}
.product-card-excerpt{
  font-size:.88rem!important;line-height:1.65!important;
  color:rgba(255,255,255,.7)!important;margin-bottom:10px!important;
}
.product-card-price,.trd-live-price{
  font-size:1rem!important;font-weight:800!important;
  color:var(--p-green)!important;margin:8px 0!important;
}

/* Details/specs ── */
.trd-pick-details{border-top:1px solid var(--p-border)!important;background:transparent!important}
.trd-pick-details summary{
  padding:12px 20px!important;cursor:pointer!important;
  font-size:.82rem!important;font-weight:600!important;
  color:rgba(255,255,255,.5)!important;
  list-style:none!important;
  display:flex!important;justify-content:space-between!important;
  align-items:center!important;
}
.trd-pick-details summary::after{content:"▾ Full specs";float:right;font-size:.75rem;color:var(--p-accent)}
.trd-pick-details[open] summary::after{content:"▴ Collapse"}
.trd-pick-details summary::-webkit-details-marker{display:none}
.product-card-body{padding:16px 20px!important;background:rgba(0,0,0,.25)!important}

/* Spec table ── */
table.trd-spec-table,table.spec-table,.trd-spec-table{
  width:100%!important;border-collapse:collapse!important;
  font-size:.8rem!important;margin-bottom:14px!important;
}
table.trd-spec-table th,table.spec-table th{
  background:rgba(255,255,255,.04)!important;
  color:rgba(255,255,255,.45)!important;
  padding:6px 10px!important;text-align:left!important;
  font-size:.72rem!important;letter-spacing:.05em!important;
  text-transform:uppercase!important;border:none!important;
  font-weight:700!important;
}
table.trd-spec-table td,table.spec-table td{
  padding:6px 10px!important;
  color:rgba(255,255,255,.8)!important;
  border-top:1px solid rgba(255,255,255,.04)!important;
  border-left:none!important;border-right:none!important;
  vertical-align:top!important;
}
table.trd-spec-table tr:hover td{background:rgba(255,255,255,.02)!important}

/* ── Benchmark bars ── */
.trd-pick-benchmark-group{margin:14px 0 8px!important;display:flex!important;flex-direction:column!important;gap:6px!important}
.trd-pick-benchmark{display:grid!important;grid-template-columns:110px 1fr 36px!important;gap:6px!important;align-items:center!important}
.trd-pick-benchmark-label{font-size:.75rem!important;color:rgba(255,255,255,.6)!important;font-weight:500!important;white-space:nowrap!important}
.trd-pick-benchmark-bar-wrap{height:6px!important;background:rgba(255,255,255,.08)!important;border-radius:4px!important;overflow:hidden!important}
.trd-pick-benchmark-bar{height:100%!important;background:linear-gradient(90deg,var(--p-accent),var(--p-accent2))!important;border-radius:4px!important;transition:width .4s ease!important}
.trd-pick-benchmark-score{font-size:.72rem!important;font-weight:700!important;color:var(--p-accent)!important;text-align:right!important}

/* Pros/cons — override light green/red to dark ── */
.product-card-pros-cons .pros,.pros{
  background:rgba(74,222,128,.08)!important;
  border-left:3px solid var(--p-green)!important;
  border-radius:10px!important;
}
.product-card-pros-cons .cons,.cons{
  background:rgba(248,113,113,.08)!important;
  border-left:3px solid var(--p-red)!important;
  border-radius:10px!important;
}
.pros h4{color:var(--p-green)!important}
.cons h4{color:var(--p-red)!important}
.pros li,.cons li{color:rgba(255,255,255,.75)!important}
/* Amazon disclosure / affiliate block */
.affiliate-disclosure,.trd-disclosure,.amazon-disclosure,
[class*="disclosure"]{
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:10px!important;color:rgba(255,255,255,.4)!important;
}
/* Product card wrapper (white bg in ranked cards) */
.product-card,.trd-ranked-card .product-card-wrap{
  background:var(--p-card)!important;
  border:1px solid var(--p-border)!important;
  border-radius:14px!important;
}
.product-card-head{
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.product-card-description p,.product-card-body p{
  color:rgba(255,255,255,.7)!important;
}
/* Related reviews chips */
.related-reviews a,.related-review-link{
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.7)!important;border-radius:8px!important;
}
.related-reviews a:hover{background:rgba(96,165,250,.1)!important;color:var(--p-accent)!important}
/* Product card pros-cons ── */
.product-card-pros-cons,.trd-pros-cons{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:12px!important;margin:12px 0!important;
}
@media(max-width:500px){.product-card-pros-cons,.trd-pros-cons{grid-template-columns:1fr!important}}
.pros h4,.cons h4{font-size:.72rem!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;margin-bottom:6px!important}
.pros h4{color:var(--p-green)!important}
.cons h4{color:var(--p-red)!important}
.pros ul,.cons ul{list-style:none!important;padding:0!important}
.pros li,.cons li{font-size:.8rem!important;color:rgba(255,255,255,.7)!important;padding:2px 0 2px 12px!important;position:relative!important;line-height:1.45!important}
.pros li::before{content:"•";position:absolute;left:0;color:var(--p-green)}
.cons li::before{content:"•";position:absolute;left:0;color:var(--p-red)}

/* Affiliate note ── */
.affiliate-note{font-size:.7rem!important;color:rgba(255,255,255,.25)!important;margin-top:10px!important}

/* ══════════════════════════════════════════════════════
   AMAZON BUTTONS
══════════════════════════════════════════════════════ */
.btn-buy,.product-card .btn-buy{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  background:linear-gradient(135deg,#FF9900,#e68900)!important;
  color:#111!important;font-size:.84rem!important;font-weight:800!important;
  padding:10px 20px!important;border-radius:8px!important;
  text-decoration:none!important;transition:all .2s!important;
  white-space:nowrap!important;margin-top:6px!important;
  box-shadow:0 3px 12px rgba(255,153,0,.3)!important;
  border:none!important;
}
.btn-buy:hover{
  background:linear-gradient(135deg,#ffaa22,#FF9900)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 6px 20px rgba(255,153,0,.5)!important;
  color:#000!important;text-decoration:none!important;
}
.trd-amz-compare{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  background:transparent!important;
  border:1px solid rgba(255,153,0,.35)!important;
  color:rgba(255,153,0,.85)!important;
  font-size:.78rem!important;font-weight:600!important;
  padding:8px 14px!important;border-radius:8px!important;
  text-decoration:none!important;transition:all .2s!important;
  white-space:nowrap!important;margin-top:6px!important;margin-left:6px!important;
}
.trd-amz-compare:hover{background:rgba(255,153,0,.08)!important;border-color:rgba(255,153,0,.7)!important;color:#FF9900!important;text-decoration:none!important}
.trd-amz-price-tag{
  font-size:.75rem!important;color:rgba(255,255,255,.35)!important;
  display:block!important;margin-top:4px!important;font-style:italic!important;
}

/* ══════════════════════════════════════════════════════
   SIDEBAR
══════════════════════════════════════════════════════ */
/* ── Button wrapper ── */
.trd-btn-wrap{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  align-items:center!important;margin-top:10px!important;
}
/* Remove orphan legacy flex wrappers */
.buy-buttons-wrap>div[style*="display:flex"]{display:contents!important}

.sidebar,.sidebar-box{background:var(--p-card)!important;border:1px solid var(--p-border)!important;border-radius:var(--p-r)!important;color:#e2e4ef!important}
.sidebar-box h3{color:#fff!important;font-size:.82rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-bottom:12px!important}
/* Regular sidebar links — but NOT buttons */
.sidebar-box a:not(.btn-buy):not(.trd-amz-compare):not(.trd-sidebar-amz-btn){color:rgba(255,255,255,.7)!important}
.sidebar-box a:not(.btn-buy):not(.trd-amz-compare):not(.trd-sidebar-amz-btn):hover{color:var(--p-accent)!important}
.tag{background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.6)!important;border-radius:4px!important;font-size:.72rem!important}
.sidebar-cat-link{color:rgba(255,255,255,.7)!important}
.sidebar-cat-count{color:rgba(255,255,255,.3)!important}
.rating{color:var(--p-gold)!important}

/* ── Sidebar Amazon widget ── */
.trd-sidebar-amz{background:rgba(255,153,0,.05)!important;border:1px solid rgba(255,153,0,.18)!important;border-radius:var(--p-r)!important;padding:16px 18px!important;margin-bottom:18px!important}
.trd-sidebar-amz-title{font-size:.68rem!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#FF9900!important;margin-bottom:12px!important}
.trd-sidebar-amz-row{display:flex!important;justify-content:space-between!important;gap:8px!important;padding:5px 0!important;border-bottom:1px solid rgba(255,255,255,.04)!important;align-items:center!important}
.trd-sidebar-amz-row:last-of-type{border-bottom:none!important;margin-bottom:8px!important}
.trd-sidebar-amz-name{font-size:.77rem!important;color:rgba(255,255,255,.7)!important;flex:1!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.trd-sidebar-amz-price{font-size:.77rem!important;font-weight:700!important;color:var(--p-green)!important;white-space:nowrap!important}
.trd-sidebar-amz-btn{
  display:block!important;width:100%!important;text-align:center!important;
  background:linear-gradient(135deg,#FF9900,#e68900)!important;
  color:#111!important;font-size:.79rem!important;font-weight:800!important;
  padding:9px 14px!important;border-radius:7px!important;
  text-decoration:none!important;margin-top:8px!important;transition:filter .2s!important;
}
.trd-sidebar-amz-btn:hover{filter:brightness(1.1)!important;color:#000!important;text-decoration:none!important}
.trd-sidebar-amz-note{font-size:.67rem!important;color:rgba(255,255,255,.25)!important;text-align:center!important;margin-top:6px!important}

/* ── Video ── */
.video-embed-wrap,.video-embed-inner{border-radius:var(--p-r)!important;background:#07070e!important}
.video-embed-title,.video-embed-wrap h2{color:#fff!important;font-size:1.1rem!important;font-weight:800!important}

/* ── FAQ ── */
details.trd-faq-item,details[class*="faq"]{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;
  border-radius:var(--p-r-sm)!important;margin-bottom:7px!important;overflow:hidden!important;
}
details.trd-faq-item summary,details[class*="faq"] summary{
  padding:13px 18px!important;font-size:.88rem!important;font-weight:600!important;
  color:rgba(255,255,255,.9)!important;cursor:pointer!important;list-style:none!important;
}
details.trd-faq-item summary::-webkit-details-marker{display:none}
details.trd-faq-item[open] summary{border-bottom:1px solid var(--p-border)!important}
details.trd-faq-item p,details[class*="faq"] p{padding:12px 18px!important;font-size:.86rem!important;color:rgba(255,255,255,.7)!important;line-height:1.7!important}

/* ── Methodology / testing grid ── */
.testing-grid>div{background:rgba(255,255,255,.03)!important;border:1px solid var(--p-border)!important;border-radius:var(--p-r-sm)!important;color:rgba(255,255,255,.8)!important}

/* ── Ranked list heading ── */
.trd-ranked-list{background:transparent!important;border:none!important;padding:0!important}
.trd-ranked-list h2{color:#fff!important;font-size:1.35rem!important;font-weight:900!important;margin-bottom:16px!important}
.trd-ranked-list-lead{color:rgba(255,255,255,.65)!important;font-size:.9rem!important}

/* ── Shortlist intro ── */
.trd-shortlist-intro{background:rgba(255,255,255,.03)!important;border:1px solid var(--p-border)!important;border-radius:var(--p-r)!important;padding:16px 20px!important;margin-bottom:24px!important}
.trd-shortlist-intro li,.trd-shortlist-item{color:rgba(255,255,255,.75)!important;font-size:.85rem!important;padding:4px 0!important;border-bottom:1px solid rgba(255,255,255,.04)!important}
.trd-shortlist-intro strong{color:#fff!important}

/* ── Buying guide / sections ── */
.trd-buying-guide,.trd-section-card,.buying-guide-section{background:var(--p-card)!important;border:1px solid var(--p-border)!important;border-radius:var(--p-r)!important;padding:20px 24px!important}

/* ── Footer ── */
footer{background:#0a0a10!important;border-top:1px solid var(--p-border)!important;color:rgba(255,255,255,.4)!important}
footer a{color:rgba(255,255,255,.4)!important}
footer a:hover{color:rgba(255,255,255,.8)!important}
.footer-links{display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:center!important}

/* ── Sticky CTA ── */
.trd-sticky-cta{
  position:fixed!important;bottom:0!important;left:0!important;right:0!important;
  z-index:9999!important;background:rgba(13,13,20,.96)!important;
  border-top:1px solid rgba(255,153,0,.28)!important;
  backdrop-filter:blur(12px)!important;
  padding:11px 20px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:14px!important;
  transform:translateY(100%)!important;
  transition:transform .3s ease!important;
}
.trd-sticky-cta.visible{transform:translateY(0)!important}
.trd-sticky-cta-text{font-size:.82rem!important;color:rgba(255,255,255,.7)!important;flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.trd-sticky-cta-btn{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  background:linear-gradient(135deg,#FF9900,#e68900)!important;
  color:#111!important;font-size:.8rem!important;font-weight:800!important;
  padding:9px 18px!important;border-radius:7px!important;
  text-decoration:none!important;white-space:nowrap!important;flex-shrink:0!important;
}
.trd-sticky-cta-btn:hover{filter:brightness(1.1)!important;color:#000!important;text-decoration:none!important}
.trd-sticky-close{background:none!important;border:none!important;color:rgba(255,255,255,.35)!important;font-size:1.1rem!important;cursor:pointer!important;padding:4px 8px!important;flex-shrink:0!important;line-height:1!important}
.trd-sticky-close:hover{color:rgba(255,255,255,.75)!important}

/* ── Sidebar categories ── */
.sidebar-cat-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:7px 10px!important;border-radius:6px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  margin-bottom:5px!important;
}
.sidebar-cat-link{
  color:rgba(255,255,255,.75)!important;font-size:.8rem!important;
  text-decoration:none!important;font-weight:500!important;flex:1!important;
}
.sidebar-cat-link:hover{color:var(--p-accent)!important}
.sidebar-cat-count{
  background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.45)!important;
  font-size:.7rem!important;font-weight:700!important;
  padding:2px 7px!important;border-radius:20px!important;
}

/* ── Popular posts in sidebar ── */
.popular-post{
  display:flex!important;gap:10px!important;align-items:flex-start!important;
  padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;
}
.popular-post:last-child{border-bottom:none!important}
.popular-post img{
  width:52px!important;height:44px!important;object-fit:cover!important;
  border-radius:5px!important;flex-shrink:0!important;background:#1a1a28!important;
}
.popular-post-title a{
  font-size:.77rem!important;color:rgba(255,255,255,.8)!important;
  line-height:1.4!important;display:block!important;
}
.popular-post-title a:hover{color:var(--p-accent)!important}
.popular-post-meta{font-size:.68rem!important;color:rgba(255,255,255,.3)!important;margin-top:3px!important}

/* ── Newsletter form ── */
.newsletter-box{background:rgba(96,165,250,.05)!important;border-radius:var(--p-r-sm)!important;padding:14px!important}
.newsletter-box h3{color:#fff!important;font-size:.82rem!important;margin-bottom:4px!important}
.newsletter-box p{color:rgba(255,255,255,.5)!important;font-size:.77rem!important;margin-bottom:10px!important}
.newsletter-box input[type=email],.newsletter-box input{
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;
  color:#e2e4ef!important;border-radius:6px!important;padding:8px 12px!important;
  width:100%!important;font-size:.82rem!important;box-sizing:border-box!important;
  margin-bottom:8px!important;outline:none!important;
}
.newsletter-box input::placeholder{color:rgba(255,255,255,.3)!important}
.newsletter-box button[type=submit],.newsletter-box button{
  background:linear-gradient(135deg,var(--p-accent),#3b82f6)!important;
  color:#fff!important;border:none!important;border-radius:6px!important;
  padding:9px 14px!important;font-weight:700!important;font-size:.82rem!important;
  width:100%!important;cursor:pointer!important;
}
.newsletter-box button:hover{filter:brightness(1.1)!important}

/* ── Ad blocks — hide empty white boxes ── */
.ad-wrap,.trd-ad-unit,.sidebar-sponsor,.ad-slot,.adsense-slot{
  background:rgba(255,255,255,.02)!important;border:1px solid rgba(255,255,255,.04)!important;
  border-radius:var(--p-r-sm)!important;min-height:0!important;overflow:hidden!important;
}
.ad-wrap:empty,.trd-ad-unit:empty,.ad-slot:empty,.adsense-slot:empty{
  display:none!important;
}

/* ── Utility links ── */
.sidebar-utility-links a,.util-sep{color:rgba(255,255,255,.35)!important;font-size:.75rem!important}
.sidebar-utility-links a:hover{color:rgba(255,255,255,.7)!important}

/* ── Tags ── */
.tag{
  display:inline-block!important;padding:3px 9px!important;
  background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.55)!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:4px!important;
  font-size:.72rem!important;text-decoration:none!important;margin:2px!important;
}
.tag:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}

/* ── Rating stars ── */
.rating{color:#f59e0b!important;font-size:1.1rem!important;letter-spacing:2px!important}
.rating-text{color:rgba(255,255,255,.4)!important;font-size:.75rem!important;margin-top:3px!important}

/* ── Quick rating box ── */
.sidebar-box .rating-text{color:rgba(255,255,255,.5)!important}

/* ── Headings — beat trd-site.css specificity (.main-content h2) ── */
.main-content h1,.main-content h2,.main-content h3,
main h1,main h2,main h3,
.main-content .section-title{color:#fff!important}
.main-content h2{font-size:1.35rem!important;font-weight:800!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding-bottom:6px!important;margin-top:2rem!important}
.main-content h3{font-size:1.1rem!important;font-weight:700!important;color:rgba(255,255,255,.92)!important}
.main-content p{color:rgba(255,255,255,.8)!important;line-height:1.75!important}
.main-content a:not(.btn-buy):not(.trd-amz-compare):not(.trd-sticky-cta-btn){color:var(--p-accent)!important}

/* ── Ad blocks — ALL known ad classes with min-height:0 ── */
.trd-ad-hero,.trd-ad-infeed,.trd-ad-sidebar,.trd-ad-zone,
.ad-wrap,.trd-ad-unit,.sidebar-sponsor,.ad-slot,.adsense-slot,
.sidebar-sponsor.ad-slot-sidebar{
  background:transparent!important;border:none!important;
  box-shadow:none!important;min-height:0!important;
  padding:0!important;
}
/* Empty ad containers collapse completely */
.trd-ad-zone:empty,.ad-wrap:empty{display:none!important}

/* ── Video embed ── */
.video-embed-wrap,.video-embed-inner,.video-section{
  border-radius:var(--p-r)!important;
  background:#07070e!important;
  overflow:hidden!important;
  margin:20px 0!important;
}
.video-embed-inner iframe{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  border:none!important;
  display:block!important;
}
.video-embed-title,.video-embed-wrap h2,.video-section h2{
  color:#fff!important;font-size:1.1rem!important;font-weight:700!important;
  padding:14px 18px!important;background:rgba(255,255,255,.02)!important;
  margin:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;
}

/* ── Hub backlink (spoke pages) ── */
.trd-hub-backlink{
  display:block;margin-bottom:12px;font-size:.82rem;
}
.trd-hub-backlink a{
  color:rgba(255,255,255,.5)!important;
  text-decoration:none!important;
}
.trd-hub-backlink a:hover{color:var(--p-accent)!important}

/* ── Benchmark / test graphs (matplotlib images) ── */
.test-graphs-section,.charts-section,.benchmark-charts-section{
  background:var(--p-card)!important;border:1px solid var(--p-border)!important;
  border-radius:14px!important;padding:20px!important;margin:24px 0!important;
}
.test-graphs-section h2,.charts-section h2{color:#fff!important}
.test-graphs-section p,.charts-section p{color:rgba(255,255,255,.6)!important;font-size:.85rem!important}
figure{margin:0 0 20px!important}
figure img,.chart-img,.benchmark-img{
  max-width:100%!important;width:100%!important;height:auto!important;
  border-radius:10px!important;display:block!important;
  box-shadow:0 4px 20px rgba(0,0,0,.4)!important;
}
figcaption{color:rgba(255,255,255,.4)!important;font-size:.75rem!important;text-align:center!important;margin-top:6px!important}
/* Matplotlib charts often have white bg — give them a dark wrapper */
.chart-wrap{background:var(--p-card)!important;border-radius:10px!important;overflow:hidden!important;padding:4px!important}

/* ── Score summary / intro picks teaser (white gradient boxes) ── */
.score-summary{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:18px 22px!important}
.score-big{color:#fff!important;font-size:3rem!important;font-weight:900!important}
.score-out{color:rgba(255,255,255,.5)!important}
.score-cats{color:rgba(255,255,255,.7)!important}
.score-label{color:rgba(255,255,255,.6)!important}
.cat-track,.cat-bar{background:rgba(255,255,255,.08)!important;border-radius:99px!important;height:5px!important;overflow:hidden!important}
.cat-fill,.cat-bar-fill{background:linear-gradient(90deg,var(--p-accent),var(--p-accent2))!important;height:100%!important}
.cat-val{color:#fff!important;font-weight:700!important;font-size:.82rem!important}
.cat-name{color:rgba(255,255,255,.65)!important;font-size:.77rem!important}
.score-cat{display:flex!important;align-items:center!important;gap:6px!important;margin:3px 0!important}
.stars-row{color:#f59e0b!important;font-size:1.1rem!important;letter-spacing:1px!important}
.score-label-sub{color:rgba(255,255,255,.4)!important;font-size:.72rem!important;display:block!important}
.trd-bgr-premium{background:transparent!important}
.trd-bgr-premium .section-divider{background:linear-gradient(90deg,var(--p-accent),transparent)!important}

/* ── Hide bytecode placeholder picks (Anker/Logitech/Tile fallback products) ── */
/* These appear when the bytecode can't find relevant products for the keyword */
.trd-pick-spotlight:has(img[alt*="Anker Prime 27,650"]),
.trd-pick-spotlight:has(img[alt*="Logitech MX Master 4"]),
.trd-pick-spotlight:has(img[alt*="Belkin BoostCharge"]),
.trd-pick-spotlight:has(img[alt*="Tile Pro (2024)"]),
.trd-pick-spotlight:has(img[alt*="Razer DeathAdder V3"]),
.trd-pick-spotlight:has(img[alt*="Elgato Stream Deck"]),
.trd-pick-spotlight:has(img[alt*="Samsung T7 Shield 2TB"]),
.product-card.trd-ranked-card:has(img[alt*="Anker Prime 27,650"]),
.product-card.trd-ranked-card:has(img[alt*="Logitech MX Master 4"]),
.product-card.trd-ranked-card:has(img[alt*="Belkin BoostCharge"]),
.product-card.trd-ranked-card:has(img[alt*="Tile Pro (2024)"]),
.product-card.trd-ranked-card:has(img[alt*="Razer DeathAdder V3"]),
.product-card.trd-ranked-card:has(img[alt*="Elgato Stream Deck"]),
.product-card.trd-ranked-card:has(img[alt*="Samsung T7 Shield 2TB"]) {
  display: none !important;
}
/* Hide shortlist items for placeholder products */
.trd-shortlist-quick li:has(.trd-shortlist-name:empty),
.trd-picks-first:not(:has(.trd-pick-spotlight:not([style*="none"]))) { display:none!important; }

/* ── card-v2 dark override (bytecode injects background:#fff) ── */
.trd-bgr-premium .card-v2,
.card-v2{
  background:var(--p-card)!important;
  border:1px solid var(--p-border)!important;
  border-radius:18px!important;
  color:var(--p-text)!important;
}
.trd-bgr-premium .card-v2:hover,.card-v2:hover{
  border-color:rgba(96,165,250,.3)!important;
  box-shadow:0 6px 28px rgba(96,165,250,.07)!important;
}
.trd-bgr-premium .card-v2 h3,
.trd-bgr-premium .card-v2 h4,
.card-v2 h3,.card-v2 h4{color:#fff!important}
.trd-bgr-premium .card-v2 p,.card-v2 p{color:rgba(255,255,255,.75)!important}
/* Benchmark snapshot section inside card-v2 */
.trd-pick-benchmark{
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:12px!important;padding:16px!important;margin:16px 0!important;
}
.trd-pick-benchmark h4,.trd-bench-note{color:rgba(255,255,255,.7)!important}
.trd-bench-note em{color:rgba(255,255,255,.45)!important;font-size:.8rem!important}
/* SVG charts inside benchmark section */
figure.svg-chart,figure.benchmark-chart,.trd-v8-bar-chart{
  background:transparent!important;border-radius:10px!important;overflow:hidden!important;
}
/* score-summary dark */
.trd-bgr-premium .score-summary{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;padding:18px 22px!important;
}
/* AliExpress section dark */
.product-card-aliexpress{border-top:1px solid rgba(255,255,255,.06)!important}
.ali-item{background:var(--p-card)!important;border:1px solid var(--p-border)!important;border-radius:10px!important}
.ali-item-img{background:rgba(255,255,255,.05)!important;border-radius:8px!important}
.ali-desc,.ali-disclaimer{color:rgba(255,255,255,.5)!important}
.product-card-aliexpress h3{color:#fff!important}
.ali-subtitle{color:rgba(255,255,255,.6)!important}

/* ── Callout boxes ── */
.callout{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;color:#e2e4ef!important}
.callout-tip{border-left:3px solid var(--p-accent)!important}
.callout-warn{border-left:3px solid #f59e0b!important}
.callout strong{color:#fff!important}

/* ── Responsive ── */
@media(max-width:900px){
  .container{grid-template-columns:1fr!important}
  .sidebar{position:static!important;top:auto!important}
  .product-card-img-wrap{height:200px!important}
}
@media(max-width:600px){
  .product-card-img-wrap{height:160px!important}
  .trd-sticky-cta-text{display:none!important}
}
/* ═══════════════════════════════════════════════════════════ */

/* ── Comparison table ── */
.trd-comparison-section{margin:32px 0}
.trd-comparison-section h2{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:16px}
.trd-comparison-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;
  border-radius:var(--p-r,12px);border:1px solid var(--p-border,rgba(255,255,255,.08))}
.comparison-table{width:100%;border-collapse:collapse;font-size:.88rem}
.comparison-table thead{background:rgba(96,165,250,.1)}
.comparison-table th{padding:10px 14px;text-align:left;font-weight:600;
  color:var(--p-accent,#60a5fa);border-bottom:1px solid var(--p-border,rgba(255,255,255,.08));
  white-space:nowrap}
.comparison-table td{padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.05);
  color:rgba(255,255,255,.8);vertical-align:middle}
.comparison-table tr:last-child td{border-bottom:none}
.comparison-table tr:hover td{background:rgba(255,255,255,.03)}
.comparison-table tr:nth-child(odd) td{background:rgba(255,255,255,.015)}
@media(max-width:600px){.comparison-table td,.comparison-table th{padding:7px 10px;font-size:.82rem}}

/* ── Amazon product card images ── */
.product-card-img-wrap img[src*="media-amazon"]{
  background:#fff;border-radius:8px;padding:4px;
  object-fit:contain!important;width:120px;height:120px}