@@ -0,0 +1,93 @@
+.banner {
+	position: fixed;
+	z-index: 9999;
+	background: #1d1d21;
+	border: 1px solid rgba(164, 170, 181, 0.1);
+	border-radius: 16px;
+	padding: 20px;
+	display: flex;
+	flex-direction: column;
+	gap: 24px;
+}
+
+.desktop {
+	right: 24px;
+	bottom: 24px;
+	width: 450px;
+}
+
+.mobile {
+	left: 50%;
+	bottom: 16px;
+	transform: translateX(-50%);
+	width: calc(100% - 32px);
+	max-width: 335px;
+}
+
+.content {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+.title {
+	font-size: 24px;
+	font-weight: 600;
+	color: #fff;
+	line-height: 1;
+}
+
+.text {
+	font-size: 14px;
+	color: #a4aab5;
+	line-height: 1.4;
+}
+
+.link {
+	color: #8280ff;
+	text-decoration: underline;
+}
+
+.actions {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+}
+
+.row {
+	display: flex;
+	gap: 10px;
+}
+
+.btnPrimary {
+	flex: 1;
+	height: 40px;
+	border-radius: 10px;
+	background: #fff;
+	color: #000;
+	font-size: 14px;
+	font-weight: 500;
+	cursor: pointer;
+}
+
+.btnOutline {
+	width: 100%;
+	height: 40px;
+	border: 1px solid #a4aab5;
+	border-radius: 10px;
+	background: transparent;
+	color: #fff;
+	font-size: 14px;
+	font-weight: 500;
+	cursor: pointer;
+}
+
+.mobile .row {
+	flex-direction: column;
+}
+
+.mobile .btnPrimary,
+.mobile .btnOutline {
+	width: 100%;
+	flex: none;
+}
@@ -0,0 +1,65 @@
+import React from 'react'
+import Link from 'next/link'
+
+import { useAppSelector } from '#/app/store/store'
+import { getDeviceType } from '#/shared/lib/helpers'
+import { initYandexMetrika } from '#/shared/lib/yandex-metrika'
+
+import styles from './cookie-consent.module.scss'
+
+function getConsent(): string | null {
+	if (typeof window === 'undefined') return null
+	const value = localStorage.getItem('cookie-consent')
+	if (value === 'all' || value === 'necessary' || value === 'declined') return value
+	return null
+}
+
+export function CookieConsent() {
+	const account_type = useAppSelector((state) => state.user.account_type)
+	const [consent, setConsent] = React.useState<string | null | undefined>(undefined)
+	const desktop = getDeviceType() === 'desktop'
+
+	React.useEffect(() => {
+		if (account_type !== 'regular') return
+		const stored = getConsent()
+		setConsent(stored)
+		if (stored === 'all') initYandexMetrika()
+	}, [account_type])
+
+	const choose = (value: string) => {
+		localStorage.setItem('cookie-consent', value)
+		setConsent(value)
+		if (value === 'all') initYandexMetrika()
+	}
+
+	if (account_type !== 'regular' || consent !== null) return null
+
+	return (
+		<div className={`${styles.banner} ${desktop ? styles.desktop : styles.mobile}`}>
+			<div className={styles.content}>
+				<h2 className={styles.title}>Cookies и аналитика</h2>
+				<p className={styles.text}>
+					Мы используем технические cookies для работы сайта и аналитические cookies для улучшения
+					сервиса. Подробнее — в{' '}
+					<Link href='https://air.fail/personal' className={styles.link} target='_blank'>
+						Политике обработки персональных данных
+					</Link>
+					.
+				</p>
+			</div>
+			<div className={styles.actions}>
+				<div className={styles.row}>
+					<button type='button' className={styles.btnPrimary} onClick={() => choose('all')}>
+						Принять все
+					</button>
+					<button type='button' className={styles.btnPrimary} onClick={() => choose('necessary')}>
+						Принять необходимые
+					</button>
+				</div>
+				<button type='button' className={styles.btnOutline} onClick={() => choose('declined')}>
+					Отклонить
+				</button>
+			</div>
+		</div>
+	)
+}
@@ -15,6 +15,7 @@ import { pingFangFont } from '#/shared/lib/constants/font/font'
 import { getDeviceType } from '#/shared/lib/helpers'
 import { useBlockTelegram } from '#/shared/lib/hooks/use-block-telegram'
 import { useEnv } from '#/shared/lib/hooks/use-env'
+import { CookieConsent } from '#/features/cookie-consent/ui/cookie-consent'
 import { Providers } from '#/widgets/providers'
 
 import { setupAxios } from '#/shared/api/axios-interceptors'
@@ -70,6 +71,7 @@ function AppContent({
 									<ThemeProvider theme={pingFangFont}>
 										<Providers>
 											{Component.getLayout ? Component.getLayout(<Component {...pageProps} />) : <Component {...pageProps} />}
+											<CookieConsent />
 											<Error />
 										</Providers> 
 									</ThemeProvider>
@@ -3,37 +3,9 @@ import { Head, Html, Main, NextScript } from 'next/document'
 export default function Document() {
 	return (
 		<Html lang='ru'>
-			<Head>
-				<script
-					dangerouslySetInnerHTML={{
-						__html: `
-                (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
-                m[i].l=1*new Date();
-                for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
-                k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
-                (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
-
-                ym(93475901, "init", {
-                clickmap:true,
-                trackLinks:true,
-                accurateTrackBounce:true,
-                webvisor:true
-                  });
-              `,
-					}}
-				/>
-			</Head>
+			<Head />
 
 			<body>
-				<noscript>
-					<div>
-						<img
-							src='https://mc.yandex.ru/watch/93475901'
-							style={{ position: 'absolute', left: '-9999px' }}
-							alt=''
-						/>
-					</div>
-				</noscript>
 				<Main />
 				<div id='modal-container'></div>
 				<NextScript />
@@ -0,0 +1,28 @@
+export function initYandexMetrika() {
+	if (typeof window === 'undefined' || (window as any).__ymInited) return
+	;(window as any).__ymInited = true
+
+	;(function (m: any, e: Document, t: string, r: string, i: string) {
+		m[i] =
+			m[i] ||
+			function (...args: unknown[]) {
+				;(m[i].a = m[i].a || []).push(args)
+			}
+		m[i].l = 1 * new Date().getTime()
+		for (let j = 0; j < e.scripts.length; j++) {
+			if (e.scripts[j].src === r) return
+		}
+		const k = e.createElement(t) as HTMLScriptElement
+		const a = e.getElementsByTagName(t)[0]
+		k.async = true
+		k.src = r
+		a.parentNode?.insertBefore(k, a)
+	})(window, document, 'script', 'https://mc.yandex.ru/metrika/tag.js', 'ym')
+
+	;(window as any).ym(93475901, 'init', {
+		clickmap: true,
+		trackLinks: true,
+		accurateTrackBounce: true,
+		webvisor: true,
+	})
+}