/* ============================================================================
   SIGVIN — страница «Dla Inwestorów» (Figma 580:*). Собрана из ГОТОВЫХ блоков:
     1 khero      — hero (kariera.css .khero) «Inwestujesz? My to Budujemy»
     2 ikorzysci  — «Co zyskujesz wybierając Sigvin» (степпер на process.* + кнопка + гекс)
     3 stats      — «Liczby» (stats.css)
     4 projects   — «Wybrane Realizacje» (projects.css)
     5 reviews    — «Clienci o współpracy z Nami» (reviews.css, данные 1:1)
     6 cta        — «Omówimy Twój projekt» (cta.css)
     7 footer     — стандартный
   Тут только: блок ikorzysci + наезд/z-index-цепочка (scoped .page--inwestorzy).
   ========================================================================== */

/* ===================== BLOCK 2: CO ZYSKUJESZ (benefits stepper) ==== */
.ikorzysci {
  position: relative; z-index: 3;    /* #2 ikorzysci ПОВЕРХ блока с цифрами (stats) */
  margin-top: -40px;                 /* наезжает на hero сверху */
}
.ikorzysci .process__block { height: 800px; }   /* #2 высота блока 800px */
.ikorzysci .process__heading { color: var(--light-white); }
/* правая панель: картинка-иконка активного шага (меняется по пункту, fade через .process__photo) */
.ikorzysci__pic { display: contents; }
.ikorzysci__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* ===================== НАЕЗД-ЦЕПОЧКА страницы (scoped) ============= */
.page--inwestorzy .khero { z-index: 1; }
.page--inwestorzy .stats {
  position: relative; z-index: 2; margin-top: -40px;    /* под ikorzysci — блок наезжает сверху */
  width: var(--frame-w); max-width: 100%; margin-left: auto; margin-right: auto;
  border-radius: 0;                  /* блок с цифрами — без скруглений (рецесс, без просветов) */
  height: 520px;                     /* выше базового (448) на 72px */
}
/* projects: высота 800, отступ сверху 96, стрелки компактнее, скругление 40 */
.page--inwestorzy .projects {
  position: relative; z-index: 5;    /* ПОВЕРХ reviews */
  margin-top: -40px; height: 800px; padding-top: 96px;
  border-radius: var(--r-card);      /* #2 скругление блока 40px */
}
.page--inwestorzy .projects__arrow { width: 72px; height: 72px; }
/* #2 reviews — под блоком Wybrane Realizacje */
.page--inwestorzy .reviews { position: relative; z-index: 4; margin-top: -40px; }
/* cta оставляем sticky z1 (reviews наезжает сверху, футер снизу — как на др. страницах) */

/* ============================ MOBILE (≤1024) ==================== */
@media (max-width: 1024px) {
  /* Мобайл = аккордеон, как блок «Jak Działamy» на главной (process.css ≤1024):
     белый контейнер, тёмные свёрнутые шаги, активный белый + описание и картинка
     под ним. Панель переносит под активный шаг inwestorzy-korzysci.js (placePanel). */
  .ikorzysci { margin-top: 0; }                        /* #2 не наезжает на hero сверху */
  .ikorzysci .process__block { height: auto; padding: 48px 16px; border-radius: 32px; }   /* #2 скругление блока 32px */
  .ikorzysci .process__heading { white-space: normal; }
  .ikorzysci .process__heading .t-h2-thin, .ikorzysci .process__heading .t-h2 { font-size: 40px; line-height: 48px; }
  .ikorzysci .process__body { flex-direction: column; gap: 16px; margin-top: 32px; }
  .ikorzysci .process__rail { display: none; }
  .ikorzysci .process__nav { flex-direction: column; gap: 16px; flex: none; }

  /* белый контейнер-аккордеон */
  .ikorzysci .process__list {
    width: 100%; background: var(--light-white);
    border-radius: 32px; overflow: hidden;
    display: flex; flex-direction: column;
  }
  .ikorzysci .process__panel + .proc-step { border-top-left-radius: 32px; border-top-right-radius: 32px; }

  /* раскрытая панель внутри белого контейнера, под активным шагом */
  .ikorzysci .process__panel {
    flex: none; width: 100%; height: auto; min-height: 0;
    background: var(--light-white); border-radius: 0; overflow: visible;
    padding: 4px 12px 12px; gap: 12px;
    display: flex; flex-direction: column;
  }
  .ikorzysci .process__panel::before { display: none; }    /* gframe-кольцо панели */
  .ikorzysci .process__panel > .corner { display: none; }  /* уголки панели */
  .ikorzysci .process__details { position: static; left: auto; top: auto; width: auto; padding: 0; gap: 0; }
  .ikorzysci .process__detail-top { gap: 0; }
  .ikorzysci .process__num { display: none; }              /* дубль номера шага */
  .ikorzysci .process__title { display: none; }            /* дубль названия шага */
  .ikorzysci .process__panel .btn-split { display: none; } /* в макете кнопки нет */
  .ikorzysci .process__desc {
    padding: 0 12px;
    font: 300 14px/20px "Geologica Cursive", sans-serif; letter-spacing: -0.05em;
    color: var(--dark-64);
  }

  /* картинка-карточка (тёмная, rounded-12, высота 128) внутри панели — как на главной */
  .ikorzysci .process__popup {
    flex: none; display: block; position: relative; right: auto; top: auto;
    width: 100%; height: 128px; aspect-ratio: auto; margin-top: 0;
    border-radius: 12px; background: var(--dark-black); overflow: hidden;
  }
  .ikorzysci .process__photo { inset: 0; margin: 0; width: 100%; height: 100%; object-fit: cover; padding: 0; }

  /* #1 ikorzysci наезжает на stats: stats поднят -40 под ikorzysci (z3 > z2),
     нижние скругления 32px ikorzysci видны — сквозь них проглядывает stats */
  .page--inwestorzy .stats { width: 100%; margin-top: -40px; }

  /* #1 projects (Wybrane Realizacje): блок 812px, контент по центру по вертикали.
     padding:0 — центрирует flex'ом; верхние ~90px пусты → наезд под stats остаётся */
  .page--inwestorzy .projects {
    height: 812px; padding: 0;
    display: flex; flex-direction: column; justify-content: center;
  }

  /* #1 reviews (Clienci o współpracy): наезд под projects всего 88px = 40 скрытых
     (margin-top -40 уходит под projects) + 48 видимых (padding-top 88 − 40 = 48) */
  .page--inwestorzy .reviews__inner { padding-top: 88px; }

  /* #1 hero-кнопка на всю ширину экрана с отступами 16px (как на других страницах);
     left+right вместо right:auto → width авто = вьюпорт − 32; текст центрируется общей .btn-split */
  .page--inwestorzy .khero__btn { left: 16px; right: 16px; width: auto; }
}