/* VipVize integration for Panda Pro Menu. */
.vipvize-panda-menu-active .site-header .header-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 28px;
	overflow: visible;
}

.vipvize-panda-menu-active .site-header .site-branding {
	flex: 0 0 auto;
	min-width: 0;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot {
	flex: 1 1 auto;
	min-width: 0;
	margin-left: auto;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-wrap {
	justify-content: flex-end;
	width: 100%;
	min-height: 70px;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-desktop-nav,
.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-menu {
	width: auto;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-menu {
	justify-content: flex-end;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-mobile-toggle {
	margin-left: auto;
	color: var(--blue);
	border: 1px solid var(--line);
	background: #fff;
}

.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-mobile-toggle:hover,
.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-mobile-toggle:focus-visible {
	background: #edf6ff;
	outline: 2px solid transparent;
}

.vipvize-panda-menu-active .site-header .ppm-sub-menu {
	z-index: 1000;
}

@media (max-width: 992px) {
	.vipvize-panda-menu-active .site-header .header-inner {
		min-height: 70px;
		gap: 16px;
	}

	.vipvize-panda-menu-active .vipvize-pro-menu-slot {
		display: flex;
		justify-content: flex-end;
	}

	.vipvize-panda-menu-active .vipvize-pro-menu-slot .ppm-wrap {
		min-height: auto;
	}
}

@media (max-width: 480px) {
	.vipvize-panda-menu-active .site-branding .custom-logo {
		max-width: 190px;
	}
}