/* PPW shop + credibility additions (loaded alongside ppw.css + protocols.css) */

/* Credibility panel auto-injected at bottom of protocol/shop pages */
.ppw-credibility{
  margin:56px 0 0;padding:40px;border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.04));
}
.ppw-cred-inner{max-width:820px;margin:0 auto;}
.ppw-cred-body h3{margin:.2em 0 .6em;font-family:var(--serif);font-size:1.6rem;color:var(--ink);}
.ppw-cred-body p{color:var(--ink-dim);margin:.6em 0;line-height:1.65;}
.ppw-cred-body .ppw-kicker{color:var(--accent);letter-spacing:.18em;font-size:.78rem;margin:0;}
.ppw-cred-body .ppw-link{color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none;}
.ppw-cred-body .ppw-link:hover{opacity:.85;}

/* Shop category rail — horizontal scroll on small screens, grid on wide */
.ppw-shop-head{margin-bottom:16px;}
.ppw-shop-head h2{font-family:var(--serif);font-size:2rem;margin:.1em 0 .3em;}
.ppw-shop-head .ppw-lede{color:var(--ink-dim);max-width:720px;margin:0;}

.ppw-rail{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:16px;margin:24px 0 8px;
}
.ppw-rail-slim{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}

.ppw-rail-card{
  display:flex;flex-direction:column;gap:8px;
  padding:18px 18px 16px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--card);color:var(--ink);text-decoration:none;
  transition:border-color .15s ease, transform .15s ease, background .15s ease;
  position:relative;min-height:170px;
}
.ppw-rail-card:hover{border-color:var(--accent);transform:translateY(-2px);background:rgba(255,255,255,.03);}
.ppw-rail-card h4{margin:2px 0 0;font-size:1.02rem;line-height:1.35;color:var(--ink);}
.ppw-rail-card .why{color:var(--ink-dim);font-size:.9rem;margin:2px 0 auto;line-height:1.5;}
.ppw-rail-card .go{color:var(--accent);font-size:.85rem;margin-top:10px;}
.ppw-rail-partner{display:flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);}
.ppw-badge{padding:2px 8px;border-radius:999px;font-size:.62rem;letter-spacing:.08em;border:1px solid var(--line);}
.ppw-badge.live{color:#8ee2a8;border-color:rgba(142,226,168,.35);}
.ppw-badge.pending{color:#f4c26a;border-color:rgba(244,194,106,.35);}

.ppw-related-protocol{margin-top:12px;color:var(--ink-dim);font-size:.95rem;}
.ppw-related-protocol a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);}

/* Shop hub: 6 big category tiles */
.ppw-shop-hub-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:32px 0;
}
.ppw-shop-hub-card{
  display:flex;flex-direction:column;justify-content:space-between;
  padding:28px 26px;border:1px solid var(--line);border-radius:var(--radius);
  background:var(--card);min-height:220px;text-decoration:none;color:var(--ink);
  transition:border-color .15s ease, transform .15s ease;
}
.ppw-shop-hub-card:hover{border-color:var(--accent);transform:translateY(-3px);}
.ppw-shop-hub-card h3{font-family:var(--serif);font-size:1.4rem;margin:.2em 0 .4em;}
.ppw-shop-hub-card p{color:var(--ink-dim);margin:.2em 0;line-height:1.55;}
.ppw-shop-hub-card .go{color:var(--accent);margin-top:14px;font-size:.9rem;}

/* About page layout */
.ppw-about-hero{padding:40px 0 8px;}
.ppw-about-hero h1{font-family:var(--serif);font-size:2.6rem;margin:.1em 0 .2em;}
.ppw-credentials-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:24px 0;
}
.ppw-cred-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);}
.ppw-cred-card h4{margin:0 0 .4em;font-size:1rem;color:var(--accent);letter-spacing:.04em;}
.ppw-cred-card p{color:var(--ink-dim);margin:.3em 0;line-height:1.55;font-size:.95rem;}
.ppw-cred-card ul{padding-left:18px;color:var(--ink-dim);line-height:1.6;}
.ppw-cred-card ul li{margin:.2em 0;}

.ppw-research-band{margin:36px 0;padding:32px;border-left:3px solid var(--accent);background:rgba(255,255,255,.03);}
.ppw-research-band h3{font-family:var(--serif);margin-top:0;}
.ppw-research-band p{color:var(--ink-dim);line-height:1.65;}

/* v3: multi-platform button row */
.ppw-plat-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.ppw-plat-btn{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 10px;font-size:.72rem;letter-spacing:.04em;
  border:1px solid var(--line);border-radius:999px;
  color:var(--ink);text-decoration:none;background:rgba(255,255,255,.02);
  transition:border-color .15s,background .15s,transform .15s;
}
.ppw-plat-btn:hover{border-color:var(--accent);background:rgba(255,255,255,.06);transform:translateY(-1px);}
.ppw-plat-iherb{border-color:rgba(142,226,168,.45);}
.ppw-plat-amz_us,.ppw-plat-amz_uk{border-color:rgba(255,178,107,.45);}
.ppw-plat-temu{border-color:rgba(245,108,108,.45);}
.ppw-plat-brand{border-color:rgba(159,180,255,.45);}
.ppw-plat-pending{font-size:.58rem;opacity:.7;padding:1px 5px;border:1px solid var(--line);border-radius:999px;}
.ppw-plat-btn.disabled{opacity:.65;}

.ppw-disclaimer-inline{font-size:.82rem;color:var(--ink-dim);border-top:1px solid var(--line);padding-top:14px;margin-top:18px;}

/* collagen protocol specific */
.ppw-pillar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:24px 0;}
.ppw-pillar{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);}
.ppw-pillar h4{margin:0 0 .4em;color:var(--accent);letter-spacing:.08em;font-size:.82rem;text-transform:uppercase;}
.ppw-pillar h3{margin:.2em 0 .4em;font-family:var(--serif);font-size:1.2rem;}
.ppw-pillar p{color:var(--ink-dim);font-size:.92rem;line-height:1.55;margin:.3em 0;}