/* Site header: compact single-line nav + shared layout tokens */

:root {
	--suzuka-container-width: min(95vw, 1580px);
	--suzuka-container-padding: clamp(1rem, 2vw, 1.5rem);
	/* Match fixed .hostinger-ai-menu height (theme uses 75px body offset; we handle offset on main). */
	--suzuka-header-height: var(--suzuka-header-offset);
	--suzuka-header-offset: 61px;

	/* Sitewide custom scrollbars — black pill thumb, borderless, cream ghost track */
	--suzuka-scrollbar-size: 7px;
	--suzuka-scrollbar-track: rgba(247, 243, 237, 0.22);
	--suzuka-scrollbar-thumb: #1a1816;
	--suzuka-scrollbar-thumb-hover: #403935;
	--suzuka-scrollbar-thumb-active: #000;

	/* WOT brand tokens (aligned with suzuka-home v1.0.3) */
	--wot-brand-bg: #f2f0ed;
	--wot-brand-bg-alt: #e8e6e2;
	--wot-brand-surface: #f9f6f1;
	--wot-brand-text: #3a3a3a;
	--wot-brand-muted: #7a7874;
	--wot-brand-silver: #b5b3af;
	--wot-brand-silver-light: #d8d6d2;
	--wot-brand-dark: #2a2928;
	--wot-brand-accent: #9a9894;
	--wot-brand-tan: #d9ab91;
	--wot-brand-serif: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--wot-brand-sans: "Montserrat", var(--kastone-intro-body-font-family, "Cera Pro"), system-ui, sans-serif;

	/* Mega-menu — WOT hero logo + readable overlay */
	--suzuka-megamenu-texture: none;
	--wot-nav-wallpaper: none;
	--wot-wallpaper: none;
	/* Metallic WOT hero logo — page watermark (distinct from plaster --wot-wallpaper) */
	--wot-logo-watermark: var(--wot-nav-wallpaper, none);
	--wot-page-wallpaper: var(--wot-logo-watermark, none);
	/* Hero logo watermark — contain keeps full mark visible; plaster fallback uses cover via inline override */
	--wot-page-wallpaper-size: contain;
	--wot-page-wallpaper-zoom: 1.55;
	--wot-page-wallpaper-position: center 24%;
	--wot-flyout-wallpaper-overlay:
		radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.18), transparent 58%),
		linear-gradient(
			180deg,
			rgba(250, 249, 247, 0.1) 0%,
			rgba(242, 240, 237, 0.08) 55%,
			rgba(232, 230, 226, 0.1) 100%
		);
	--wot-page-wallpaper-overlay:
		radial-gradient(circle at 22% 12%, rgba(255, 255, 255, 0.38), transparent 56%),
		linear-gradient(
			180deg,
			rgba(250, 249, 247, 0.52) 0%,
			rgba(242, 240, 237, 0.46) 55%,
			rgba(232, 230, 226, 0.5) 100%
		);
	--wot-menu-bg-size: cover;
	--wot-menu-bg-blur: 6px;
	--wot-menu-bg-scale: 1.05;
	--wot-nav-wallpaper-overlay:
		radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.68), transparent 58%),
		linear-gradient(
			180deg,
			rgba(250, 249, 247, 0.92) 0%,
			rgba(242, 240, 237, 0.86) 55%,
			rgba(232, 230, 226, 0.9) 100%
		);
	--wot-header-wallpaper-overlay:
		radial-gradient(circle at 18% 50%, rgba(255, 255, 255, 0.72), transparent 52%),
		linear-gradient(
			180deg,
			rgba(250, 249, 247, 0.9) 0%,
			rgba(242, 240, 237, 0.84) 55%,
			rgba(232, 230, 226, 0.88) 100%
		);
	--suzuka-megamenu-canvas: transparent;
	--suzuka-megamenu-panel: var(--wot-brand-surface);
	--suzuka-megamenu-panel-deep: var(--wot-brand-bg-alt);
	--suzuka-megamenu-rail-width: min(360px, 34%);
	--suzuka-megamenu-width: min(1240px, calc(100vw - 16px));
	--suzuka-megamenu-border: rgba(154, 152, 148, 0.28);
	--suzuka-megamenu-radius: 10px;
	--suzuka-megamenu-item-radius: 8px;
	--suzuka-megamenu-hover: rgba(154, 152, 148, 0.12);
	--suzuka-megamenu-active-bg: var(--wot-brand-dark);
	--suzuka-megamenu-active-text: #fff;
	--suzuka-megamenu-text: var(--wot-brand-text);
	--suzuka-megamenu-muted: var(--wot-brand-muted);
	--suzuka-megamenu-accent: var(--wot-brand-silver);
	--suzuka-megamenu-accent-strong: var(--wot-brand-accent);
	--suzuka-megamenu-serif: var(--wot-brand-serif);
	--suzuka-megamenu-sans: var(--wot-brand-sans);
	--suzuka-megamenu-shadow: 0 12px 40px rgba(42, 41, 40, 0.08), 0 2px 6px rgba(42, 41, 40, 0.04);
	--suzuka-megamenu-flyout-shadow: 4px 0 18px rgba(42, 41, 40, 0.06);
	--suzuka-megamenu-overlay:
		radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.62), transparent 55%),
		linear-gradient(
			165deg,
			rgba(250, 249, 247, 0.82) 0%,
			rgba(242, 240, 237, 0.76) 45%,
			rgba(232, 230, 226, 0.84) 100%
		);
	--suzuka-megamenu-hero-overlay:
		radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.28), transparent 52%),
		linear-gradient(
			165deg,
			rgba(250, 249, 247, 0.32) 0%,
			rgba(242, 240, 237, 0.28) 42%,
			rgba(232, 230, 226, 0.34) 100%
		);
}

/* Override WP core navigation default white submenu panels */
.hostinger-ai-site-navigation.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel),
.hostinger-ai-site-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel) {
	background-color: var(--wot-brand-surface);
}

/* --- Global scrollbars (page, modals, sidebar, nav flyouts) --- */
html {
	scrollbar-width: thin;
	scrollbar-color: var(--suzuka-scrollbar-thumb) var(--suzuka-scrollbar-track);
	background-color: var(--wot-brand-bg);
}

/* Inner pages — solid cream shell (no fixed WOT logo wallpaper) */
body {
	position: relative;
	background-color: var(--wot-brand-bg);
}

/* Homepage only — fixed WOT logo watermark + cream overlay (content scrolls above) */
html:has(body.suzuka-home-page) {
	background-color: transparent;
}

body.suzuka-home-page {
	isolation: isolate;
	background-color: transparent;
}

body.suzuka-home-page::before,
body.suzuka-home-page::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}

body.suzuka-home-page::before {
	background-color: var(--wot-brand-bg);
	background-image: var(--wot-page-wallpaper);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: var(--wot-page-wallpaper-size);
	background-attachment: fixed;
	filter: saturate(0.92);
}

body.suzuka-home-page::after {
	background: var(--wot-page-wallpaper-overlay);
}

body.suzuka-home-page:not(.wp-admin) .wp-site-blocks,
body.suzuka-home-page:not(.wp-admin) main {
	background-color: transparent;
}

/* iOS / narrow viewports — fixed attachment jank; wallpaper scrolls with page */
@media (max-width: 900px) {
	body.suzuka-home-page::before {
		background-attachment: scroll;
	}
}

*,
*::before,
*::after {
	scrollbar-width: thin;
	scrollbar-color: var(--suzuka-scrollbar-thumb) var(--suzuka-scrollbar-track);
}

*::-webkit-scrollbar {
	width: var(--suzuka-scrollbar-size);
	height: var(--suzuka-scrollbar-size);
	background: transparent;
}

*::-webkit-scrollbar-track {
	background: var(--suzuka-scrollbar-track);
	border: none;
	border-radius: 999px;
	box-shadow: none;
}

*::-webkit-scrollbar-thumb {
	background: linear-gradient(
		180deg,
		var(--suzuka-scrollbar-thumb-hover) 0%,
		var(--suzuka-scrollbar-thumb) 45%,
		var(--suzuka-scrollbar-thumb-active) 100%
	);
	border: none;
	border-radius: 999px;
	box-shadow: none;
	min-height: 2.5rem;
}

