/* ==== Доборные стили лендинга «Разработка по подписке» ====
   База — CSS живой страницы 2026.firecode.ru. Здесь только то, что нужно
   для standalone-версии: fallback-раскрытие карточек без JS, плавный скролл,
   мобильное меню (drawer), уважение к prefers-reduced-motion. */

html { scroll-behavior: smooth; }

/* Fallback: карточки .cx-cap скрыты (opacity:0) и раскрываются классом .is-in,
   который вешает наш JS. Если JS не отработал — показываем их. */
html:not(.js) .cx-cap,
html:not(.js) .cx-wcard,
html:not(.js) .cx-fmt,
html:not(.js) .cx-pcard { opacity: 1 !important; transform: none !important; }

/* Гарантируем раскрытие .cx-cap при добавлении .is-in независимо от .cosmos-скоупа. */
.cx-cap-grid.is-in .cx-cap { opacity: 1; transform: translateY(0); transition-delay: var(--d, 0s); }

/* ==== Чипы стека в карточках специалистов ====
   cx-svc-card__chips по умолчанию display:block, а cx-tag — inline,
   из-за чего длинные пилюли («1С (интеграции)», «РУЧНОЕ QA») переносились
   по словам и обрезались. Делаем ряд пилюль с переносом между ними,
   но без разрыва текста внутри пилюли. */
.cx-svc-card__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 1rem;
}
.cx-svc-card__chips .cx-tag {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* ==== Мобильное меню (drawer) ==== */
.cx-drawer {
  position: fixed; inset: 0; z-index: 90;
  display: flex; flex-direction: column;
  padding: 5rem 1.5rem 2rem;
  background: rgba(6, 8, 12, .96);
  backdrop-filter: blur(14px);
  transform: translateY(-8px);
  opacity: 0; pointer-events: none;
  transition: opacity .28s ease, transform .28s ease;
}
.cx-header--open .cx-drawer { opacity: 1; transform: none; pointer-events: auto; }
.cx-drawer__link {
  display: flex; align-items: center; justify-content: space-between;
  padding: .95rem .25rem;
  font-size: 1.05rem; color: #fff; text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.cx-drawer__link--cta {
  margin-top: 1.25rem; justify-content: center;
  border: none; border-radius: 999px;
  background: #22e2a8; color: #05130d; font-weight: 600;
  padding: .95rem 1rem;
}
.cx-drawer__phone { margin-top: auto; padding-top: 1.5rem; color: rgba(255,255,255,.7); font-size: .95rem; }

/* Гамбургер поверх открытого меню */
.cx-header--open .cx-header__burger { position: relative; z-index: 95; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cx-drawer { transition: none; }
}