/*
  Extracted verbatim from E:\ANYSLS.COM-CONSENT\glazeanysrv\css\layout.css
  lines 488-1420 (toolbar/header/navmain incl. megamenu, active-tab, CTA),
  plus .contentcontainer (line 177, needed by the header) — the real
  ANYSRV/Zomex front-end CSS, not a reproduction. Paired with
  variables-original.css (the real variables.css, copied verbatim) for
  every var() reference used below. No selectors renamed, no values
  changed. See PRODUCTION-BLOG-HEADER-AUDIT notes in the chat for the
  exact line-number provenance of every block.
*/
.contentcontainer {
	margin: 0 auto;
	width: var(--container-width);
	max-width: var(--container-maxwidth);
}

.toolbarmain-container {
	background: var(--color-black);
	border-bottom: #000 1px solid;
}

.template-mono .toolbarmain-container {
	background: var(--color-primary-background);
	border-color: var(--color-primary-background-border);
}

.template-glaze .toolbarmain-container {
	background: var(--color-secondary-background);
	border-color: var(--color-secondary-background-border);
}

.template-prosper .toolbarmain-container {
	background: var(--color-secondary-background);
	border-color: var(--color-secondary-background-border);
}

.toolbarmain {
	display: flex;
	justify-content: space-between;
	align-items: center;	
	color: var(--color-grey);
}

.template-mono .toolbarmain {
	color: var(--color-primary-foreground);	
}

.template-glaze .toolbarmain {
	color: var(--color-secondary-foreground);	
}

.template-prosper .toolbarmain {
	color: var(--color-secondary-foreground);	
}

/* Toolbar Google translate */

.toolbarmain .toolbarmain-googletranslate {
	position: absolute;
	left: 52%;
	transform: translateX(-50%);
}

.toolbarmain .toolbarmain-googletranslate img {
	display: inline;
	max-width: unset;
}

/* Toolbar menu */

.toolbarmain .toolbarmain-menu::after {
	clear: both;
	display: table;
	height: 0;
	content: "";
}

.toolbarmain .toolbarmain-menu ul {
	margin: 0;
}

.toolbarmain .toolbarmain-menu ul li {
	float: left;
}

.toolbarmain .toolbarmain-menu ul li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: var(--color-grey);
}

.template-mono .toolbarmain .toolbarmain-menu ul li a {
	color: var(--color-primary-foreground);
}

.template-glaze .toolbarmain .toolbarmain-menu ul li a {
	color: var(--color-secondary-foreground);
}

.template-prosper .toolbarmain .toolbarmain-menu ul li a {
	color: var(--color-secondary-foreground);
}

.toolbarmain .toolbarmain-menu ul li a:hover {
	color: var(--color-primary-active-foreground);
	background: var(--color-primary-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-primary-active-background-gradient-top) 0, var(--color-primary-active-background-gradient-bottom) 100%);
}

.template-mono .toolbarmain .toolbarmain-menu ul li a:hover {
	color: var(--color-box-foreground);
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
}

.template-glaze .toolbarmain .toolbarmain-menu ul li a:hover {
	color: var(--color-secondary-active-foreground);
	background: var(--color-secondary-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%);
}

.template-prosper .toolbarmain .toolbarmain-menu ul li a:hover {
	color: var(--color-secondary-active-foreground);
	background: var(--color-secondary-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%);
}

/* Toolbar highlight */

.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight a {
	background: #000;
	color: var(--color-grey);	
}

.template-mono .toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight a {
	background: var(--color-secondary-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%);
	color: var(--color-secondary-foreground);
}

.template-glaze .toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight a {
	background: var(--color-secondary-active-foreground);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%);
	color: var(--color-secondary-active-foreground);
}

.template-prosper .toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight a {
	background: var(--color-secondary-active-foreground);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%);
	color: var(--color-secondary-active-foreground);
}

/* Toolbar language */

.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-language a {
	background: #000;
	color: var(--color-grey);
}

.template-mono .toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-language a {
	color: var(--color-box-foreground);
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
}

.template-glaze .toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-language a {
	color: var(--color-secondary-active-foreground);
	background: var(--color-secondary-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%);
}

.template-prosper .toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-language a {
	color: var(--color-secondary-active-foreground);
	background: var(--color-secondary-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%);
}

.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-language a .iti-flag {
	margin-right: 7px;
}

/* Toolbar welcome */

.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-welcome a {
	color: var(--color-secondary-active-foreground);
	background: var(--color-secondary-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%);
}

/* Toolbar Notifications */

.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-notifications a { 
	background: var(--color-badge-new-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-badge-new-background-gradient-top) 0, var(--color-badge-new-background-gradient-bottom) 100%);
	color: var(--color-badge-new-foreground);
}

/* Toolbar Switch Account */

.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-switchaccount i {
	margin: 0;
}

/* Toolbar Logout */

.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-logout i {
	margin: 0;
}

/* Toolbar dropdown */

.toolbarmain .toolbarmain-menu ul li li {
	float: none;
}

.toolbarmain .toolbarmain-menu ul li li a,
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight li a {
	color: var(--color-secondary-foreground);
	background: var(--color-secondary-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%);	
	border: var(--color-secondary-background-border) 1px solid;
	border-top-width: 0;	
	padding-left: 15px;
}

.toolbarmain .toolbarmain-menu ul li li a:hover,
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight li a:hover {
	color: var(--color-secondary-foreground);
	background: var(--color-secondary-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%);		
}

.toolbarmain .toolbarmain-menu ul li li.toolbarmain-menu-divider {
	height: 0;
	padding: 0;
	border-top: var(--color-secondary-active-background-border) 1px solid;
}

.toolbarmain .toolbarmain-menu ul li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	width: 200px;
}
.toolbarmain .toolbarmain-menu ul li:hover ul {
	left: auto;
}

/* Headermain */

.headermain { 
	padding: 7px 0;
	background: var(--background-body);	
	border-bottom: var(--color-border) 1px solid;
}

.template-mono .headermain,
.template-prosper .headermain {
	background: #fff;
}

.headermain .headermain-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headermain .headermain-logo {
	margin: 0;
	position: relative;
}

.headermain .headermain-logo img {
	max-width: var(--logo-width);
}

.headermain .headermain-logo-text {
	font-family: var(--font-heading);
	font-weight: bold;
	font-size: 2.2em;
	text-decoration: none;
}

.headermain .headermain-buttons {
	display: flex;
	flex-wrap: wrap;
}

.headermain .headermain-buttons .headermain-button {
	margin: 0 0 0 var(--spacing-inner);
}

.headermain .headermain-buttons .headermain-button a {
	display: block;
	background: var(--background-body);
	border: var(--color-border) 1px solid;
	border-radius: var(--border-radius-default);
	font-weight: bold;
	padding: 10px 15px;
	color: var(--color-default);
	text-decoration: none;
}

.template-prosper .headermain .headermain-buttons .headermain-button a {
	background: #fff;
}

.headermain .headermain-buttons .headermain-button a:hover {
	color: var(--color-primary-background);
	text-decoration: underline;
	transform: scale3d(1.05, 1.05, 1.05);		
}

.headermain .headermain-buttons .headermain-button a i {
	color: var(--color-secondary-background);
}

/* Headermain - Design 2 */

.headermain.headermain-design2 {
	padding: 0;
	border-bottom: none;
}

.headermain.headermain-design2 .headermain-inner {
	padding: var(--spacing-child) 0;	
}

/* Navmain */

.headermain.headermain-design1 .navmain-container {
	min-width: 65%;	
}

.headermain.headermain-design1 .navmain-container {
	background: var(--navmain-headerdesign1-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-background-gradient-top) 0, var(--navmain-headerdesign1-background-gradient-bottom) 100%);	
	border-bottom: var(--navmain-headerdesign1-background-border) 1px solid;
	border-radius: var(--border-radius-default);	
}	

