Edward Gricc

const A = {
  B1: {
    C1: {
      D1: [
        "значение конечного D в этом примере масив но ты можешь вствыить что угодно если нужно продолжить дерево то используй обьект а не массив либо делай вложенные масивы во вложенные массивы но это не совсем удобно при обращении",
      ],
      D2: {},
      D3: {},
      D4: {},
    },
    C2: {
      D1: {},
      D2: {},
      D3: {},
      D4: {},
    },
    C3: {
      D1: {},
      D2: {},
      D3: {},
      D4: {},
    },
  },
  B2: {
    C1: {},
    C2: {},
    C3: {},
  },
};

точно не могу сказать однако направление дам у dom elements есть те свойства по типу left и можно отслеживать по положению или приконавению основываясь на границах блоков посмотрите видео про динозавра на канале vova dew там ковено происходит это отслеживание

да для product вы что то написали хотя я бегло посмотрел не хочу вникать а fail метод который и функция как вы его видите ни как неописан и поэтому он не являеться функцией или методом тип вы ж через точку пишите в общем код тупо не дописан