:root {
	--mobile-offcanvas-bg: radial-gradient(circle at top right, rgba(7, 38, 92, 0.96), rgba(2, 13, 34, 0.98));
	--mobile-offcanvas-link: rgba(255, 255, 255, 0.92);
	--mobile-offcanvas-border: rgba(255, 255, 255, 0.15);
}

@media (max-width: 991.98px) {
	.navbar-toggler {
		width: 48px;
		height: 48px;
		border-radius: 999px;
		border: 1px solid rgba(15, 42, 74, 0.18);
		background-color: #ffffff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.mobile-offcanvas {
		background: var(--mobile-offcanvas-bg);
		color: #ffffff;
		backdrop-filter: blur(12px);
	}

	.mobile-offcanvas .offcanvas-header {
		border-bottom: 1px solid var(--mobile-offcanvas-border);
		margin-bottom: 1rem;
	}

	.mobile-offcanvas .offcanvas-title {
		font-size: 1.4rem;
		margin: 0;
	}

	.mobile-offcanvas .mobile-menu-header__eyebrow {
		text-transform: uppercase;
		letter-spacing: 0.16em;
		font-size: 0.75rem;
		color: rgba(255, 255, 255, 0.6);
		margin-bottom: 0.3rem;
	}

	.mobile-offcanvas .btn-close {
		filter: invert(1) grayscale(1) brightness(200%);
	}

	.mobile-offcanvas .navbar-nav {
		width: 100%;
		gap: 0;
	}

	.mobile-offcanvas .navbar-nav .nav-link {
		padding: 16px 0;
		font-size: 1.1rem;
		font-weight: 700;
		color: var(--mobile-offcanvas-link);
		border-bottom: 1px solid var(--mobile-offcanvas-border);
		text-transform: uppercase;
		letter-spacing: 0.08em;
	}

	.mobile-offcanvas .navbar-nav .nav-link:last-child {
		border-bottom: 0;
	}

	.mobile-offcanvas .navbar-nav .nav-link:hover,
	.mobile-offcanvas .navbar-nav .nav-link:focus {
		color: #ffffff;
		background: rgba(255, 255, 255, 0.08);
		padding-left: 12px;
	}

	.mobile-offcanvas .mobile-offcanvas-cta {
		margin-top: 2rem;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.mobile-offcanvas .city-btn {
		width: 100%;
		justify-content: center;
	}

	.mobile-offcanvas .city-btn-primary {
		background: linear-gradient(135deg, #00c6ff, #0090a8);
		color: #ffffff;
		border: none;
	}

	.mobile-offcanvas .city-btn-secondary {
		background: transparent;
		border: 2px solid rgba(255, 255, 255, 0.5);
		color: #ffffff;
	}
}