document.addEventListener('DOMContentLoaded', function() {
  var blockId = 'rec2151729351';
  var el = document.getElementById(blockId);
  if (!el) return;

  var elems = Array.from(el.querySelectorAll('.t396__elem'));

  var sections = [
    {titleId: '1769550787235', iconId: '1769550787244', titleTop: 245, nextTop: 554},
    {titleId: '1769550787261', iconId: '1769550787265', titleTop: 554, nextTop: 1749},
    {titleId: '1769550787566', iconId: '1769550787575', titleTop: 1749, nextTop: 2455},
    {titleId: '1769550787611', iconId: '1769550787621', titleTop: 2455, nextTop: 99999},
  ];

  sections.forEach(function(sec) {
    var contentEls = elems.filter(function(e) {
      var top = parseInt(e.getAttribute('data-field-top-value')) || 0;
      var id = e.getAttribute('data-elem-id');
      return top > sec.titleTop && top < sec.nextTop && id !== sec.iconId && id !== sec.titleId;
    });
    sec.contentEls = contentEls;

    // Прячем контент изначально
    contentEls.forEach(function(e) { e.style.display = 'none'; });

    var titleEl = el.querySelector('[data-elem-id="' + sec.titleId + '"]');
    var iconEl = el.querySelector('[data-elem-id="' + sec.iconId + '"]');

    function toggle() {
      var isOpen = contentEls[0] && contentEls[0].style.display !== 'none';
      contentEls.forEach(function(e) { e.style.display = isOpen ? 'none' : ''; });
      if (iconEl) iconEl.style.transform = isOpen ? '' : 'rotate(180deg)';
      if (iconEl) iconEl.style.transition = 'transform 0.3s ease';
    }

    if (titleEl) { titleEl.style.cursor = 'pointer'; titleEl.addEventListener('click', toggle); }
    if (iconEl) { iconEl.style.cursor = 'pointer'; iconEl.addEventListener('click', toggle); }
  });
});