Как сделать уведомление о Cookie с затемнением и блокировкой сайта до согласия (на Tilda)

<style>
  /* Блокировка прокрутки только на больших экранах */
  @media (min-width: 769px) {
    body.cookie-lock {
      overflow: hidden;
    }

    #cookie-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9990;
    }
  }

  /* Баннер куки — фиксирован внизу на всех экранах */
  #rec996921256 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    padding: 20px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 16px;
    width: 100%;
    max-width: 100vw;
  }

  @media (max-width: 768px) {
    #rec996921256 {
      font-size: 16px;
      padding: 16px;
    }
  }
</style>

<!-- Затемнение (только на десктопе) -->
<div id="cookie-overlay"></div>

<script>
  function removeCookieOverlay() {
    const overlay = document.getElementById('cookie-overlay');
    const banner = document.getElementById('rec996921256');
    if (overlay) overlay.style.display = 'none';
    if (banner) banner.style.display = 'none';
    document.body.classList.remove('cookie-lock');
  }

  document.addEventListener("DOMContentLoaded", function () {
    if (localStorage.getItem('cookieAccepted') === 'true') {
      removeCookieOverlay();
      return;
    }

    // Блокируем прокрутку только на больших экранах
    if (window.innerWidth > 768) {
      document.body.classList.add('cookie-lock');
    }

    const observer = new MutationObserver(() => {
      const acceptBtn = document.querySelector('#rec996921256 .t-btn');
      if (acceptBtn) {
        acceptBtn.addEventListener('click', function () {
          localStorage.setItem('cookieAccepted', 'true');
          removeCookieOverlay();
        });
        observer.disconnect();
      }
    });

    observer.observe(document.body, { childList: true, subtree: true });
  });
</script>

Важно:

• Работает только на десктопе (экран > 768px).
• Мобильным пользователям баннер просто показывается без затемнения и блокировки.