.efmn-mobile-nav {
	display: none;
}

@media (max-width: 767px) {
	body {
		padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
	}

	.efmn-mobile-nav {
		position: fixed;
		z-index: 390;
		right: 0;
		bottom: 0;
		left: 0;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		min-height: 64px;
		padding: 5px 4px calc(5px + env(safe-area-inset-bottom));
		border-top: 1px solid rgba(0, 0, 0, .08);
		background: #fff;
		box-shadow: 0 -3px 12px rgba(0, 0, 0, .1);
	}

	html body .scrollToTop {
		bottom: calc(30px + var(--wd-sticky-btn-height)) !important;
	}

	.efmn-mobile-nav__item {
		display: flex;
		min-width: 0;
		min-height: 54px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		padding: 2px;
		color: #777;
		font-size: 10px;
		font-weight: 600;
		line-height: 1.15;
		text-align: center;
		text-decoration: none;
	}

	.efmn-mobile-nav__item svg {
		width: 23px;
		height: 23px;
		fill: none;
		stroke: currentColor;
		stroke-width: 1.8;
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	.efmn-mobile-nav__item span {
		display: block;
		overflow: hidden;
		max-width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.efmn-mobile-nav__item.is-active {
		color: var(--wd-primary-color, #14a2dc);
	}

	html.efmn-keyboard-open .efmn-mobile-nav,
	html.efmn-overlay-open .efmn-mobile-nav,
	body.mobile-nav-opened .efmn-mobile-nav,
	body:has(.mfp-wrap.mfp-ready) .efmn-mobile-nav {
		display: none;
	}

	.efmn-order-progress {
		display: grid;
		margin: 24px 0;
		padding: 0;
		gap: 0;
		list-style: none;
	}

	.efmn-order-progress__item {
		position: relative;
		display: grid;
		grid-template-columns: 32px 1fr;
		align-items: center;
		min-height: 50px;
		gap: 10px;
		color: #8b8b8b;
	}

	.efmn-order-progress__item:not(:last-child)::after {
		position: absolute;
		top: 34px;
		bottom: -8px;
		left: 15px;
		width: 2px;
		background: #ddd;
		content: "";
	}

	.efmn-order-progress__marker {
		display: grid;
		z-index: 1;
		width: 32px;
		height: 32px;
		place-items: center;
		border: 2px solid #ccc;
		border-radius: 50%;
		background: #fff;
	}

	.efmn-order-progress__item.is-complete,
	.efmn-order-progress__item.is-current {
		color: var(--wd-primary-color, #14a2dc);
		font-weight: 700;
	}

	.efmn-order-progress__item.is-complete .efmn-order-progress__marker,
	.efmn-order-progress__item.is-current .efmn-order-progress__marker {
		border-color: currentColor;
	}

	.efmn-order-progress__item.is-complete:not(:last-child)::after {
		background: var(--wd-primary-color, #14a2dc);
	}
}

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