/* Непосредственный фон (избегайте отображения «пустой» страницы) */ html{ background:#0f2a1e; } /* Мы скрываем ТОЛЬКО холст Elementor во время загрузки, а не html */ html:not(.page-ready) .elementor{ opacity:0; filter:none !important; transform:none !important; will-change: opacity; } /* Когда все готово, мы показываем */ html.page-ready .elementor{ opacity:1; transition: opacity .18s ease; } /* Дополнительные элементы, которые избегают странных мерцаний */ html,body{ width:100%; max-width:100%; overflow-x:clip; /* без горизонтали */ -webkit-text-size-adjust:100%; } img,video,iframe{max-width:100%;height:auto;display:block} /* Отмечаем страницу как «готовую» как можно скорее и принудительно перерисовываем ее на iOS */ (function(){ function ready(){ // небольшая перерисовка для iOS/Safari document.documentElement.style.webkitTransform='translateZ(0)'; setTimeout(()=>{ document.documentElement.style.webkitTransform=''; }, 120); document.documentElement.classList.add('page-ready'); } // Если CSS и DOM уже есть, показываем; в противном случае ждем загрузки if (document.readyState === 'complete') { ready(); } else { // как только DOM будет готов, показываем (лучше для пользовательского опыта, чем ожидание всех изображений) document.addEventListener('DOMContentLoaded', ready); // резервное копирование на случай, если какой-либо скрипт заблокируется: также при загрузке window.addEventListener('load', ready); } })();