.pep-cf[data-pep-filter]{margin-bottom:var(--sp-3)}.pep-cf-cats[data-pep-filter]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem}.pep-cf-pill[data-pep-filter]{background:var(--bg);border:1px solid var(--hairline);border-radius:999px;padding:.4rem .9rem;font:inherit;font-size:.85rem;color:var(--text-muted);cursor:pointer}.pep-cf-pill[data-pep-filter]:hover{border-color:var(--accent)}.pep-cf-pill[data-pep-filter].is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.pep-cf-tools[data-pep-filter]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;padding-top:.85rem;border-top:1px solid var(--hairline)}.pep-cf-field[data-pep-filter]{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.pep-cf-field[data-pep-filter] select[data-pep-filter]{font:inherit;font-size:.85rem;text-transform:none;letter-spacing:normal;color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:.32rem .5rem;cursor:pointer}.pep-cf-field[data-pep-filter] select[data-pep-filter]:hover{border-color:var(--accent)}.pep-cf-check[data-pep-filter]{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted);cursor:pointer}.pep-cf-check[data-pep-filter] input[data-pep-filter]{accent-color:var(--accent);cursor:pointer}.pep-cf-clear[data-pep-filter]{margin-left:auto;background:none;border:none;color:var(--text-muted);font:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer;padding:0}.pep-cf-clear[data-pep-filter]:hover{color:var(--accent)}.pep-cf-clear[data-pep-filter][hidden]{display:none}.pep-cf-count[data-pep-filter]{margin:.7rem 0 0;font-size:.78rem;color:var(--text-faint)}.pep-cf-none[data-pep-filter]{padding:var(--sp-6) 0;text-align:center;color:var(--text-muted)}.pep-cf-none[data-pep-filter][hidden]{display:none}.pep-cf-none[data-pep-filter] p[data-pep-filter]{margin:0 0 1rem}.cell.is-hidden{display:none}@media(max-width:640px){.pep-cf-tools[data-pep-filter]{gap:.5rem .8rem}.pep-cf-clear[data-pep-filter]{margin-left:0}}.pep-molecular[data-pep-motif]{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;--mx: 0;--my: 0}.pep-molecular[data-pep-motif][data-motif=helix] .nc[data-pep-motif],.pep-molecular[data-pep-motif][data-motif=helix] .net-rings[data-pep-motif],.pep-molecular[data-pep-motif][data-motif=chain] .nh[data-pep-motif],.pep-molecular[data-pep-motif][data-motif=ring] .nh[data-pep-motif],.pep-molecular[data-pep-motif][data-motif=ring] .nc[data-pep-motif]{display:none}.pep-molecular-glow[data-pep-motif]{content:"";position:absolute;inset:-25%;background:radial-gradient(40% 56% at 78% 16%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 70%),radial-gradient(36% 52% at 16% 84%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 70%),radial-gradient(32% 46% at 52% 48%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%);transform:translate3d(calc(var(--mx) * 26px),calc(var(--my) * 26px),0);transition:transform .6s var(--ease);animation:molDrift 16s ease-in-out infinite alternate}.pep-molecular-canvas[data-pep-motif]{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease}.pep-molecular[data-pep-motif].is-animated .pep-molecular-canvas[data-pep-motif]{opacity:1}.pep-molecular[data-pep-motif].is-animated .pep-molecular-net[data-pep-motif]{opacity:0}.pep-molecular-net[data-pep-motif]{position:absolute;inset:0;width:100%;height:100%;opacity:.5;transform:translate3d(calc(var(--mx) * -14px),calc(var(--my) * -14px),0);transition:transform .6s var(--ease),opacity .8s ease}.net-lines[data-pep-motif] path[data-pep-motif]{fill:none;stroke:color-mix(in srgb,var(--accent) 42%,transparent);stroke-width:1;stroke-linecap:round}.net-lines[data-pep-motif] path[data-pep-motif].net-rung{stroke:color-mix(in srgb,var(--accent) 30%,transparent);stroke-width:1}.net-rings[data-pep-motif] polygon[data-pep-motif]{fill:none;stroke:color-mix(in srgb,var(--accent) 45%,transparent);stroke-width:1.25}.net-nodes[data-pep-motif] circle[data-pep-motif]{fill:color-mix(in srgb,var(--accent) 60%,white);animation:molTwinkle 6s ease-in-out infinite}.net-nodes[data-pep-motif] circle[data-pep-motif]:nth-child(2n){animation-delay:1.4s}.net-nodes[data-pep-motif] circle[data-pep-motif]:nth-child(3n){animation-delay:2.8s}@keyframes molDrift{0%{opacity:.82;transform:translate3d(calc(var(--mx) * 26px),calc(var(--my) * 26px),0) scale(1)}to{opacity:1;transform:translate3d(calc(var(--mx) * 26px - 14px),calc(var(--my) * 26px + 10px),0) scale(1.06)}}@keyframes molTwinkle{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.pep-molecular-net[data-pep-motif]{opacity:.4;transform:none}.pep-molecular-glow[data-pep-motif]{transform:none;animation:none}.net-nodes[data-pep-motif] circle[data-pep-motif]{animation:none}.pep-molecular-canvas[data-pep-motif]{display:none}}.shop-hero[data-pep-shop]{padding-top:calc(var(--header-h) + var(--sp-6));padding-bottom:var(--sp-6)}.shop-hero[data-pep-shop] h1[data-pep-shop]{margin-bottom:.5rem}.shop-hero-sub[data-pep-shop]{color:var(--band-dark-muted);max-width:58ch;margin:0}h1[data-pep-shop]{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:600;letter-spacing:-.01em;margin:.25rem 0 var(--sp-3)}.shop-body[data-pep-shop]{padding-top:var(--sp-4)}.grid[data-pep-shop]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}@media(max-width:900px){.grid[data-pep-shop]{grid-template-columns:repeat(2,1fr)}}.shop-rail[data-pep-shop]{margin-bottom:var(--sp-3);padding-bottom:.85rem;border-bottom:1px solid var(--hairline)}.shop-rail-count[data-pep-shop]{margin:0;font-size:.78rem;color:var(--text-faint)}.shop-empty[data-pep-shop]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem 2rem;flex-wrap:wrap;padding:clamp(1.4rem,2.6vw,1.9rem) clamp(1.3rem,2.4vw,1.8rem);background:var(--elev);border:1px solid var(--hairline);border-radius:var(--radius-lg)}.shop-empty-copy[data-pep-shop]{flex:1 1 38ch;min-width:min(38ch,100%)}.shop-empty-h[data-pep-shop]{font-weight:700;font-size:1.02rem;margin:0;color:var(--text)}.shop-empty-p[data-pep-shop]{margin:.4rem 0 0;color:var(--text-muted);line-height:1.6;max-width:64ch;font-size:.94rem}.shop-empty-cta[data-pep-shop]{display:flex;gap:.7rem;flex-wrap:wrap;flex:0 0 auto}

