/* pages/products.css — Products hub and product pages (Content spec §2.3b) */
.prod-grid{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.prod-cell{
  display:flex;flex-direction:column;
  border:1px solid var(--soft-grey);border-radius:24px;
  padding:var(--space-7);background:#fff;
  transition:border-color var(--t-state),transform var(--t-state);
}
.prod-cell:hover{border-color:var(--near-black);transform:translateY(-2px)}
.prod-cell-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}
.prod-cell h2{font-size:clamp(22px,2.6vw,30px);font-weight:600;letter-spacing:-.02em;margin:0}
.prod-cell h2 a{color:inherit;text-decoration:none}
.prod-cell h2 a:hover{color:var(--cobalt)}
.prod-cat{font-family:var(--mono);font-size:12.5px;color:var(--mid-grey);white-space:nowrap}
.prod-line{margin:14px 0 0;color:#3f3f3b;font-size:17px;line-height:1.5;flex:1}
.prod-status{margin:14px 0 0;font-family:var(--mono);font-size:12.5px;color:var(--mid-grey)}
.prod-actions{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:24px}
.prod-go,.prod-out{font-family:var(--mono);font-size:13px;display:inline-flex;gap:8px;align-items:center;color:var(--near-black)}
.prod-out{color:var(--mid-grey)}
.prod-go:hover,.prod-out:hover{color:var(--cobalt)}
.prod-go .arw,.prod-out .arw{transition:transform var(--t-state)}
.prod-go:hover .arw,.prod-out:hover .arw{transform:translateX(4px)}

@media (max-width:768px){
  .prod-grid{grid-template-columns:1fr;margin-top:48px}
  .prod-cell{padding:var(--space-6)}
  .prod-cell-head{flex-direction:column;gap:6px}
}