{{-- #10: floating cookie-consent banner. Shown until the user accepts (localStorage).

     Внутри мобильного приложения (WebView-обёртка) не показываем: плавающая
     плашка поверх экрана — примета сайта, а не приложения. Сам текст никуда не
     девается, страница «Cookies» по-прежнему в подвале. Проверка стоит здесь, а
     не в layouts/app: так правило не потеряется, если баннер подключат ещё где-то. --}}
@unless (app(\App\Services\Mobile\MobileAppContext::class)->isApp())
<div x-data="{ show: false }"
     x-init="if (!localStorage.getItem('teeu_cookie_ok')) show = true"
     x-show="show" x-cloak x-transition
     class="fixed bottom-4 left-4 z-50 max-w-[360px] rounded-[var(--radius-lg)] bg-white p-4 shadow-[var(--shadow-frame)] ring-1 ring-[var(--color-line)]">
    <p class="text-sm text-[var(--color-slate)]">Мы используем cookie, чтобы сайт работал лучше. Продолжая пользоваться teeu, вы соглашаетесь с этим.</p>
    <div class="mt-3 flex items-center gap-3">
        <button type="button" @click="show = false; localStorage.setItem('teeu_cookie_ok', '1')"
                class="rounded-[var(--radius-md)] bg-[var(--color-primary)] px-5 py-2.5 text-sm font-bold text-white shadow-[var(--shadow-primary)] hover:bg-[var(--color-primary-dark)]">Принять</button>
    </div>
</div>
@endunless