/* ==========================================================================
   Секция 07 · CTA-приглашение (середина лендинга)
   ========================================================================== */

.stlk-cta-mid {
  padding-block: calc(var(--stlk-section-pad) * 0.7);
  background-color: var(--stlk-wood-900);
  /* Два слоя: декоративная охра-подсветка сверху + небольшой линейный
     градиент фона снизу (тот же приём глубины, что и в остальных секциях) —
     в одном background-image, иначе второе объявление свойства просто
     перекрыло бы первое. */
  background-image:
    radial-gradient(circle at 15% 20%, rgba(240, 180, 41, 0.14), transparent 55%),
    linear-gradient(160deg, var(--stlk-wood-900) 0%, color-mix(in srgb, var(--stlk-wood-900) 80%, black) 100%);
}

.stlk-cta-mid__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.stlk-cta-mid__text h2 {
  color: var(--stlk-white);
  font-size: var(--stlk-fs-h2);
}
.stlk-cta-mid__text p {
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.72);
  max-width: 52ch;
}

@media (max-width: 640px) {
  .stlk-cta-mid__inner { flex-direction: column; align-items: stretch; }
  .stlk-cta-mid .stlk-cta { width: 100%; }
}