diff --git a/resources/views/layout/anti-fouc.blade.php b/resources/views/layout/anti-fouc.blade.php
new file mode 100644
index 000000000..5a069dc61
--- /dev/null
+++ b/resources/views/layout/anti-fouc.blade.php
@@ -0,0 +1,13 @@
+{{--
+  Hide only the bits that dump unstyled on first paint (dropdowns / mobile clones).
+  Do not hide the document — that also hid the header menu.
+--}}
+<style>
+    .hide { display: none !important; }
+    .sub-menu,
+    .menu-dropdown { display: none; }
+    [x-cloak] { display: none !important; }
+    @@media (min-width: 1280px) {
+        .xl\:hidden { display: none !important; }
+    }
+</style>
diff --git a/resources/views/layout/base.blade.php b/resources/views/layout/base.blade.php
index 0f71d048b..84aef73a5 100644
--- a/resources/views/layout/base.blade.php
+++ b/resources/views/layout/base.blade.php
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html dir="ltr" lang="{{App::getLocale()}}" class="no-js">
 <head>
-    @include('layout.analytics')
     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
@@ -12,6 +11,8 @@
     <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon">
     <link rel="icon" href="/images/favicon.png" type="image/x-icon">
 
+    @include('layout.anti-fouc')
+    @vite(['resources/assets/sass/app.scss', 'resources/js/app.js'])
 
     <link href="{{asset('css/cookiecuttr.css')}}" media="screen" rel="stylesheet"/>
     <link href="{{asset('css/fonts.css')}}" media="screen" rel="stylesheet"/>
@@ -19,11 +20,7 @@
     @stack('extra-css')
 
     @yield('extra-css')
-
-
-{{--    @vite('resources/css/app.css')--}}
-    @vite(['resources/assets/sass/app.scss', 'resources/js/app.js'])
-{{--    @vite(['resources/css/app.css', 'resources/js/app.js'])--}}
+    @include('layout.analytics')
 
 
 
@@ -117,7 +114,6 @@
     }(document, 'script', 'facebook-jssdk'));
 </script>
 
-@vite('resources/js/app.js')
 <script type="text/javascript" src="{{ asset('lib/jquery/jquery.js') }}"></script>
 {{--<script src=//cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.min.js charset=utf-8></script>--}}
 <script type="text/javascript" src="{{ asset('js/ext/plugins.js') }}"></script>
diff --git a/resources/views/layout/guest.blade.php b/resources/views/layout/guest.blade.php
index 32cccf7ee..a998fa43f 100644
--- a/resources/views/layout/guest.blade.php
+++ b/resources/views/layout/guest.blade.php
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html dir="ltr" lang="{{App::getLocale()}}" class="no-js">
 <head>
-    @include('layout.analytics')
     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
@@ -12,6 +11,8 @@
     <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon">
     <link rel="icon" href="/images/favicon.png" type="image/x-icon">
 
+    @include('layout.anti-fouc')
+    @vite(['resources/assets/sass/app.scss', 'resources/js/app.js'])
 
     <link href="{{asset('css/cookiecuttr.css')}}" media="screen" rel="stylesheet"/>
     <link href="{{asset('css/fonts.css')}}" media="screen" rel="stylesheet"/>
@@ -19,11 +20,7 @@
     @stack('extra-css')
 
     @yield('extra-css')
-
-
-    {{--    @vite('resources/css/app.css')--}}
-    @vite(['resources/assets/sass/app.scss', 'resources/js/app.js'])
-    {{--    @vite(['resources/css/app.css', 'resources/js/app.js'])--}}
+    @include('layout.analytics')
 
 
 
diff --git a/resources/views/layout/new_base.blade.php b/resources/views/layout/new_base.blade.php
index 3d92cc44c..740e21c88 100644
--- a/resources/views/layout/new_base.blade.php
+++ b/resources/views/layout/new_base.blade.php
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html dir="ltr" lang="{{App::getLocale()}}" class="no-js">
 <head>
-    @include('layout.analytics')
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
@@ -12,6 +11,8 @@
     <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon">
     <link rel="icon" href="/images/favicon.png" type="image/x-icon">
 
+    @include('layout.anti-fouc')
+    @vite(['resources/assets/sass/app.scss', 'resources/js/app.js'])
 
     <link href="{{asset('css/cookiecuttr.css')}}" media="screen" rel="stylesheet" />
     <link href="{{asset('css/fonts.css')}}" media="screen" rel="stylesheet" />
@@ -20,10 +21,7 @@
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" />
 
     @stack('extra-css')
-
-    {{-- @vite('resources/css/app.css')--}}
-    @vite(['resources/assets/sass/app.scss', 'resources/js/app.js'])
-    {{-- @vite(['resources/css/app.css', 'resources/js/app.js'])--}}
+    @include('layout.analytics')
 
     <script>
         window.App = {!! json_encode([
diff --git a/resources/views/layout/tall.blade.php b/resources/views/layout/tall.blade.php
index 59aa3fa68..1bbbca7da 100644
--- a/resources/views/layout/tall.blade.php
+++ b/resources/views/layout/tall.blade.php
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html dir="ltr" lang="{{App::getLocale()}}" class="no-js">
 <head>
-    @include('layout.analytics')
     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
@@ -12,15 +11,16 @@
     <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon">
     <link rel="icon" href="/images/favicon.png" type="image/x-icon">
 
+    @include('layout.anti-fouc')
+    @vite(['resources/assets/sass/app.scss'])
+
     <link href="{{asset('css/fonts.css')}}" media="screen" rel="stylesheet"/>
     <link href="{{asset('css/cookiecuttr.css')}}" media="screen" rel="stylesheet"/>
 
     @stack('extra-css')
 
     @yield('extra-css')
-
-    @vite(['resources/assets/sass/app.scss'])
-{{--    @vite(['resources/assets/sass/app.scss', 'resources/js/app.js'])--}}
+    @include('layout.analytics')
 
 
     <script>