.coa-hero[data-pep-coas]{padding:calc(var(--header-h) + var(--sp-5, 2.5rem)) 0 var(--sp-6)}.coa-eye[data-pep-coas]{margin-top:1.2rem}.coa-h1[data-pep-coas]{font-size:clamp(2.2rem,5vw,3.4rem);margin:.4rem 0 0;color:#fff}.coa-lede[data-pep-coas]{color:var(--band-dark-muted);max-width:60ch;margin:1rem 0 0;font-size:var(--fs-lead)}.coa-stats[data-pep-coas]{display:flex;gap:var(--sp-4);margin-top:1.6rem;flex-wrap:wrap;color:#fff9;font-size:.9rem}.coa-stats[data-pep-coas] b[data-pep-coas]{color:#fff;font-size:1.15rem;margin-right:.35rem}.coa-main[data-pep-coas]{padding-top:var(--sp-4)}.coa-controls[data-pep-coas]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.coa-searchwrap[data-pep-coas]{position:relative;flex:1;min-width:16rem;max-width:24rem}.coa-searchicon[data-pep-coas]{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-faint)}#coa-q[data-pep-coas]{width:100%;padding:.7rem .9rem .7rem 2.5rem;border:1px solid var(--hairline);border-radius:999px;font:inherit;background:var(--bg)}.coa-chips[data-pep-coas]{display:flex;gap:.45rem;flex-wrap:wrap}.coa-chip[data-pep-coas]{padding:.42rem .95rem;border:1px solid var(--hairline);background:var(--bg);border-radius:999px;font:inherit;font-size:.85rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s var(--ease)}.coa-chip[data-pep-coas]:hover{border-color:var(--accent);color:var(--text)}.coa-chip[data-pep-coas].is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.coa-grid[data-pep-coas]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.coa-card[data-pep-coas]{background:var(--elev);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:1.35rem;display:flex;flex-direction:column;gap:.85rem;transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.coa-card[data-pep-coas]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 45%,var(--hairline))}.coa-card[data-pep-coas].is-hidden{display:none}.coa-card-head[data-pep-coas]{display:flex;align-items:center;justify-content:space-between}.coa-thumb[data-pep-coas]{width:3rem;height:3rem;flex:none;border-radius:11px;overflow:hidden;border:1px solid var(--hairline);background:var(--surface);display:grid;place-items:center;color:var(--accent);transition:border-color .25s var(--ease),transform .25s var(--ease)}.coa-thumb[data-pep-coas]:hover{border-color:var(--accent);transform:translateY(-1px)}.coa-thumb[data-pep-coas] img[data-pep-coas]{width:100%;height:100%;object-fit:cover}.coa-thumb-doc[data-pep-coas]{width:2.5rem;height:2.5rem}.coa-verified[data-pep-coas]{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--verified)}.coa-name[data-pep-coas]{font-weight:700;font-size:1.1rem;color:var(--text);line-height:1.3}.coa-name[data-pep-coas]:hover{color:var(--accent);text-decoration:none}.coa-tags[data-pep-coas]{display:flex;flex-wrap:wrap;gap:.4rem}.coa-tag[data-pep-coas]{font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--hairline);padding:.22rem .55rem;border-radius:999px}.coa-tag--mono[data-pep-coas]{font-family:var(--font-mono);font-weight:500}.coa-tag--ok[data-pep-coas]{color:var(--verified);border-color:color-mix(in srgb,var(--verified) 30%,var(--hairline));background:color-mix(in srgb,var(--verified) 8%,var(--bg))}.coa-dl[data-pep-coas]{margin-top:auto;padding:.6rem 1rem;font-size:.88rem}.coa-empty[data-pep-coas]{color:var(--text-muted);padding:var(--sp-4) 0;text-align:center}.coa-note[data-pep-coas]{margin-top:var(--sp-4);color:var(--text-faint);font-size:.8rem}@media(max-width:900px){.coa-grid[data-pep-coas]{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.coa-grid[data-pep-coas]{grid-template-columns:1fr}.coa-controls[data-pep-coas]{flex-direction:column;align-items:stretch}}

.pep-back[data-pep-back]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.88rem;font-weight:600;transition:color .2s var(--ease)}.pep-back[data-pep-back]:hover{color:var(--accent);text-decoration:none}.pep-back--light[data-pep-back]{color:#ffffffb3}.pep-back--light[data-pep-back]:hover{color:#fff}.pep-back-arrow[data-pep-back]{display:inline-block;transition:transform .25s var(--ease)}.pep-back[data-pep-back]:hover .pep-back-arrow[data-pep-back]{transform:translate(-5px)}

.pep-back[data-pep-back]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.88rem;font-weight:600;transition:color .2s var(--ease)}.pep-back[data-pep-back]:hover{color:var(--accent);text-decoration:none}.pep-back--light[data-pep-back]{color:#ffffffb3}.pep-back--light[data-pep-back]:hover{color:#fff}.pep-back-arrow[data-pep-back]{display:inline-block;transition:transform .25s var(--ease)}.pep-back[data-pep-back]:hover .pep-back-arrow[data-pep-back]{transform:translate(-5px)}
.ab-hero[data-pep-about]{padding:calc(var(--header-h) + var(--sp-5, 2.5rem)) 0 var(--sp-6)}.ab-back[data-pep-about]{margin-bottom:1.2rem}.ab-h1[data-pep-about]{font-size:clamp(2.2rem,5vw,3.4rem);margin:.4rem 0 0;color:#fff;max-width:20ch}.ab-lede[data-pep-about]{color:var(--band-dark-muted);max-width:62ch;margin:1rem 0 0;font-size:var(--fs-lead)}.ab-grid[data-pep-about]{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.ab-card[data-pep-about]{padding:1.6rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.ab-card[data-pep-about]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.ab-card[data-pep-about] h2[data-pep-about]{margin:0 0 .5rem;font-size:var(--fs-h3)}.ab-card[data-pep-about] p[data-pep-about]{color:var(--text-muted);font-size:.94rem;line-height:1.65;margin:0}.ab-process[data-pep-about]{background:var(--surface)}.ab-process-h[data-pep-about]{font-size:clamp(1.6rem,3vw,2.2rem);margin:.3rem 0 var(--sp-4)}.ab-steps[data-pep-about]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.ab-step[data-pep-about]{border-top:2px solid var(--accent);padding-top:var(--sp-2)}.ab-step-n[data-pep-about]{display:block;color:var(--text-faint);font-size:.9rem;margin-bottom:.4rem}.ab-step[data-pep-about] h3[data-pep-about]{margin:0 0 .3rem;font-size:1.1rem}.ab-step[data-pep-about] p[data-pep-about]{color:var(--text-muted);font-size:.92rem;margin:0}.ab-cta[data-pep-about]{text-align:center}.ab-cta[data-pep-about] p[data-pep-about]{color:var(--band-dark-muted);margin:.5rem auto 1.4rem;max-width:46ch}.ab-cta-row[data-pep-about]{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}@media(max-width:820px){.ab-grid[data-pep-about],.ab-steps[data-pep-about]{grid-template-columns:1fr}}

.pep-back[data-pep-back]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.88rem;font-weight:600;transition:color .2s var(--ease)}.pep-back[data-pep-back]:hover{color:var(--accent);text-decoration:none}.pep-back--light[data-pep-back]{color:#ffffffb3}.pep-back--light[data-pep-back]:hover{color:#fff}.pep-back-arrow[data-pep-back]{display:inline-block;transition:transform .25s var(--ease)}.pep-back[data-pep-back]:hover .pep-back-arrow[data-pep-back]{transform:translate(-5px)}
.faq-hero[data-pep-faq]{padding:calc(var(--header-h) + var(--sp-5, 2.5rem)) 0 var(--sp-6)}.faq-back[data-pep-faq]{margin-bottom:1.2rem}.faq-h1[data-pep-faq]{font-size:clamp(2.2rem,5vw,3.4rem);margin:.4rem 0 0;color:#fff}.faq-lede[data-pep-faq]{color:var(--band-dark-muted);max-width:56ch;margin:1rem 0 0;font-size:var(--fs-lead)}.faq-lede[data-pep-faq] a[data-pep-faq]{color:#fff;text-decoration:underline;text-underline-offset:3px}.faq-main[data-pep-faq]{padding-top:var(--sp-5, 2.5rem)}.faq-wrap[data-pep-faq]{display:grid;grid-template-columns:1.7fr 1fr;gap:var(--sp-5, 3rem);align-items:start}.faq-list[data-pep-faq]{border-top:1px solid var(--hairline)}.faq-cta[data-pep-faq]{padding:1.6rem;position:sticky;top:calc(var(--header-h) + 1.5rem)}.faq-cta[data-pep-faq] h2[data-pep-faq]{margin:0 0 .5rem;font-size:var(--fs-h3)}.faq-cta[data-pep-faq] p[data-pep-faq]{color:var(--text-muted);font-size:.92rem;margin:0 0 1.1rem}.faq-links[data-pep-faq]{display:flex;flex-direction:column;gap:.5rem;margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--hairline)}.faq-links[data-pep-faq] a[data-pep-faq]{font-size:.88rem;color:var(--text-muted)}.faq-links[data-pep-faq] a[data-pep-faq]:hover{color:var(--accent)}@media(max-width:820px){.faq-wrap[data-pep-faq]{grid-template-columns:1fr}.faq-cta[data-pep-faq]{position:static}}

.pep-back[data-pep-back]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.88rem;font-weight:600;transition:color .2s var(--ease)}.pep-back[data-pep-back]:hover{color:var(--accent);text-decoration:none}.pep-back--light[data-pep-back]{color:#ffffffb3}.pep-back--light[data-pep-back]:hover{color:#fff}.pep-back-arrow[data-pep-back]{display:inline-block;transition:transform .25s var(--ease)}.pep-back[data-pep-back]:hover .pep-back-arrow[data-pep-back]{transform:translate(-5px)}
.ct-hero[data-pep-contact]{padding:calc(var(--header-h) + var(--sp-5, 2.5rem)) 0 var(--sp-6)}.ct-back[data-pep-contact]{margin-bottom:1.2rem}.ct-h1[data-pep-contact]{font-size:clamp(2.2rem,5vw,3.4rem);margin:.4rem 0 0;color:#fff}.ct-lede[data-pep-contact]{color:var(--band-dark-muted);max-width:60ch;margin:1rem 0 0;font-size:var(--fs-lead)}.ct-grid[data-pep-contact]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.ct-card[data-pep-contact]{padding:1.6rem;display:block;color:var(--text);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease)}a[data-pep-contact].ct-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 40%,var(--hairline));text-decoration:none}.ct-ico[data-pep-contact]{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:1.2rem;margin-bottom:.9rem}.ct-big[data-pep-contact]{font-size:1.15rem;font-weight:700;margin-top:.2rem}.ct-big[data-pep-contact].sm{font-size:1rem;font-weight:600;line-height:1.5}.ct-sub[data-pep-contact]{color:var(--text-muted);font-size:.9rem;margin:.4rem 0 0;line-height:1.6}.ct-note-wrap[data-pep-contact]{margin-top:var(--sp-4)}.ct-note[data-pep-contact]{color:var(--text-faint);font-size:.82rem;max-width:70ch;border-top:1px solid var(--hairline);padding-top:var(--sp-3)}@media(max-width:720px){.ct-grid[data-pep-contact]{grid-template-columns:1fr}}

.auth[data-pep-auth]{max-width:24rem}h1[data-pep-auth]{font-size:var(--fs-h2);font-weight:600;margin-bottom:var(--sp-3)}.auth-form[data-pep-auth]{display:flex;flex-direction:column;gap:.75rem}.auth-form[data-pep-auth] label[data-pep-auth]{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}.auth-form[data-pep-auth] input[data-pep-auth]{padding:.6rem .7rem;border:1px solid var(--hairline);border-radius:var(--radius-sm);font:inherit;color:var(--text)}.auth-err[data-pep-auth]{color:#b00020;font-size:.9rem}.auth-ok[data-pep-auth]{color:var(--text);font-size:.9rem;margin-bottom:var(--sp-3);padding:.6rem .7rem;border:1px solid var(--hairline);border-radius:var(--radius-sm)}.auth-alt[data-pep-auth]{margin-top:var(--sp-3);color:var(--text-muted);font-size:.9rem}.auth-alt[data-pep-auth]+.auth-alt[data-pep-auth]{margin-top:.35rem}

.pep-back[data-pep-back]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.88rem;font-weight:600;transition:color .2s var(--ease)}.pep-back[data-pep-back]:hover{color:var(--accent);text-decoration:none}.pep-back--light[data-pep-back]{color:#ffffffb3}.pep-back--light[data-pep-back]:hover{color:#fff}.pep-back-arrow[data-pep-back]{display:inline-block;transition:transform .25s var(--ease)}.pep-back[data-pep-back]:hover .pep-back-arrow[data-pep-back]{transform:translate(-5px)}
.legal-doc{max-width:52rem;margin:0 auto;color:var(--text);line-height:1.7}.legal-doc h1{font-size:var(--fs-h2);font-weight:700;margin:0 0 var(--sp-2)}.legal-doc h2{font-size:var(--fs-h3);font-weight:600;margin:var(--sp-5) 0 var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--hairline)}.legal-doc h3{font-size:1.02rem;font-weight:600;margin:var(--sp-3) 0 var(--sp-1);color:var(--text)}.legal-doc p,.legal-doc li{color:var(--text-muted)}.legal-doc p{margin:0 0 var(--sp-2)}.legal-doc ul,.legal-doc ol{margin:0 0 var(--sp-2) 1.3rem;display:flex;flex-direction:column;gap:.3rem}.legal-doc a{color:var(--accent)}.legal-doc strong{color:var(--text)}.legal-doc hr{border:none;border-top:1px solid var(--hairline);margin:var(--sp-4) 0}.legal-doc blockquote{margin:var(--sp-3) 0;padding:.9rem 1.1rem;background:var(--accent-soft);border-radius:var(--radius-sm);font-size:.92rem}.legal-doc blockquote p{margin:0;color:var(--text)}.legal-doc table{width:100%;border-collapse:collapse;margin:var(--sp-3) 0;font-size:.88rem}.legal-doc th,.legal-doc td{text-align:left;padding:.5rem .6rem;border:1px solid var(--hairline);color:var(--text-muted);vertical-align:top}.legal-doc th{color:var(--text);font-weight:600;background:var(--surface)}.legal-backwrap[data-pep-legal]{margin-bottom:var(--sp-3)}

/* ══════════════════════════════════════════════════════════════════════════
   PRODUCT DETAIL PAGE

   No product page was archived from the source site, so this is the one
   screen built rather than reproduced. It reuses the existing tokens and
   primitives — the cream product tile, pep-card, pep-btn, pep-spec, bo-spec
   rows, pep-acc — so it reads as part of the same site, but it is a design
   decision rather than a copy. Expect it to need a pass against the real page.
   ══════════════════════════════════════════════════════════════════════════ */

.pdp[data-pep-pdp]{background:var(--bg)}
.pdp-grid[data-pep-pdp]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start}

.pdp-media[data-pep-pdp]{position:relative;aspect-ratio:1;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);display:grid;place-items:center;overflow:hidden}
.pdp-media[data-pep-pdp] img{width:100%;height:100%;object-fit:contain;padding:clamp(1.5rem,3vw,2.75rem);display:block}

.pdp-title[data-pep-pdp]{font-size:clamp(1.7rem,3.2vw,2.5rem);margin:.35rem 0 0;color:var(--text)}
.pdp-spec[data-pep-pdp]{margin:.85rem 0 0}
.pdp-coa[data-pep-pdp]{margin-top:.7rem}
.pdp-price[data-pep-pdp]{font-size:1.6rem;margin-top:1.1rem}
.pdp-opts[data-pep-pdp]{margin-top:.85rem}

.pdp-tiers[data-pep-pdp]{width:100%;margin:1.5rem 0 .4rem;border-collapse:collapse;background:var(--elev);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden}
.pdp-tiers[data-pep-pdp] caption{caption-side:top;text-align:left;font-size:var(--fs-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-muted);font-weight:600;padding-bottom:.5rem}
.pdp-tiers[data-pep-pdp] th,.pdp-tiers[data-pep-pdp] td{padding:.7rem 1.1rem;border-bottom:1px solid var(--hairline);font-size:.92rem;text-align:left}
.pdp-tiers[data-pep-pdp] th{font-weight:600;color:var(--text)}
.pdp-tiers[data-pep-pdp] td{text-align:right;color:var(--verified);font-weight:600}
.pdp-tiers[data-pep-pdp] tr:last-child th,.pdp-tiers[data-pep-pdp] tr:last-child td{border-bottom:0}
.pdp-tiernote[data-pep-pdp]{color:var(--text-faint);font-size:.76rem;margin:0 0 .5rem}

.pdp-buy[data-pep-pdp]{margin-top:1.5rem}
.pdp-buy[data-pep-pdp] .quantity{display:inline-flex;margin-right:.6rem;vertical-align:middle}
.pdp-buy[data-pep-pdp] .quantity input{width:4.5rem;padding:.72rem .6rem;text-align:center;font:inherit;font-family:var(--font-mono);color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:999px}
.pdp-buy[data-pep-pdp] button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.72rem 1.6rem;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--accent-contrast);font:inherit;font-weight:600;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}
.pdp-buy[data-pep-pdp] button[type=submit]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.pdp-buy[data-pep-pdp] .stock{margin:.7rem 0 0;font-size:.85rem;color:var(--text-muted)}
.pdp-buy[data-pep-pdp] .stock.out-of-stock{color:#c2410c}

.pdp-coadl[data-pep-pdp]{display:inline-flex;align-items:center;gap:.45rem;margin-top:1rem}
.pdp-ruo[data-pep-pdp]{color:var(--text-faint);font-size:.8rem;margin:1.4rem 0 0}

.pdp-lower[data-pep-pdp]{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start;margin-top:clamp(2.5rem,6vw,4.5rem)}
.pdp-acc[data-pep-pdp] .pep-acc + .pep-acc{margin-top:0}

/* ── Complete the order ── */
.pdp-cto[data-pep-pdp]{margin-top:clamp(2.5rem,6vw,4.5rem)}
.pdp-cto-h[data-pep-pdp]{font-size:clamp(1.3rem,2.4vw,1.7rem);margin:0 0 1.1rem;color:var(--text)}
.pdp-cto-row[data-pep-pdp]{display:flex;align-items:center;gap:1.1rem;padding:.9rem 1.1rem;max-width:34rem}
.pdp-cto-thumb[data-pep-pdp]{flex:0 0 auto;width:64px;height:64px;background:var(--surface);border-radius:var(--radius-sm);display:grid;place-items:center;overflow:hidden}
.pdp-cto-thumb[data-pep-pdp] img{width:100%;height:100%;object-fit:contain;padding:.35rem}
.pdp-cto-body[data-pep-pdp]{flex:1 1 auto;min-width:0}
/* One line, ellipsised — a long product name must not push the Add button
   out of alignment with the rows above it. */
.pdp-cto-name[data-pep-pdp]{display:block;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdp-cto-add[data-pep-pdp]{flex:0 0 auto}

@media(max-width:960px){
	.pdp-grid[data-pep-pdp],.pdp-lower[data-pep-pdp]{grid-template-columns:1fr}
}
@media(max-width:520px){
	.pdp-cto-row[data-pep-pdp]{flex-wrap:wrap}
	.pdp-cto-add[data-pep-pdp]{width:100%;justify-content:center}
}

/* ══════════════════════════════════════════════════════════════════════════
   ACCOUNT, SIGN IN, REGISTER

   The source site's /login page supplied the narrow-form styling (.auth*);
   everything behind the login was never archived, so the dashboard, navigation
   and WooCommerce's own form furniture are built from the same primitives as
   the rest of the site rather than reproduced.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Sign in / register ── */
.acct-auth[data-pep-auth]{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.2rem,3vw,2rem);max-width:30rem;margin:0 auto}
.acct-auth--two[data-pep-auth]{max-width:64rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.acct-panel[data-pep-auth]{padding:clamp(1.5rem,3vw,2.2rem)}
.acct-panel[data-pep-auth] h1[data-pep-auth]{margin:.3rem 0 0;font-size:clamp(1.4rem,2.4vw,1.8rem)}
.acct-panel[data-pep-auth] .auth-form[data-pep-auth]{margin-top:1.2rem}
.acct-lede{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin:.7rem 0 0}
.acct-note{color:var(--text-faint);font-size:.78rem;line-height:1.5;margin:.2rem 0 0}
.acct-remember{flex-direction:row!important;align-items:center;gap:.5rem!important;font-size:.85rem;color:var(--text)}
.acct-remember input{width:1rem;height:1rem;accent-color:var(--accent)}

/* WooCommerce prints its own field furniture inside these forms. */
.auth-form[data-pep-auth] input[type=text],
.auth-form[data-pep-auth] input[type=email],
.auth-form[data-pep-auth] input[type=password],
.acct-body input[type=text],.acct-body input[type=email],
.acct-body input[type=password],.acct-body input[type=tel],
.acct-body select,.acct-body textarea{
	width:100%;padding:.62rem .75rem;border:1px solid var(--hairline);
	border-radius:var(--radius-sm);background:var(--elev);color:var(--text);font:inherit}
.auth-form[data-pep-auth] input:focus,.acct-body input:focus,.acct-body select:focus{
	outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.auth-form[data-pep-auth] button{margin-top:.5rem;width:100%;justify-content:center}

/* ── Account shell ── */
.acct[data-pep-auth]{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.acct-nav[data-pep-auth]{position:sticky;top:calc(var(--header-h) + 1rem);background:var(--elev);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden}
.acct-who{padding:1rem 1.1rem;border-bottom:1px solid var(--hairline);background:var(--surface)}
.acct-who-name{font-weight:700;color:var(--text);margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-nav-list{list-style:none;margin:0;padding:.4rem}
.acct-nav-list li{margin:0}
.acct-nav-list a{display:block;padding:.55rem .7rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.93rem;font-weight:500}
.acct-nav-list a:hover{background:var(--surface);color:var(--text);text-decoration:none}
.acct-nav-list li.is-active a,.acct-nav-list li.woocommerce-MyAccount-navigation-link--dashboard.is-active a{background:var(--accent);color:var(--accent-contrast)}

.acct-h1{font-size:clamp(1.5rem,2.8vw,2.1rem);margin:.3rem 0 0;color:var(--text)}
.acct-h2{font-size:1.15rem;margin:2rem 0 .9rem;color:var(--text)}

.acct-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.9rem;margin-top:1.6rem}
.acct-tile{display:flex;flex-direction:column;gap:.2rem;padding:1.1rem;color:var(--text)}
.acct-tile:hover{text-decoration:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--hairline))}
.acct-tile-n{font-size:1.6rem;font-weight:700;color:var(--accent)}
.acct-tile-l{font-weight:600}
.acct-tile-s{color:var(--text-faint);font-size:.8rem}

.acct-orders{display:flex;flex-direction:column;gap:.6rem}
.acct-order{display:grid;grid-template-columns:auto 1fr auto auto;gap:.9rem;align-items:center;padding:.85rem 1.1rem;color:var(--text)}
.acct-order:hover{text-decoration:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--hairline))}
.acct-order-n{font-weight:700}
.acct-order-d{color:var(--text-muted);font-size:.88rem}
.acct-order-s{font-size:.72rem;border:1px solid var(--hairline);border-radius:999px;padding:.1rem .6rem;color:var(--text-muted);white-space:nowrap}

