/* Нижние панели: один вид на всех экранах. Эталон — главная. */
.dock--cat { height: 63px; }
.dock { border-radius: 24px 24px 0 0; box-shadow: inset 0 1px 0 var(--line), 0 -10px 24px -14px rgb(0 0 0 / .7); }
.dock__items--guest { height: 63px; padding: 0 6px; grid-template-columns: repeat(5, 1fr); }
.dock__items--staff { grid-template-columns: repeat(2, 1fr); }
.dock__items--guest a, .dock__items--guest button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: var(--ink-dock-2); font-size: 10.25px; text-align: center; }
.dock__items--guest svg { width: 24px; height: 24px; color: var(--ink-dock-icon); stroke-width: 1.1; }
.dock__items--guest a[aria-current], .dock__items--guest button[aria-expanded="true"] { color: var(--accent-dock-2); }
.dock__items--guest a[aria-current] svg, .dock__items--guest button[aria-expanded="true"] svg { color: inherit; stroke-width: 1.3; }
.dock--biz { height: 65.46875px; border-top: 1px solid var(--line); padding: 7px 8px 0; box-shadow: 0 -10px 24px -14px rgb(0 0 0 / .7); }
.dock--biz .dock__items { grid-template-columns: repeat(3, 1fr); }
/* У админки в нижнем меню четыре пункта: «Ещё» уезжал на вторую строку */
.dock--adm .dock__items { grid-template-columns: repeat(4, 1fr); }
.dock--biz a { justify-content: flex-start; height: 52px; padding-top: 4.77px; gap: 3px; font-size: 12px; font-weight: 500; }
.dock--biz a[aria-current] { font-weight: 600; }
/* Подсветка пункта при наведении, нажатии и фокусе — скруглённая плитка, а не квадрат */
.dock__items .tap { border-radius: 16px; }
.dock__items--guest .tap { margin: 6px 2px; }
.dock__items .tap:focus-visible { outline-offset: -2px; }
/* Колокольчик кабинета заведения: правый верхний угол, уезжает вместе со страницей */
.biz-notif { position: absolute; z-index: 30; left: 0; right: 0; top: 0; height: 0; }
.ds .biz-notif .notification-bell.g-bell { right: 14px; top: 20px; }
.cm-h1 { padding-right: 40px; }
/* На телефоне назад ведёт свайп: стрелки скрыты, ссылки остаются целью жеста */
@media (max-width: 760px) {
  .cb-back a[data-na-back], .a-back, .biz-back, .blog-back, .ny-back { display: none !important; }
  .cb-back { margin-left: 16px; }
}