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

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

	/* The booking widget is opened by the navigation button instead. */
	.comagic-c-buttons {
		display: none !important;
	}

	.four-mobile-bottom-nav {
		align-items: stretch;
		background: rgba(255, 255, 255, 0.98);
		border-top: 1px solid #e7e7e7;
		bottom: 0;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		left: 0;
		min-height: 62px;
		padding: 4px 4px env(safe-area-inset-bottom);
		position: fixed;
		right: 0;
		z-index: 99990;
	}

	.four-mobile-bottom-nav__item {
		align-items: center;
		background: transparent;
		border: 0;
		color: #292929;
		display: flex;
		flex-direction: column;
		font: inherit;
		font-size: 12px;
		gap: 3px;
		justify-content: center;
		line-height: 1.1;
		min-width: 0;
		padding: 3px 1px;
		text-align: center;
		text-decoration: none;
	}

	.four-mobile-bottom-nav__item:focus-visible {
		outline: 2px solid #bd0064;
		outline-offset: -3px;
	}

	.four-mobile-bottom-nav__icon {
		align-items: center;
		display: flex;
		height: 27px;
		justify-content: center;
		width: 32px;
	}

	.four-mobile-bottom-nav__icon svg {
		fill: none;
		height: 24px;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.8;
		width: 24px;
	}

	.four-mobile-bottom-nav__item--booking .four-mobile-bottom-nav__icon {
		background: #252525;
		border-radius: 50%;
		color: #fff;
		height: 27px;
		width: 27px;
	}

	.four-mobile-bottom-nav__item--booking .four-mobile-bottom-nav__icon svg {
		height: 18px;
		width: 18px;
	}

	.four-mobile-bottom-nav__item--active,
	.four-mobile-bottom-nav__item:hover {
		color: #bd0064;
	}
}