/* Страница «Электронный документооборот» (template-parts/nd-edo.php).
   Почти всё берётся из prodpage.css (первый экран, карточка цены, сетка
   возможностей, тарифы, слайдер продуктов). Здесь — только то, чего там нет:
   тарифов три, а не четыре, и блок «Что даёт переход на ЭДО». */

/* тарифов три — сетка на три колонки */
.nd-edopage .nd-tars--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }


/* ---------- что даёт переход на ЭДО ----------
   Сетка .nd-why с главной: слева иллюстрация, справа список. Список работает
   переключателем картинки (edo-draft.js), как было на старой странице. */
.nd-edopage .nd-edowhy { align-items: start; }
.nd-edopage .nd-edowhy .nd-why__img { position: sticky; top: calc(var(--header-height, 124px) + 16px); }
.nd-edopage .nd-edowhy__list li {
  display: block;
  border-top: 1px solid var(--nd-line);
  padding: 0;
}
.nd-edopage .nd-edowhy__list li:first-child { border-top: 0; }
.nd-edopage .nd-edowhy__btn {
  display: block;
  position: relative;
  width: 100%;
  border: 0;
  background: none;
  padding: 14px 0 14px 24px;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.nd-edowhy__btn::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--nd-line-2);
  transition: background-color 0.15s;
}
.nd-edopage .nd-edowhy__btn.is-active::before { background-color: var(--nd-accent); }
.nd-edopage .nd-edowhy__btn b {
  display: block;
  font-family: var(--nd-serif);
  font-weight: 600;
  font-size: 1.03125rem;
  line-height: 1.25;
  color: var(--nd-ink);
  transition: color 0.15s;
}
.nd-edopage .nd-edowhy__btn.is-active b { color: var(--nd-accent-ink); }
.nd-edopage .nd-edowhy__btn span {
  display: block;
  margin-top: 5px;
  font-size: 0.84375rem;
  line-height: 1.5;
  color: var(--nd-ink-2);
}

@media (max-width: 1279.9px) {
  .nd-edopage .nd-tars--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
  .nd-edopage .nd-edowhy .nd-why__img { position: static; }
}

@media (max-width: 576px) {
  .nd-edopage .nd-tars--3 { grid-template-columns: minmax(0, 1fr); }
}