<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).
- Мобильным пользователям баннер просто показывается без затемнения и блокировки.