/* OFFSET Phase 4.1 — product-intelligence page (staging). Mobile-first. */
.pwrap{max-width:980px;margin:0 auto;padding:1.25rem 1rem 4rem}
.back{color:var(--blue);text-decoration:none;font-size:.95rem}
.back:hover{text-decoration:underline}
.phead{display:flex;gap:1rem;align-items:flex-start;margin:.75rem 0 1rem}
.pimg{width:120px;height:120px;object-fit:cover;border-radius:.75rem;border:1px solid var(--border);background:var(--panel2);flex:none}
.pimg.ph{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.8rem;letter-spacing:.2em}
.pbrand{color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.ptitle{font-size:1.35rem;margin:.15rem 0;line-height:1.3}
.pmodel{color:var(--muted);font-size:.9rem;font-family:var(--mono)}
.vselectors{margin:.5rem 0 1rem;display:flex;flex-direction:column;gap:.6rem}
.vgroup{display:flex;flex-direction:column;gap:.35rem}
.vaxis{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.vchips{display:flex;flex-wrap:wrap;gap:.4rem}
.vchip{padding:.5rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--panel2);
  color:var(--text);font-size:.9rem;cursor:pointer;min-height:44px}
.vchip.on{border-color:var(--accent);background:#2a2416;color:var(--accent);font-weight:600}
.vchip[disabled]{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1rem;margin:0 0 1rem}
.panel h2{font-size:1.05rem;margin:0 0 .5rem}
.panel h2 .count{color:var(--muted);font-weight:400;font-size:.9rem}
.hero-price{font-size:2rem;font-weight:700}
.hero-price .cur,.cur{color:var(--muted);font-size:.9rem;font-weight:400}
.hero-merchant{color:var(--muted);margin:.1rem 0 .5rem}
.badges{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}
.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;border:1px solid var(--border);color:var(--muted)}
.badge.llp{border-color:var(--green);color:var(--green)}
.badge.verified{border-color:var(--blue);color:var(--blue)}
.badge.listed{border-color:var(--amber);color:var(--amber)}
.badge.checked{border-color:var(--border)}
.badge.avail{border-color:var(--green);color:var(--green)}
.badge.unavail{border-color:var(--red);color:var(--red)}
.btn-primary{display:inline-block;margin:.6rem 0;padding:.75rem 1.4rem;background:var(--accent);color:#1a1206;
  border-radius:.6rem;font-weight:700;text-decoration:none;min-height:44px}
.btn-out{color:var(--blue);text-decoration:none;white-space:nowrap;font-size:.9rem}
.btn-out:hover{text-decoration:underline}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.compare{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}
table.compare th{text-align:left;color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;
  letter-spacing:.05em;padding:.5rem;border-bottom:1px solid var(--border)}
table.compare td{padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:middle}
table.compare tr.winner td{background:rgba(63,185,80,.06)}
table.compare td.num{font-weight:700;white-space:nowrap}
.note{color:var(--muted);font-size:.9rem}
.fine{color:var(--muted);font-size:.8rem;margin:.6rem 0 0}
.empty-note{color:var(--muted)}
.count{color:var(--muted);font-weight:400}
.hchart{width:100%;height:auto;display:block;margin:.5rem 0}
.hline{stroke:var(--accent);stroke-width:2}
.hdot{fill:var(--accent)}
.hlabel{fill:var(--muted);font-size:11px}
.hlabel.hend{text-anchor:end}
.signal{border-left:4px solid var(--muted)}
.signal.buy{border-left-color:var(--green)}
.signal.wait{border-left-color:var(--amber)}
.signal.fair{border-left-color:var(--blue)}
.signal .meth{font-family:var(--mono);font-size:.75rem}
@media (min-width:720px){
  .phead{gap:1.5rem}
  .pimg{width:180px;height:180px}
  .ptitle{font-size:1.7rem}
  .vgroup{flex-direction:row;align-items:center;gap:.75rem}
  .vaxis{min-width:90px}
}