.headermain.headermain-design2 .navmain-container {
	background: var(--navmain-headerdesign2-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-background-gradient-top) 0, var(--navmain-headerdesign2-background-gradient-bottom) 100%);	
	border-bottom: var(--navmain-headerdesign2-background-border) 1px solid;
}

.navmain {
	position: relative;
	z-index: 100;
}

.headermain.headermain-design1 .navmain {
	line-height: var(--navmain-headerdesign1-height);	
}

.headermain.headermain-design2 .navmain {
	line-height: var(--navmain-headerdesign2-height);	
}

.navmain::after {
	content: "";
	display: table;
	clear: both;
}

.navmain .navmain-mobile-icon,
.navmain .navmain-mobile-home,
.navmain .navmain-mobile-child,
.navmain select,
.navmain.navmain-select .navmain-mobile-icon,
.navmain.navmain-select .navmain-mobile-home { /* Remove mobile menu elements */
	display: none;
}

.navmain ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.navmain ul li {
	list-style: none;
}

.navmain ul li a {
	display: block;
	margin: 0;
	text-decoration: none;
	font-weight: 700;	
}

.headermain-design1 .navmain ul li {
	background: var(--navmain-headerdesign1-button-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-button-background-gradient-top) 0, var(--navmain-headerdesign1-button-background-gradient-bottom) 100%);
}

.headermain-design2 .navmain ul li {
	background: var(--navmain-headerdesign2-button-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-button-background-gradient-top) 0, var(--navmain-headerdesign2-button-background-gradient-bottom) 100%);
}

.headermain-design1 .navmain ul li a {
	color: var(--navmain-headerdesign1-button-foreground);
	text-shadow: var(--navmain-headerdesign1-button-foreground-shadow) 1px 1px;
	padding: 0 var(--navmain-headerdesign1-button-padding);
}

.headermain-design2 .navmain ul li a {
	color: var(--navmain-headerdesign2-button-foreground);
	text-shadow: var(--navmain-headerdesign2-button-foreground-shadow) 1px 1px;
	padding: 0 var(--navmain-headerdesign2-button-padding);
}

.headermain-design1 .navmain ul li:hover,
.headermain-design1 .navmain ul li.navmain-active,
.headermain-design1 .navmain ul li.current_page_parent,
.headermain-design1 .navmain ul li.current_page_item {
	background: var(--navmain-headerdesign1-button-hover-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-button-hover-background-gradient-top) 0, var(--navmain-headerdesign1-button-hover-background-gradient-bottom) 100%);
}

.headermain-design2 .navmain ul li:hover,
.headermain-design2 .navmain ul li.navmain-active,
.headermain-design2 .navmain ul li.current_page_parent,
.headermain-design2 .navmain ul li.current_page_item {
	background: var(--navmain-headerdesign2-button-hover-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-button-hover-background-gradient-top) 0, var(--navmain-headerdesign2-button-hover-background-gradient-bottom) 100%);
}

.headermain-design1 .navmain ul li:hover a,
.headermain-design1 .navmain ul li.navmain-active a,
.headermain-design1 .navmain ul li.current_page_parent a,
.headermain-design1 .navmain ul li.current_page_item a {
	color: var(--navmain-headerdesign1-button-hover-foreground);
	text-shadow: var(--navmain-headerdesign1-button-hover-foreground-shadow) 1px 1px;
}

.headermain-design2 .navmain ul li:hover a,
.headermain-design2 .navmain ul li.navmain-active a,
.headermain-design2 .navmain ul li.current_page_parent a,
.headermain-design2 .navmain ul li.current_page_item a {
	color: var(--navmain-headerdesign2-button-hover-foreground);
	text-shadow: var(--navmain-headerdesign2-button-hover-foreground-shadow) 1px 1px;
}

/* Home */

.navmain .navmain-home i {
	margin: 0;
}

.headermain-design1 .navmain ul li.navmain-home a {
	color: var(--navmain-headerdesign1-home-foreground);
	text-shadow: var(--navmain-headerdesign1-home-foreground-shadow) 1px 1px;
}

.headermain-design2 .navmain ul li.navmain-home a {
	color: var(--navmain-headerdesign2-home-foreground);
	text-shadow: var(--navmain-headerdesign2-home-foreground-shadow) 1px 1px;
}

.headermain-design1 .navmain ul li.navmain-home a:hover {
	color: var(--navmain-headerdesign1-home-hover-foreground);
	text-shadow: var(--navmain-headerdesign1-home-hover-foreground-shadow) 1px 1px;
}

.headermain-design2 .navmain ul li.navmain-home a:hover {
	color: var(--navmain-headerdesign2-home-hover-foreground);
	text-shadow: var(--navmain-headerdesign2-home-hover-foreground-shadow) 1px 1px;
}

/* CTA */

.headermain-design1 .navmain ul li.navmain-cta {	
	background: var(--navmain-headerdesign1-cta-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-cta-background-gradient-top) 0, var(--navmain-headerdesign1-cta-background-gradient-bottom) 100%);	
}

.headermain-design2 .navmain ul li.navmain-cta {
	margin-left: auto;
	background: var(--navmain-headerdesign2-cta-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-cta-background-gradient-top) 0, var(--navmain-headerdesign2-cta-background-gradient-bottom) 100%);	
}

.headermain-design1 .navmain ul li.navmain-cta:hover {
	background: var(--navmain-headerdesign1-cta-hover-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-cta-hover-background-gradient-top) 0, var(--navmain-headerdesign1-cta-hover-background-gradient-bottom) 100%);	
}	

.headermain-design2 .navmain ul li.navmain-cta:hover {
	background: var(--navmain-headerdesign2-cta-hover-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-cta-hover-background-gradient-top) 0, var(--navmain-headerdesign2-cta-hover-background-gradient-bottom) 100%);	
}	

.headermain-design1 .navmain ul li.navmain-cta a {
	color: var(--navmain-headerdesign1-cta-foreground);
	text-shadow: var(--navmain-headerdesign1-cta-foreground-shadow) 1px 1px;
	padding: 0 var(--navmain-headerdesign1-cta-padding);
}

.headermain-design2 .navmain ul li.navmain-cta a {
	color: var(--navmain-headerdesign2-cta-foreground);
	text-shadow: var(--navmain-headerdesign2-cta-foreground-shadow) 1px 1px;
	padding: 0 var(--navmain-headerdesign2-cta-padding);
}
	
.headermain-design1 .navmain ul li.navmain-cta a:hover,
.headermain-design1 .navmain ul li.navmain-cta a:active {	
	color: var(--navmain-headerdesign1-cta-hover-foreground);
	text-shadow: var(--navmain-headerdesign1-cta-hover-foreground-shadow) 1px 1px;
}
	
.headermain-design2 .navmain ul li.navmain-cta a:hover,
.headermain-design2 .navmain ul li.navmain-cta a:active {	
	color: var(--navmain-headerdesign2-cta-hover-foreground);
	text-shadow: var(--navmain-headerdesign2-cta-hover-foreground-shadow) 1px 1px;
}

/* Dropdown */

.navmain .navmain-dropdown a {
	display: flex;
	align-items: center;
	font-weight: 700;
}

.navmain .navmain-dropdown a:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;	
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.8em;	
	line-height: 1;		
	padding: 0 5px 0 0;
	width: 10px;
	text-align: left;
}

.headermain-design1 .navmain .navmain-dropdown a:before {
	content: var(--navmain-headerdesign1-icon);
	color: var(--navmain-headerdesign1-icon-foreground);
	text-shadow: var(--navmain-headerdesign1-icon-foreground-shadow) 1px 1px;
}

