/* Экология-М — дополнения к пре-рендеренному dc-стилю: адаптив меню, слайдер, оглавление */

/* гамбургер скрыт на десктопе */
.em-burger { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 3px; background: #14213D; border: 0; cursor: pointer; margin-left: 8px; flex-direction: column; gap: 4px; }
.em-burger span { display: block; width: 22px; height: 2px; background: #fff; transition: .25s; }
.em-header.nav-open .em-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.em-header.nav-open .em-burger span:nth-child(2) { opacity: 0; }
.em-header.nav-open .em-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* активный пункт оглавления статьи */
a[data-active="1"] { color: #15B45C !important; font-weight: 600; }

/* слайдер: гарантируем, что без JS виден первый слайд (no-JS / до инициализации) */
.em-slider > div:not(:first-child) { opacity: 0; }
.em-slider > div { transition: opacity .55s ease; }

@media (max-width: 900px) {
  .em-burger { display: inline-flex; }
  /* сворачиваем горизонтальное меню в выпадающую панель */
  .em-nav {
    display: none !important;
    position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column !important; align-items: stretch !important;
    gap: 0 !important;
    background: #14213D; padding: 8px 20px 16px; z-index: 50;
    box-shadow: 0 16px 40px rgba(0,0,0,.35);
  }
  .em-header.nav-open .em-nav { display: flex !important; }
  .em-header.nav-open { position: relative; }
  .em-nav a { padding: 13px 0 !important; border-bottom: 1px solid rgba(255,255,255,.10); color: #fff !important; opacity: 1 !important; font-size: 17px; }
  .em-nav a:last-child { border-bottom: 0; }
}