.peptides-section{background-color:var(--surface);padding:6rem 1.25rem}.peptides-container{max-width:1200px;margin:0 auto}.peptides-header{flex-direction:column;gap:.5rem;margin-bottom:3rem;display:flex}.peptides-badge{color:var(--primary-light);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:flex}.peptides-count{color:var(--primary);letter-spacing:.04em;background:#0036660d;border:1px solid #00366626;border-radius:99px;justify-content:center;align-items:center;padding:1px 8px;font-size:.65rem;font-weight:800;display:inline-flex}.peptides-title{color:var(--primary);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.1}.peptides-subtitle{color:var(--text-muted);max-width:600px;font-size:1.1rem;line-height:1.6}.peptide-filter-row{flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;display:flex}.peptide-chip{background:var(--background);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.peptide-chip:hover{border-color:var(--secondary);color:var(--secondary);transform:translateY(-1px)}.peptide-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.peptide-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.peptide-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.peptide-card:before{content:"";background:var(--card-accent,var(--secondary));opacity:.3;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.peptide-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border);transform:translateY(-4px)}.peptide-card:hover:before{opacity:1}.peptide-badge-row{align-items:center;gap:.5rem;display:flex}.peptide-relevance-badge{text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .75rem;font-size:.65rem;font-weight:700;display:inline-flex}.peptide-info-row{align-items:center;gap:1rem;display:flex}.peptide-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.peptide-name-stack{flex-direction:column;gap:.15rem;display:flex}.peptide-name{color:var(--primary);font-size:1.15rem;font-weight:700;line-height:1.2}.peptide-role{color:var(--text-muted);font-size:.8rem;line-height:1.4}.peptide-tags{flex-wrap:wrap;gap:.4rem;display:flex}.peptide-tag{background:var(--background);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.dosage-container{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.dosage-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;display:flex}.dosage-list{flex-wrap:wrap;gap:.35rem;display:flex}.dosage-pill{border:1px solid #0000;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.dosage-skeleton-row{gap:.4rem;display:flex}.dosage-skeleton{background:var(--background);border-radius:6px;width:40px;height:20px;animation:2s infinite pulse}.peptide-card-footer{align-items:center;gap:.5rem;margin-top:auto;padding-top:.75rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.peptide-card:hover .peptide-card-footer{gap:.75rem}.load-more-section{justify-content:center;margin-top:3rem;display:flex}.peptide-load-btn{border:2px solid var(--primary);color:var(--primary);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 2.5rem;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.peptide-load-btn:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:640px){.peptides-section{padding:4rem 1rem}.peptide-grid{grid-template-columns:1fr}}