/* Site-specific responsive corrections kept outside the commercial theme. */

@media screen and (max-width: 1024px) {
	/* Keep the compact menu off-canvas until the menu button is used. */
	body.msheader .mu_move_container {
		position: fixed !important;
		top: 60px !important;
		left: -110vw !important;
		width: 100% !important;
		height: calc(100vh - 60px) !important;
		opacity: 0 !important;
		pointer-events: none;
		transition: left 0.25s ease, opacity 0.25s ease;
	}

	body.msheader .mu_move_container.show_all {
		left: 0 !important;
		opacity: 1 !important;
		pointer-events: auto;
		overflow-y: auto !important;
	}

	/* The contact page already exposes phone, email and WeChat details. */
	.page-id-431 .toolbar_move {
		display: none !important;
	}

	.page-id-431 .new_footer_bottm {
		padding-bottom: 12px;
	}

	/* Keep keyboard focus visible inside the full-screen mobile menu. */
	.header_pic_nav.show_all a:focus-visible,
	.header_nav_move_btn:focus-visible,
	.search_box_move_btn:focus-visible {
		outline: 3px solid #2655c1;
		outline-offset: 2px;
	}
}

/* Keep the optional customer-service widget within small viewports. */
.ai-dialog-cfbtn {
	max-width: min(230px, calc(100vw - 24px));
}

.ai-dialog {
	max-width: min(430px, calc(100vw - 24px));
}