/* Страница «Партнёрам» — надстройка над services.css.
   Всё заскоплено под .rk-svc, чтобы не конфликтовать с остальным сайтом.
   Подключать ПОСЛЕ services.css:
   main.css → header.css → footer2.css → services.css → cta.css → lightfield.css → partners.css */

/* ---------- вертикальный ритм страницы ----------
   Между блоками 100px, как на «Создание ПИФ» и «Частных проектах»: services.css
   даёт блокам только padding-bottom: 50px, поэтому добавляем такие же 50px
   сверху. Полноширинные секции (.rk-catalog, .rk-cta) свои 50px уже имеют.
   Исключение — три тезиса сразу под шапкой: они её продолжение, а не отдельный
   блок, и остаются на обычных 44px от заголовка. */
.rk-svc > .wrap:not(.page-head) { padding-top: 50px; }
.rk-svc > .page-head + .wrap { padding-top: 0; }
/* Баннер-карусель под шапкой: отступ до тезисов даёт его собственный margin (50px). */
.rk-svc > .wrap.pnr-fbc { padding-bottom: 0; }
.rk-svc > .pnr-fbc + .wrap { padding-top: 0; }

/* ---------- общая «стеклянная» подложка (как .svc-card2) ---------- */
.rk-svc .pnr-glass {
  background: rgba(255,255,255,.6);
  border: 1px solid rgba(255,255,255,.85);
  -webkit-backdrop-filter: blur(14px) saturate(1.4);
  backdrop-filter: blur(14px) saturate(1.4);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), var(--shadow-sm, 0 2px 10px rgba(9,13,48,.05));
  border-radius: 18px;
}