.acct-empty{padding:1.6rem;text-align:center}
.acct-empty p{margin:0 0 .9rem;color:var(--text-muted)}
.acct-ruo{color:var(--text-faint);font-size:.76rem;margin-top:2rem}

/* WooCommerce's own tables and notices, in the site's clothes. */
.acct-body .woocommerce-orders-table,.acct-body table.shop_table{
	width:100%;border-collapse:collapse;background:var(--elev);
	border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden}
.acct-body table.shop_table th,.acct-body table.shop_table td{
	padding:.75rem 1rem;border-bottom:1px solid var(--hairline);text-align:left;font-size:.92rem}
.acct-body table.shop_table th{font-weight:700;color:var(--text);background:var(--surface)}
.acct-body table.shop_table tr:last-child td{border-bottom:0}
.acct-body .woocommerce-Message,.acct-body .woocommerce-error,.acct-body .woocommerce-info{
	list-style:none;margin:0 0 1.2rem;padding:.8rem 1rem;border:1px solid var(--hairline);
	border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);font-size:.92rem}
.acct-body .woocommerce-error{border-left-color:#b00020}
.acct-body fieldset{border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:1.1rem;margin:1.4rem 0}
.acct-body legend{padding:0 .4rem;font-weight:700;font-size:.92rem}
.acct-body .woocommerce-form-row{margin-bottom:.9rem}
.acct-body label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.3rem}
.acct-body .button,.acct-body button[type=submit]{
	display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.4rem;
	border:1px solid var(--accent);border-radius:999px;background:var(--accent);
	color:var(--accent-contrast);font:inherit;font-weight:600;cursor:pointer}
.acct-body .button:hover,.acct-body button[type=submit]:hover{background:var(--accent-hover);border-color:var(--accent-hover);text-decoration:none}

@media(max-width:860px){
	.acct-auth--two[data-pep-auth]{grid-template-columns:1fr;max-width:30rem}
	.acct[data-pep-auth]{grid-template-columns:1fr}
	.acct-nav[data-pep-auth]{position:static}
	.acct-order{grid-template-columns:1fr auto;row-gap:.35rem}
}