*::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(
		180deg,
		var(--suzuka-scrollbar-thumb-hover) 0%,
		var(--suzuka-scrollbar-thumb-active) 100%
	);
}

*::-webkit-scrollbar-thumb:active {
	background: var(--suzuka-scrollbar-thumb-active);
}

*::-webkit-scrollbar-corner {
	background: transparent;
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button:single-button {
	display: none;
	width: 0;
	height: 0;
}

/* --- Compact fixed header shell --- */
.hostinger-ai-menu {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow-x: clip;
	overflow-y: visible;
	z-index: 10000;
	isolation: isolate;
	background-color: rgba(250, 249, 247, 0.94) !important;
	box-shadow: 0 1px 3px rgba(42, 41, 40, 0.08);
}

/* Header bar — readable cream surface; homepage uses body.suzuka-home-page::before logo watermark */
.hostinger-ai-menu::before {
	content: none;
	display: none;
}

.hostinger-ai-menu::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.38) 0%,
		rgba(250, 249, 247, 0.22) 100%
	);
	pointer-events: none;
}

.hostinger-ai-menu > .alignwide,
.hostinger-ai-menu .hostinger-ai-menu-wrapper.alignwide {
	position: relative;
	z-index: 1;
}

.hostinger-ai-menu > .alignwide,
.hostinger-ai-menu .hostinger-ai-menu-wrapper.alignwide {
	max-width: var(--suzuka-container-width) !important;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--suzuka-container-padding);
	padding-right: var(--suzuka-container-padding);
}

.hostinger-ai-menu-wrapper {
	grid-template-columns: minmax(8.5rem, auto) minmax(0, 1fr) !important;
	align-items: center;
	column-gap: 0.75rem;
}

.hostinger-ai-menu-wrapper[style*="padding-top"] {
	padding-top: 0.65rem !important;
	padding-bottom: 0.65rem !important;
}

.hostinger-ai-site-title {
	margin: 0;
	white-space: nowrap;
}

.hostinger-ai-site-title.suzuka-header-site-title--hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.hostinger-ai-site-title a {
	font-size: 1.15rem !important;
}

/* WOT text logo — hero-style monogram + eyebrow, compact for header height */
.hostinger-ai-menu .wp-block-site-logo.suzuka-header-site-logo {
	display: flex;
	align-items: center;
	line-height: 1;
	flex-shrink: 0;
	min-width: 0;
}

.hostinger-ai-menu .suzuka-header-site-logo a {
	display: block;
	line-height: 1;
	text-decoration: none !important;
	color: inherit;
}

.hostinger-ai-menu .suzuka-header-site-logo img {
	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;
}

.hostinger-ai-menu .suzuka-header-logo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.1rem;
	max-height: calc(var(--suzuka-header-offset) - 0.35rem);
	padding: 0.05rem 0;
}

.hostinger-ai-menu .suzuka-header-logo__monogram {
	margin: 0;
	font-family: var(--wot-brand-serif);
	font-size: clamp(1.1rem, 2.1vw, 1.55rem);
	font-weight: 500;
	line-height: 0.95;
	letter-spacing: 0.12em;
	color: #8f8d89;
	background: linear-gradient(180deg, #d8d6d2 0%, #8f8d89 42%, #b5b3af 78%, #9a9894 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.95)) drop-shadow(0 2px 4px rgba(58, 58, 58, 0.1));
}

.hostinger-ai-menu .suzuka-header-logo__eyebrow {
	margin: 0;
	font-family: var(--wot-brand-sans);
	font-size: clamp(0.42rem, 0.85vw, 0.52rem);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wot-brand-muted);
	text-shadow:
		0 1px 0 rgba(255, 255, 255, 0.85),
		0 2px 4px rgba(58, 58, 58, 0.06);
	white-space: nowrap;
}

.hostinger-ai-site-navigation-wrapper {
	gap: 0.35rem;
	align-items: center;
	flex-wrap: nowrap !important;
	min-width: 0;
	overflow: visible;
}

.hostinger-ai-site-navigation-wrapper .hostinger-ai-site-navigation {
	flex: 1 1 auto;
	min-width: 0;
	order: 0 !important;
}

.hostinger-ai-site-navigation-wrapper div[data-block-name="woocommerce/customer-account"] {
	order: 1 !important;
}

.hostinger-ai-site-navigation-wrapper div[data-block-name="woocommerce/mini-cart"] {
	order: 2 !important;
}

/* --- Nav link polish: one clear active state --- */
.hostinger-ai-site-navigation a,
.hostinger-ai-site-title a {
	text-decoration: none !important;
}

.hostinger-ai-site-navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	padding: 0.4rem 0.55rem;
	border-bottom: 2px solid transparent;
	border-radius: 4px;
	transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

/* Dropdown-only top-level parents (ShowCase, Catalogs, About): open submenu, do not navigate. */
.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu > .suzuka-nav-parent-trigger {
	cursor: pointer;
	text-decoration: none;
	color: inherit;
	background-color: transparent;
	background: none;
	border: none;
	font: inherit;
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
}

.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu > .suzuka-nav-parent-trigger:focus {
	outline: none;
	background-color: transparent;
}

.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu > .suzuka-nav-parent-trigger:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	background-color: transparent;
}

.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu > .suzuka-nav-parent-trigger:not(:hover):not(:focus-visible) {
	background-color: transparent;
	border-bottom-color: transparent;
}

.hostinger-ai-site-navigation .wp-block-navigation-item__content:hover {
	border-bottom-color: currentColor;
	background-color: rgba(44, 42, 41, 0.06);
}

.hostinger-ai-site-navigation .wp-block-navigation-item__content[aria-current="page"] {
	border-bottom-color: currentColor;
	font-weight: 600;
}

/* Shop page: only highlight the top-level Shop link, not the Products submenu parent. */
body.woocommerce-shop .hostinger-ai-site-navigation .wp-block-navigation-submenu > .wp-block-navigation-item__content[aria-current="page"] {
	border-bottom-color: transparent;
	font-weight: inherit;
}

body.woocommerce-shop .hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"] {
	border-bottom-color: currentColor;
	font-weight: 600;
}

/* When a dropdown is open, only its trigger looks active — not sibling current-page links. */
@media (min-width: 901px) {
	.hostinger-ai-site-navigation.suzuka-nav-has-open-submenu .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-item__content[aria-current="page"] {
		border-bottom-color: transparent;
		font-weight: inherit;
	}

	.hostinger-ai-site-navigation.suzuka-nav-has-open-submenu .wp-block-navigation__container > .wp-block-navigation-submenu.suzuka-nav-submenu--open > .wp-block-navigation-item__content {
		border-bottom-color: currentColor;
		font-weight: 600;
	}

	/* Parent triggers match link styling — gray fill on hover only, not persistent focus. */
	.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu > .suzuka-nav-parent-trigger:not(:hover) {
		background-color: transparent;
	}
}

