/* Live prijzen van PeptideSupply op de Trusted Performer-profielen.
   Vormgeving staat hier; PeptideSupply levert alleen de gegevens. */
.pcl{position:relative}
.pcl-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 6px}
.pcl-live{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:var(--teal-tint);color:var(--teal-deep);font-size:13px;font-weight:700;letter-spacing:.01em}
.pcl-live i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 0 rgba(14,122,95,.45);animation:pclPulse 2s infinite}
@keyframes pclPulse{0%{box-shadow:0 0 0 0 rgba(14,122,95,.45)}70%{box-shadow:0 0 0 8px rgba(14,122,95,0)}100%{box-shadow:0 0 0 0 rgba(14,122,95,0)}}
@media (prefers-reduced-motion:reduce){.pcl-live i{animation:none}}
.pcl-upd{font-size:13px;color:var(--ink-soft)}
.pcl-intro{margin:6px 0 14px;font-size:14.5px;line-height:1.55;color:var(--ink-soft)}
.pcl-table{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}
.pcl-row{display:grid;grid-template-columns:minmax(0,1.5fr) 92px 78px minmax(0,1.8fr) 116px 88px;gap:14px;align-items:center;padding:12px 16px;font-size:14.5px}
.pcl-th{background:var(--soft);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding-top:10px;padding-bottom:10px}
.pcl-th .r{text-align:right}
.pcl-body .pcl-row{border-top:1px solid var(--line)}
.pcl-body .pcl-row:hover{background:var(--soft)}
.pcl-prod{min-width:0;color:var(--ink);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.pcl-prod:hover{color:var(--teal-deep);text-decoration:underline;text-underline-offset:2px}
.pcl-str,.pcl-pur{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.pcl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;font-size:13px;line-height:1.35}
.pcl-pv{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--teal-tint);color:var(--teal-deep);font-size:12px;font-weight:700;white-space:nowrap}
.pcl-coa{color:var(--ink-soft)}
.pcl-coa.ok{color:var(--teal-deep);font-weight:600}
.pcl-price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.pcl-price b{font-weight:800;color:var(--ink)}
.pcl-price s{margin-right:6px;font-size:12.5px;color:var(--ink-soft)}
.pcl-shop{justify-self:end;padding:6px 13px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.pcl-shop:hover{border-color:var(--teal);color:var(--teal-deep)}
.pcl-prod:focus-visible,.pcl-shop:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.pcl-msg{padding:18px 16px;color:var(--ink-soft);font-size:14px;border-top:1px solid var(--line)}
.pcl-fallback{margin:14px 0 0}
.pcl-fallback p{margin:0 0 10px;color:var(--ink-soft);font-size:14px}
.pcl-cta{margin-top:16px}
@media (max-width:900px){
  .pcl-th{display:none}
  .pcl-body .pcl-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"prod prod price" "str pur shop" "meta meta meta";gap:5px 12px;padding:13px 14px}
  .pcl-body .pcl-row:first-child{border-top:0}
  .pcl-prod{grid-area:prod}
  .pcl-price{grid-area:price}
  .pcl-str{grid-area:str}
  .pcl-pur{grid-area:pur}
  .pcl-pur:not(:empty)::before{content:attr(data-label) " "}
  .pcl-meta{grid-area:meta}
  .pcl-shop{grid-area:shop;padding:4px 11px}
}