/* ===========================================
   SYNTHEDGE v2 — AFFILIATE CSS
   =========================================== */

.aff-hero {
  background:linear-gradient(135deg, rgba(255,107,53,0.1), rgba(45,212,191,0.06));
  border:1px solid rgba(255,107,53,0.25); border-radius:var(--r-xl);
  padding:36px 32px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.aff-hero h1 { font-family:var(--font-display); font-size:1.5rem; font-weight:800; margin-bottom:8px; }
.aff-hero p { color:var(--text-2); font-size:14px; max-width:480px; }
.aff-hero-stat { text-align:center; flex-shrink:0; }
.aff-big { display:block; font-family:var(--font-display); font-size:3rem; font-weight:800; color:var(--teal); line-height:1; }
.aff-hero-stat span:last-child { font-size:13px; color:var(--text-3); }

.ref-link-wrap { display:flex; gap:10px; margin-bottom:12px; flex-wrap:wrap; }
.ref-link-box {
  flex:1; min-width:200px; background:var(--bg-base); border:1px solid var(--border);
  border-radius:var(--r-md); padding:10px 16px;
  font-family:monospace; font-size:13px; color:var(--orange);
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.ref-code-row { display:flex; align-items:center; gap:8px; font-size:13px; margin-bottom:16px; }
.ref-code-label { color:var(--text-3); }
.ref-code-val { font-family:monospace; font-weight:700; color:var(--text-1); }

.share-btns { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.share-btn {
  padding:6px 14px; border-radius:var(--r-sm); font-size:12px; font-weight:600;
  border:1px solid var(--border); background:var(--bg-base); color:var(--text-3);
  transition:all .2s; cursor:pointer;
}
.share-btn:hover { border-color:var(--orange); color:var(--orange); }