.headermain-design2 .navmain .navmain-dropdown a:before {
	content: var(--navmain-headerdesign2-icon);
	color: var(--navmain-headerdesign2-icon-foreground);
	text-shadow: var(--navmain-headerdesign2-icon-foreground-shadow) 1px 1px;
}

.headermain-design1 .navmain .navmain-dropdown:hover a:before,
.headermain-design1 .navmain .navmain-dropdown a:hover:before,
.headermain-design1 .navmain .navmain-dropdown.navmain-active a:hover:before,
.headermain-design1 .navmain .navmain-dropdown.current_page_parent a:hover:before,
.headermain-design1 .navmain .navmain-dropdown.current_page_item a:hover:before {
	content: var(--navmain-headerdesign1-icon-hover);
	color: var(--navmain-headerdesign1-icon-hover-foreground);
	text-shadow: var(--navmain-headerdesign1-icon-hover-foreground-shadow) 1px 1px;	
}

.headermain-design2 .navmain .navmain-dropdown:hover a:before,
.headermain-design2 .navmain .navmain-dropdown a:hover:before,
.headermain-design2 .navmain .navmain-dropdown.navmain-active a:hover:before,
.headermain-design2 .navmain .navmain-dropdown.current_page_parent a:hover:before,
.headermain-design2 .navmain .navmain-dropdown.current_page_item a:hover:before {
	content: var(--navmain-headerdesign2-icon-hover);
	color: var(--navmain-headerdesign2-icon-hover-foreground);
	text-shadow: var(--navmain-headerdesign2-icon-hover-foreground-shadow) 1px 1px;	
}

.headermain-design1 .navmain .navmain-dropdown.navmain-active a:before,
.headermain-design1 .navmain .navmain-dropdown.current_page_parent a:before,
.headermain-design1 .navmain .navmain-dropdown.current_page_item a:before {
	content: var(--navmain-headerdesign1-icon-hover);
	color: var(--navmain-headerdesign1-icon-hover-foreground);
	text-shadow: var(--navmain-headerdesign1-icon-hover-foreground-shadow) 1px 1px;	
}

.headermain-design2 .navmain .navmain-dropdown.navmain-active a:before,
.headermain-design2 .navmain .navmain-dropdown.current_page_parent a:before,
.headermain-design2 .navmain .navmain-dropdown.current_page_item a:before {
	content: var(--navmain-headerdesign2-icon-hover);
	color: var(--navmain-headerdesign2-icon-hover-foreground);
	text-shadow: var(--navmain-headerdesign2-icon-hover-foreground-shadow) 1px 1px;	
}

.navmain .navmain-dropdown .navmain-subcontainer {
	position: absolute;	
	left: -999em;	
	margin: 0 auto;
	z-index: 9999;
	line-height: 1.4em;
	font-weight: normal;	
	z-index: 5;
}

.navmain .navmain-dropdown:hover .navmain-subcontainer {
	right: auto;
	left: 0px;
	top: auto; /* Fixes dropdown position when menu has 2 or more rows */
}

.navmain .navmain-dropdown .navmain-subcontainer a {
	background: none;
}

/* Highlight */

.navmain .navmain-dropdown .navmain-subcontainer .navmain-highlight::before {
	position: absolute;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	z-index: 2;
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-highlight::before {
	top: -11px;
	right: -67px;
	width: 150px;
	padding: 23px 0 6px 0;
	text-align: center;
	transform: rotate(45deg);
	font-size: 0.7em;
}

.navmain .navmain-dropdown-single .navmain-subcontainer .navmain-highlight::before {
	top: 50%;
	right: 0;
	padding: 3px 3px;
	text-align: center;
	transform: translateY(-50%);
	font-size: 0.7em;
}

/* Hot */

.navmain .navmain-dropdown .navmain-subcontainer .navmain-highlight.navmain-highlight-hot::before {
	background: var(--color-badge-hot-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-badge-hot-background-gradient-top) 0, var(--color-badge-hot-background-gradient-bottom) 100%);
	color: var(--color-badge-hot-foreground);
}

/* New */

.navmain .navmain-dropdown .navmain-subcontainer .navmain-highlight.navmain-highlight-new::before {
	background: var(--color-badge-new-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-badge-new-background-gradient-top) 0, var(--color-badge-new-background-gradient-bottom) 100%);
	color: var(--color-badge-new-foreground);
}

/* Dropdown - Mega Menu */

.navmain .navmain-dropdown-megamenu .navmain-subcontainer {	
	width: 100%;
}

.headermain.headermain-design1 .navmain .navmain-dropdown.navmain-dropdown-megamenu .navmain-subcontainer {
	padding: var(--navmain-headerdesign1-megamenu-padding);
	background: var(--navmain-headerdesign1-megamenu-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-megamenu-background-gradient-top) 0, var(--navmain-headerdesign1-megamenu-background-gradient-bottom) 100%);
	border-top: var(--navmain-headerdesign1-megamenu-background-border) 3px solid;
	border-bottom: var(--navmain-headerdesign1-megamenu-background-border) 3px solid;
	border-left: var(--navmain-headerdesign1-megamenu-background-border) 1px solid;
	border-right: var(--navmain-headerdesign1-megamenu-background-border) 1px solid;			
}

.headermain.headermain-design2 .navmain .navmain-dropdown.navmain-dropdown-megamenu .navmain-subcontainer {
	padding: var(--navmain-headerdesign2-megamenu-padding);
	background: var(--navmain-headerdesign2-megamenu-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-megamenu-background-gradient-top) 0, var(--navmain-headerdesign2-megamenu-background-gradient-bottom) 100%);
	border-top: var(--navmain-headerdesign2-megamenu-background-border) 3px solid;
	border-bottom: var(--navmain-headerdesign2-megamenu-background-border) 3px solid;
	border-left: var(--navmain-headerdesign2-megamenu-background-border) 1px solid;
	border-right: var(--navmain-headerdesign2-megamenu-background-border) 1px solid;			
}

