/* Страница условий для партнёров (pages/page-partneram.php), поверх analytics.css.
   Только переменные темы — светлая и тёмная ([data-theme=dark]) темы без отдельных правил. */

/* ---------- Hero: пример начисления ---------- */
.pp-example { display: flex; flex-direction: column; gap: .75rem; padding: 2rem; border-radius: var(--radius-xl); background: var(--color-bg-2); border: 1px solid var(--color-border-secondary); box-shadow: 0 18px 40px -24px rgba(31, 31, 31, .35); }
.pp-example__label { align-self: flex-start; margin: 0 0 .25rem; padding: .35rem .9rem; border-radius: 999px; background: var(--color-bg-4); color: var(--color-text); font-size: .875rem; font-weight: 700; }
.pp-example__row { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 1rem 1.25rem; border-radius: var(--radius-base); background: var(--color-bg-4); color: var(--color-text); }
.pp-example__row b { flex: none; font-size: 1.25rem; color: var(--color-text-heading); white-space: nowrap; }
.pp-example__row--accent { background: var(--color-accent); color: #fff; }
.pp-example__row--accent b { font-size: 1.75rem; color: #fff; }
.pp-example__note { margin: .25rem 0 0; color: var(--color-text-secondary); font-size: .9375rem; line-height: 1.45; }

/* ---------- Для кого ---------- */
.pp-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }

/* ---------- Доход ---------- */
.pp-earn { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.5rem; align-items: stretch; }
.pp-table-wrap { overflow-x: auto; border-radius: var(--radius-xl); border: 1px solid var(--color-border-secondary); background: var(--color-bg-2); -webkit-overflow-scrolling: touch; }
.pp-table { width: 100%; min-width: 34rem; border-collapse: collapse; font-size: 1rem; }
.pp-table th, .pp-table td { padding: 1.1rem 1.25rem; text-align: right; border-bottom: 1px solid var(--color-border-secondary); color: var(--color-text); white-space: nowrap; }
.pp-table thead th { font-size: .8125rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--color-text-secondary); white-space: normal; }
.pp-table th[scope=row], .pp-table thead th:first-child { text-align: left; }
.pp-table th[scope=row] { font-weight: 800; color: var(--color-text-heading); }
.pp-table th[scope=row] span { display: block; margin-top: .2rem; font-size: .8125rem; font-weight: 500; color: var(--color-text-secondary); }
.pp-table tbody tr:last-child th, .pp-table tbody tr:last-child td { border-bottom: 0; }
.pp-table td b { font-size: 1.125rem; color: var(--color-accent); }
.pp-calc { border-radius: var(--radius-xl); border: 1px solid var(--color-border-secondary); background: var(--color-bg-2); }
.pp-packages { grid-template-columns: repeat(3, minmax(0, 1fr)); }


/* ---------- Почему остаются ---------- */
.pp-reasons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.pp-reason { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem; border-radius: var(--radius-xl); background: var(--color-bg-2); border: 1px solid var(--color-border-secondary); }
.pp-reason b { font-size: 1.375rem; font-weight: 800; color: var(--color-accent); }
.pp-reason span { color: var(--color-text); line-height: 1.45; }
.pp-more { margin: 1.5rem 0 0; text-align: center; }

/* ---------- Финальный блок ---------- */
.pp-page .an-final__contacts a { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Адаптив ---------- */
@media (max-width: 992px) {
  .pp-earn { grid-template-columns: minmax(0, 1fr); }
  .pp-cards { grid-template-columns: minmax(0, 1fr); }
  .pp-reasons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 576px) {
  .pp-example { padding: 1.25rem; }
  .pp-example__row { flex-direction: column; gap: .25rem; }
  .pp-example__row--accent b { font-size: 1.5rem; }
  .pp-reasons { grid-template-columns: minmax(0, 1fr); }
  .pp-packages { grid-template-columns: minmax(0, 1fr); }
  .pp-page .an-hero__actions .an-cta-btn { width: 100%; justify-content: center; }
}