.hx-responsive-header {
	position: relative;
	z-index: 20;
	flex-shrink: 0;
	width: 100%;
	font-family: Cairo, var(--hx-font, sans-serif);
}
.hx-desktop-nav {
	display: flex;
	align-items: center;
	gap: var(--hx-nav-gap, 22px);
	min-height: 52px;
	padding: 0 clamp(16px, 4.5vw, 88px);
	direction: rtl;
	color: var(--hx-nav-color, #111827);
	background: var(--hx-nav-bg, #f8fafc);
	border-bottom: 1px solid #e1e6ee;
}
.hx-desktop-nav ul { margin: 0; padding: 0; list-style: none; }
.hx-desktop-nav__list { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--hx-nav-gap, 22px); }
.hx-desktop-nav li,
.hx-desktop-nav details { position: relative; }
.hx-desktop-nav a,
.hx-desktop-nav summary {
	display: block;
	padding: 12px 6px;
	color: inherit;
	font-size: var(--hx-nav-size, 15px);
	font-weight: 700;
	text-decoration: none;
}
.hx-desktop-nav a:hover,
.hx-desktop-nav summary:hover { color: var(--hx-primary, #111827); background: #eef2f7; }
.hx-desktop-nav__list > .current-menu-item > a {
	box-shadow: inset 0 -3px var(--hx-accent, #ffc362);
}
.hx-desktop-nav summary { list-style: none; cursor: pointer; }
.hx-desktop-nav summary::-webkit-details-marker { display: none; }
.hx-desktop-nav summary::after { content: "⌄"; margin-inline-start: 8px; }
.hx-desktop-nav .sub-menu,
.hx-desktop-nav .hx-desktop-nav__more-links {
	position: absolute;
	inset-inline-start: 0;
	top: 100%;
	min-width: 190px;
	padding: 5px 8px;
	border: 1px solid #e1e6ee;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 9px 20px #11182719;
}
.hx-desktop-nav .sub-menu { display: none; }
.hx-desktop-nav li:hover > .sub-menu,
.hx-desktop-nav li:focus-within > .sub-menu { display: block; }
@media (max-width: 1024px), (max-width: 1366px) and (pointer: coarse) {
	.hx-desktop-nav { display: none; }
}

.hx-desktop-nav__home-icon {
	display: block;
	color: var(--hx-accent, currentColor);
}
.hx-desktop-nav__home-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}