/* augmentation.html — только отличия от directions.css */

.h-card{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.25;color:var(--text)}

.breadcrumb{padding:24px var(--gutter);font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border)}
.breadcrumb span{color:var(--text)}
.breadcrumb-sep{opacity:.4}

.hero-tag{font-size:14px;letter-spacing:3px;color:var(--accent);margin-bottom:24px}
.hero-photo{min-height:580px}

.about-proc-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.about-proc-head{margin-bottom:48px}
.about-proc-head .h-section{max-width:640px;margin-top:8px}

.indications-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.indication-list{margin-top:0}
.indication-item{display:flex;align-items:start;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}
.indication-item:first-child{border-top:1px solid var(--border)}

.approach{color:var(--bg)}
.science-card .sci-label{margin-bottom:20px}
.science-card .sci-source{margin-bottom:28px}
.science-card > div:not(.sci-label):not(.sci-source){font-size:24px;margin-bottom:20px}
.science-card .sci-note{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.08);font-size:13px;color:var(--light);line-height:1.65}

.implants-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.brand-card{background:var(--surface);border-radius:4px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.brand-icon{width:64px;height:64px;background:var(--ph);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--ph-t);text-align:center}
.brand-name{font-family:var(--serif);font-size:18px;color:var(--text)}
.brands-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}

.steps-head{margin-bottom:72px}
.steps-head .h-section{max-width:640px;margin-top:8px}
.step-card{padding:40px 32px}
.step-num{font-size:40px;margin-bottom:20px}
.step-card > div:not(.step-num){font-size:22px;margin-bottom:14px}

.faq-item{padding:28px 0;cursor:pointer}
.faq-toggle{font-size:24px}
.faq-a{font-size:18px;line-height:1.75;color:var(--muted)}
.faq-item.open .faq-a{max-height:400px;padding-top:18px}