/* SATIŞ ORTAKLIĞI TANITIM SAYFASI — yalnızca satis-ortagi.php ($activePage = 'affiliate') */
.et-aff-hero-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.et-aff-hero-actions .et-action { min-height: 48px; }
.et-aff-hero-note { position: relative; z-index: 1; margin: 16px 0 0; color: var(--et-soft); font-size: 13px; }

/* Kazanç hesaplayıcı */
.et-aff-calc { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); overflow: hidden; background: #fff; border: 1px solid var(--et-line); border-radius: var(--et-card-radius); box-shadow: 0 18px 50px -28px rgba(15, 23, 42, .35); }
.et-aff-calc-inputs { display: grid; gap: 26px; padding: 38px; }
.et-aff-calc-inputs small { color: var(--et-accent); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.et-aff-calc-inputs h2 { margin: 6px 0 0; font-size: clamp(22px, 2.4vw, 30px); letter-spacing: -.03em; line-height: 1.2; }
.et-aff-field label { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; color: var(--et-dark); font-size: 13px; font-weight: 800; }
.et-aff-field label output { color: var(--et-accent); font-variant-numeric: tabular-nums; }
.et-aff-field select { width: 100%; min-height: 48px; padding: 0 14px; color: var(--et-dark); font: inherit; font-weight: 700; background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; }
.et-aff-field input[type=range] { width: 100%; min-height: 44px; accent-color: var(--et-accent); cursor: pointer; }
.et-aff-ticks { display: flex; justify-content: space-between; margin-top: -4px; color: var(--et-muted); font-size: 11px; font-weight: 700; }
.et-aff-calc-result { display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 38px; color: #fff; background: var(--et-dark); border-left: 4px solid var(--et-accent); }
.et-aff-calc-result span { color: var(--et-soft); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.et-aff-calc-result strong { display: block; margin: 2px 0 18px; font-size: clamp(30px, 4vw, 46px); line-height: 1.05; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.et-aff-calc-result strong.is-total { color: var(--et-accent); }
.et-aff-calc-result p { margin: 14px 0 0; color: var(--et-soft); font-size: 12px; line-height: 1.6; }

/* Nasıl çalışır */
.et-aff-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: aff; background: #fff; border: 1px solid var(--et-line); border-radius: var(--et-card-radius); overflow: hidden; }
.et-aff-steps li { position: relative; padding: 34px 28px; border-right: 1px solid var(--et-line); counter-increment: aff; }
.et-aff-steps li:last-child { border-right: 0; }
.et-aff-steps li::before { content: counter(aff, decimal-leading-zero); display: block; margin-bottom: 22px; color: var(--et-accent); font-size: 40px; font-weight: 800; letter-spacing: -.05em; line-height: 1; }
.et-aff-steps h3 { margin: 0 0 8px; font-size: 18px; }
.et-aff-steps p { margin: 0; color: var(--et-muted); font-size: 14px; line-height: 1.65; }

/* Komisyonun yolculuğu */
.et-aff-journey { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.et-aff-journey li { position: relative; padding: 22px 20px 20px; background: #fff; border: 1px solid var(--et-line); border-radius: var(--et-card-radius); }
.et-aff-journey li:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -15px; width: 16px; height: 2px; background: var(--et-accent); }
.et-aff-journey b { display: inline-block; margin-bottom: 10px; padding: 4px 10px; color: var(--et-accent); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: var(--et-accent-soft); border-radius: 999px; }
.et-aff-journey h3 { margin: 0 0 6px; font-size: 16px; }
.et-aff-journey p { margin: 0; color: var(--et-muted); font-size: 13px; line-height: 1.6; }

/* Kurallar ve SSS */
.et-aff-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 40px; margin: 0; padding: 0; list-style: none; }
.et-aff-rules li { display: flex; gap: 12px; padding: 14px 0; color: var(--et-text); font-size: 15px; line-height: 1.6; border-bottom: 1px solid var(--et-line); }
.et-aff-rules i { flex: 0 0 auto; margin-top: 4px; color: var(--et-accent); }
.et-aff-faq details { background: #fff; border: 1px solid var(--et-line); border-radius: var(--et-card-radius); }
.et-aff-faq details + details { margin-top: 10px; }
.et-aff-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 0 22px; font-size: 15px; font-weight: 800; cursor: pointer; list-style: none; }
.et-aff-faq summary::-webkit-details-marker { display: none; }
.et-aff-faq summary::after { content: "+"; color: var(--et-accent); font-size: 22px; font-weight: 600; }
.et-aff-faq details[open] summary::after { content: "−"; }
.et-aff-faq details p { margin: 0; padding: 0 22px 20px; color: var(--et-muted); font-size: 14.5px; line-height: 1.7; }
.et-aff-section-head { margin: 0 0 26px; }
.et-aff-section-head small { color: var(--et-accent); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.et-aff-section-head h2 { margin: 6px 0 0; font-size: clamp(24px, 2.6vw, 32px); letter-spacing: -.03em; }

@media (max-width: 960px) {
  .et-aff-calc { grid-template-columns: 1fr; }
  .et-aff-calc-result { border-left: 0; border-top: 4px solid var(--et-accent); }
  .et-aff-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .et-aff-steps li:nth-child(2) { border-right: 0; }
  .et-aff-steps li:nth-child(-n+2) { border-bottom: 1px solid var(--et-line); }
  .et-aff-journey { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .et-aff-journey li::after { display: none; }
}
@media (max-width: 640px) {
  .et-aff-calc-inputs, .et-aff-calc-result { padding: 26px 22px; }
  .et-aff-steps, .et-aff-journey, .et-aff-rules { grid-template-columns: 1fr; }
  .et-aff-steps li { border-right: 0; border-bottom: 1px solid var(--et-line); padding: 26px 22px; }
  .et-aff-steps li:last-child { border-bottom: 0; }
  .et-aff-hero-actions .et-action { width: 100%; justify-content: center; }
}