/* crystal.tax — ct-pp.css (27.09.2026): страница ПриватБанка 2032/2033/2963 — ответ сверху (ctq) + партнёрская воронка (ctpp) + модалка с формой partner-application.
   Токены темы: primary #005e8a, dark #00537b, ink #111, muted #74757f (текст мелкий — #5d5e66 для контраста), line #e8e9ee, paper #f5f6fa, focus #40c3ff. Радиус 0. */
.ct-pp-intro{font-size:17px;line-height:1.6;color:#111;margin:0 0 18px}

/* ---------- ответ сверху: ряды «что нужно → путь кнопками» ---------- */
.ctq{border:1px solid #e8e9ee;border-top:4px solid #005e8a;background:#fff;margin:0 0 16px;padding:18px 22px 14px}
.ctq__title{font-weight:700;font-size:20px;line-height:1.3;color:#111;margin:0 0 6px}
.ctq__row{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:6px 22px;padding:14px 0;border-top:1px solid #e8e9ee}
.ctq__row:first-of-type{border-top:0}
.ctq__what{font-weight:700;font-size:15.5px;line-height:1.4;color:#111}
.ctq__path{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;margin:0 0 8px}
.ctq__path kbd{display:inline-block;font:700 14px/1.2 OpenSans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#003f5e;background:#f5f6fa;border:1px solid #d5d9e2;border-bottom-width:2px;border-radius:0;padding:6px 9px;box-shadow:none;white-space:nowrap}
.ctq__step{display:inline-flex;align-items:center;gap:9px;margin-right:5px}
.ctq__arr{display:inline-block;width:7px;height:7px;border-top:2px solid #005e8a;border-right:2px solid #005e8a;transform:rotate(45deg);margin-left:-2px}
.ctq__note,.article .ctq__note{font-size:14.5px;line-height:1.5;color:#4a4b52;margin:0}
.article a.ctq__more,.ctq__more{color:#005e8a;font-weight:700;text-decoration:none;white-space:nowrap;border-bottom:1px solid rgba(0,94,138,.35)}
.article a.ctq__more:hover,.ctq__more:hover{border-bottom-color:#005e8a;text-decoration:none}
.ctq__foot,.article .ctq__foot{font-size:13px;color:#5d5e66;margin:4px 0 0;padding-top:10px;border-top:1px solid #e8e9ee}
@media (max-width:575.98px){
  .ctq{padding:14px 14px 10px}
  .ctq__row{grid-template-columns:1fr;gap:8px;padding:12px 0}
  .ctq__path kbd{font-size:13.5px;padding:5px 7px}
}

/* ---------- строка-подсказка к партнёрке (первый экран) ---------- */
.ctpp-hint,.article .ctpp-hint{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:#111;margin:0 0 22px;padding:10px 14px;background:#f5f6fa;border-left:4px solid #005e8a}
.ctpp-hint .mdi{font-size:22px;line-height:1.1;color:#005e8a;flex:0 0 auto}
.article a.ctpp-hint__a,.ctpp-hint__a{color:#005e8a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(0,94,138,.35);transition:border-color .18s ease-out}
.article a.ctpp-hint__a:hover,.ctpp-hint__a:hover{border-bottom-color:#005e8a;text-decoration:none}

/* внешние ссылки-спаны внутри статьи */
.article .ct-pp-extlink{color:#005e8a;font-weight:700;text-decoration:underline;cursor:pointer}
.article .ct-pp-extlink:focus-visible{outline:3px solid #40c3ff;outline-offset:2px}
.article .ct-pp-list{margin-bottom:18px}
.ct-pp-note,.article .ct-pp-note{font-size:15px;color:#4a4b52;border-left:3px solid #e8e9ee;padding:2px 0 2px 14px}
#ct-quick,#ct-cert,#ct-statement,#ct-partner{scroll-margin-top:96px}
@media (max-width:991.98px){#ct-quick,#ct-cert,#ct-statement,#ct-partner{scroll-margin-top:64px}}

/* ---------- партнёрская воронка: комиссия-цифра ---------- */
.ctpp{margin:40px 0 34px;padding:26px 28px 22px;background:#f5f6fa;border-top:4px solid #005e8a}
.ctpp__kicker{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#005e8a;margin:0 0 8px}
.article .ctpp__title,.ctpp__title{font-family:OpenSans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-weight:700;font-size:26px;line-height:1.25;letter-spacing:-.01em;color:#111;margin:0 0 18px;text-transform:none;text-wrap:balance}
.ctpp__grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 26px;align-items:start;margin:0 0 20px}
.ctpp__rate{display:flex;flex-direction:column;padding-right:26px;border-right:1px solid #d5d9e2;min-width:170px}
.ctpp__num{font-weight:700;font-size:56px;line-height:1;letter-spacing:-.03em;color:#005e8a;white-space:nowrap}
.ctpp__cap{font-size:13.5px;line-height:1.4;color:#4a4b52;margin-top:8px;max-width:15em}
.article .ctpp__lead,.ctpp__lead{font-size:16px;line-height:1.6;color:#111;margin:0}
.ctpp__steps{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #d5d9e2}
.article .ctpp__steps li,.ctpp__steps li{display:flex;gap:10px;align-items:flex-start;margin:0;padding:14px 14px 4px 0;font-size:14.5px;line-height:1.45;color:#333}
.ctpp__steps li b,.article .ctpp__steps li b{display:block;color:#111;font-weight:700;font-size:15.5px;margin-bottom:2px}
.article .ctpp__steps li::before,.article .ctpp__steps li::after{content:none;display:none}
.article .ctpp__steps{counter-reset:none}
.ctpp__n{flex:0 0 28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #005e8a;color:#005e8a;font-weight:700;font-size:14px;line-height:1}
.ctpp__btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0 0 14px}
.ctpp__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 30px;border:2px solid #005e8a;background:#005e8a;color:#fff;font:700 13px/1.2 OpenSans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease-out,border-color .18s ease-out}
.ctpp__btn:hover,.ctpp__btn:focus{background:#00537b;border-color:#00537b;color:#fff}
.ctpp__btn:focus-visible{outline:3px solid #40c3ff;outline-offset:2px}
.article a.ctpp__link,.ctpp__link{color:#005e8a;font-weight:700;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(0,94,138,.35)}
.ctpp__link span{display:inline-block;transition:transform .18s ease-out}
.article a.ctpp__link:hover,.ctpp__link:hover{border-bottom-color:#005e8a;text-decoration:none}
.ctpp__link:hover span{transform:translateX(4px)}
.article .ctpp__fine,.ctpp__fine{font-size:13px;line-height:1.5;color:#5d5e66;margin:0}
@media (max-width:767.98px){
  .ctpp{padding:20px 16px 18px;margin:32px -4px 28px}
  .article .ctpp__title,.ctpp__title{font-size:22px}
  .ctpp__grid{grid-template-columns:1fr;gap:12px}
  .ctpp__rate{flex-direction:row;align-items:center;gap:14px;border-right:0;padding-right:0;min-width:0}
  .ctpp__num{font-size:40px}
  .ctpp__cap{margin-top:0}
  .ctpp__steps{grid-template-columns:1fr}
  .article .ctpp__steps li,.ctpp__steps li{padding:12px 0 10px;border-bottom:1px solid #e1e4ea}
  .ctpp__btn{width:100%}
}

/* ---------- модалка с формой партнёра (форма = чанк partnerFormBlock, стили pp-* как на /partnerskaya-programma.html) ---------- */
.ctpp-modal .modal-dialog{max-width:760px}
.ctpp-modal .modal-content{background:#fff;color:#111;border:0;border-top:4px solid #005e8a;border-radius:0}
.ctpp-modal .modal-header{border-bottom:1px solid #e8e9ee;padding:14px 20px;align-items:center}
.ctpp-modal .modal-title{font-weight:700;font-size:17px;line-height:1.35;color:#111;margin:0}
.ctpp-modal .close{font-size:30px;line-height:1;color:#111;opacity:.7;padding:4px 8px;margin:-6px -8px -6px auto;background:transparent;border:0}
.ctpp-modal .close:hover{opacity:1}
.ctpp-modal .modal-body{padding:18px 20px 22px}
.ctpp-modal .pp-box{border:0;box-shadow:none;padding:0;margin:0;background:transparent}
.ctpp-modal .pp-box .h4{font-size:20px;color:#111}
.ctpp-modal .pp-form .pp-field{margin-bottom:14px}
.ctpp-modal .pp-form label,.ctpp-modal .pp-form .pp-label{display:block;font-weight:700;margin:0 0 5px;color:#1f2a37;font-size:.95rem}
.ctpp-modal .pp-form .form-input{width:100%;border:1px solid #cfd5df;background:#fff;min-height:48px;padding:10px 14px;font-size:1rem;color:#1f2a37}
.ctpp-modal .pp-form textarea.form-input{min-height:96px}
.ctpp-modal .pp-form select.form-input{appearance:auto}
.ctpp-modal .pp-form .form-input:focus-visible,.ctpp-modal .pp-form input[type=checkbox]:focus-visible{outline:2px solid #005e8a;outline-offset:2px}
.ctpp-modal .pp-form .pp-check{margin:6px 0;display:flex;align-items:flex-start;gap:8px}
.ctpp-modal .pp-form .pp-check input{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0}
.ctpp-modal .pp-form .pp-check label{display:block;font-weight:400;margin:0}
.ctpp-modal .pp-form .pp-privacy{font-size:.88rem;color:#5b6573;margin:0}
.ctpp-modal .pp-form .pp-privacy a{color:#0b5f8a;text-decoration:underline}
.ctpp-modal .pp-form .pp-submit{min-width:260px}
@media (max-width:575.98px){
  .ctpp-modal .modal-dialog{margin:8px}
  .ctpp-modal .modal-body{padding:14px 14px 18px}
  .ctpp-modal .pp-form .pp-submit{width:100%;min-width:0}
}
@media (prefers-reduced-motion:reduce){
  .ctpp__btn,.ctpp__link span,.ctpp-hint__a{transition:none}
}
.ct-nw{white-space:nowrap}
/* ---------- сайдбар шаблона 3: указатель на #ct-partner ---------- */
.ctpp-side{margin-top:40px;padding:22px 22px 24px;background:#fff;border:1px solid #e8e9ee;border-top:4px solid #005e8a}
.ctpp-side p{margin:0}
.ctpp-side__k{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#005e8a}
.ctpp-side__num{font-weight:700;font-size:44px;line-height:1.1;letter-spacing:-.03em;color:#005e8a;margin:8px 0 4px!important;white-space:nowrap}
.ctpp-side__t{font-size:14.5px;line-height:1.5;color:#333;margin-bottom:16px!important}
.ctpp-side__btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:2px solid #005e8a;color:#005e8a;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background-color .18s ease-out,color .18s ease-out}
.ctpp-side__btn:hover,.ctpp-side__btn:focus{background:#005e8a;color:#fff;text-decoration:none}
.ctpp-side__btn:focus-visible{outline:3px solid #40c3ff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ctpp-side__btn{transition:none}}
