@media (max-width: 768px) {
	body {
		padding-bottom: calc(65px + env(safe-area-inset-bottom));
	}
	.raz-mobile-nav {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 65px;
		padding-bottom: env(safe-area-inset-bottom);
		background: #fff;
		border-top: 1px solid #e5e5e5;
		display: flex;
		align-items: center;
		justify-content: space-around;
		z-index: 99999;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, .05);
	}
	.raz-nav-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		color: #666;
		font-size: 11px;
		font-weight: 500;
		gap: 3px;
		transition: color .25s ease, transform .25s ease;
	}
	.raz-nav-icon {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.raz-nav-icon svg {
		width: 22px;
		height: 22px;
		display: block;
	}
	.raz-nav-item:hover,
	.raz-nav-item.active {
		color: var(--e-global-color-primary);
		transform: translateY(-2px);
	}
	.raz-cart-wrap {
		position: relative;
		display: inline-flex;
	}
	.raz-cart-count {
		position: absolute;
		top: -8px;
		right: -10px;
		min-width: 18px;
		height: 18px;
		padding: 0 4px;
		border-radius: 999px;
		background: #cf2e2e;
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}
	@media (prefers-reduced-motion: reduce) {
		.raz-nav-item {
			transition: none;
		}
	}
}
@media (min-width: 769px) {
	.raz-mobile-nav {
		display: none !important;
	}
}