/* bestingtime — top-bar + header (desktop / mobile split) */
:root {
	--bt-brand: #1c947c;
	--bt-brand-deep: #147a66;
	--bt-brand-ink: #0f3d34;
	--bt-header-h: 88px;
	--bt-pinned-h: 64px;
	--bt-top-h: 40px;
}

/* Home SEO H1: in DOM, not visible */
.xy-home-h1 {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ========== Top bar (desktop) ========== */
.top-bar {
	padding: 0 !important;
	height: var(--bt-top-h) !important;
	line-height: 1 !important;
	color: #ffffff !important;
	background: #167a68 !important;
	background-image: linear-gradient(90deg, #0e5a4c 0%, #1c947c 100%) !important;
	box-shadow: none !important;
	font-size: 13px !important;
	letter-spacing: .02em;
	z-index: 40;
}
.top-bar .inner {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	height: var(--bt-top-h) !important;
	min-height: var(--bt-top-h) !important;
	box-sizing: border-box;
}
.top-bar:after,
.top-bar .inner:after {
	display: none !important;
	content: none !important;
}
.top-bar-lt,
.top-bar-rt {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	height: var(--bt-top-h) !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 0 20px;
	flex-wrap: nowrap;
	line-height: 1 !important;
}
.top-bar,
.top-bar a,
.top-bar a:link,
.top-bar a:visited,
.top-bar a:active,
.top-bar a:focus {
	color: #ffffff !important;
	text-decoration: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}
.top-bar a:hover {
	color: #ffffff !important;
	opacity: .92;
}
.top-bar-item,
.top-bar-link,
.top-bar-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center;
	height: 28px;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	border: none !important;
	border-bottom: none !important;
	background: none !important;
	white-space: nowrap;
	vertical-align: middle;
}
.top-bar-item {
	gap: 8px;
	opacity: 1 !important;
}
.top-bar-item .fa {
	opacity: 1 !important;
	font-size: 13px;
	color: #ffffff !important;
	line-height: 1;
}
.top-bar-item span {
	color: #ffffff !important;
	line-height: 1;
}
.top-bar-link {
	padding: 0 2px !important;
	font-weight: 500;
	opacity: 1 !important;
}
.top-bar-cta {
	height: 26px !important;
	padding: 0 14px !important;
	border: 1px solid #ffffff !important;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #ffffff !important;
}
.top-bar a.top-bar-cta:hover,
.top-bar-cta:hover {
	background: #ffffff !important;
	color: #0e5a4c !important;
	opacity: 1 !important;
}
.top-bar .social-container {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	height: 28px;
	margin: 0 0 0 4px !important;
	padding: 0 !important;
}
.top-bar .social-container .flex {
	display: flex !important;
	align-items: center !important;
	gap: 2px;
}
.top-bar .social-container a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	color: #ffffff !important;
}
.top-bar .icon-socialmedia {
	display: block;
	width: 15px;
	height: 15px;
	fill: currentColor !important;
	color: #ffffff !important;
}
.top-bar .social-container a {
	color: #ffffff !important;
}
.top-bar .social-container a:hover {
	opacity: .92;
	background: rgba(255, 255, 255, .12);
}
.top-bar .social-container .flex:empty,
.top-bar .social-container:not(:has(a)) {
	display: none !important;
}

/* ========== Shared header base ========== */
.header {
	background: #fff !important;
	box-shadow: 0 1px 0 rgba(15, 61, 52, .06), 0 8px 24px rgba(15, 61, 52, .04);
	z-index: 30;
	position: relative !important;
	overflow: visible !important;
}
.header:after,
.header .inner:after {
	display: none !important;
	content: none !important;
}
.logo .site-name {
	display: none !important;
}
.home .header {
	margin-bottom: 0 !important;
}
/* Kill theme absolute logo + 100px line-height that push nav out of the bar */
.logo,
.header .logo {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}
.main-nav {
	line-height: normal !important;
}

