/**
 * Нижняя панель навигации (мобильные).
 */

@media (min-width: 768px) {
	.sm-mobile-bar {
		display: none !important;
	}

	body.sm-has-mobile-bar {
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {
	:root {
		--sm-mobile-bar-inner-height: 50px;
	}

	body.sm-has-mobile-bar {
		padding-bottom: calc(var(--sm-mobile-bar-inner-height) + env(safe-area-inset-bottom, 0px));
	}

	.sm-mobile-bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 55;
		box-sizing: border-box;
		min-height: calc(var(--sm-mobile-bar-inner-height) + env(safe-area-inset-bottom, 0px));
		padding-bottom: env(safe-area-inset-bottom, 0px);
		background: #fff;
		border-top: 1px solid #e8eaef;
		box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.08);
		font-family: "Nunito", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
		-webkit-font-smoothing: antialiased;
		overflow: visible;
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		will-change: transform;
	}

	.sm-mobile-bar__list {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		align-items: center;
		margin: 0;
		height: var(--sm-mobile-bar-inner-height);
		min-height: var(--sm-mobile-bar-inner-height);
		max-height: var(--sm-mobile-bar-inner-height);
		padding: 0 max(0.25rem, env(safe-area-inset-left, 0px)) 0 max(0.25rem, env(safe-area-inset-right, 0px));
		list-style: none;
		flex-shrink: 0;
	}

	.sm-mobile-bar__cell {
		margin: 0;
		padding: 0;
		min-width: 0;
		flex-shrink: 0;
	}

	.sm-mobile-bar__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.125rem;
		min-height: 0;
		height: 100%;
		padding: 0.125rem 0.1rem;
		border-radius: 8px;
		color: #6b7280;
		text-decoration: none;
		flex-shrink: 0;
		-webkit-tap-highlight-color: transparent;
		transition: color 0.15s ease, background-color 0.15s ease;
	}

	.sm-mobile-bar__item:hover,
	.sm-mobile-bar__item:focus-visible {
		color: #003459;
		background: #f3f6f8;
		outline: none;
	}

	.sm-mobile-bar__item.is-active {
		color: #003459;
	}

	.sm-mobile-bar__item--call {
		color: #003459;
	}

	.sm-mobile-bar__item--call .sm-mobile-bar__icon-wrap {
		background: #e8f4fc;
		border-radius: 999px;
	}

	.sm-mobile-bar__icon-wrap {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 1.375rem;
		height: 1.375rem;
		flex-shrink: 0;
	}

	.sm-mobile-bar__item--call .sm-mobile-bar__icon-wrap {
		width: 1.625rem;
		height: 1.625rem;
	}

	.sm-mobile-bar__icon {
		display: block;
		flex-shrink: 0;
		width: 20px;
		height: 20px;
	}

	.sm-mobile-bar__label {
		display: block;
		flex-shrink: 0;
		max-width: 100%;
		font-size: 0.625rem;
		font-weight: 600;
		line-height: 1.1;
		text-align: center;
		white-space: nowrap;
		overflow: visible;
	}

	.sm-mobile-bar__badge {
		position: absolute;
		top: -0.2rem;
		right: -0.3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 1rem;
		height: 1rem;
		padding: 0 0.15rem;
		border-radius: 999px;
		background: #fd6422;
		color: #fff;
		font-size: 0.625rem;
		font-weight: 700;
		line-height: 1;
	}

	.sm-mobile-bar__badge:empty,
	.sm-mobile-bar__badge[data-count="0"] {
		display: none;
	}

	/* Кнопка «Наверх» — выше панели, не перекрывает подписи */
	body.sm-has-mobile-bar .sm-scroll-top {
		right: 0.75rem;
		bottom: calc(var(--sm-mobile-bar-inner-height) + 0.75rem + env(safe-area-inset-bottom, 0px));
		z-index: 54;
	}
}