/* Нижняя панель FlowBerry на телефоне (27.09.2026): тёмно-сливовая панель, прибита к низу экрана (Михаил, 27.09), малиновая «ягода» связи справа,
   ярлычок «Наверх» выезжает из верхнего края. Круглая кнопка связи и «наверх» по углам на телефоне заменены панелью. */
.fb-dock { display:none; }

@media (max-width:767px) {
	.fb-dock { --fb-dock-h:62px; position:fixed; z-index:9990; left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:stretch; height:calc(var(--fb-dock-h) + env(safe-area-inset-bottom)); padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left)); background:linear-gradient(180deg,#3b2233 0%,#2c1a26 100%); border:0; border-top:1px solid rgba(255,255,255,.08); border-radius:22px 22px 0 0; box-shadow:0 -10px 30px rgba(44,20,34,.22),0 2px 0 rgba(255,255,255,.06) inset; }
	.fb-dock__item { position:relative; display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; margin:0; padding:0 2px 10px; color:#f3d6e2; background:none; border:0; border-radius:16px; font:inherit; font-size:11.5px; font-weight:650; line-height:1.1; letter-spacing:0; text-decoration:none; cursor:pointer; -webkit-tap-highlight-color:transparent; }
	.fb-dock__item>span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.fb-dock__item .ui-icon { width:22px; height:22px; color:currentColor; }
	.fb-dock__item>i { position:relative; display:grid; place-items:center; font-style:normal; }
	.fb-dock__item b { position:absolute; top:-7px; left:13px; display:grid; min-width:19px; height:19px; place-items:center; padding:0 5px; color:#fff; background:#cf3a72; border:2px solid #34202d; border-radius:10px; font-size:10.5px; font-weight:800; line-height:1; }
	.fb-dock__item b[hidden] { display:none; }
	.fb-dock__item:active { background:rgba(255,255,255,.07); }
	.fb-dock__item:focus-visible,.fb-dock__top:focus-visible { outline:2px solid #ff9cc2; outline-offset:-2px; }
	.fb-dock__item[aria-current="page"] { color:#fff; }
	.fb-dock__item[aria-current="page"]::after { content:""; position:absolute; bottom:3px; left:50%; width:6px; height:6px; margin-left:-3px; background:#ff6f9f; border-radius:50% 50% 50% 0; transform:rotate(-45deg); }
	.fb-dock__item:hover { color:#fff; }

	/* «Ягода»: капля с чашелистиком, приподнята над панелью; подпись — на уровне остальных */
	.fb-dock__berry { color:#fff; }
	.fb-dock__berry>i { position:absolute; top:-20px; left:50%; width:50px; height:52px; margin-left:-25px; background:radial-gradient(circle at 34% 30%,#f06b9b 0,#d63d75 42%,#9b2c5c 100%); border:3px solid #2f1c29; border-radius:50% 50% 50% 50%/44% 44% 56% 56%; box-shadow:0 10px 22px rgba(155,44,92,.45); }
	.fb-dock__berry>i::before { content:""; position:absolute; top:-7px; left:50%; width:18px; height:9px; margin-left:-9px; background:#7bb36b; border-radius:9px 9px 2px 2px/7px 7px 2px 2px; clip-path:polygon(0 100%,12% 20%,30% 70%,50% 0,70% 70%,88% 20%,100% 100%); }
	.fb-dock__berry .ui-icon { width:24px; height:24px; color:#fff; }
	.fb-dock__berry .ui-icon path[fill] { fill:rgba(255,255,255,.22); }
	.fb-dock__berry[aria-expanded="true"]>i { background:radial-gradient(circle at 34% 30%,#ff8fb5 0,#e24b83 42%,#a4305f 100%); }

	/* Ярлычок «Наверх»: сидит за панелью и выезжает вверх при прокрутке */
	.fb-dock__top { position:absolute; z-index:-1; bottom:calc(100% - 12px); left:16px; display:flex; align-items:center; gap:5px; height:40px; padding:0 13px 12px 10px; color:#f3d6e2; background:#3b2233; border:1px solid rgba(255,255,255,.08); border-bottom:0; border-radius:14px 14px 0 0; font:inherit; font-size:12px; font-weight:700; line-height:1; cursor:pointer; transform:translateY(100%); opacity:0; visibility:hidden; transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s; }
	.fb-dock__top .ui-icon { width:16px; height:16px; }
	.fb-dock.is-scrolled .fb-dock__top { transform:none; opacity:1; visibility:visible; transition:transform .22s ease,opacity .18s ease; }

	/* Штатные плавающие кнопки на телефоне заменены панелью; окно мессенджеров открывается над «ягодой» */
	.btn-back-top,.msg-widget .msg-toggle,.msg-widget .msg-invite { display:none!important; }
	.msg-widget { right:0; bottom:calc(70px + env(safe-area-inset-bottom)); }
	.msg-widget .msg-list { right:10px; bottom:0; max-height:min(500px,calc(100vh - 170px)); }

	/* Подвал не уходит под панель: отступ внутри подвала, чтобы под ним не было белой полосы */
	body:has(#wolf-cookie.is-in) { padding-bottom:0; }
	/* !important — тем же весом, что #footer.flowberry-footer в parity.css; файл панели подключён позже */
	#footer.flowberry-footer { padding-bottom:calc(100px + env(safe-area-inset-bottom))!important; }
	.store-toast { bottom:calc(78px + env(safe-area-inset-bottom)); }
	html body #wolf-cookie.wolf-cookie { bottom:calc(72px + env(safe-area-inset-bottom)); }
	body:has(.wolf-cookie:not([hidden])) .msg-widget { bottom:calc(160px + env(safe-area-inset-bottom)); }

	/* Панель прячется под открытым меню и пока на телефоне открыта клавиатура */
	html.has-mobile-menu .fb-dock,html.fb-typing .fb-dock { transform:translateY(calc(100% + 20px)); visibility:hidden; }
	.fb-dock { transition:transform .2s ease,visibility 0s; }
}

@media (max-width:359px) {
	.fb-dock__item { font-size:10.5px; }
	.fb-dock__berry>i { width:46px; height:48px; margin-left:-23px; }
}

@media (prefers-reduced-motion:reduce) {
	.fb-dock,.fb-dock__top { transition:none; }
}
