/* Revolution - нижняя навигация на мобильных (Тип 5). Без версионирования по правилу проекта. */
.rev-bnav {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1030; /* над контентом, ниже модальных окон темы */
	background: var(--rev-bg, #fff);
	border-top: 1px solid var(--rev-border, #e5e5e5);
	box-shadow: 0 -2px 8px rgba(0, 0, 0, .06);
	padding-bottom: env(safe-area-inset-bottom); /* iPhone home indicator */
}

@media (max-width: 767px) {
	.rev-bnav { display: flex; }
}

.rev-bnav__i {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding: 7px 2px 6px;
	color: var(--rev-text, #333);
	text-decoration: none;
	font-size: 11px;
	line-height: 1.15;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .06);
}
.rev-bnav__i:hover,
.rev-bnav__i:focus,
.rev-bnav__i:active { color: var(--rev-accent, #dd4b39); text-decoration: none; }

.rev-bnav__ico { position: relative; display: block; line-height: 1; }
.rev-bnav__ico .fa { font-size: 20px; }

.rev-bnav__t {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rev-bnav--nolabels .rev-bnav__i { padding: 12px 2px; }

/* счётчик поверх иконки */
.rev-bnav__badge {
	position: absolute;
	top: -6px;
	left: 12px;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: var(--rev-accent, #dd4b39);
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
	text-align: center;
}
.rev-bnav__badge[hidden] { display: none; }

/* панель покупки на карточке товара поднимается над навигацией (высоту задаёт скрипт) */
@media (max-width: 767px) {
	#rev-buybar { z-index: 1029; }
}

/* пока открыто меню каталога (mmenu темы) панель не нужна */
html.mm-wrapper_opened .rev-bnav { display: none; }

/* Страница должна лежать поверх меню: mmenu рассчитывает на .mm-slideout { z-index: 1 }, но шаблон
   принудительно задаёт .mm-page { position: initial !important }, а у непозиционированного элемента
   z-index не работает - и меню (position: fixed) успевает нарисоваться поверх контента.
   1 - ниже затемнения mmenu (2), выше самого меню (0). Высоту фона добирает revbottomnav.js. */
html.mm-wrapper_opened .mm-page { position: relative !important; z-index: 1; }

/* Блокировку прокрутки mmenu оставляем как есть (иначе съезжает всё, что позиционировано
   фиксированно внутри сдвигаемой страницы) - позицию компенсирует скрипт отрицательным
   отступом .mm-page, см. revbottomnav.js */

/* Верхняя мобильная панель (#top) не нужна: каталог, корзина, избранное, сравнение и профиль
   переехали вниз. Файл подключается только при Типе 5, поэтому правило само по себе ограничено им.
   #top2 компенсирует отступ под фиксированный #top из stylesheet_change.css. */
@media (max-width: 767px) {
	#top { display: none; }
	#top2 { margin-top: 0; }
}

/* ---- поиск: выезжает снизу, над панелью, без затемнения страницы ------------------------------ */
.rev-bnav-sheet {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0; /* скрипт поднимает на высоту навигации */
	z-index: 1029;
	background: var(--rev-bg, #fff);
	border-top: 1px solid var(--rev-border, #e5e5e5);
	box-shadow: 0 -4px 12px rgba(0, 0, 0, .08);
	padding: 10px 12px;
	transform: translateY(110%);
	transition: transform .25s ease;
}
.rev-bnav-sheet[hidden] { display: none; }
.rev-bnav-sheet--on { transform: translateY(0); }

/* кнопка «Поиск» подсвечена, пока поле открыто */
.rev-bnav .rev-bnav__i--on,
.rev-bnav .rev-bnav__i--on:hover,
.rev-bnav .rev-bnav__i--on:focus { color: var(--rev-accent, #dd4b39); }

/* блок поиска темы переехал внутрь - убираем колоночные отступы бутстрапа */
.rev-bnav-sheet .mobsearch { float: none; width: 100%; padding: 0; margin: 0; }
.rev-bnav-sheet .mobsearch .search { margin: 0; }
.rev-bnav-sheet .dropdown-menu { max-height: 50vh; overflow-y: auto; }

/* cookie-баннер темы прижат к самому низу окна и вставал поверх кнопок навигации (его z-index выше).
   Файл подключается только при Типе 5, поэтому сдвиг сам ограничен этим режимом. */
@media (max-width: 991px) {
	.bottom_cookie_block { bottom: calc(50px + env(safe-area-inset-bottom)) !important; }
}