/* ========== Desktop (>=769) ========== */
@media (min-width: 769px) {
	.header .inner {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		height: var(--bt-header-h) !important;
		min-height: var(--bt-header-h) !important;
		box-sizing: border-box;
		overflow: visible !important;
		position: relative !important;
	}
	.logo {
		float: none !important;
		display: flex !important;
		align-items: center !important;
		height: var(--bt-header-h) !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-shrink: 0;
	}
	.logo a {
		display: inline-flex !important;
		align-items: center !important;
		height: 100%;
		text-decoration: none !important;
	}
	.logo img {
		display: block;
		max-height: 64px;
		max-width: 280px;
		width: auto;
		height: auto;
	}
	.main-nav {
		float: none !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		flex: 1 1 auto;
		gap: 6px;
		height: var(--bt-header-h) !important;
		min-height: var(--bt-header-h) !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: normal !important;
		font-size: 15px;
		font-weight: 500;
		background: transparent !important;
		color: var(--bt-brand-ink) !important;
		overflow: visible !important;
	}
	.main-nav .main-menu {
		flex: 1 1 auto;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		position: static !important;
		float: none !important;
		overflow: visible !important;
		background: transparent !important;
		width: auto !important;
	}
	.main-nav .mobi-title {
		display: none !important;
	}
	.nav-menu {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		flex-wrap: nowrap !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}
	.nav-menu > li {
		float: none !important;
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: normal !important;
	}
	.nav-menu > li > a:not(.mean-clicked),
	.nav-menu > li > a:not(.mean-clicked):link,
	.nav-menu > li > a:not(.mean-clicked):visited,
	.nav-menu > li > a:not(.mean-clicked):hover,
	.nav-menu > li > a:not(.mean-clicked):active,
	.nav-menu > li > a:not(.mean-clicked):focus {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 100% !important;
		min-height: 0 !important;
		padding: 0 15px !important;
		margin: 0 !important;
		line-height: 1.2 !important;
		color: var(--bt-brand-ink) !important;
		font-weight: 500;
		text-decoration: none !important;
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
		position: relative !important;
		top: auto !important;
		vertical-align: middle !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
	.nav-menu > li > a > .menu-title,
	.nav-menu > li > a > span {
		display: inline-block !important;
		line-height: 1.2 !important;
		position: static !important;
		top: auto !important;
		text-decoration: none !important;
	}
	.nav-menu > li > a > span:after,
	.nav-menu > li > a:hover > span:after,
	.nav-menu > li.current-menu-item > a > span:after,
	.nav-menu > li.current-menu-parent > a > span:after,
	.nav-menu > li.current-menu-ancestor > a > span:after,
	.nav-menu > li:hover > a > span:after {
		display: none !important;
		content: none !important;
		margin: 0 !important;
		height: 0 !important;
	}
	#main-nav-menu .mean-clicked,
	.nav-menu .mean-clicked,
	.nav-menu > li > a.mean-clicked {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		position: absolute !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
	.nav-menu li.menu-item-has-children > a.mean-clicked:after,
	.nav-menu li.menu-item-has-children .mean-clicked:after,
	.nav-menu li.menu-item-has-children .mean-clicked i:before {
		display: none !important;
		content: none !important;
	}
	.nav-menu > li.menu-item-has-children > a:not(.mean-clicked):after {
		display: inline-block !important;
		margin-left: 6px !important;
		line-height: 1 !important;
		vertical-align: middle;
		position: static !important;
		float: none !important;
		font-family: FontAwesome !important;
		content: "\f107" !important;
		opacity: .55;
	}
	.nav-menu > li > ul li.menu-item-has-children > a:not(.mean-clicked):after {
		display: inline-block !important;
		float: right !important;
		margin: 0 0 0 8px !important;
		line-height: inherit !important;
		font-family: FontAwesome !important;
		content: "\f105" !important;
		opacity: .55;
		position: static !important;
	}
	.nav-menu > li > ul > li.menu-item-has-children > a:not(.mean-clicked) {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding-right: 28px !important;
		height: auto !important;
	}
	/*
	 * Desktop dropdowns:
	 * Theme JS uses slideDown/Up + inline display. Do NOT lock hide with !important
	 * or jQuery cannot open menus; CSS :hover is the reliable show path.
	 */
	.header,
	.header .inner,
	.main-nav,
	.main-nav .main-menu,
	.nav-menu,
	.nav-menu > li {
		overflow: visible !important;
	}
	.nav-menu li ul,
	.nav-menu > li > ul,
	.nav-menu > li > ul.sub-menu {
		display: none;
		position: absolute !important;
		left: 0 !important;
		right: auto !important;
		top: 100% !important;
		margin: 0 !important;
		padding: 8px 0 !important;
		min-width: 220px !important;
		width: 250px !important;
		z-index: 9999 !important;
		background: #fff !important;
		border-top: 2px solid var(--bt-brand) !important;
		box-shadow: 0 12px 28px rgba(15, 61, 52, .12) !important;
		list-style: none !important;
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}
	.nav-menu > li:hover > ul,
	.nav-menu > li:focus-within > ul,
	.nav-menu > li:hover > ul.sub-menu,
	.nav-menu > li:focus-within > ul.sub-menu,
	.nav-menu li:hover > ul,
	.nav-menu li:focus-within > ul {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
		margin: 0 !important;
		pointer-events: auto !important;
	}
	/* Nested flyout (3rd level) */
	.nav-menu > li > ul ul,
	.nav-menu li ul li ul {
		top: 0 !important;
		left: 100% !important;
		margin-top: -10px !important;
		display: none;
	}
	.nav-menu li ul li:hover > ul,
	.nav-menu li ul li:focus-within > ul {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		overflow: visible !important;
	}
	.header .search-box {
		top: var(--bt-header-h) !important;
	}
	.search-box .inner {
		border-top: 2px solid var(--bt-brand) !important;
		box-shadow: 0 12px 28px rgba(15, 61, 52, .1);
	}
	.nav-menu > li > a:not(.mean-clicked):hover,
	.nav-menu > li.current-menu-item > a:not(.mean-clicked),
	.nav-menu > li.current-menu-item > a:not(.mean-clicked):link,
	.nav-menu > li.current-menu-item > a:not(.mean-clicked):visited,
	.nav-menu > li.current-menu-parent > a:not(.mean-clicked),
	.nav-menu > li.current-menu-ancestor > a:not(.mean-clicked),
	.nav-menu > li:hover > a:not(.mean-clicked) {
		color: var(--bt-brand) !important;
		background: transparent !important;
		text-decoration: none !important;
	}
	.nav-menu li ul li {
		float: none !important;
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 42px !important;
	}
	.nav-menu li ul li a,
	.nav-menu li ul li a:link,
	.nav-menu li ul li a:visited,
	.nav-menu li ul li a:hover,
	.nav-menu > li:hover > ul li a,
	.nav-menu > li:hover > ul li a:link,
	.nav-menu > li:hover > ul li a:visited {
		display: block !important;
		width: 100% !important;
		height: 42px !important;
		line-height: 42px !important;
		padding: 0 20px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		color: #333333 !important;
		background: transparent !important;
		text-decoration: none !important;
		white-space: nowrap;
	}
	.nav-menu li ul li a:hover,
	.nav-menu > li:hover > ul li a:hover {
		color: var(--bt-brand) !important;
		background: #f3faf8 !important;
		text-decoration: none !important;
	}
	.nav-menu > li.menu-btn {
		margin-left: 8px !important;
	}
	.nav-menu > li.menu-btn > a,
	.nav-menu > li.menu-btn > a:link,
	.nav-menu > li.menu-btn > a:visited,
	.nav-menu > li.menu-btn > a:hover {
		height: 40px !important;
		padding: 0 20px !important;
		border-radius: 2px;
		background: var(--bt-brand) !important;
		color: #fff !important;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: .05em;
		text-transform: uppercase;
		text-decoration: none !important;
		box-shadow: 0 6px 16px rgba(28, 148, 124, .28);
	}
	.nav-menu > li.menu-btn > a:after,
	.nav-menu > li.menu-btn > a > span:after {
		display: none !important;
		content: none !important;
	}
	.main-nav > .btn-search,
	.header .btn-search {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 40px !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
		border-radius: 50%;
		color: var(--bt-brand-ink) !important;
		text-decoration: none !important;
		flex-shrink: 0;
		align-self: center !important;
	}
	.btn-search:hover,
	.btn-search-active {
		background: #eef7f4 !important;
		color: var(--bt-brand) !important;
	}
	/*
	 * Sticky / scrolled header (head-pinned):
	 * Theme forces height:46px + logo margin:auto + line-height:45px → nav collapses.
	 * Keep the same horizontal layout as the normal header (logo | menu | quote | search).
	 */
	.header.head-pinned {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		height: var(--bt-pinned-h) !important;
		min-height: var(--bt-pinned-h) !important;
		padding: 0 !important;
		margin: 0 !important;
		background: #fff !important;
		z-index: 900 !important;
		box-shadow: 0 2px 12px rgba(15, 61, 52, .1) !important;
		overflow: visible !important;
	}
	.wrapper-boxed .header.head-pinned {
		box-shadow: none !important;
	}
	.header.head-pinned .inner {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		height: var(--bt-pinned-h) !important;
		min-height: var(--bt-pinned-h) !important;
		padding: 0 20px !important;
		margin: 0 auto !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		box-shadow: 0 2px 12px rgba(15, 61, 52, .08) !important;
		background: #fff !important;
	}
	.header.head-pinned .logo {
		float: none !important;
		display: flex !important;
		align-items: center !important;
		height: var(--bt-pinned-h) !important;
		margin: 0 !important;
		padding: 0 !important;
		visibility: visible !important;
		position: static !important;
		-webkit-transform: none !important;
		transform: none !important;
		flex-shrink: 0 !important;
	}
	.header.head-pinned .logo img {
		max-height: 44px !important;
		max-width: 220px !important;
		width: auto !important;
		height: auto !important;
	}
	.header.head-pinned .main-nav {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		float: none !important;
		height: var(--bt-pinned-h) !important;
		min-height: var(--bt-pinned-h) !important;
		line-height: normal !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		overflow: visible !important;
	}
	.header.head-pinned .main-nav .main-menu {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		height: 100% !important;
		position: static !important;
		overflow: visible !important;
		background: transparent !important;
	}
	.header.head-pinned .nav-menu {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		flex-wrap: nowrap !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.header.head-pinned .nav-menu > li {
		display: flex !important;
		align-items: center !important;
		float: none !important;
		height: 100% !important;
		line-height: normal !important;
		margin: 0 !important;
		padding: 0 !important;
		position: relative !important;
	}
	.header.head-pinned .nav-menu > li > a:not(.mean-clicked) {
		display: inline-flex !important;
		align-items: center !important;
		height: 100% !important;
		line-height: 1.2 !important;
		padding: 0 14px !important;
		margin: 0 !important;
		color: var(--bt-brand-ink) !important;
		background: transparent !important;
		text-decoration: none !important;
		white-space: nowrap !important;
	}
	.header.head-pinned .nav-menu > li > a:not(.mean-clicked):hover,
	.header.head-pinned .nav-menu > li.current-menu-item > a:not(.mean-clicked),
	.header.head-pinned .nav-menu > li:hover > a:not(.mean-clicked) {
		color: var(--bt-brand) !important;
	}
	.header.head-pinned .nav-menu > li.menu-item-has-children > a:not(.mean-clicked):after {
		display: inline-block !important;
		content: "\f107" !important;
		font-family: FontAwesome !important;
		margin-left: 6px !important;
		opacity: .55;
	}
	.header.head-pinned .nav-menu > li.menu-btn > a,
	.header.head-pinned .nav-menu > li.menu-btn > a:link,
	.header.head-pinned .nav-menu > li.menu-btn > a:visited,
	.header.head-pinned .nav-menu > li.menu-btn > a:hover {
		height: 34px !important;
		padding: 0 16px !important;
		border-radius: 2px !important;
		background: var(--bt-brand) !important;
		color: #fff !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: .04em !important;
		text-transform: uppercase !important;
		box-shadow: 0 4px 12px rgba(28, 148, 124, .25) !important;
	}
	.header.head-pinned .nav-menu > li.menu-btn > a:after,
	.header.head-pinned .nav-menu > li.menu-btn > a > span:after {
		display: none !important;
		content: none !important;
	}
	.header.head-pinned .main-nav > .btn-search,
	.header.head-pinned .btn-search {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 36px !important;
		height: 36px !important;
		line-height: 1 !important;
		margin: 0 !important;
		flex-shrink: 0 !important;
	}
	.header.head-pinned .mean-clicked {
		display: none !important;
	}
	.header.head-pinned .nav-menu > li > ul,
	.header.head-pinned .nav-menu > li > ul.sub-menu,
	.header.head-pinned .nav-menu li ul {
		top: 100% !important;
		z-index: 10000 !important;
	}
	.header.head-pinned .search-box,
	.header.head-pinned .search-box.search-pinned {
		top: var(--bt-pinned-h) !important;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.nav-menu > li > a:not(.mean-clicked) {
		padding: 0 11px !important;
		font-size: 14px;
	}
	.logo img {
		max-width: 220px;
		max-height: 56px;
	}
}

/* ========== Mobile (<=768) ========== */
@media only screen and (max-width: 768px) {
	.top-bar {
		display: none !important;
	}
	/* 手机端隐藏左侧边栏（分类 / About 等） */
	aside.sidebar,
	.sidebar,
	.sidebar .widget-area,
	.column-fluid > .sidebar {
		display: none !important;
	}
	.content-right .column-fluid .content,
	.content-left .column-fluid .content,
	.column-fluid .content {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		float: none !important;
	}
	.mobile-navigation .btn-search,
	.header .mobile-navigation > a.btn-search {
		display: none !important;
	}

	.header {
		padding: 10px 0 !important;
	}
	.header .inner {
		display: block !important;
		position: relative !important;
		height: auto !important;
		min-height: 56px !important;
		padding: 0 12px !important;
		width: 100% !important;
		box-sizing: border-box;
	}
	.logo {
		float: none !important;
		display: inline-block !important;
		height: auto !important;
		max-width: 58% !important;
		margin: 0 !important;
		padding: 8px 0 !important;
		line-height: 1 !important;
	}
	.logo a {
		display: inline-block !important;
		height: auto !important;
	}
	.logo img {
		display: block;
		max-height: 40px !important;
		max-width: 100% !important;
		width: auto !important;
		height: auto !important;
	}
	.mobile-navigation {
		display: inline-block !important;
		position: absolute !important;
		right: 12px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 50;
	}
	.mobile-navigation .mobi-menu {
		display: inline-block !important;
		float: right;
		margin: 0 !important;
		width: 40px !important;
		height: 40px !important;
		line-height: 40px !important;
		text-align: center !important;
		color: #fff !important;
		background: rgba(15, 61, 52, .88) !important;
		border-radius: 3px;
		cursor: pointer;
	}

	/* Keep shell for overlay menu; do not use desktop flex */
	.main-nav {
		display: block !important;
		float: none !important;
		height: 0 !important;
		width: 0 !important;
		overflow: visible !important;
		margin: 0 !important;
		padding: 0 !important;
		flex: none !important;
		background: transparent !important;
	}
	.main-nav > .btn-search {
		display: none !important;
	}
	.main-nav .main-menu {
		display: none !important;
		flex: none !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		height: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 999999 !important;
		background: rgba(0, 0, 0, .85) !important;
		overflow-y: auto !important;
		line-height: 42px !important;
		font-size: 14px !important;
	}
	.main-menu.toggle-show {
		display: block !important;
	}
	.main-menu .nav-menu,
	.main-menu #main-nav-menu,
	.main-menu #mobi-nav-menu {
		display: block !important;
		float: none !important;
		width: 94% !important;
		height: auto !important;
		margin: 0 auto !important;
		padding: 0 !important;
		background: #fbfbfb !important;
		flex-wrap: nowrap;
		align-items: stretch !important;
		justify-content: flex-start !important;
	}
	.main-menu .nav-menu > li {
		float: none !important;
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 42px !important;
		border-bottom: 1px solid rgba(0, 0, 0, .08);
	}
	.main-menu .nav-menu > li > a:not(.mean-clicked),
	.main-menu .nav-menu > li > a:not(.mean-clicked):link,
	.main-menu .nav-menu > li > a:not(.mean-clicked):visited,
	.main-menu .nav-menu > li > a:not(.mean-clicked):hover,
	.main-menu .nav-menu > li > a:not(.mean-clicked):focus,
	.main-menu .nav-menu li a:not(.mean-clicked) {
		display: block !important;
		float: none !important;
		width: auto !important;
		height: auto !important;
		min-height: 42px !important;
		padding: 0 48px 0 4% !important;
		margin: 0 !important;
		line-height: 42px !important;
		color: #222 !important;
		background: transparent !important;
		text-decoration: none !important;
		box-shadow: none !important;
		border: 0 !important;
		text-align: left !important;
		justify-content: flex-start !important;
	}
	/* 手机侧滑菜单不显示 Get a Quote */
	.main-menu .nav-menu > li.menu-btn,
	#mobi-nav-menu > li.menu-btn {
		display: none !important;
	}
	/* Hide desktop pseudo arrows; use mean-clicked */
	.main-menu .nav-menu li.menu-item-has-children > a:not(.mean-clicked):after {
		display: none !important;
		content: none !important;
	}
	.main-menu .nav-menu li.menu-item-has-children .mean-clicked {
		display: inline-block !important;
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		z-index: 99 !important;
		float: right !important;
		width: 42px !important;
		height: 42px !important;
		line-height: 42px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		border: 0 !important;
		text-align: center !important;
		color: rgba(0, 0, 0, .55) !important;
		background: transparent !important;
		cursor: pointer !important;
	}
	.main-menu .nav-menu li.menu-item-has-children .mean-clicked i:before {
		display: inline-block !important;
		content: "\f107" !important;
		font-family: FontAwesome !important;
		font-style: normal !important;
		opacity: 1 !important;
	}
	.main-menu .nav-menu li.menu-item-has-children .mean-toggle i:before {
		content: "\f106" !important;
	}
	/* Allow JS to toggle; default closed, no !important lock */
	.main-menu .nav-menu > li > ul,
	.main-menu .nav-menu li ul {
		display: none;
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		float: none !important;
		box-shadow: none !important;
		border-top: 0 !important;
		background: #eee !important;
		padding: 0 !important;
	}
	.main-menu .nav-menu li ul li a:not(.mean-clicked) {
		padding-left: 8% !important;
		color: #333 !important;
		background: transparent !important;
	}
	.main-menu .mobi-title {
		display: block !important;
		height: 40px !important;
		line-height: 40px !important;
		color: #fff !important;
		background: transparent !important;
	}
	.main-menu .mobi-menu-close {
		color: #fff !important;
	}
}

/* ========== Pagination (Page::show → a/span.page-numbers > span) ========== */
/* Theme styles ALL .nav-links span (including inner number spans) → double boxes / jammed "123>" */
.gallery-page-nav,
.post-page-nav {
	margin-top: 36px !important;
	clear: both;
}
.gallery-page-nav .pagination,
.post-page-nav .pagination,
.navigation.pagination {
	width: 100% !important;
	height: auto !important;
	min-height: 46px;
	text-align: center !important;
	font-size: 14px !important;
}
.gallery-page-nav .nav-links,
.post-page-nav .nav-links,
.navigation.pagination .nav-links {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	font-size: 0 !important;
}
/* Kill theme padding/bg on EVERY span (breaks nested <span>1</span>) */
.gallery-page-nav .nav-links span,
.post-page-nav .nav-links span,
.navigation.pagination .nav-links span {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: inherit !important;
	display: inline !important;
	line-height: inherit !important;
	font-size: inherit !important;
}
.gallery-page-nav .nav-links > a.page-numbers,
.gallery-page-nav .nav-links > span.page-numbers,
.post-page-nav .nav-links > a.page-numbers,
.post-page-nav .nav-links > span.page-numbers,
.navigation.pagination .nav-links > a.page-numbers,
.navigation.pagination .nav-links > span.page-numbers {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	min-width: 40px !important;
	height: 40px !important;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid rgba(28, 148, 124, .22) !important;
	border-radius: 2px !important;
	background: #fff !important;
	color: #445963 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	vertical-align: middle !important;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.gallery-page-nav .nav-links > a.page-numbers:hover,
.post-page-nav .nav-links > a.page-numbers:hover,
.navigation.pagination .nav-links > a.page-numbers:hover {
	color: #fff !important;
	background: var(--bt-brand, #1c947c) !important;
	border-color: var(--bt-brand, #1c947c) !important;
	text-decoration: none !important;
}
.gallery-page-nav .nav-links > span.page-numbers.current,
.post-page-nav .nav-links > span.page-numbers.current,
.navigation.pagination .nav-links > span.page-numbers.current {
	color: #fff !important;
	background: var(--bt-brand, #1c947c) !important;
	border-color: var(--bt-brand, #1c947c) !important;
	font-weight: 600 !important;
}
.gallery-page-nav .nav-links > a.prev,
.gallery-page-nav .nav-links > a.next,
.post-page-nav .nav-links > a.prev,
.post-page-nav .nav-links > a.next,
.navigation.pagination .nav-links > a.prev,
.navigation.pagination .nav-links > a.next {
	min-width: 40px !important;
	padding: 0 14px !important;
	letter-spacing: 0 !important;
}
@media only screen and (max-width: 768px) {
	.gallery-page-nav .nav-links > a.page-numbers,
	.gallery-page-nav .nav-links > span.page-numbers,
	.post-page-nav .nav-links > a.page-numbers,
	.post-page-nav .nav-links > span.page-numbers,
	.navigation.pagination .nav-links > a.page-numbers,
	.navigation.pagination .nav-links > span.page-numbers {
		display: inline-flex !important;
		min-width: 36px !important;
		height: 36px !important;
		font-size: 13px !important;
	}
}

/* ========== Product detail: trust chips / qty hint (theme presentation of Action assigns) ========== */
.product-summary .xy-product-qty-hint {
	margin: 0 0 12px;
	padding: 0;
	color: #5a6f78;
	font-size: 13px;
	line-height: 1.5;
}
.product-summary .xy-product-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	width: 100%;
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid rgba(15, 61, 52, .08);
}
.product-summary .xy-product-trust-chip {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.45;
	color: #147a66;
	background: #f3faf8;
	border: 1px solid rgba(28, 148, 124, .22);
	border-radius: 2px;
	letter-spacing: .01em;
}