/* --- Desktop: centered nav + icons right --- */
@media (min-width: 901px) {
	.hostinger-ai-menu-wrapper {
		position: relative;
		grid-template-rows: auto !important;
		row-gap: 0 !important;
	}

	/* Keep logo on row 1 — nav wrapper grid-row:1 otherwise auto-places logo to row 2. */
	.hostinger-ai-menu-wrapper > :first-child {
		grid-row: 1;
		grid-column: 1;
		position: relative;
		z-index: 3;
		align-self: center;
	}

	.hostinger-ai-site-navigation-wrapper {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-content: flex-end !important;
		align-items: center;
		align-self: center;
		min-height: 2.5rem;
		width: 100%;
	}

	.hostinger-ai-site-navigation-wrapper > .hostinger-ai-site-navigation {
		position: absolute;
		left: 50%;
		top: 0;
		bottom: 0;
		transform: translateX(-50%);
		flex: none !important;
		width: max-content !important;
		max-width: min(72vw, 920px);
		z-index: 2;
		display: flex !important;
		align-items: center;
	}

	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}

	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open),
	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: block !important;
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		flex: 1 1 auto !important;
		background: transparent !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible !important;
		z-index: auto !important;
	}

	.hostinger-ai-site-navigation.is-layout-flex {
		display: flex !important;
		flex: none;
		align-items: center;
		justify-content: center;
		min-width: 0;
		height: auto !important;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__responsive-container-content,
	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-container-content {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* Orphan flyout li outside the no-wrap ul (WP interactivity) — hide until JS repair moves them in. */
	.hostinger-ai-site-navigation .wp-block-navigation__responsive-container-content > li {
		display: none !important;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__responsive-dialog,
	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-dialog {
		position: static !important;
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		height: auto !important;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__responsive-container-close,
	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-container-close {
		display: none !important;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__responsive-close,
	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-close {
		display: block !important;
		position: static !important;
		width: auto !important;
		height: auto !important;
	}

	.hostinger-ai-site-navigation.wp-block-navigation {
		justify-content: center;
		width: auto;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__container {
		flex-wrap: nowrap !important;
		gap: 0.2rem 0.85rem;
		justify-content: center;
		width: auto !important;
		height: auto !important;
	}

	/* Top-level items size to their label — submenu panels must not widen the flex row. */
	.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-item,
	.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu {
		min-width: 0;
		flex: 0 0 auto;
	}

	.hostinger-ai-site-navigation .wp-block-navigation-item__label {
		font-size: 0.8rem;
		line-height: 1.2;
		white-space: nowrap;
	}

	.hostinger-ai-site-navigation .wp-block-navigation-item__content {
		padding: 0.4rem 0.55rem;
	}

	.hostinger-ai-site-navigation .wp-block-navigation-submenu {
		position: relative;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
		left: 50%;
		transform: translateX(-50%);
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links):not(.suzuka-nav-compact-flyout__panel) {
		position: absolute !important;
		top: calc(100% - 2px);
		left: 0;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch;
		min-width: 230px;
		max-width: 300px;
		max-height: 70vh;
		overflow-y: auto;
		padding: 0.4rem 0;
		border: 1px solid var(--suzuka-megamenu-border);
		border-radius: var(--suzuka-megamenu-item-radius);
		box-shadow: var(--suzuka-megamenu-flyout-shadow);
		background-color: var(--wot-brand-surface);
		background: var(--wot-brand-surface);
		z-index: 600;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		display: flex !important;
		transition: opacity 0.15s ease, visibility 0.15s ease;
		isolation: isolate;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links):not(.suzuka-nav-compact-flyout__panel)::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		border-radius: inherit;
		background: var(--wot-nav-wallpaper) center / var(--wot-menu-bg-size, cover) no-repeat;
		filter: saturate(0.92) blur(var(--wot-menu-bg-blur, 6px));
		transform: scale(var(--wot-menu-bg-scale, 1.05));
		pointer-events: none;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links):not(.suzuka-nav-compact-flyout__panel)::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		border-radius: inherit;
		background: var(--wot-nav-wallpaper-overlay);
		pointer-events: none;
	}

	/*
	 * Compact flyout panels use suzuka-nav-compact-flyout__panel, so they skip the generic
	 * absolute submenu rule above — keep them out of the flex row when closed.
	 */
	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container {
		position: absolute !important;
		top: calc(100% - 2px);
		left: 50%;
		transform: translateX(-50%);
		flex-direction: column !important;
		display: flex !important;
		isolation: isolate;
		z-index: 600;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		width: 0 !important;
		min-width: 0 !important;
		max-width: 0 !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		box-shadow: none !important;
		overflow: hidden !important;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links) > .wp-block-navigation-item,
	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links) > .wp-block-navigation-submenu {
		position: relative;
		z-index: 1;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu:not(.suzuka-megamenu):not(.suzuka-nav-compact-flyout).suzuka-nav-submenu--open > .wp-block-navigation__submenu-container,
	.hostinger-ai-site-navigation .wp-block-navigation__container > .wp-block-navigation-submenu:not(.suzuka-megamenu):not(.suzuka-nav-compact-flyout):focus-within > .wp-block-navigation__submenu-container {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	/* Legacy Catalogs mega row: collapse in-flow L1 panel until JS promotes it to .suzuka-mega-root. */
	.hostinger-ai-site-navigation .wp-block-navigation__container > .suzuka-megamenu.suzuka-megamenu--catalogs:not(.suzuka-nav-compact-flyout):not(.suzuka-nav-submenu--open) > .wp-block-navigation__submenu-container:not(.suzuka-mega-root) {
		position: absolute !important;
		width: 0 !important;
		min-width: 0 !important;
		max-width: 0 !important;
		height: 0 !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		overflow: hidden !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	/* About / Catalogs — compact single-column flyout with plaster texture (no WOT lettering). */
	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container.suzuka-nav-compact-flyout__panel,
	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container {
		max-width: min(320px, calc(100vw - 24px));
		background-color: transparent !important;
		background: transparent !important;
		border-radius: var(--suzuka-megamenu-item-radius);
		transition: opacity 0.15s ease, visibility 0.15s ease;
	}

	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		border-radius: inherit;
		background-color: var(--wot-brand-bg);
		background-image: var(--wot-wallpaper, var(--wot-nav-wallpaper));
		background-position: center;
		background-size: var(--wot-menu-bg-size, cover);
		background-repeat: no-repeat;
		filter: saturate(0.92) blur(var(--wot-menu-bg-blur, 6px));
		transform: scale(var(--wot-menu-bg-scale, 1.05));
		pointer-events: none;
	}

	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		border-radius: inherit;
		background: var(--wot-nav-wallpaper-overlay);
		pointer-events: none;
	}

	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		position: relative;
		z-index: 1;
	}

	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout.suzuka-nav-submenu--open > .wp-block-navigation__submenu-container,
	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout:focus-within > .wp-block-navigation__submenu-container,
	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout.has-child.suzuka-nav-submenu--open > .wp-block-navigation__submenu-container {
		width: max-content !important;
		min-width: 220px !important;
		max-width: min(320px, calc(100vw - 24px)) !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 0.35rem 0 !important;
		border: 1px solid var(--suzuka-megamenu-border) !important;
		box-shadow: var(--suzuka-megamenu-shadow) !important;
		overflow: hidden !important;
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container::-webkit-scrollbar {
		display: none;
		width: 0;
		height: 0;
	}

	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		color: var(--wot-brand-text);
	}

	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
	.hostinger-ai-site-navigation .suzuka-nav-compact-flyout > .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] {
		background: rgba(181, 179, 175, 0.22);
		color: var(--wot-brand-text);
	}

	/* Mega menus open via JS (.suzuka-nav-submenu--open), not :hover — never leave a fixed panel over hero when closed. */
	@media (hover: hover) {
		.hostinger-ai-site-navigation .suzuka-megamenu.has-child:not(.suzuka-nav-submenu--open):hover > .wp-block-navigation__submenu-container.suzuka-mega-root {
			visibility: hidden !important;
			opacity: 0 !important;
			pointer-events: none !important;
			display: none !important;
			width: 0 !important;
			height: 0 !important;
			overflow: hidden !important;
		}
	}

	.hostinger-ai-site-navigation .suzuka-megamenu:not(.suzuka-nav-submenu--open) > .wp-block-navigation__submenu-container,
	.hostinger-ai-site-navigation .suzuka-megamenu:not(.suzuka-nav-submenu--open) > .wp-block-navigation__submenu-container * {
		pointer-events: none !important;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links) .wp-block-navigation-item__label {
		white-space: normal;
		font-size: 0.82rem;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links) .wp-block-navigation-item__content {
		padding: 0.45rem 0.85rem;
		border-bottom: 0;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links) .wp-block-navigation-item__content:hover,
	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links) .wp-block-navigation-item__content[aria-current="page"] {
		background: rgba(181, 179, 175, 0.22);
		border-bottom: 0;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links) .wp-block-navigation-submenu {
		position: relative;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-container:not(.suzuka-mega-root):not(.suzuka-mega-detail__panel):not(.suzuka-nav-section__links) .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
		top: 0;
		left: 100%;
		margin-left: 2px;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__submenu-icon svg {
		width: 0.55rem;
		height: 0.55rem;
	}

	/* --- Shared mega-menu (desktop) — viewport-centered panel (position set in JS) --- */
	.hostinger-ai-site-navigation .suzuka-megamenu:not(.suzuka-nav-submenu--open) > .wp-block-navigation__submenu-container.suzuka-mega-root {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		width: 0 !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu > .wp-block-navigation__submenu-container.suzuka-mega-root {
		position: fixed;
		left: 50%;
		top: var(--suzuka-header-offset);
		right: auto;
		transform: translateX(-50%);
		flex-direction: unset !important;
		min-width: 0 !important;
		width: var(--suzuka-megamenu-width) !important;
		max-width: min(1280px, calc(100vw - 16px)) !important;
		box-sizing: border-box;
		padding: 0;
		background: var(--suzuka-megamenu-canvas);
		border: 1px solid var(--suzuka-megamenu-border);
		border-radius: calc(var(--suzuka-megamenu-radius) + 2px);
		box-shadow: var(--suzuka-megamenu-shadow);
		z-index: 10001;
		overflow: hidden;
		isolation: isolate;
	}

	/* Wallpaper + overlay live on .suzuka-mega-layout only — root ::before is the hover bridge when open. */
	.hostinger-ai-site-navigation .suzuka-megamenu > .wp-block-navigation__submenu-container.suzuka-mega-root > .suzuka-mega-layout-host,
	.hostinger-ai-site-navigation .suzuka-megamenu > .wp-block-navigation__submenu-container.suzuka-mega-root > .suzuka-mega-layout {
		position: relative;
		z-index: 1;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-layout-host {
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
		min-width: 0;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-nav-submenu--open > .wp-block-navigation__submenu-container.suzuka-mega-root,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-nav-submenu--open:focus-within > .wp-block-navigation__submenu-container.suzuka-mega-root {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		width: var(--suzuka-megamenu-width) !important;
		max-width: min(1280px, calc(100vw - 16px)) !important;
		max-height: min(78vh, 640px) !important;
		overflow: hidden !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-nav-submenu--open > .wp-block-navigation__submenu-container.suzuka-mega-root {
		min-height: min(420px, 72vh);
	}

	/* Narrow bridge between nav trigger and panel — avoids phantom hover over hero. */
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-nav-submenu--open > .wp-block-navigation__submenu-container.suzuka-mega-root::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 8px;
		pointer-events: auto;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-layout {
		display: grid;
		grid-template-columns: minmax(0, var(--suzuka-megamenu-rail-width)) minmax(0, 1fr);
		width: 100%;
		min-width: min(var(--suzuka-megamenu-width), calc(100vw - 16px));
		min-height: min(420px, 72vh);
		max-height: min(78vh, 640px);
		overflow: hidden;
		box-sizing: border-box;
		position: relative;
		isolation: isolate;
		font-family: var(--suzuka-megamenu-sans);
	}

	/* WOT plaster wallpaper + light readable overlay — single layer stack for rail + detail */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-layout::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		background: var(--suzuka-megamenu-texture, var(--wot-wallpaper, var(--wot-nav-wallpaper))) center / var(--wot-menu-bg-size, cover) no-repeat;
		filter: saturate(0.92) blur(var(--wot-menu-bg-blur, 6px));
		transform: scale(var(--wot-menu-bg-scale, 1.05));
		pointer-events: none;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-layout::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		background: var(--suzuka-megamenu-overlay);
		pointer-events: none;
	}

	/* Left rail — category index (above detail so panel bg cannot bleed into Collections column) */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail {
		display: flex;
		flex-direction: column;
		gap: 0.15rem;
		min-width: 0;
		padding: 1.2rem 0.9rem 1.2rem 1.05rem;
		background: transparent;
		border-right: 1px solid var(--suzuka-megamenu-border);
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-gutter: stable;
		position: relative;
		z-index: 2;
		font-family: var(--suzuka-megamenu-sans);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail::before {
		display: block;
		padding: 0 0.55rem 0.75rem;
		font-family: var(--suzuka-megamenu-serif);
		font-size: 0.72rem;
		font-weight: 500;
		letter-spacing: 0.14em;
		text-transform: uppercase;
		color: var(--suzuka-megamenu-muted);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu[data-suzuka-mega-type="products"] .suzuka-mega-rail::before {
		content: "Collections";
	}

	.hostinger-ai-site-navigation .suzuka-megamenu[data-suzuka-mega-type="showcase"] .suzuka-mega-rail::before {
		content: "Showcase";
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-submenu {
		position: relative;
		min-width: 0;
		max-width: 100%;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-link {
		min-width: 0;
		max-width: 100%;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail .wp-block-navigation-item__label {
		flex: 1 1 auto;
		min-width: 0;
		white-space: normal;
		overflow-wrap: anywhere;
		line-height: 1.35;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-link > .wp-block-navigation-item__content {
		display: flex;
		align-items: center;
		font-size: 0.82rem;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0.015em;
		color: var(--suzuka-megamenu-text);
		padding: 0.58rem 0.65rem;
		margin: 0;
		border-radius: 6px;
		border-left: 2px solid transparent;
		border-bottom: 0;
		transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-link > .wp-block-navigation-item__content:hover,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-link > .wp-block-navigation-item__content[aria-current="page"] {
		background: var(--suzuka-megamenu-hover);
		color: var(--suzuka-megamenu-text);
		border-bottom: 0;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-link.suzuka-nav-panel--active > .wp-block-navigation-item__content {
		font-weight: 500;
		border-left-color: var(--suzuka-megamenu-accent);
		border-left-width: 3px;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-submenu > .wp-block-navigation-item__content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.45rem;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		font-size: 0.82rem;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0.015em;
		color: var(--suzuka-megamenu-text);
		padding: 0.58rem 0.65rem;
		margin: 0;
		border-radius: 6px;
		border-bottom: 0;
		border-left: 2px solid transparent;
		transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-submenu:hover > .wp-block-navigation-item__content,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-submenu:focus-within > .wp-block-navigation-item__content {
		background: var(--suzuka-megamenu-hover);
		color: var(--suzuka-megamenu-text);
		border-bottom: 0;
		font-weight: 400;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-submenu.suzuka-nav-panel--active > .wp-block-navigation-item__content {
		background: rgba(255, 255, 255, 0.22);
		color: var(--suzuka-megamenu-text);
		font-weight: 500;
		border-left-color: var(--suzuka-megamenu-accent);
		border-left-width: 3px;
		border-bottom: 0;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail .wp-block-navigation__submenu-icon {
		opacity: 0.45;
		margin-left: auto;
		flex-shrink: 0;
		color: var(--suzuka-megamenu-muted);
		transition: opacity 0.15s ease, transform 0.15s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail > .wp-block-navigation-submenu.suzuka-nav-panel--active .wp-block-navigation__submenu-icon {
		opacity: 0.85;
		color: var(--suzuka-megamenu-text);
		transform: translateX(2px);
	}

	/* Right detail pane */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail {
		position: relative;
		min-width: min(520px, calc(100% - var(--suzuka-megamenu-rail-width)));
		flex: 1 1 auto;
		min-height: 100%;
		align-self: stretch;
		background: transparent;
		overflow: hidden;
		isolation: isolate;
		z-index: 1;
		font-family: var(--suzuka-megamenu-sans);
	}

	/* Bridge rail→detail gap so diagonal moves stay in detail hit zone. */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -24px;
		width: 24px;
		pointer-events: auto;
		z-index: 3;
	}

	/* Reset WP core nested flyout (width:0/height:0 under .has-child) on relocated L2 panels. */
	.hostinger-ai-site-navigation .suzuka-megamenu .has-child .suzuka-mega-detail .suzuka-mega-detail__panel,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel {
		position: absolute !important;
		inset: 0 !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: auto !important;
		height: auto !important;
		min-width: 0;
		max-width: none;
		max-height: none;
		margin: 0 !important;
		transform: none !important;
		display: none !important;
		flex-direction: column;
		gap: 0;
		padding: 1.15rem 1.35rem 1.25rem;
		overflow-x: hidden;
		overflow-y: auto;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		z-index: 1;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel.suzuka-nav-panel--active,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel.is-active {
		visibility: visible !important;
		opacity: 1 !important;
		display: flex !important;
		width: 100% !important;
		height: auto !important;
		min-height: 100% !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		background: transparent !important;
		z-index: 1;
		pointer-events: auto !important;
	}

	/*
	 * Desktop mega: WOT wallpaper on .suzuka-mega-layout only.
	 * Per-collection hero ::before layers caused a brick-image sliver on the rail when
	 * inactive column panels stacked (display:grid beat display:none in cascade).
	 */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel--has-bg::before,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel--has-bg::after {
		display: none !important;
		content: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel--empty {
		padding: 0;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel--empty.suzuka-nav-panel--active,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel--empty.is-active {
		display: block !important;
		min-height: 100% !important;
		overflow: hidden !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel[hidden] {
		display: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel.suzuka-nav-panel--active[hidden],
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel.is-active[hidden] {
		display: flex !important;
	}

	/* Nested L3 lists inside mega detail — kill WP flyout stacking that overlaps grid columns. */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		transform: none !important;
		visibility: visible !important;
		opacity: 1 !important;
		overflow: visible !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		padding: 0 !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-nav-section__links > .wp-block-navigation-link,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-nav-submenu--columns > .wp-block-navigation-link,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-nav-section__links > .wp-block-navigation-item,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-nav-submenu--columns > .wp-block-navigation-item {
		position: relative !important;
		inset: auto !important;
		display: block !important;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Inline section groups must span the full detail width — not a single grid column. */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel.suzuka-nav-submenu--columns > .suzuka-nav-section,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel.suzuka-nav-submenu--columns > .wp-block-navigation-submenu.suzuka-nav-section {
		grid-column: 1 / -1;
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-nav-section.has-child {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		position: relative !important;
		inset: auto !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel.suzuka-nav-submenu--columns {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-content: start;
		gap: 0.12rem 0.75rem;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-nav-submenu--open .suzuka-mega-detail .suzuka-mega-detail__panel.suzuka-nav-submenu--columns.suzuka-nav-panel--active {
		display: grid !important;
	}

	/* Inactive panels must not stack — .suzuka-nav-submenu--columns { display:grid } overrides display:none above. */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .suzuka-mega-detail__panel:not(.suzuka-nav-panel--active):not(.is-active) {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-nav-submenu--open .suzuka-mega-detail .suzuka-mega-detail__panel.suzuka-nav-panel--active {
		pointer-events: auto !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel > .wp-block-navigation-link > .wp-block-navigation-item__content,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel > .wp-block-navigation-submenu:not(.suzuka-nav-section) > .wp-block-navigation-item__content {
		font-size: 0.84rem;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0.01em;
		color: var(--suzuka-megamenu-text);
		padding: 0.5rem 0.55rem;
		margin: 0.06rem 0;
		border-radius: 6px;
		border-bottom: 0;
		transition: background 0.15s ease, color 0.15s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel > .wp-block-navigation-link > .wp-block-navigation-item__content:hover,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel > .wp-block-navigation-submenu:not(.suzuka-nav-section) > .wp-block-navigation-item__content:hover {
		background: var(--suzuka-megamenu-hover);
		color: var(--suzuka-megamenu-text);
		border-bottom: 0;
		font-weight: 400;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel > .wp-block-navigation-link > .wp-block-navigation-item__content[aria-current="page"] {
		background: var(--suzuka-megamenu-active-bg);
		color: var(--suzuka-megamenu-active-text);
		font-weight: 500;
		box-shadow: none;
	}

	/* Inline L3 sections (Cement group, KASTONE sub-groups) — no flyout */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		min-width: 0;
		margin-top: 1.35rem;
		padding-top: 1.1rem;
		border-top: 1px solid rgba(154, 152, 148, 0.18);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section > .wp-block-navigation-submenu__toggle {
		display: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel > .wp-block-navigation-submenu.suzuka-nav-section > .wp-block-navigation-item__content {
		display: block;
		font-family: var(--suzuka-megamenu-serif);
		font-size: 0.74rem;
		font-weight: 500;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--suzuka-megamenu-muted);
		padding: 0 0.55rem 0.65rem;
		margin: 0;
		border-radius: 0;
		border-bottom: 0;
		text-decoration: underline;
		text-underline-offset: 0.2em;
		text-decoration-color: var(--wot-brand-silver-light);
		transition: color 0.15s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail__panel > .wp-block-navigation-submenu.suzuka-nav-section > .wp-block-navigation-item__content:hover {
		background: transparent;
		color: var(--suzuka-megamenu-text);
		font-weight: 500;
		text-decoration: underline;
		text-underline-offset: 0.2em;
		text-decoration-color: var(--suzuka-megamenu-accent);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section__links {
		position: static !important;
		inset: auto !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.12rem 0.75rem;
		width: 100% !important;
		height: auto !important;
		min-width: 0 !important;
		max-width: 100% !important;
		max-height: none !important;
		margin: 0;
		padding: 0;
		transform: none !important;
		overflow: visible !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-nav-submenu--open .suzuka-nav-section__links {
		pointer-events: auto !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section__links > .wp-block-navigation-link > .wp-block-navigation-item__content {
		font-size: 0.82rem;
		font-weight: 400;
		line-height: 1.35;
		padding: 0.48rem 0.55rem;
		margin: 0;
		border-radius: 6px;
		color: var(--suzuka-megamenu-text);
		transition: background 0.15s ease, color 0.15s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section__links > .wp-block-navigation-link > .wp-block-navigation-item__content:hover {
		background: var(--suzuka-megamenu-hover);
		color: var(--suzuka-megamenu-text);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section__links > .wp-block-navigation-link > .wp-block-navigation-item__content[aria-current="page"] {
		background: var(--suzuka-megamenu-active-bg);
		color: var(--suzuka-megamenu-active-text);
		font-weight: 500;
	}

	/* Multi-column series lists (BK, Stone Veneer, STRATO, etc.) */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-submenu--columns {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.12rem 0.75rem;
		min-width: 0 !important;
		max-width: 100% !important;
		width: 100%;
		max-height: none;
		overflow: visible;
		padding: 0;
		align-content: start;
		background: transparent;
		box-sizing: border-box;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-submenu--columns > .wp-block-navigation-link > .wp-block-navigation-item__content {
		padding: 0.48rem 0.55rem;
		font-size: 0.82rem;
		line-height: 1.35;
		border-radius: 6px;
		white-space: normal;
		color: var(--suzuka-megamenu-text);
		transition: background 0.15s ease, color 0.15s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-submenu--columns > .wp-block-navigation-link > .wp-block-navigation-item__content:hover {
		background: var(--suzuka-megamenu-hover);
		color: var(--suzuka-megamenu-text);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-submenu--columns > .wp-block-navigation-link > .wp-block-navigation-item__content[aria-current="page"] {
		background: var(--suzuka-megamenu-active-bg);
		color: var(--suzuka-megamenu-active-text);
		font-weight: 500;
		box-shadow: none;
	}

	/* Hide flyout chevrons inside detail pane */
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-detail .wp-block-navigation__submenu-icon {
		display: none;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-rail .wp-block-navigation__submenu-icon svg {
		width: 0.45rem;
		height: 0.45rem;
		fill: currentColor;
	}

	/* NEW badges — silver-grey pills */
	.hostinger-ai-site-navigation .suzuka-megamenu .kastone-badge--new {
		margin-left: 0.35rem;
		padding: 0.12rem 0.4rem;
		font-family: var(--suzuka-megamenu-sans);
		font-size: 0.58rem;
		font-weight: 600;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--suzuka-megamenu-accent-strong);
		background: rgba(255, 255, 255, 0.95);
		border: 1px solid var(--wot-brand-silver-light);
		border-radius: 999px;
		box-shadow: 0 1px 4px rgba(42, 41, 40, 0.06);
		vertical-align: 0.05em;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-submenu--columns .wp-block-navigation-item__content,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section__links .wp-block-navigation-item__content {
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.2rem 0.35rem;
		max-width: 100%;
		box-sizing: border-box;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-submenu--columns .wp-block-navigation-item__label,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section__links .wp-block-navigation-item__label {
		min-width: 0;
		overflow-wrap: anywhere;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-submenu--columns > .wp-block-navigation-link > .wp-block-navigation-item__content[aria-current="page"] .kastone-badge--new,
	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-nav-section__links > .wp-block-navigation-link > .wp-block-navigation-item__content[aria-current="page"] .kastone-badge--new {
		color: var(--suzuka-megamenu-accent-strong);
		background: rgba(255, 255, 255, 0.92);
		border-color: var(--wot-brand-silver-light);
	}

	/* Single-pane mega (About — flat link grid, no rail) */
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--single-pane > .wp-block-navigation__submenu-container.suzuka-mega-root {
		width: min(640px, calc(100vw - 16px)) !important;
		max-width: min(680px, calc(100vw - 16px)) !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--single-pane.suzuka-nav-submenu--open > .wp-block-navigation__submenu-container.suzuka-mega-root {
		height: auto !important;
		min-height: auto !important;
		max-height: min(70vh, 480px) !important;
		overflow: hidden !important;
	}

	/*
	 * WP core (.has-child .wp-block-navigation__submenu-container { height:0 }) also hits the
	 * nested About link grid — only the direct L1 panel gets height:auto from the toggle rule.
	 */
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--single-pane .suzuka-mega-layout-host,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--single-pane .suzuka-mega-layout--single-pane {
		height: auto !important;
		width: 100% !important;
		min-height: 0;
		max-height: min(70vh, 480px);
		overflow: visible;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-layout--single-pane {
		display: block;
		position: relative;
		isolation: isolate;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-single-pane {
		position: relative !important;
		inset: auto !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		height: auto !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.12rem 0.75rem;
		padding: 1.15rem 1.35rem 1.25rem;
		min-height: 0;
		max-height: min(70vh, 480px) !important;
		overflow-x: hidden;
		overflow-y: auto;
		background: transparent;
		font-family: var(--suzuka-megamenu-sans);
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		z-index: 1;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-single-pane > .wp-block-navigation-link > .wp-block-navigation-item__content {
		font-size: 0.84rem;
		font-weight: 400;
		line-height: 1.4;
		padding: 0.5rem 0.55rem;
		margin: 0.06rem 0;
		border-radius: 6px;
		border-bottom: 0;
		color: var(--suzuka-megamenu-text);
		transition: background 0.15s ease, color 0.15s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-single-pane > .wp-block-navigation-link > .wp-block-navigation-item__content:hover {
		background: var(--suzuka-megamenu-hover);
		color: var(--suzuka-megamenu-text);
		border-bottom: 0;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mega-single-pane > .wp-block-navigation-link > .wp-block-navigation-item__content[aria-current="page"] {
		background: var(--suzuka-megamenu-active-bg);
		color: var(--suzuka-megamenu-active-text);
		font-weight: 500;
	}
}

/* Admin bar: theme pins header below bar; sticky/sidebar offsets use header height only. */
body.admin-bar .hostinger-ai-menu {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	body.admin-bar .hostinger-ai-menu {
		top: 46px !important;
	}
}

/* --- Fixed header offset for main content --- */
body:not(.elementor-page) .wp-site-blocks > main,
body.suzuka-elementor-with-header main,
body.suzuka-elementor-with-header .elementor-location-header + .elementor {
	scroll-margin-top: var(--suzuka-header-offset);
}

body.suzuka-elementor-with-header {
	padding-top: var(--suzuka-header-offset);
	background: var(--wot-brand-bg);
}

body.suzuka-elementor-with-header.suzuka-home-page {
	background: transparent;
}

body.suzuka-elementor-with-header .hostinger-ai-menu {
	position: fixed !important;
}

/* Elementor homepage: fix low-contrast paints section below hero */
body.suzuka-elementor-with-header .elementor-23 .elementor-element-a1b2c3d7 {
	background-color: #f7f5f2 !important;
}

body.suzuka-elementor-with-header .elementor-23 .elementor-element-c3d4e5f7 .elementor-heading-title,
body.suzuka-elementor-with-header .elementor-23 .elementor-element-d4e5f6g7 .elementor-heading-title,
body.suzuka-elementor-with-header .elementor-23 .elementor-element-ffc2b31 .elementor-heading-title,
body.suzuka-elementor-with-header .elementor-23 .elementor-element-8ffd61b .elementor-heading-title {
	color: #1a1a1a !important;
}

body.suzuka-elementor-with-header .elementor-23 .elementor-element-f3c9011 {
	color: #444 !important;
}

body.suzuka-elementor-with-header .elementor-23 .elementor-element-7867da8 {
	background: var(--wot-brand-surface) !important;
}

/* --- Tablet / mobile: bottom Menu tab replaces top hamburger nav --- */
@media (max-width: 900px) {
	.hostinger-ai-menu-wrapper {
		grid-template-columns: 1fr !important;
		justify-items: center;
	}

	.hostinger-ai-site-navigation-wrapper {
		display: none !important;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__responsive-container-open,
	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	.hostinger-ai-site-navigation .wp-block-navigation__responsive-container.is-menu-open,
	body.hostinger-ai-woocommerce-active .hostinger-ai-site-navigation .wp-block-navigation__responsive-container.is-menu-open {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	/* --- Mobile mega menu: tap-to-expand accordion (WOT plaster / silver) --- */
	.hostinger-ai-site-navigation.suzuka-mobile-drawer-ready .wp-block-navigation__container > .wp-block-navigation-submenu:not(.suzuka-mobile-drawer--open) > .wp-block-navigation__submenu-container {
		display: none !important;
	}

	.hostinger-ai-site-navigation.suzuka-mobile-drawer-ready .wp-block-navigation__container > .wp-block-navigation-submenu.suzuka-mobile-drawer__item > .wp-block-navigation-item__content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		min-height: 44px;
		padding: 0.72rem 0.15rem 0.72rem 0.35rem;
		font-family: var(--suzuka-megamenu-sans);
		font-size: 0.95rem;
		font-weight: 500;
		border-left: 3px solid transparent;
		border-bottom: 1px solid rgba(154, 152, 148, 0.16);
	}

	.hostinger-ai-site-navigation.suzuka-mobile-drawer-ready .wp-block-navigation__container > .wp-block-navigation-submenu.suzuka-mobile-drawer--open > .wp-block-navigation-item__content {
		border-left-color: var(--suzuka-megamenu-accent);
		background: rgba(154, 152, 148, 0.08);
	}

	.hostinger-ai-site-navigation.suzuka-mobile-drawer-ready .wp-block-navigation__container > .wp-block-navigation-submenu.suzuka-mobile-drawer__item .wp-block-navigation__submenu-icon {
		display: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu > .wp-block-navigation__submenu-container.suzuka-mega-root,
	.hostinger-ai-site-navigation .suzuka-megamenu > .wp-block-navigation__submenu-container {
		position: static !important;
		inset: auto !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0.35rem 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
		overflow: visible !important;
		max-height: none !important;
	}

	.hostinger-ai-site-navigation.suzuka-mobile-drawer-ready .suzuka-megamenu.suzuka-mobile-drawer--open > .wp-block-navigation__submenu-container.suzuka-mega-root,
	.hostinger-ai-site-navigation.suzuka-mobile-drawer-ready .suzuka-megamenu.suzuka-mobile-drawer--open > .wp-block-navigation__submenu-container {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	.hostinger-ai-site-navigation.suzuka-mobile-drawer-ready .suzuka-megamenu:not(.suzuka-mobile-drawer--open) > .wp-block-navigation__submenu-container {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		margin: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu > .wp-block-navigation__submenu-container.suzuka-mega-root::before {
		display: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-layout,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-single .suzuka-mega-layout,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-single .suzuka-mega-layout--single-pane {
		display: block;
		min-height: 0;
		max-height: none;
		background: transparent;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-layout::before,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-layout::after,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-single .suzuka-mega-layout::before,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-single .suzuka-mega-layout::after {
		display: none;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-rail {
		display: flex;
		flex-direction: column;
		gap: 0;
		width: 100%;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-rail::before,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-detail {
		display: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__item,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__link {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid rgba(154, 152, 148, 0.16);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__item:last-child,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__link:last-child {
		border-bottom: 0;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__item > .wp-block-navigation-item__content,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__link > .wp-block-navigation-item__content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		width: 100%;
		min-height: 44px;
		padding: 0.72rem 0.15rem 0.72rem 0.35rem;
		margin: 0;
		border: 0;
		border-left: 3px solid transparent;
		border-radius: 0;
		font-family: var(--suzuka-megamenu-sans);
		font-size: 0.95rem;
		font-weight: 500;
		line-height: 1.35;
		color: var(--suzuka-megamenu-text);
		background: transparent;
		box-sizing: border-box;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__item > .wp-block-navigation-item__content:hover,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__link > .wp-block-navigation-item__content:hover {
		background: var(--suzuka-megamenu-hover);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion--open > .wp-block-navigation-item__content {
		border-left-color: var(--suzuka-megamenu-accent);
		background: rgba(154, 152, 148, 0.08);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__item .wp-block-navigation__submenu-icon {
		display: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mobile-accordion__chevron {
		flex: none;
		width: 0.45rem;
		height: 0.45rem;
		margin-left: auto;
		border-right: 2px solid var(--suzuka-megamenu-accent);
		border-bottom: 2px solid var(--suzuka-megamenu-accent);
		transform: rotate(45deg);
		transition: transform 0.2s ease, border-color 0.2s ease;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu .suzuka-mobile-accordion--open .suzuka-mobile-accordion__chevron {
		transform: rotate(-135deg);
		border-color: var(--suzuka-megamenu-accent-strong);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__panel,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__item:not(.suzuka-mobile-accordion--open) > .wp-block-navigation__submenu-container.suzuka-mega-detail__panel {
		display: none !important;
		position: static !important;
		inset: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		max-height: none !important;
		margin: 0;
		padding: 0.35rem 0 0.65rem 0.85rem;
		border-left: 2px solid var(--wot-brand-silver-light);
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: none !important;
		flex-direction: column !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion--open > .suzuka-mobile-accordion__panel,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion--open > .wp-block-navigation__submenu-container.suzuka-mega-detail__panel {
		display: flex !important;
		flex-direction: column !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__panel.suzuka-mega-detail__panel--has-bg::before,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mobile-accordion__panel.suzuka-mega-detail__panel--has-bg::after {
		display: none !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-nav-submenu--columns,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-nav-section__links {
		display: flex !important;
		flex-direction: column;
		gap: 0.1rem;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-nav-submenu--columns > .wp-block-navigation-link > .wp-block-navigation-item__content,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-nav-section__links > .wp-block-navigation-link > .wp-block-navigation-item__content,
	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-detail__panel > .wp-block-navigation-link > .wp-block-navigation-item__content {
		min-height: 44px;
		padding: 0.62rem 0.75rem;
		font-size: 0.9rem;
		line-height: 1.35;
		border-radius: var(--suzuka-megamenu-item-radius);
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-detail__panel > .wp-block-navigation-submenu.suzuka-nav-section {
		margin-top: 0.85rem;
		padding-top: 0;
		border-top: 0;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-accordion .suzuka-mega-detail__panel > .wp-block-navigation-submenu.suzuka-nav-section > .wp-block-navigation-item__content {
		min-height: 0;
		padding: 0 0.75rem 0.45rem;
		font-size: 0.72rem;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-single .suzuka-mega-single-pane {
		display: flex !important;
		flex-direction: column;
		gap: 0.1rem;
		width: 100% !important;
		max-width: 100% !important;
		max-height: none !important;
		padding: 0.35rem 0 0;
		overflow: visible !important;
	}

	.hostinger-ai-site-navigation .suzuka-megamenu.suzuka-megamenu--mobile-single .suzuka-mega-single-pane > .wp-block-navigation-link > .wp-block-navigation-item__content {
		min-height: 44px;
		padding: 0.62rem 0.75rem;
		font-size: 0.9rem;
		border-radius: var(--suzuka-megamenu-item-radius);
	}
}

#header,
#headerimg,
#page > hr {
	display: none !important;
}

@media (max-width: 600px) {
	.hostinger-ai-site-title a {
		font-size: 1rem !important;
	}

	.hostinger-ai-menu .suzuka-header-logo__monogram {
		font-size: clamp(1rem, 4.8vw, 1.22rem);
		letter-spacing: 0.1em;
	}

	.hostinger-ai-menu .suzuka-header-logo__eyebrow {
		font-size: clamp(0.36rem, 2.6vw, 0.44rem);
		letter-spacing: 0.18em;
	}
}

/* --- Global mobile width containment (≤900px) --- */
@media (max-width: 900px) {
	:root {
		--suzuka-container-width: 100%;
		--suzuka-container-padding: 1rem;
	}

	html {
		overflow-x: clip;
	}

	body {
		overflow-x: clip;
		max-width: 100%;
		min-width: 0;
	}

	body .wp-site-blocks,
	body main,
	body .entry-content,
	body .wp-block-post-content {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
	}

	.hostinger-ai-menu > .alignwide,
	.hostinger-ai-menu .hostinger-ai-menu-wrapper.alignwide {
		box-sizing: border-box;
		max-width: 100%;
	}
}

/* --- Hide theme footer site-wide (all viewports) — mobile bottom nav replaces footer menu --- */
footer.wp-block-template-part,
.wp-site-blocks > footer,
footer.elementor-location-footer,
footer[data-elementor-type="footer"] {
	display: none !important;
}

/* --- Mobile bottom app bar (Design 1) — hidden on desktop --- */
:root {
	/* Match rendered bar (~71px): list padding + min link height + safe area */
	--suzuka-bottom-nav-height: 4.4375rem;
	--suzuka-mobile-bottom-clearance: calc(var(--suzuka-bottom-nav-height) + 1rem + env(safe-area-inset-bottom, 0px));
	--suzuka-mobile-shop-bottom-clearance: calc(var(--suzuka-bottom-nav-height) + 5.5rem + env(safe-area-inset-bottom, 0px));
}

.suzuka-bottom-nav {
	display: none;
}

@media (max-width: 900px) {
	.suzuka-bottom-nav {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10002;
		padding-bottom: env(safe-area-inset-bottom, 0px);
		background-color: var(--wot-brand-bg);
		border-top: 1px solid var(--wot-brand-silver-light);
		box-shadow: 0 -4px 20px rgba(42, 41, 40, 0.1);
		isolation: isolate;
		transition: transform 0.25s ease, opacity 0.25s ease;
	}

	.suzuka-bottom-nav::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		background: var(--wot-nav-wallpaper) center / contain no-repeat;
		filter: saturate(0.92) blur(var(--wot-menu-bg-blur, 6px));
		transform: scale(var(--wot-menu-bg-scale, 1.05));
		pointer-events: none;
	}

	.suzuka-bottom-nav::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		background: var(--wot-nav-wallpaper-overlay);
		pointer-events: none;
	}

	.suzuka-bottom-nav.is-keyboard-open {
		transform: translateY(100%);
		opacity: 0;
		pointer-events: none;
	}

	.suzuka-bottom-nav__list {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		align-items: center;
		margin: 0;
		padding: 0.5rem 0.25rem;
		list-style: none;
		min-height: calc(var(--suzuka-bottom-nav-height) - env(safe-area-inset-bottom, 0px));
		box-sizing: border-box;
	}

	.suzuka-bottom-nav__item {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		min-width: 0;
		height: 100%;
	}

	.suzuka-bottom-nav__link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.18rem;
		min-height: 2.875rem;
		padding: 0.35rem 0.35rem;
		text-decoration: none !important;
		color: var(--wot-brand-text);
		border-radius: 8px;
		border: 0;
		background: transparent;
		font: inherit;
		width: 100%;
		cursor: pointer;
		transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
	}

	.suzuka-bottom-nav__link:hover,
	.suzuka-bottom-nav__link:focus-visible {
		color: var(--wot-brand-dark);
		background: rgba(181, 179, 175, 0.18);
	}

	.suzuka-bottom-nav__link.is-active {
		color: var(--wot-brand-dark);
		background: rgba(181, 179, 175, 0.24);
		box-shadow: inset 0 -2px 0 var(--wot-brand-silver);
	}

	.suzuka-bottom-nav__icon {
		width: 1.4rem;
		height: 1.4rem;
		flex-shrink: 0;
		color: var(--wot-brand-text);
	}

	.suzuka-bottom-nav__link.is-active .suzuka-bottom-nav__icon {
		color: var(--wot-brand-dark);
	}

	.suzuka-bottom-nav__label {
		font-family: var(--wot-brand-sans);
		font-size: 0.6875rem;
		font-weight: 700;
		line-height: 1.15;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		color: var(--wot-brand-text);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.suzuka-bottom-nav__link.is-active .suzuka-bottom-nav__label {
		font-weight: 800;
		color: var(--wot-brand-dark);
	}

	html {
		scroll-padding-bottom: var(--suzuka-mobile-bottom-clearance);
	}

	body.suzuka-has-mobile-bottom-nav {
		padding-bottom: var(--suzuka-mobile-bottom-clearance);
	}

	body.suzuka-has-mobile-bottom-nav.suzuka-has-shop-sidebar {
		padding-bottom: var(--suzuka-mobile-shop-bottom-clearance);
	}

	body.suzuka-has-mobile-bottom-nav .suzuka-whatsapp-float {
		top: auto;
		bottom: var(
			--suzuka-mobile-bottom-clearance,
			calc(var(--suzuka-bottom-nav-height, 4.4375rem) + 1rem + env(safe-area-inset-bottom, 0px))
		);
	}

	/* --- Mobile main-menu + product bottom sheets (shared markup) --- */
	.suzuka-mobile-menu-sheet {
		position: fixed;
		inset: 0;
		z-index: 10003;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		overflow-x: clip;
		pointer-events: none;
	}

	.suzuka-mobile-menu-sheet.is-open {
		pointer-events: auto;
	}

	.suzuka-mobile-menu-sheet__backdrop {
		position: absolute;
		inset: 0;
		border: 0;
		margin: 0;
		padding: 0;
		background: rgba(42, 41, 40, 0.45);
		opacity: 0;
		transition: opacity 0.28s ease;
		cursor: pointer;
	}

	.suzuka-mobile-menu-sheet.is-open .suzuka-mobile-menu-sheet__backdrop {
		opacity: 1;
	}

	.suzuka-mobile-menu-sheet__panel {
		position: relative;
		z-index: 1;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		max-height: min(85vh, 32rem);
		padding: 0 0 calc(env(safe-area-inset-bottom, 0px) + 0.35rem);
		background: var(--wot-brand-bg);
		border-top: 1px solid var(--wot-brand-silver-light);
		border-radius: 14px 14px 0 0;
		box-shadow: 0 -8px 32px rgba(42, 41, 40, 0.14);
		transform: translateY(100%);
		transition: transform 0.28s ease, max-height 0.28s ease;
		overflow: hidden;
		overflow-x: clip;
		display: flex;
		flex-direction: column;
		isolation: isolate;
	}

	.suzuka-mobile-menu-sheet__panel::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		background: var(--wot-nav-wallpaper) center / var(--wot-menu-bg-size, cover) no-repeat;
		filter: saturate(0.92) blur(var(--wot-menu-bg-blur, 6px));
		transform: scale(var(--wot-menu-bg-scale, 1.05));
		pointer-events: none;
	}

	.suzuka-mobile-menu-sheet__panel::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
		background: var(--wot-nav-wallpaper-overlay);
		pointer-events: none;
	}

	.suzuka-mobile-menu-sheet__header,
	.suzuka-mobile-menu-sheet__list {
		position: relative;
		z-index: 1;
	}

	.suzuka-mobile-menu-sheet.is-open .suzuka-mobile-menu-sheet__panel:has(.suzuka-mobile-menu-sheet__item.is-open) {
		max-height: min(92vh, 40rem);
	}

	.suzuka-mobile-menu-sheet.is-open .suzuka-mobile-menu-sheet__panel {
		transform: translateY(0);
	}

	.suzuka-mobile-menu-sheet__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding: 0.85rem 1rem 0.55rem;
		border-bottom: 1px solid rgba(154, 152, 148, 0.22);
	}

	.suzuka-mobile-menu-sheet__title {
		margin: 0;
		min-width: 0;
		overflow-wrap: break-word;
		word-break: break-word;
		font-family: var(--wot-brand-serif);
		font-size: 1.05rem;
		font-weight: 600;
		color: var(--wot-brand-dark);
		letter-spacing: 0.02em;
	}

	.suzuka-mobile-menu-sheet__close {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.25rem;
		height: 2.25rem;
		border: 0;
		border-radius: 999px;
		background: rgba(181, 179, 175, 0.2);
		color: var(--wot-brand-dark);
		font-size: 1.35rem;
		line-height: 1;
		cursor: pointer;
		transition: background-color 0.15s ease;
	}

	.suzuka-mobile-menu-sheet__close:hover,
	.suzuka-mobile-menu-sheet__close:focus-visible {
		background: rgba(181, 179, 175, 0.34);
	}

	.suzuka-mobile-menu-sheet__list {
		margin: 0;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding: 0.35rem 0.5rem 0.65rem;
		list-style: none;
		overflow-y: auto;
		overflow-x: clip;
		flex: 1 1 auto;
		min-height: 0;
	}

	.suzuka-mobile-menu-sheet__item {
		margin: 0;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.suzuka-mobile-menu-sheet__item--accordion {
		border-bottom: 1px solid rgba(154, 152, 148, 0.16);
	}

	.suzuka-mobile-menu-sheet__item--accordion:last-child {
		border-bottom: 0;
	}

	.suzuka-mobile-menu-sheet__link,
	.suzuka-mobile-menu-sheet__toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.75rem;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		min-height: 2.75rem;
		padding: 0.75rem 0.85rem;
		border: 0;
		border-radius: 10px;
		text-decoration: none !important;
		color: var(--wot-brand-text);
		font-family: var(--wot-brand-sans);
		font-size: 0.98rem;
		font-weight: 500;
		background: transparent;
		text-align: left;
		cursor: pointer;
		transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
	}

	.suzuka-mobile-menu-sheet__toggle {
		border-left: 3px solid transparent;
	}

	.suzuka-mobile-menu-sheet__link:hover,
	.suzuka-mobile-menu-sheet__link:focus-visible,
	.suzuka-mobile-menu-sheet__toggle:hover,
	.suzuka-mobile-menu-sheet__toggle:focus-visible {
		background: rgba(181, 179, 175, 0.18);
		color: var(--wot-brand-dark);
	}

	.suzuka-mobile-menu-sheet__item--accordion.is-open > .suzuka-mobile-menu-sheet__toggle {
		border-left-color: var(--wot-brand-silver);
		background: rgba(181, 179, 175, 0.14);
		color: var(--wot-brand-dark);
	}

	.suzuka-mobile-menu-sheet__label {
		flex: 1 1 auto;
		min-width: 0;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	.suzuka-mobile-menu-sheet__chevron {
		flex: none;
		width: 0.45rem;
		height: 0.45rem;
		border-right: 2px solid var(--wot-brand-silver);
		border-bottom: 2px solid var(--wot-brand-silver);
		transform: rotate(45deg);
		transition: transform 0.2s ease, border-color 0.2s ease;
	}

	.suzuka-mobile-menu-sheet__item--accordion.is-open .suzuka-mobile-menu-sheet__chevron {
		transform: rotate(-135deg);
		border-color: var(--wot-brand-accent);
	}

	.suzuka-mobile-menu-sheet__sublist {
		margin: 0.15rem 0 0.55rem 0.75rem;
		padding: 0;
		box-sizing: border-box;
		width: calc(100% - 0.75rem);
		max-width: calc(100% - 0.75rem);
		min-width: 0;
		list-style: none;
		overflow-x: clip;
		border-left: 2px solid var(--wot-brand-silver-light);
	}

	.suzuka-mobile-menu-sheet__subitem {
		margin: 0;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.suzuka-mobile-menu-sheet__sublink {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		min-height: 2.75rem;
		padding: 0.62rem 0.75rem 0.62rem 0.65rem;
		border-radius: var(--suzuka-megamenu-item-radius);
		text-decoration: none !important;
		color: var(--wot-brand-text);
		font-family: var(--wot-brand-sans);
		font-size: 0.9rem;
		font-weight: 400;
		line-height: 1.35;
		overflow-wrap: break-word;
		word-break: break-word;
		transition: background-color 0.15s ease, color 0.15s ease;
	}

	.suzuka-mobile-menu-sheet__sublink:hover,
	.suzuka-mobile-menu-sheet__sublink:focus-visible {
		background: rgba(181, 179, 175, 0.16);
		color: var(--wot-brand-dark);
	}

	body.suzuka-mobile-menu-open,
	body.suzuka-mobile-product-open {
		overflow: hidden;
		overflow-x: clip;
		width: 100%;
		max-width: 100%;
		touch-action: pan-y;
	}

	.suzuka-mobile-menu-sheet__item--lead {
		border-bottom: 1px solid rgba(154, 152, 148, 0.22);
		margin-bottom: 0.15rem;
	}

	.suzuka-mobile-menu-sheet__link--lead {
		font-weight: 600;
		color: var(--wot-brand-dark);
	}
}