/* Columns */

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-columns {
	display: flex;
	justify-content: space-between;
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-columns .navmain-columns-col p:last-child {
	margin: 0;
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-columns .navmain-columns-col1 {
	width: 70%;
	padding: 0 35px 0 0;
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-columns .navmain-columns-col2 {
	width: 30%;
	padding: 15px 0 15px 35px;
	min-height: 255px;
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-columns .navmain-columns-col2 {
	border-left: var(--navmain-headerdesign1-megamenu-background-divider) 1px solid;	
	color: var(--navmain-headerdesign1-megamenu-foreground);
	text-shadow: var(--navmain-headerdesign1-megamenu-foreground-shadow) 1px 1px;	
}

.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-columns .navmain-columns-col2 {
	border-left: var(--navmain-headerdesign2-megamenu-background-divider) 1px solid;	
	color: var(--navmain-headerdesign2-megamenu-foreground);
	text-shadow: var(--navmain-headerdesign2-megamenu-foreground-shadow) 1px 1px;	
}

/* Links */

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link {
	width: var(--column-2);
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-default);
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link {
	margin: var(--navmain-headerdesign1-megamenu-button-margin);
}

.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link {
	margin: var(--navmain-headerdesign2-megamenu-button-margin);
}

.navmain .navmain-dropdown-megamenu.navmain-dropdown-1col .navmain-subcontainer .navmain-link {
	width: var(--column-1);
}

.navmain .navmain-dropdown-megamenu.navmain-dropdown-2col .navmain-subcontainer .navmain-link {
	width: var(--column-2);
}

.navmain .navmain-dropdown-megamenu.navmain-dropdown-3col .navmain-subcontainer .navmain-link {
	width: var(--column-3);
}

.navmain .navmain-dropdown-megamenu.navmain-dropdown-4col .navmain-subcontainer .navmain-link {
	width: var(--column-4);
}

.navmain .navmain-dropdown-megamenu.navmain-dropdown-5col .navmain-subcontainer .navmain-link {
	width: var(--column-5);
}

.navmain .navmain-dropdown-megamenu.navmain-dropdown-6col .navmain-subcontainer .navmain-link {
	width: var(--column-6);
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius-default);			
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a {
	padding: var(--navmain-headerdesign1-megamenu-button-padding);
}

.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a {
	padding: var(--navmain-headerdesign2-megamenu-button-padding);
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:before { /* Remove icon styling from main dropdown */
	display: none;
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a {
	color: var(--navmain-headerdesign1-megamenu-button-foreground);
	text-shadow: var(--navmain-headerdesign1-megamenu-button-foreground-shadow) 1px 1px;
	border: var(--navmain-headerdesign1-megamenu-button-background-border) 1px solid;	
	border-bottom-width: var(--border-bottom-width-default);		
	background: var(--navmain-headerdesign1-megamenu-button-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-megamenu-button-background-gradient-top) 0, var(--navmain-headerdesign1-megamenu-button-background-gradient-bottom) 100%);
}

.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a {
	color: var(--navmain-headerdesign2-megamenu-button-foreground);
	text-shadow: var(--navmain-headerdesign2-megamenu-button-foreground-shadow) 1px 1px;
	border: var(--navmain-headerdesign2-megamenu-button-background-border) 1px solid;	
	border-bottom-width: var(--border-bottom-width-default);		
	background: var(--navmain-headerdesign2-megamenu-button-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-megamenu-button-background-gradient-top) 0, var(--navmain-headerdesign2-megamenu-button-background-gradient-bottom) 100%);
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:hover,
.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:active {
	color: var(--navmain-headerdesign1-megamenu-button-hover-foreground);
	text-shadow: var(--navmain-headerdesign1-megamenu-button-hover-foreground-shadow) 1px 1px;
	background: var(--navmain-headerdesign1-megamenu-button-hover-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-megamenu-button-hover-background-gradient-top) 0, var(--navmain-headerdesign1-megamenu-button-hover-background-gradient-bottom) 100%);
	border: var(--navmain-headerdesign1-megamenu-button-hover-background-border) 1px solid;
	border-bottom-width: var(--border-bottom-width-default);		
}

.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:hover,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:active {
	color: var(--navmain-headerdesign2-megamenu-button-hover-foreground);
	text-shadow: var(--navmain-headerdesign2-megamenu-button-hover-foreground-shadow) 1px 1px;
	background: var(--navmain-headerdesign2-megamenu-button-hover-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-megamenu-button-hover-background-gradient-top) 0, var(--navmain-headerdesign2-megamenu-button-hover-background-gradient-bottom) 100%);
	border: var(--navmain-headerdesign2-megamenu-button-hover-background-border) 1px solid;
	border-bottom-width: var(--border-bottom-width-default);		
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link .navmain-link-heading {
	display: block;	
	font-weight: bold;
	padding: 0 0 5px 0;
	font-family: var(--font-heading);
	font-size: 1.15em;
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link .navmain-link-text {
	display: block;	
	margin: 0;
	text-shadow: none;
	font-size: 0.9em;
	font-weight: normal;
}

/* Active */

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a,
.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a:hover,
.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a:active,
.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a,
.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a:hover,
.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a:active {
	background: var(--navmain-headerdesign1-megamenu-button-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign1-megamenu-button-active-background-gradient-top) 0, var(--navmain-headerdesign1-megamenu-button-active-background-gradient-bottom) 100%);
	border: var(--navmain-headerdesign1-megamenu-button-active-background-border) 1px solid;
	border-bottom-width: var(--border-bottom-width-default);	
	color: var(--navmain-headerdesign1-megamenu-button-active-foreground);
	text-shadow: var(--navmain-headerdesign1-megamenu-button-active-foreground-shadow) 1px 1px;		
}

.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a:hover,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a:active,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a:hover,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a:active {
	background: var(--navmain-headerdesign2-megamenu-button-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--navmain-headerdesign2-megamenu-button-active-background-gradient-top) 0, var(--navmain-headerdesign2-megamenu-button-active-background-gradient-bottom) 100%);
	border: var(--navmain-headerdesign2-megamenu-button-active-background-border) 1px solid;
	border-bottom-width: var(--border-bottom-width-default);	
	color: var(--navmain-headerdesign2-megamenu-button-active-foreground);
	text-shadow: var(--navmain-headerdesign2-megamenu-button-active-foreground-shadow) 1px 1px;		
}

/* Icons */

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a {
	position: relative;
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a {
	padding-left: var(--navmain-headerdesign1-megamenu-icon-spacing);
}

.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a {
	padding-left: var(--navmain-headerdesign2-megamenu-icon-spacing);
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a::before {
	display: block;	
	content: "";	
	position: absolute;
	padding: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a:hover:before {
	left: 25px;	
}


.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-active a:hover:before,
.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.current-menu-item a:hover:before {
	left: 20px;
}

.headermain-design1 .navmain .navmain-dropdown-megamenu:hover .navmain-subcontainer .navmain-icon a::before,
.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a:hover:before,
.headermain-design1 .navmain .navmain-dropdown-megamenu.navmain-active .navmain-subcontainer .navmain-icon a:hover:before {
	content: "";
}

.headermain-design2 .navmain .navmain-dropdown-megamenu:hover .navmain-subcontainer .navmain-icon a::before,
.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a:hover:before,
.headermain-design2 .navmain .navmain-dropdown-megamenu.navmain-active .navmain-subcontainer .navmain-icon a:hover:before {
	content: "";
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a::before {
	width: var(--navmain-headerdesign1-megamenu-icon-size);
	background-size: var(--navmain-headerdesign1-megamenu-icon-size) auto;	
	background-image: url("../images/blank.png");
}

.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a::before {
	width: var(--navmain-headerdesign2-megamenu-icon-size);
	background-size: var(--navmain-headerdesign2-megamenu-icon-size) auto;	
	background-image: url("../images/blank.png");
}

/* Icons */

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-registerdomain a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-registerdomain a::before {
	background-image: url("../images/domains.png");	
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-transferdomain a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-transferdomain a::before {
	background-image: url("../images/transfer.png");	
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-custom1 a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-custom1 a::before {
	background-image: url("../images/webhosting.png");	
}

.headermain.headermain-design1 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-custom2 a::before,
.headermain.headermain-design2 .navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon.navmain-icon-custom2 a::before {
	background-image: url("../images/resellerhosting2.png");	
}

/* ===== Mobile structural switch (verbatim, real threshold: 1260px) ===== */
@media (max-width: 1260px) {
	
	.headermain.headermain-design1 .headermain-inner {
		flex-direction: column;
	}
	
	.headermain.headermain-design1 .headermain-logo {
		margin: 20px 0;
	}	
	
	.headermain.headermain-design2 .headermain-logo {
		margin: 0;
	}				

	.navmain-container {
		width: 100%;
	}	

	.headermain.headermain-design1 .navmain-container {
		background: var(--navmain-mobile-headerdesign1-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-background-gradient-bottom) 100%);	
		border-color: var(--navmain-mobile-headerdesign1-background-border);
		margin: 0 0 20px 0;
	}	
	
	.headermain.headermain-design2 .navmain-container {
		background: var(--navmain-mobile-headerdesign2-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-background-gradient-bottom) 100%);	
		border-color: var(--navmain-mobile-headerdesign2-background-border);
	}	
	
	.headermain.headermain-design1 .navmain {
		line-height: var(--navmain-mobile-headerdesign1-height);	
	}
	
	.headermain.headermain-design2 .navmain {
		line-height: var(--navmain-mobile-headerdesign2-height);	
	}	

	.headermain-design1 .navmain ul li a {
		color: var(--navmain-mobile-headerdesign1-button-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-button-foreground-shadow) 1px 1px;
		padding: 0 var(--navmain-mobile-headerdesign1-button-padding);
	}
	
	.headermain-design2 .navmain ul li a {
		color: var(--navmain-mobile-headerdesign2-button-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-button-foreground-shadow) 1px 1px;
		padding: 0 var(--navmain-mobile-headerdesign2-button-padding);
	}
	
	.headermain-design1 .navmain ul li:hover,
	.headermain-design1 .navmain ul li.navmain-active,
	.headermain-design1 .navmain ul li.current_page_parent,
	.headermain-design1 .navmain ul li.current_page_item {
		background: var(--navmain-mobile-headerdesign1-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-button-hover-background-gradient-bottom) 100%);
	}
	
	.headermain-design2 .navmain ul li:hover,
	.headermain-design2 .navmain ul li.navmain-active,
	.headermain-design2 .navmain ul li.current_page_parent,
	.headermain-design2 .navmain ul li.current_page_item {
		background: var(--navmain-mobile-headerdesign2-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-button-hover-background-gradient-bottom) 100%);
	}	
	
	.headermain-design1 .navmain ul li:hover a,
	.headermain-design1 .navmain ul li.navmain-active a,
	.headermain-design1 .navmain ul li.current_page_parent a,
	.headermain-design1 .navmain ul li.current_page_item a {
		color: var(--navmain-mobile-headerdesign1-button-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-button-hover-foreground-shadow) 1px 1px;
	}
	
	.headermain-design2 .navmain ul li:hover a,
	.headermain-design2 .navmain ul li.navmain-active a,
	.headermain-design2 .navmain ul li.current_page_parent a,
	.headermain-design2 .navmain ul li.current_page_item a {
		color: var(--navmain-mobile-headerdesign2-button-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-button-hover-foreground-shadow) 1px 1px;
	}
	
	.headermain-design1 .navmain ul li.navmain-home {
		border-radius: var(--border-radius-default) 0 0 var(--border-radius-default);
	}	
	
	.headermain-design1 .navmain ul li.navmain-home a {
		color: var(--navmain-mobile-headerdesign1-home-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-home-foreground-shadow) 1px 1px;
	}
	
	.headermain-design2 .navmain ul li.navmain-home a {
		color: var(--navmain-mobile-headerdesign2-home-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-home-foreground-shadow) 1px 1px;
	}	
	
	.headermain-design1 .navmain ul li.navmain-home a:hover {
		color: var(--navmain-mobile-headerdesign1-home-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-home-hover-foreground-shadow) 1px 1px;
	}
	
	.headermain-design2 .navmain ul li.navmain-home a:hover {
		color: var(--navmain-mobile-headerdesign2-home-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-home-hover-foreground-shadow) 1px 1px;
	}	
	
	.headermain-design1 .navmain ul li.navmain-cta {
		border-radius: 0 var(--border-radius-default) var(--border-radius-default) 0;
	}	
	
	.headermain-design1 .navmain ul li.navmain-cta {
		background: var(--navmain-mobile-headerdesign1-cta-background) !important;
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-cta-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-cta-background-gradient-bottom) 100%) !important;
		margin-left: auto;
	}
	
	.headermain-design2 .navmain ul li.navmain-cta {
		background: var(--navmain-mobile-headerdesign2-cta-background) !important;
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-cta-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-cta-background-gradient-bottom) 100%) !important;
	}	
	
	.headermain-design1 .navmain ul li.navmain-cta:hover {
		background: var(--navmain-mobile-headerdesign1-cta-hover-background) !important;
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-cta-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-cta-hover-background-gradient-bottom) 100%) !important;	
	}
	
	.headermain-design2 .navmain ul li.navmain-cta:hover {
		background: var(--navmain-mobile-headerdesign2-cta-hover-background) !important;
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-cta-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-cta-hover-background-gradient-bottom) 100%) !important;	
	}			
	
	.headermain-design1 .navmain ul li.navmain-cta a {
		color: var(--navmain-mobile-headerdesign1-cta-foreground) !important;
		text-shadow: var(--navmain-mobile-headerdesign1-cta-foreground-shadow) 1px 1px !important;
		padding: 0 var(--navmain-mobile-headerdesign1-cta-padding);
	}
	
	.headermain-design2 .navmain ul li.navmain-cta a {
		color: var(--navmain-mobile-headerdesign2-cta-foreground) !important;
		text-shadow: var(--navmain-mobile-headerdesign2-cta-foreground-shadow) 1px 1px !important;
		padding: 0 var(--navmain-mobile-headerdesign2-cta-padding);
	}	
		
	.headermain-design1 .navmain ul li.navmain-cta a:hover,
	.headermain-design1 .navmain ul li.navmain-cta a:active {	
		color: var(--navmain-mobile-headerdesign1-cta-hover-foreground) !important;
		text-shadow: var(--navmain-mobile-headerdesign1-cta-hover-foreground-shadow) 1px 1px !important;
	}
		
	.headermain-design2 .navmain ul li.navmain-cta a:hover,
	.headermain-design2 .navmain ul li.navmain-cta a:active {	
		color: var(--navmain-mobile-headerdesign2-cta-hover-foreground) !important;
		text-shadow: var(--navmain-mobile-headerdesign2-cta-hover-foreground-shadow) 1px 1px !important;
	}
	
	.headermain-design1 .navmain .navmain-dropdown a:before {
		color: var(--navmain-mobile-headerdesign1-icon-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-icon-foreground-shadow);
	}
	
	.headermain-design2 .navmain .navmain-dropdown a:before {
		color: var(--navmain-mobile-headerdesign2-icon-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-icon-foreground-shadow) 1px 1px;
	}
	
	.headermain-design1 .navmain .navmain-dropdown:hover a:before,
	.headermain-design1 .navmain .navmain-dropdown a:hover:before,
	.headermain-design1 .navmain .navmain-dropdown.navmain-active a:hover:before,
	.headermain-design1 .navmain .navmain-dropdown.current_page_parent a:hover:before,
	.headermain-design1 .navmain .navmain-dropdown.current_page_item a:hover:before {
		color: var(--navmain-mobile-headerdesign1-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-icon-hover-foreground-shadow) 1px 1px;	
	}
	
	.headermain-design2 .navmain .navmain-dropdown:hover a:before,
	.headermain-design2 .navmain .navmain-dropdown a:hover:before,
	.headermain-design2 .navmain .navmain-dropdown.navmain-active a:hover:before,
	.headermain-design2 .navmain .navmain-dropdown.current_page_parent a:hover:before,
	.headermain-design2 .navmain .navmain-dropdown.current_page_item a:hover:before {
		color: var(--navmain-mobile-headerdesign2-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-icon-hover-foreground-shadow) 1px 1px;	
	}
	
	.headermain-design1 .navmain .navmain-dropdown.navmain-active a:before,
	.headermain-design1 .navmain .navmain-dropdown.current_page_parent a:before,
	.headermain-design1 .navmain .navmain-dropdown.current_page_item a:before {
		color: var(--navmain-mobile-headerdesign1-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-icon-hover-foreground-shadow) 1px 1px;	
	}
	
	.headermain-design2 .navmain .navmain-dropdown.navmain-active a:before,
	.headermain-design2 .navmain .navmain-dropdown.current_page_parent a:before,
	.headermain-design2 .navmain .navmain-dropdown.current_page_item a:before {
		color: var(--navmain-mobile-headerdesign2-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-icon-hover-foreground-shadow) 1px 1px;	
	}

}

