.accesfy-sc-mobile-nav {
	display: none;
}
@media (max-width: 768px) {
	.accesfy-sc-mobile-nav {
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		position: fixed;
		left: 0; right: 0; bottom: 0;
		z-index: 100050;
		background: rgba(0,0,0,0.94);
		backdrop-filter: blur(12px);
		border-top: 1px solid #1e1e1e;
		padding: 4px 2px calc(4px + env(safe-area-inset-bottom));
	}
	.accesfy-sc-mobile-nav__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		padding: 4px 0;
		color: #71717a;
		text-decoration: none;
		background: none;
		border: none;
		font-size: 8px;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		cursor: pointer;
		min-width: 0;
	}
	.accesfy-sc-mobile-nav__item.is-active { color: #fff; }
	.accesfy-sc-mobile-nav__item svg { width: 18px; height: 18px; }
	.accesfy-sc-mobile-nav__icon-wrap { position: relative; display: flex; }
	.accesfy-sc-mobile-nav__badge {
		position: absolute; top: -5px; right: -10px;
		min-width: 14px; height: 14px; padding: 0 3px;
		background: #fff; color: #000; font-size: 8px; font-weight: 700;
		border-radius: 999px; display: flex; align-items: center; justify-content: center;
	}
	.accesfy-sc-mobile-nav__badge.is-empty { opacity: 0; transform: scale(0.5); }
	.accesfy-sc-mobile-nav__badge.is-bump { animation: ascNavBump 0.4s ease; }
	@keyframes ascNavBump { 50% { transform: scale(1.2); } }
}