/* ----- SINGLE PRODUCT ----- */
.product-hero{
	display:flex;flex-wrap:wrap;gap:2rem;align-items:center;padding-block:2.5rem;
	border-bottom:1px solid var(--np-gray-200);
}
.product-logo{width:120px;height:120px;border-radius:16px;object-fit:cover}
.hero-text h1{margin:.1rem 0 .4rem;font-size:clamp(1.6rem,2vw+1rem,2.4rem)}
.tagline{font-size:1rem;color:var(--np-gray);margin-bottom:.8rem}

.meta-chips{display:flex;gap:.6rem;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.chip{
	background:var(--np-blue-50);color:var(--np-blue-800);
	border-radius:50px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;
}
.chip.stage{background:#ffd9c7;color:#ff6a3d}      /* orange tint */
.chip.sector{background:#e0f6ff;color:#0eb1e3}      /* cyan tint */
.chip.website{background:#f1f5f9;color:inherit;text-decoration:none}
.chip.votes{background:#fff;color:inherit}

.product-content{margin:2.5rem auto;line-height:1.6;font-size:1rem}
.product-content img{max-width:100%;height:auto;border-radius:8px}

.related-products{padding:3rem 0;border-top:1px solid var(--np-gray-200);}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}
.rel-card{background:#fff;border-radius:12px;padding:1rem;text-align:center;
	box-shadow:0 1px 4px rgb(0 0 0/.06);transition:.2s}
.rel-card:hover{transform:translateY(-4px)}
.rel-card h3{margin:.6rem 0 .3rem;font-size:1rem}
.rel-card p{font-size:.85rem;color:var(--np-gray)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem;margin-top:2rem}
.prod-card{background:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 1px 4px rgb(0 0 0/.06);transition:.2s}
.prod-card:hover{transform:translateY(-4px)}
.prod-card h3{margin:.6rem 0 .3rem;font-size:1rem}
.prod-card p{font-size:.85rem;color:var(--np-gray)}

/* --- Product Archive List Styles --- */
.product-list {
  max-width: 700px;
  margin: 2rem auto;
}
.prod-row {
  display: flex;
  align-items: flex-start;
  padding: 1.5rem 0;
  border-bottom: 1px solid #eee;
}
.prod-logo {
  flex: 0 0 56px;
  margin-right: 1.5rem;
}
.prod-logo img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 12px;
  background: #f6f6f6;
}
.prod-info {
  flex: 1;
}
.prod-title {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0.2rem;
}
.prod-title span {
  font-weight: 400;
  color: #888;
  margin-right: 0.5rem;
}
.prod-title a {
  color: var(--np-primary);
}
.prod-tagline {
  color: #444;
  margin-bottom: 0.4rem;
}
.prod-tags {
  font-size: 0.95em;
  color: #888;
}
.prod-actions {
  flex: 0 0 90px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}
.prod-action {
  background: #f6f6f6;
  border-radius: 8px;
  padding: 0.3rem 0.8rem;
  font-size: 0.95em;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.prod-action svg {
  width: 16px;
  height: 16px;
  fill: #888;
}