/* --- Sticky menu (verbatim, layout.css lines 1826-1846) ---
   The real theme's own CSS only sets position:relative here; the actual
   position:fixed / top:0 pinning is applied via inline style by the
   real jQuery "stickUp" plugin (template.js, "Sticky menu" section,
   confirmed live via scroll test) — ported to vanilla JS below (see
   app.js). This rule supplies the stuck-state visual treatment: full
   width, no max-width cap, elevated z-index/shadow, padding and
   border-bottom removed. */
.headermain.headermain-design1.isStuck {
	width: 100%;
	max-width: none;
	position: relative;
	z-index: 9999;
	padding: 0;
	box-shadow: var(--shadow);
	border-bottom: none;
}


/* ===== Mobile interactive toggle (verbatim classes/rules, retargeted from the real 755px threshold to 1260px — see comment below) ===== */
@media (max-width: 1260px) {
	/* Retargeted from the real theme's 755px threshold to 1260px, unifying it with the structural switch above: consolidating the real site's fine breakpoint cascade (1260px down to 350px) into ONE functional breakpoint is a deliberate, documented simplification for this static project. Every rule/class below this line is still verbatim from the real theme, only the trigger width changed. */

	.headermain.headermain-design2 .headermain-inner {
		flex-direction: column;
	}

	.headermain.headermain-design1.isStuck,
	.headermain.headermain-design2 .navmain-container.isStuck {
		max-height: 300px;
		overflow-y: scroll;
	}

	.headermain .headermain-buttons {
		display: none;
	}

	/* Mobile Desktop Removal */
	
	.navmain ul li { /* Remove links for desktop */
		display: none;
	}	
	
	.navmain .navmain-dropdown .navmain-subcontainer { /* Remove desktop subcontainer (stops it showing on hover) */
		display: none;
	}	

	.navmain ul li.navmain-home { /* Remove the desktop home icon */
		display: none !important;
	}
	
	/* Mobile Menu */		
	
	.navmain-mobile ul {
		display: flex;
		flex-direction: column;
	}
	
	.navmain-mobile ul li {
		display: block !important; /* Display links for mobile */
		width: 100%;
		background-image: none; /* Remove the nav divider */
		margin: 0;
		border-top: transparent 1px solid;
	}
	
	.navmain-mobile .navmain-dropdown a {
		display: block;
		text-align: center;
	}
	
	.headermain.headermain-design1 .navmain-mobile ul li {
		background: var(--navmain-mobile-headerdesign1-button-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-button-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-button-background-gradient-bottom) 100%);		
		border-color: var(--navmain-mobile-headerdesign1-button-background-border);			
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li {
		background: var(--navmain-mobile-headerdesign2-button-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-button-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-button-background-gradient-bottom) 100%);		
		border-color: var(--navmain-mobile-headerdesign2-button-background-border);			
	}	

	.headermain.headermain-design1 .navmain-mobile ul li:last-child {
		border-top: var(--navmain-mobile-headerdesign1-button-background-border) 1px solid;			
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li:last-child {
		border-top: var(--navmain-mobile-headerdesign2-button-background-border) 1px solid;			
	}	
	
	.headermain-design1 .navmain-mobile ul li a,
	.headermain-design2 .navmain-mobile ul li a {
		text-align: center;
	}	

	.headermain.headermain-design1 .navmain-mobile ul li a {
		color: var(--navmain-mobile-headerdesign1-button-foreground);		
		text-shadow: var(--navmain-mobile-headerdesign1-button-foreground-shadow) 1px 1px;		
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li a {
		color: var(--navmain-mobile-headerdesign2-button-foreground);		
		text-shadow: var(--navmain-mobile-headerdesign2-button-foreground-shadow) 1px 1px;		
	}	

	.headermain.headermain-design1 .navmain-mobile ul li:hover {
		background: var(--navmain-mobile-headerdesign1-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-button-hover-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign1-button-hover-background-border);			
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li:hover {
		background: var(--navmain-mobile-headerdesign2-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-button-hover-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign2-button-hover-background-border);			
	}	

	.headermain.headermain-design1 .navmain-mobile ul li:last-child:hover {
		border-top: var(--navmain-mobile-headerdesign1-button-hover-background-border) 1px solid;			
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li:last-child:hover {
		border-top: var(--navmain-mobile-headerdesign2-button-hover-background-border) 1px solid;			
	}	

	.headermain.headermain-design1 .navmain-mobile ul li:hover a {
		color: var(--navmain-mobile-headerdesign1-button-hover-foreground);		
		text-shadow: var(--navmain-mobile-headerdesign1-button-hover-foreground-shadow) 1px 1px;		
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li:hover a {
		color: var(--navmain-mobile-headerdesign2-button-hover-foreground);		
		text-shadow: var(--navmain-mobile-headerdesign2-button-hover-foreground-shadow) 1px 1px;		
	}	

	.headermain.headermain-design1 .navmain-mobile ul li.navmain-active,
	.headermain.headermain-design1 .navmain-mobile ul li.navmain-active:hover,
	.headermain.headermain-design1 .navmain-mobile ul li.current_page_parent,
	.headermain.headermain-design1 .navmain-mobile ul li.current_page_parent:hover,
	.headermain.headermain-design1 .navmain-mobile ul li.current_page_item,
	.headermain.headermain-design1 .navmain-mobile ul li.current_page_item:hover,
	.headermain.headermain-design1 .navmain-mobile ul li.navmain-dropdown-mobile-open {
		background: var(--navmain-mobile-headerdesign1-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-button-hover-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign1-button-hover-background-border);			
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li.navmain-active,
	.headermain.headermain-design2 .navmain-mobile ul li.navmain-active:hover,
	.headermain.headermain-design2 .navmain-mobile ul li.current_page_parent,
	.headermain.headermain-design2 .navmain-mobile ul li.current_page_parent:hover,
	.headermain.headermain-design2 .navmain-mobile ul li.current_page_item,
	.headermain.headermain-design2 .navmain-mobile ul li.current_page_item:hover,
	.headermain.headermain-design2 .navmain-mobile ul li.navmain-dropdown-mobile-open {
		background: var(--navmain-mobile-headerdesign2-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-button-hover-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign2-button-hover-background-border);			
	}	

	.headermain.headermain-design1 .navmain-mobile ul li.navmain-active:last-child:hover,
	.headermain.headermain-design1 .navmain-mobile ul li.current_page_parent:last-child:hover,
	.headermain.headermain-design1 .navmain-mobile ul li.current_page_item:last-child:hover {
		border-top: var(--navmain-mobile-headerdesign1-button-hover-background-border) 1px solid;			
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li.navmain-active:last-child:hover,
	.headermain.headermain-design2 .navmain-mobile ul li.current_page_parent:last-child:hover,
	.headermain.headermain-design2 .navmain-mobile ul li.current_page_item:last-child:hover {
		border-top: var(--navmain-mobile-headerdesign2-button-hover-background-border) 1px solid;			
	}	

	.headermain.headermain-design1 .navmain-mobile ul li.navmain-active a,
	.headermain.headermain-design1 .navmain-mobile ul li.current_page_parent a,
	.headermain.headermain-design1 .navmain-mobile ul li.current_page_item a,
	.headermain.headermain-design1 .navmain-mobile ul li.navmain-dropdown-mobile-open a {
		color: var(--navmain-mobile-headerdesign1-button-hover-foreground);		
		text-shadow: var(--navmain-mobile-headerdesign1-button-hover-foreground-shadow) 1px 1px;		
	}
	
	.headermain.headermain-design2 .navmain-mobile ul li.navmain-active a,
	.headermain.headermain-design2 .navmain-mobile ul li.current_page_parent a,
	.headermain.headermain-design2 .navmain-mobile ul li.current_page_item a,
	.headermain.headermain-design2 .navmain-mobile ul li.navmain-dropdown-mobile-open a {
		color: var(--navmain-mobile-headerdesign2-button-hover-foreground);		
		text-shadow: var(--navmain-mobile-headerdesign2-button-hover-foreground-shadow) 1px 1px;		
	}	

	.navmain .navmain-mobile-home { /* Show mobile home icon */
		display: flex;
		justify-content: center;
		align-items: center;		
		width: 50px;
		text-decoration: none;
	}	

	.headermain.headermain-design1 .navmain .navmain-mobile-home {
		height: var(--navmain-mobile-headerdesign1-height);
		color: var(--navmain-mobile-headerdesign1-home-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-home-foreground-shadow) 1px 1px;
	}
	
	.headermain.headermain-design2 .navmain .navmain-mobile-home {
		height: var(--navmain-mobile-headerdesign2-height);	
		color: var(--navmain-mobile-headerdesign2-home-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-home-foreground-shadow) 1px 1px;
	}	
	
	.headermain.headermain-design1 .navmain .navmain-mobile-home:hover {
		color: var(--navmain-mobile-headerdesign1-home-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-home-hover-foreground-shadow) 1px 1px;
	}	
	
	.headermain.headermain-design2 .navmain .navmain-mobile-home:hover {
		color: var(--navmain-mobile-headerdesign2-home-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-home-hover-foreground-shadow) 1px 1px;
	}		
	
	.navmain .navmain-mobile-icon { /* Show mobile menu icon */
		float: right; 
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;	
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;	
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;		
		width: 50px;
		text-decoration: none;
		font-size: 1.4em;
	}	

	  .headermain.headermain-design1 .navmain .navmain-mobile-icon:before {
		  height: var(--navmain-mobile-headerdesign1-height);	
		  line-height: var(--navmain-mobile-headerdesign1-height);
		  content: var(--navmain-mobile-headerdesign1-icon-burger);
		  color: var(--navmain-mobile-headerdesign1-icon-foreground);
		  text-shadow: var(--navmain-mobile-headerdesign1-icon-foreground-shadow) 1px 1px;
	  }	
	
	  .headermain.headermain-design2 .navmain .navmain-mobile-icon:before {
		  height: var(--navmain-mobile-headerdesign2-height);	
		  line-height: var(--navmain-mobile-headerdesign2-height);	
		  content: var(--navmain-mobile-headerdesign2-icon-burger);
		  color: var(--navmain-mobile-headerdesign2-icon-foreground);
		  text-shadow: var(--navmain-mobile-headerdesign2-icon-foreground-shadow) 1px 1px;
	  } 	
	
	.headermain.headermain-design1 .navmain .navmain-mobile-icon-open:before { /* Show mobile menu icon open format */
		content: var(--navmain-mobile-headerdesign1-icon-burger-active);
		color: var(--navmain-mobile-headerdesign1-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-icon-hover-foreground-shadow) 1px 1px;
	}
	  
	  .headermain.headermain-design2 .navmain .navmain-mobile-icon-open:before {
		  content: var(--navmain-mobile-headerdesign2-icon-burger-active);
		  color: var(--navmain-mobile-headerdesign2-icon-hover-foreground);
		  text-shadow: var(--navmain-mobile-headerdesign2-icon-hover-foreground-shadow) 1px 1px;
	  }

	.headermain-design1 .navmain-mobile ul li.navmain-cta,
	.headermain-design2 .navmain-mobile ul li.navmain-cta {	
		border-radius: 0 0 var(--border-radius-default) var(--border-radius-default);
		text-align: center;
	}
	
	/* Dropdown */

	.navmain-mobile .navmain-dropdown {
		position: relative; /* Force correct positioning */
	}
	
	.navmain-mobile .navmain-dropdown .navmain-subcontainer {
		border-top: none !important;
		border-bottom: none !important;
	}
	
	.navmain-mobile .navmain-dropdown:hover .navmain-subcontainer-mobile-open,
	.navmain-mobile .navmain-dropdown .navmain-subcontainer-mobile-open { /* Display the mobile menu (overrides sub-container) */
		width: 100%;
		left: 0;
		top: 0;
		position: relative;
		display: block;	
		border: none;
		border-radius: 0;
	}
		
	.navmain-mobile .navmain-dropdown a:before { /* Remove main button dropdown icon */
		display: none;
	}
		
	.navmain-mobile .navmain-dropdown .navmain-mobile-child { /* Child dropdown icon */
		display: flex;
		justify-content: center;
		align-items: center;	
		font-family: "Font Awesome 5 Pro";
		font-weight: 900;	
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;		
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
		width: 50px;
		height:50px;
		text-decoration: none;
		   font-size: 1.4em;	
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown .navmain-mobile-child:before {	
		content: var(--navmain-mobile-headerdesign1-icon);
		color: var(--navmain-mobile-headerdesign1-icon-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-icon-foreground-shadow) 1px 1px;	
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown .navmain-mobile-child:before {	
		content: var(--navmain-mobile-headerdesign2-icon);
		color: var(--navmain-mobile-headerdesign2-icon-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-icon-foreground-shadow) 1px 1px;
	}	
	
	.navmain-mobile .navmain-dropdown-mobile-open .navmain-mobile-child:before {
		margin-top: -10px;
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-mobile-open .navmain-mobile-child:before {
		content: var(--navmain-mobile-headerdesign1-icon-hover);
		color: var(--navmain-mobile-headerdesign1-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-icon-hover-foreground-shadow) 1px 1px;
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-mobile-open .navmain-mobile-child:before {
		content: var(--navmain-mobile-headerdesign2-icon-hover);
		color: var(--navmain-mobile-headerdesign2-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-icon-hover-foreground-shadow) 1px 1px;
	}	

	/* Dropdown - Mega Menu */		
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown.navmain-dropdown-megamenu .navmain-subcontainer {
		padding: var(--navmain-mobile-headerdesign1-megamenu-padding);		
		background: var(--navmain-mobile-headerdesign1-megamenu-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-megamenu-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-megamenu-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign1-megamenu-background-border);
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown.navmain-dropdown-megamenu .navmain-subcontainer {
		padding: var(--navmain-mobile-headerdesign2-megamenu-padding);
		background: var(--navmain-mobile-headerdesign2-megamenu-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-megamenu-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-megamenu-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign2-megamenu-background-border);			
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link {
		margin: var(--navmain-mobile-headerdesign1-megamenu-button-margin);
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link {
		margin: var(--navmain-mobile-headerdesign2-megamenu-button-margin);
	}	
	
	.navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a {
		text-align: left;
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a {
		padding: var(--navmain-mobile-headerdesign1-megamenu-button-padding);
		color: var(--navmain-mobile-headerdesign1-megamenu-button-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-megamenu-button-foreground-shadow) 1px 1px;
		border-color: var(--navmain-mobile-headerdesign1-megamenu-button-background-border);	
		background: var(--navmain-mobile-headerdesign1-megamenu-button-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-megamenu-button-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-megamenu-button-background-gradient-bottom) 100%);
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a {
		padding: var(--navmain-mobile-headerdesign2-megamenu-button-padding);
		color: var(--navmain-mobile-headerdesign2-megamenu-button-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-megamenu-button-foreground-shadow) 1px 1px;
		border-color: var(--navmain-mobile-headerdesign2-megamenu-button-background-border);	
		background: var(--navmain-mobile-headerdesign2-megamenu-button-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-megamenu-button-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-megamenu-button-background-gradient-bottom) 100%);
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:hover,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:active {
		color: var(--navmain-mobile-headerdesign1-megamenu-button-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-megamenu-button-hover-foreground-shadow) 1px 1px;
		background: var(--navmain-mobile-headerdesign1-megamenu-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-megamenu-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-megamenu-button-hover-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign1-megamenu-button-hover-background-border);
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:hover,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:active {
		color: var(--navmain-mobile-headerdesign2-megamenu-button-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-megamenu-button-hover-foreground-shadow) 1px 1px;
		background: var(--navmain-mobile-headerdesign2-megamenu-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-megamenu-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-megamenu-button-hover-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign2-megamenu-button-hover-background-border);
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a:hover,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a:active,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a:hover,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a:active {
		color: var(--navmain-mobile-headerdesign1-megamenu-button-active-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-megamenu-button-active-foreground-shadow) 1px 1px;			
		background: var(--navmain-mobile-headerdesign1-megamenu-button-active-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-megamenu-button-active-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-megamenu-button-active-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign1-megamenu-button-active-background-border);
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a:hover,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.navmain-active a:active,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a:hover,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link.current-menu-item a:active {
		color: var(--navmain-mobile-headerdesign2-megamenu-button-active-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-megamenu-button-active-foreground-shadow) 1px 1px;			
		background: var(--navmain-mobile-headerdesign2-megamenu-button-active-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-megamenu-button-active-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-megamenu-button-active-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign2-megamenu-button-active-background-border);
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a {
		padding-left: var(--navmain-mobile-headerdesign1-megamenu-icon-spacing);
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a {
		padding-left: var(--navmain-mobile-headerdesign2-megamenu-icon-spacing);
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a::before {
		width: var(--navmain-mobile-headerdesign1-megamenu-icon-size);
		background-size: var(--navmain-mobile-headerdesign1-megamenu-icon-size) auto;	
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a::before {
		width: var(--navmain-mobile-headerdesign2-megamenu-icon-size);
		background-size: var(--navmain-mobile-headerdesign2-megamenu-icon-size) auto;	
	}

	/* Dropdown - Single */	
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer {
		width: 100%;
	}	
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer {
		background: var(--navmain-mobile-headerdesign1-dropdown-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-dropdown-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-dropdown-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign1-dropdown-background-border);
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer {
		background: var(--navmain-mobile-headerdesign2-dropdown-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-dropdown-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-dropdown-background-gradient-bottom) 100%);
		border-color: var(--navmain-mobile-headerdesign2-dropdown-background-border);
	}
	
	.navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a {
		justify-content: center;
	}	
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a {
		padding: var(--navmain-mobile-headerdesign1-dropdown-button-padding);
		color: var(--navmain-mobile-headerdesign1-dropdown-button-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-dropdown-button-foreground-shadow) 1px 1px;
		border-color: var(--navmain-mobile-headerdesign1-dropdown-button-background-border);
		background: var(--navmain-mobile-headerdesign1-dropdown-button-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-dropdown-button-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-dropdown-button-background-gradient-bottom) 100%);	
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a {
		padding: var(--navmain-mobile-headerdesign2-dropdown-button-padding);
		color: var(--navmain-mobile-headerdesign2-dropdown-button-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-dropdown-button-foreground-shadow) 1px 1px;
		border-color: var(--navmain-mobile-headerdesign2-dropdown-button-background-border);
		background: var(--navmain-mobile-headerdesign2-dropdown-button-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-dropdown-button-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-dropdown-button-background-gradient-bottom) 100%);	
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a:before {
		content: var(--navmain-mobile-headerdesign1-dropdown-icon);
		color: var(--navmain-mobile-headerdesign1-dropdown-icon-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-dropdown-icon-foreground-shadow) 1px 1px;
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a:before {
		content: var(--navmain-mobile-headerdesign2-dropdown-icon);
		color: var(--navmain-mobile-headerdesign2-dropdown-icon-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-dropdown-icon-foreground-shadow) 1px 1px;
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a:hover {
		color: var(--navmain-mobile-headerdesign1-dropdown-button-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-dropdown-button-hover-foreground-shadow) 1px 1px;
		border-color: var(--navmain-mobile-headerdesign1-dropdown-button-hover-background-border);
		background: var(--navmain-mobile-headerdesign1-dropdown-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-dropdown-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-dropdown-button-hover-background-gradient-bottom) 100%);	
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a:hover {
		color: var(--navmain-mobile-headerdesign2-dropdown-button-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-dropdown-button-hover-foreground-shadow) 1px 1px;
		border-color: var(--navmain-mobile-headerdesign2-dropdown-button-hover-background-border);
		background: var(--navmain-mobile-headerdesign2-dropdown-button-hover-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-dropdown-button-hover-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-dropdown-button-hover-background-gradient-bottom) 100%);	
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a:hover:before {
		content: var(--navmain-mobile-headerdesign1-dropdown-icon-hover);
		color: var(--navmain-mobile-headerdesign1-dropdown-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-dropdown-icon-hover-foreground-shadow) 1px 1px;
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link a:hover:before {
		content: var(--navmain-mobile-headerdesign2-dropdown-icon-hover);
		color: var(--navmain-mobile-headerdesign2-dropdown-icon-hover-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-dropdown-icon-hover-foreground-shadow) 1px 1px;
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:hover,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:active,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:hover,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:active {
		color: var(--navmain-mobile-headerdesign1-dropdown-button-active-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-dropdown-button-active-foreground-shadow) 1px 1px;
		border-color: var(--navmain-mobile-headerdesign1-dropdown-button-active-background-border);
		background: var(--navmain-mobile-headerdesign1-dropdown-button-active-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign1-dropdown-button-active-background-gradient-top) 0, var(--navmain-mobile-headerdesign1-dropdown-button-active-background-gradient-bottom) 100%);	
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:hover,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:active,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:hover,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:active {
		color: var(--navmain-mobile-headerdesign2-dropdown-button-active-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-dropdown-button-active-foreground-shadow) 1px 1px;
		border-color: var(--navmain-mobile-headerdesign2-dropdown-button-active-background-border);
		background: var(--navmain-mobile-headerdesign2-dropdown-button-active-background);
		background: linear-gradient(var(--gradient-degrees), var(--navmain-mobile-headerdesign2-dropdown-button-active-background-gradient-top) 0, var(--navmain-mobile-headerdesign2-dropdown-button-active-background-gradient-bottom) 100%);	
	}
	
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:before,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:hover:before,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:active:before,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:before,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:hover:before,
	.headermain.headermain-design1 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:active:before {
		content: var(--navmain-mobile-headerdesign1-dropdown-icon-active);
		color: var(--navmain-mobile-headerdesign1-dropdown-icon-active-foreground);
		text-shadow: var(--navmain-mobile-headerdesign1-dropdown-icon-active-foreground-shadow) 1px 1px;
	}
	
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:before,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:hover:before,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.navmain-active a:active:before,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:before,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:hover:before,
	.headermain.headermain-design2 .navmain-mobile .navmain-dropdown-single .navmain-subcontainer .navmain-link.current-menu-item a:active:before {
		content: var(--navmain-mobile-headerdesign2-dropdown-icon-active);
		color: var(--navmain-mobile-headerdesign2-dropdown-icon-active-foreground);
		text-shadow: var(--navmain-mobile-headerdesign2-dropdown-icon-active-foreground-shadow) 1px 1px;
	}
	
	.banner .list ul li {
		width: 100%;
		text-align: center;
		background-image: none;
		padding: 5px 10px;
	}		
	
}


/* Additional verbatim rule — layout.css lines 3299-3321 (badge text content
   for .navmain-highlight-hot/.navmain-highlight-new), outside the main
   488-1420 extraction range above but required for the mega-menu HOT/NEW
   ribbon badges (Register Domain, Dedicated Servers, 360Monitoring,
   Knowledgebase) to render their label text. Only the .navmain-scoped
   selector from that shared rule is reused; the unrelated
   footermain/product-boxes/product-tables/product-slider1 selectors on
   the same rule (out of scope, not part of the header) are omitted. */
.navmain .navmain-dropdown .navmain-subcontainer .navmain-highlight.navmain-highlight-hot::before {
	content: "hot";
}
.navmain .navmain-dropdown .navmain-subcontainer .navmain-highlight.navmain-highlight-new::before {
	content: "new";
}