Serqwezxc

По идее, любой же клик вне должен закрывать?
Можно выставлять какую-то переменную флагом состояния меню: открыто / закрыто.
При открытии начинать слушать на корневом document событие "click" или "mousedown".

При клике смотреть, содержится ли цель клика где-то под div.mobile-panel через однократный вызов Node.contains() (он смотрит сразу на любую глубину). Если внутри – не прятать, если снаружи – закрывать меню.

const menuRoot = document.querySelector('div.mobile-panel');
document.addEventListener('mousedown', (e) => {
   if (! menuRoot.contains(e.target)) {
      document.body.classList.remove('-show')
   }
})

https://css-tricks.com/full-width-containers-limit...
Есть несколько способов. Тут можно легко выбрать подходящий.

document.querySelectorAll('.slider__itm img').forEach(n => {
  const link = document.createElement('a');
  n.parentNode.append(link);
  link.append(n);
});

или

for (const n of document.querySelectorAll('.slider__itm')) {
  n.innerHTML = `<a>${n.innerHTML}</a>`;
}

или

for (const n of document.getElementsByClassName('slider__itm')) {
  const link = document.createElement('a');
  link.appendChild(n.replaceChild(link, n.children[0]));
}

или

const imgs = document.querySelectorAll('.slider__itm img');

for (let i = 0; i < imgs.length; i++) {
  const link = document.createElement('a');
  imgs[i].replaceWith(link);
  link.insertAdjacentElement('afterbegin', imgs[i]);
}