.mt-mobile-bottom-nav {
	display: none;
}

@media (max-width: 768px) {
	body {
		padding-bottom: 82px;
	}

	.mt-mobile-bottom-nav {
		position: fixed;
		z-index: 999;
		right: 0;
		bottom: 0;
		left: 0;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		min-height: 72px;
		padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
		border-top: 2px solid #fbbe01;
		background: rgba(7, 7, 7, 0.96);
		box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.34);
		backdrop-filter: blur(14px);
	}

	.mt-mobile-bottom-nav__item {
		display: grid;
		place-items: center;
		align-content: center;
		gap: 5px;
		min-width: 0;
		min-height: 58px;
		border-radius: 8px;
		color: rgba(255, 255, 255, 0.72);
		font-family: Roboto, Arial, sans-serif;
		font-size: 12px;
		font-weight: 900;
		line-height: 1.1;
		text-align: center;
		text-decoration: none;
		transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
	}

	.mt-mobile-bottom-nav__item svg {
		width: 25px;
		height: 25px;
		fill: currentColor;
	}

	.mt-mobile-bottom-nav__item:hover,
	.mt-mobile-bottom-nav__item:focus-visible {
		background: rgba(251, 190, 1, 0.14);
		color: #fbbe01;
		outline: 0;
		transform: translateY(-1px);
	}

	.mt-mobile-bottom-nav__item[aria-current="page"] {
		background: #fbbe01;
		color: #070707;
	}

	.mt-mobile-cta {
		bottom: 86px;
	}
}