/* ---------- три тезиса под шапкой страницы ---------- */
.rk-svc .pnr-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rk-svc .pnr-stat { padding: 28px 26px; display: flex; flex-direction: column; gap: 8px; }
.rk-svc .pnr-stat-v { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: clamp(25px, 2.7vw, 33px); line-height: 1.05; letter-spacing: -.02em; color: #000f9f; }
.rk-svc .pnr-stat-t { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15.5px; color: #14161d; letter-spacing: -.01em; }
.rk-svc .pnr-stat-d { font-size: 13.5px; line-height: 1.5; color: #474b58; margin: 0; }
/* Список вариантов в карточке тезиса (два способа вознаграждения) */
.rk-svc .pnr-stat-list { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.rk-svc .pnr-stat-list li { position: relative; padding-left: 14px; }
.rk-svc .pnr-stat-list li::before { content: ""; position: absolute; left: 0; top: .6em; width: 5px; height: 5px; border-radius: 50%; background: #000f9f; }
@media (max-width: 900px) { .rk-svc .pnr-stats { grid-template-columns: 1fr; gap: 14px; } }

/* ---------- формула вознаграждения + карточка сравнения ---------- */
.rk-svc .pnr-calc { display: grid; grid-template-columns: 1.05fr 1fr; gap: 22px; align-items: start; }
@media (max-width: 900px) { .rk-svc .pnr-calc { grid-template-columns: 1fr; } }

.rk-svc .pnr-formula { padding: 30px 32px; }
.rk-svc .pnr-formula h3, .rk-svc .pnr-example h3 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 19px; color: #14161d; letter-spacing: -.01em; margin: 0 0 16px; }
.rk-svc .pnr-fstep { display: flex; gap: 14px; align-items: flex-start; padding: 13px 0; border-top: 1px solid #eaedf4; }
.rk-svc .pnr-fstep:first-of-type { border-top: 0; padding-top: 0; }
.rk-svc .pnr-fnum { flex: none; width: 26px; height: 26px; border-radius: 9px; background: rgba(0,15,159,.08); color: #000f9f; font-size: 12.5px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.rk-svc .pnr-fstep b { display: block; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px; color: #14161d; margin-bottom: 3px; }
.rk-svc .pnr-fstep span { font-size: 14.5px; line-height: 1.55; color: #474b58; }

.rk-svc .pnr-example { padding: 30px 32px; background: #fff; border: 1px solid #eaedf4; border-left: 4px solid #000f9f; border-radius: 18px; box-shadow: 0 2px 10px rgba(9,13,48,.05); }
.rk-svc .pnr-elist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.rk-svc .pnr-elist li { position: relative; padding-left: 26px; font-size: 14.5px; line-height: 1.55; color: #474b58; }
.rk-svc .pnr-elist li::before { content: ""; position: absolute; left: 2px; top: 6px; width: 13px; height: 7px; border-left: 2px solid #1a9f5a; border-bottom: 2px solid #1a9f5a; transform: rotate(-45deg); }
.rk-svc .pnr-note { margin: 18px 0 0; font-size: 12.5px; line-height: 1.5; color: #83879a; }

/* ---------- два направления сотрудничества ---------- */
.rk-svc .pnr-tracks { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
@media (max-width: 900px) { .rk-svc .pnr-tracks { grid-template-columns: 1fr; } }
.rk-svc .pnr-track { padding: 30px 32px 32px; display: flex; flex-direction: column; gap: 12px; }
.rk-svc .pnr-track h3 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 19px; color: #14161d; letter-spacing: -.01em; margin: 0; line-height: 1.2; }
.rk-svc .pnr-track > p { font-size: 14.5px; line-height: 1.55; color: #474b58; margin: 0; }
.rk-svc .pnr-track ul { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.rk-svc .pnr-track li { position: relative; padding-left: 26px; font-size: 14.5px; line-height: 1.5; color: #474b58; }
.rk-svc .pnr-track li::before { content: ""; position: absolute; left: 2px; top: 5px; width: 13px; height: 7px; border-left: 2px solid #1a9f5a; border-bottom: 2px solid #1a9f5a; transform: rotate(-45deg); }
.rk-svc .pnr-rate { margin-top: 4px; padding: 14px 18px; border-radius: 14px; background: rgba(0,15,159,.06); font-size: 14px; line-height: 1.55; color: #14161d; }
.rk-svc .pnr-rate b { color: #000f9f; font-family: 'Montserrat', sans-serif; font-weight: 800; }
/* Список внутри плашки условий (два способа вознаграждения) */
/* Селекторы с .pnr-track — чтобы перебить зелёные галочки списка карточки */
.rk-svc .pnr-track .pnr-rate-list { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; flex: none; }
.rk-svc .pnr-track .pnr-rate-list li { position: relative; padding-left: 14px; font-size: 14px; line-height: 1.55; color: #14161d; }
.rk-svc .pnr-track .pnr-rate-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: 5px; height: 5px; border: 0; border-radius: 50%; background: #000f9f; transform: none; }

/* ---------- шаги подключения ---------- */
.rk-svc .pnr-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: pnr; }
@media (max-width: 980px) { .rk-svc .pnr-steps { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .rk-svc .pnr-steps { grid-template-columns: 1fr; } }
.rk-svc .pnr-step { position: relative; padding: 26px 24px 24px; }
.rk-svc .pnr-step::before { counter-increment: pnr; content: counter(pnr); display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: #000f9f; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 16px; margin-bottom: 14px; }
.rk-svc .pnr-step h4 { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 19px; color: #14161d; letter-spacing: -.01em; margin: 0 0 7px; line-height: 1.25; }
.rk-svc .pnr-step p { font-size: 13.5px; line-height: 1.5; color: #474b58; margin: 0; }

/* ---------- вопросы и ответы ---------- */
/* Вопросы — оформление как на остальных страницах сайта (.faq2 из funds.html):
   тонкие строки с разделителем и кружком «+», без стеклянных карточек. */
.rk-svc .pnr-faq { width: 100%; }
.rk-svc .faq2-item { border-bottom: 1px solid #dfe3ec; }
.rk-svc .faq2-q { width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 600; color: #14161d; background: none; border: none; cursor: pointer; }
.rk-svc .faq2-ic { flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid #dfe3ec; display: flex; align-items: center; justify-content: center; transition: .25s; color: #000f9f; }
.rk-svc .faq2-ic svg { width: 16px; height: 16px; }
.rk-svc .faq2-item.open .faq2-ic { background: #000f9f; color: #fff; border-color: #000f9f; transform: rotate(45deg); }
.rk-svc .faq2-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.rk-svc .faq2-a-inner { padding: 0 0 22px; font-family: 'Montserrat', sans-serif; font-size: 14.5px; color: #474b58; line-height: 1.6; }
.rk-svc .faq2-a-inner p { margin: 0 0 12px; }
.rk-svc .faq2-a-inner p:last-child { margin-bottom: 0; }
.rk-svc .faq2-a-inner a { color: #000f9f; }

/* ---------- финальная сноска страницы ---------- */
.rk-svc .pnr-legal { margin-top: 30px; font-size: 12.5px; line-height: 1.6; color: #83879a; max-width: 920px; }

/* ---------- карусели фондов (перенесены с главной) ----------
   Секции .rk-catalog — full-bleed (100vw) внутри main шириной 1200.
   --sbw = ширина полосы прокрутки: 100vw её включает, 100% — нет; без этой
   поправки контент каруселей стоит на полскроллбара левее остальных блоков.
   catalog.js переопределяет --sbw инлайном — здесь только исходное значение. */
:root { --sbw: calc(100vw - 100%); }
.rk-svc .rk-catalog .cat-wrap { padding-inline: 0; }
@media (max-width: 1240px) {
  .rk-svc .rk-catalog .cat-wrap { padding-inline: calc(20px + var(--sbw) / 2); }
}
@media (min-width: 1241px) {
  .rk-svc .rk-catalog .cat-wrap { transform: translateX(calc(var(--sbw) / 2)); }
}

/* Блоки страницы показываем сразу: анимация появления по скроллу (.reveal из
   services.css с задержками .07/.14/.21s) давала заметное «проявление»
   секций. Скрипт _svc_reveal здесь не подключён. */
.rk-svc .reveal { opacity: 1; transform: none; transition: none; }
.rk-svc .reveal.d1,
.rk-svc .reveal.d2,
.rk-svc .reveal.d3 { transition-delay: 0s; }

/* Список вместо абзаца в карточке «Что вы получаете» (два способа вознаграждения) */
.rk-svc .svc-card2 .svc-card2-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.rk-svc .svc-card2 .svc-card2-list li { position: relative; padding-left: 14px; font-size: 13.5px; line-height: 1.5; color: #474b58; }
.rk-svc .svc-card2 .svc-card2-list li::before { content: ""; position: absolute; left: 0; top: .6em; width: 5px; height: 5px; border-radius: 50%; background: #000f9f; }