/**
 * PolishEng Navbar — overlays content; white liquid glass on scroll.
 */

.peng-navbar {
	--peng-nav-height: 76px;
	--peng-nav-height-scrolled: 76px;
	--peng-logo-h: 36px;
	--peng-logo-h-scrolled: 36px;
	--peng-logo-w: 168px;
	--peng-logo-w-scrolled: 168px;
	--peng-nav-link-size: 0.95rem;
	--peng-nav-link-pad-y: 0.5rem;
	--peng-nav-link-pad-x: 0.85rem;
	--peng-nav-link-gap: 0.2rem;
	--peng-nav-max: 100%;
	--peng-nav-max-scrolled: 100%;
	--peng-nav-top: 0px;
	--peng-nav-top-scrolled: 0px;
	--peng-nav-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--peng-nav-duration: 160ms;
	--peng-nav-bg: transparent;
	--peng-nav-fg: #ffffff;
	--peng-nav-muted: rgba(255, 255, 255, 0.62);
	--peng-nav-border: transparent;
	--peng-nav-shadow: none;
	position: relative;
	z-index: 1000;
	width: 100%;
	font-family: var(--peng-font);
	color: var(--peng-nav-fg);
}

/* No layout offset — navbar overlaps page content */
.peng-navbar__spacer {
	width: 100%;
	height: 0 !important;
	min-height: 0 !important;
	pointer-events: none;
}

/* Transparent overlay at top of page */
.peng-navbar__float {
	position: relative;
	display: flex;
	justify-content: center;
	padding-inline: 0;
	z-index: 1000;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
	transition:
		background-color var(--peng-nav-duration) var(--peng-nav-ease),
		box-shadow var(--peng-nav-duration) var(--peng-nav-ease),
		border-color var(--peng-nav-duration) var(--peng-nav-ease),
		backdrop-filter var(--peng-nav-duration) var(--peng-nav-ease),
		-webkit-backdrop-filter var(--peng-nav-duration) var(--peng-nav-ease);
}

.peng-navbar--sticky .peng-navbar__float {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	pointer-events: none;
}

/* Scroll — full-width white liquid glass (single layer on float) */
.peng-navbar--sticky.peng-navbar--scrolled .peng-navbar__float {
	top: 0;
	background: rgba(255, 255, 255, 0.82);
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	box-shadow:
		0 10px 36px rgba(0, 0, 0, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.85),
		inset 0 -1px 0 rgba(0, 0, 0, 0.04);
}

.peng-navbar__shell {
	pointer-events: auto;
	position: relative;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	column-gap: 1rem;
	width: 100%;
	max-width: var(--peng-container, 1280px);
	min-height: var(--peng-nav-height);
	margin-inline: auto;
	padding: 0.75rem clamp(16px, 4vw, 32px);
	border: 0 !important;
	border-radius: 0;
	direction: ltr;
	isolation: isolate;
	overflow: visible;
	background: transparent;
	color: #ffffff;
	box-shadow: none;
	transition: none;
}

/* Glass layer — invisible over content until scroll */
.peng-navbar__glass {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	border-radius: 0;
	overflow: hidden;
	background: transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	transition:
		background-color var(--peng-nav-duration) var(--peng-nav-ease),
		backdrop-filter var(--peng-nav-duration) var(--peng-nav-ease),
		-webkit-backdrop-filter var(--peng-nav-duration) var(--peng-nav-ease),
		box-shadow var(--peng-nav-duration) var(--peng-nav-ease);
}

.peng-navbar__glass::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.35) 0%,
		rgba(0, 0, 0, 0.12) 55%,
		transparent 100%
	);
	opacity: 1;
	pointer-events: none;
	transition: opacity var(--peng-nav-duration) var(--peng-nav-ease), background var(--peng-nav-duration) var(--peng-nav-ease);
}

.peng-navbar__shell > *:not(.peng-navbar__glass) {
	position: relative;
	z-index: 1;
}

/* Arabic / RTL: menu text on the right, actions on the left */
.peng-navbar--rtl .peng-navbar__shell {
	direction: rtl;
}

.peng-navbar--rtl .peng-navbar__nav,
.peng-navbar--rtl .peng-navbar__menu {
	direction: rtl;
	justify-content: flex-start;
}

.peng-navbar--rtl .peng-navbar__actions {
	direction: rtl;
}

/* Scroll — white liquid blur; text flips to black */
.peng-navbar--scrolled {
	--peng-nav-height: 76px;
	--peng-logo-h: 36px;
	--peng-logo-w: 168px;
	--peng-nav-bg: transparent;
	--peng-nav-fg: #000000;
	--peng-nav-muted: #6d6d6d;
	color: #000000;
}

.peng-navbar--scrolled .peng-navbar__shell {
	max-width: var(--peng-container, 1280px);
	--peng-nav-fg: #000000;
	color: #000000;
	box-shadow: none;
	border: 0 !important;
	padding: 0.75rem clamp(16px, 4vw, 32px);
	column-gap: 1rem;
}

.peng-navbar--scrolled .peng-navbar__glass {
	/* Keep glass transparent — full-width white lives on .peng-navbar__float only */
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
}

.peng-navbar--scrolled .peng-navbar__glass::before {
	opacity: 0;
}

.peng-navbar--compact {
	--peng-nav-height: 64px;
	--peng-nav-height-scrolled: 64px;
	--peng-logo-h: 30px;
	--peng-logo-h-scrolled: 30px;
	--peng-logo-w: 140px;
	--peng-logo-w-scrolled: 140px;
}

.peng-navbar--bordered .peng-navbar__shell {
	border: 0 !important;
}

/*
 * Transparent / over-dark — overlap content, glass on scroll.
 */
.peng-navbar--transparent:not(.peng-navbar--scrolled) .peng-navbar__shell,
.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__shell {
	--peng-nav-fg: #ffffff;
	--peng-nav-muted: rgba(255, 255, 255, 0.62);
	color: #ffffff;
	border: 0 !important;
	box-shadow: none;
}

.peng-navbar--transparent.peng-navbar--scrolled .peng-navbar__shell,
.peng-navbar--over-dark.peng-navbar--scrolled .peng-navbar__shell {
	--peng-nav-fg: #000000;
	--peng-nav-muted: #6d6d6d;
	color: #000000;
}

.peng-navbar--transparent:not(.peng-navbar--scrolled) .peng-navbar__glass,
.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__glass,
.peng-navbar--transparent .peng-navbar__glass,
.peng-navbar--over-dark .peng-navbar__glass {
	background: transparent;
	background-image: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.peng-navbar--transparent.peng-navbar--scrolled .peng-navbar__glass,
.peng-navbar--over-dark.peng-navbar--scrolled .peng-navbar__glass {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

.peng-navbar--rtl .peng-navbar__drawer {
	direction: rtl;
}

/* Center logo — keep crisp (glass is a sibling layer, not a parent filter) */
.peng-navbar__brand-wrap {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-self: center;
	gap: 0.35rem;
	min-width: 0;
	z-index: 4;
	isolation: isolate;
}

.peng-navbar__brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	line-height: 0;
	text-decoration: none;
	padding-inline: 0.35rem;
}

.peng-navbar__logo {
	display: block !important;
	height: var(--peng-logo-h) !important;
	width: auto !important;
	max-width: min(var(--peng-logo-w), 42vw) !important;
	object-fit: contain !important;
	object-position: center;
	image-rendering: auto;
	transform: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	transition:
		height var(--peng-nav-duration) var(--peng-nav-ease),
		max-width var(--peng-nav-duration) var(--peng-nav-ease),
		opacity 220ms var(--peng-nav-ease);
}

.peng-navbar__brand:hover .peng-navbar__logo {
	opacity: 0.92;
}

.peng-navbar__legal {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: center;
	gap: 0.3rem 0.35rem;
	max-width: min(420px, 55vw);
	text-align: center;
	line-height: 1.25;
	white-space: nowrap;
}

.peng-navbar__legal-key {
	display: inline;
	flex: 0 0 auto;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: none;
	color: rgba(255, 255, 255, 0.88);
	white-space: nowrap;
}

.peng-navbar__legal-value {
	display: inline;
	flex: 0 1 auto;
	font-size: 0.68rem;
	font-weight: 700;
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.peng-navbar--scrolled .peng-navbar__legal {
	display: flex;
}

.peng-navbar__shell:has(.peng-navbar__legal) {
	min-height: calc(var(--peng-nav-height) + 0.85rem);
}

.peng-navbar--transparent .peng-navbar__legal-key,
.peng-navbar--over-dark .peng-navbar__legal-key,
.peng-navbar--transparent .peng-navbar__legal-value,
.peng-navbar--over-dark .peng-navbar__legal-value {
	color: #ffffff;
}

.peng-navbar--scrolled .peng-navbar__legal-key,
.peng-navbar--scrolled .peng-navbar__legal-value,
.peng-navbar--transparent.peng-navbar--scrolled .peng-navbar__legal-key,
.peng-navbar--over-dark.peng-navbar--scrolled .peng-navbar__legal-key,
.peng-navbar--transparent.peng-navbar--scrolled .peng-navbar__legal-value,
.peng-navbar--over-dark.peng-navbar--scrolled .peng-navbar__legal-value {
	color: #000000;
}

/* Left navigation */
.peng-navbar__nav {
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
	min-width: 0;
	max-width: 100%;
}

.peng-navbar__menu {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--peng-nav-link-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.peng-navbar__menu::-webkit-scrollbar {
	display: none;
}

.peng-navbar__menu > .menu-item {
	margin: 0;
	position: relative;
	flex: 0 0 auto;
}

.peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a {
	display: inline-flex;
	align-items: center;
	padding: var(--peng-nav-link-pad-y) var(--peng-nav-link-pad-x);
	border-radius: 999px;
	font-size: var(--peng-nav-link-size);
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.2;
	color: #ffffff !important;
	text-decoration: none;
	opacity: 1;
	white-space: nowrap;
	transition:
		color 180ms ease,
		background-color 180ms ease,
		padding 180ms ease;
}

.peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a:hover,
.peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a:focus-visible {
	opacity: 1;
	padding: calc(var(--peng-nav-link-pad-y) + 0.28rem) calc(var(--peng-nav-link-pad-x) + 0.45rem);
	background-color: rgba(255, 1, 0, 0.16);
	color: #ffffff !important;
	outline: none;
}

.peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current-menu-item > a,
.peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current-menu-ancestor > a,
.peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current_page_item > a {
	opacity: 1;
	color: #ff0100 !important;
	background: rgba(255, 1, 0, 0.14);
	font-weight: 700;
}

.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a {
	color: #ffffff !important;
}

.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a:hover,
.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a:focus-visible {
	color: #ffffff !important;
	background-color: rgba(255, 1, 0, 0.16);
}

.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current-menu-item > a,
.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current-menu-ancestor > a,
.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current_page_item > a {
	color: #ff0100 !important;
	background: rgba(255, 1, 0, 0.14);
}

.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a,
.peng-navbar--transparent.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a,
.peng-navbar--over-dark.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a {
	color: #000000 !important;
}

.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a:hover,
.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a:focus-visible,
.peng-navbar--transparent.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a:hover,
.peng-navbar--over-dark.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item > a:hover {
	color: #000000 !important;
	background-color: rgba(255, 1, 0, 0.1);
}

.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current-menu-item > a,
.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current-menu-ancestor > a,
.peng-navbar--scrolled .peng-navbar__menu:not(.peng-navbar__menu--drawer) > .menu-item.current_page_item > a {
	color: #ff0100 !important;
	background: rgba(255, 1, 0, 0.1);
}

/* Dropdown */
.peng-navbar__menu .sub-menu {
	display: none;
	position: absolute;
	inset-inline-start: 0;
	top: calc(100% + 0.55rem);
	min-width: 12rem;
	margin: 0;
	padding: 0.4rem;
	list-style: none;
	background: var(--peng-white);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 14px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
	z-index: 30;
}

.peng-navbar__menu > .menu-item-has-children:hover > .sub-menu,
.peng-navbar__menu > .menu-item-has-children:focus-within > .sub-menu {
	display: block;
}

.peng-navbar__menu .sub-menu a {
	display: block;
	padding: 0.55rem 0.75rem;
	border-radius: 10px;
	color: var(--peng-text);
	text-decoration: none;
	font-size: 0.9rem;
}

.peng-navbar__menu .sub-menu a:hover,
.peng-navbar__menu .sub-menu a:focus-visible {
	background: var(--peng-surface);
	color: var(--peng-primary);
	outline: none;
}

/* Right actions */
.peng-navbar__actions {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	flex-shrink: 0;
}

.peng-navbar__lang {
	display: inline-flex;
	align-items: stretch;
	align-self: center;
	box-sizing: border-box;
	height: 40px;
	min-height: 40px;
	padding: 3px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	direction: ltr;
}

.peng-navbar--scrolled .peng-navbar__lang:not(.peng-navbar__lang--drawer) {
	height: 40px;
	min-height: 40px;
	background: rgba(0, 0, 0, 0.06);
	border-color: rgba(0, 0, 0, 0.1);
}

.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__lang:not(.peng-navbar__lang--drawer) {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.14);
}

.peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	min-width: 2.35rem;
	height: auto;
	padding: 0 0.62rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	transition: background-color 160ms ease, color 160ms ease;
}

.peng-navbar--scrolled .peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn {
	font-size: 0.72rem;
	min-width: 2.35rem;
	padding: 0 0.62rem;
	color: #6d6d6d;
}

.peng-navbar--scrolled .peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn:hover,
.peng-navbar--scrolled .peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn:focus-visible {
	color: #000000;
}

.peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn:hover,
.peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn:focus-visible {
	color: #ffffff;
	outline: none;
}

.peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn.is-active {
	background: var(--peng-primary, #ff0100);
	color: #ffffff !important;
}

.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn {
	color: rgba(255, 255, 255, 0.55);
}

.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn:hover,
.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__lang:not(.peng-navbar__lang--drawer) .peng-navbar__lang-btn:focus-visible {
	color: #ffffff;
}

.peng-navbar__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	gap: 0.45rem;
	box-sizing: border-box;
	white-space: nowrap;
	height: 40px;
	min-height: 40px;
	padding: 0 1rem;
	font-size: 0.84rem;
	line-height: 1;
	border-radius: 999px;
	transition:
		height var(--peng-nav-duration) var(--peng-nav-ease),
		min-height var(--peng-nav-duration) var(--peng-nav-ease),
		padding var(--peng-nav-duration) var(--peng-nav-ease),
		font-size var(--peng-nav-duration) var(--peng-nav-ease),
		background-color 160ms ease,
		color 160ms ease,
		border-color 160ms ease;
}

.peng-navbar__cta-icon {
	font-size: 1.15em;
	line-height: 1;
}

/* Header CTA — primary brand color */
.peng-navbar__shell .peng-navbar__cta.peng-button--primary {
	background: var(--peng-primary, #ff0100) !important;
	background-color: var(--peng-primary, #ff0100) !important;
	border-color: var(--peng-primary, #ff0100) !important;
	color: #ffffff !important;
	box-shadow: none;
}

.peng-navbar__shell .peng-navbar__cta.peng-button--primary:hover,
.peng-navbar__shell .peng-navbar__cta.peng-button--primary:focus-visible {
	background: #000000 !important;
	background-color: #000000 !important;
	border-color: #000000 !important;
	color: #ffffff !important;
}

.peng-navbar--scrolled .peng-navbar__shell .peng-navbar__cta {
	height: 40px;
	min-height: 40px;
	padding: 0 1rem;
	font-size: 0.84rem;
}

.peng-navbar__toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #000000 !important;
	background-color: #000000 !important;
	color: #ffffff;
	cursor: pointer;
	flex-shrink: 0;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.peng-navbar__toggle:hover,
.peng-navbar__toggle:focus,
.peng-navbar__toggle:focus-visible,
.peng-navbar__toggle:active {
	background: var(--peng-primary, #ff0100) !important;
	background-color: var(--peng-primary, #ff0100) !important;
	color: #ffffff;
	outline: none;
	box-shadow: none;
}

.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__toggle {
	border: 0;
	background: #000000 !important;
	background-color: #000000 !important;
	color: #ffffff;
}

.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__toggle:hover,
.peng-navbar--over-dark:not(.peng-navbar--scrolled) .peng-navbar__toggle:focus-visible {
	background: var(--peng-primary, #ff0100) !important;
	background-color: var(--peng-primary, #ff0100) !important;
	color: #ffffff;
}

.peng-navbar__toggle-box {
	position: relative;
	display: grid;
	place-items: center;
	width: 1.15rem;
	height: 1.15rem;
	line-height: 0;
}

.peng-navbar__toggle-icon {
	grid-area: 1 / 1;
	font-size: 1.05rem;
	line-height: 1;
	width: 1em;
	height: 1em;
	display: grid;
	place-items: center;
	transition: opacity 180ms ease, transform 180ms ease;
}

.peng-navbar__toggle-icon--close {
	opacity: 0;
	transform: scale(0.6) rotate(-40deg);
}

.peng-navbar.is-open .peng-navbar__toggle-icon--open {
	opacity: 0;
	transform: scale(0.6) rotate(40deg);
}

.peng-navbar.is-open .peng-navbar__toggle-icon--close {
	opacity: 1;
	transform: scale(1) rotate(0deg);
}

/* Drawer */
.peng-navbar__overlay {
	position: fixed;
	inset: 0;
	z-index: 1001;
	background: rgba(0, 0, 0, 0.58);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 280ms ease;
}

.peng-navbar.is-open .peng-navbar__overlay {
	opacity: 1;
	pointer-events: auto;
}

.peng-navbar__drawer {
	position: fixed;
	top: 0;
	inset-inline-end: 0;
	z-index: 1002;
	display: flex;
	flex-direction: column;
	width: min(100%, 380px);
	height: 100%;
	height: 100dvh;
	padding: 0;
	background: #ffffff;
	color: #000;
	box-shadow: -18px 0 48px rgba(0, 0, 0, 0.28);
	transform: translateX(105%);
	transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
	overflow: hidden;
}

.peng-navbar--rtl .peng-navbar__drawer {
	transform: translateX(-105%);
	box-shadow: 18px 0 48px rgba(0, 0, 0, 0.28);
}

.peng-navbar.is-open .peng-navbar__drawer {
	transform: translateX(0);
}

.peng-navbar__drawer[hidden],
.peng-navbar__overlay[hidden] {
	display: none;
}

.peng-navbar.is-open .peng-navbar__drawer[hidden] {
	display: flex;
}

.peng-navbar.is-open .peng-navbar__overlay[hidden] {
	display: block;
}

.peng-navbar__drawer-accent {
	position: absolute;
	inset-inline-start: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, #ff0100 0%, #ff0100 35%, rgba(255, 1, 0, 0.2) 100%);
	pointer-events: none;
	z-index: 2;
}

.peng-navbar__drawer-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-shrink: 0;
	margin: 0;
	padding: 1.15rem 1.15rem 1.15rem 1.35rem;
	background: #000;
	border-bottom: 0;
}

.peng-navbar__brand--drawer {
	grid-column: auto;
	justify-self: start;
	padding-inline: 0;
	filter: brightness(0) invert(1);
}

.peng-navbar__logo--drawer {
	height: 38px !important;
	max-width: 168px !important;
}

.peng-navbar__close {
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #ffffff;
	color: #000000;
	cursor: pointer;
	flex-shrink: 0;
	line-height: 0;
	box-shadow: none;
	transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.peng-navbar__close:hover,
.peng-navbar__close:focus,
.peng-navbar__close:focus-visible,
.peng-navbar__close:active {
	background: #ff0100;
	color: #ffffff;
	outline: none;
	box-shadow: none;
}

.peng-navbar__close-svg {
	display: block;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	pointer-events: none;
}

.peng-navbar__drawer-label {
	margin: 0;
	padding: 1rem 1.35rem 0.35rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--peng-primary, #ff0100);
	flex-shrink: 0;
}

.peng-navbar__drawer-nav {
	flex: 1;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0.35rem 1rem 1rem 1.2rem;
	overscroll-behavior: contain;
}

.peng-navbar__drawer-social {
	flex-shrink: 0;
	padding: 0;
}

.peng-navbar__drawer-social-label {
	margin: 0 0 0.55rem;
	font-size: 0.65rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #777;
}

.peng-navbar__social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.peng-navbar__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	color: #111;
	text-decoration: none;
	font-size: 1rem;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.peng-navbar__social-link:hover,
.peng-navbar__social-link:focus-visible {
	background: #000;
	border-color: #000;
	color: #fff;
	outline: none;
}

.peng-navbar__drawer-foot {
	margin-top: auto;
	flex-shrink: 0;
	padding: 1rem 1.15rem calc(1.15rem + env(safe-area-inset-bottom, 0px));
	display: grid;
	gap: 0.85rem;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	background: #f7f7f7;
}

.peng-navbar__drawer-actions {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: end;
	gap: 0.85rem 1rem;
}

.peng-navbar__drawer-actions .peng-navbar__drawer-social {
	min-width: 0;
}

.peng-navbar__drawer-actions .peng-navbar__cta--block {
	align-self: end;
	width: 100%;
	min-width: 0;
	height: auto;
	min-height: 48px;
	padding: 0.75rem 1rem;
	border-radius: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width: 360px) {
	.peng-navbar__drawer-actions {
		grid-template-columns: 1fr;
	}
}

.peng-navbar__menu--drawer {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	overflow: visible;
	margin: 0;
	padding: 0;
	list-style: none;
}

.peng-navbar__menu--drawer > .menu-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.peng-navbar__menu--drawer > .menu-item > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 1rem 0.35rem;
	border-radius: 0;
	font-size: 1.08rem;
	font-weight: 700;
	color: #111 !important;
	text-decoration: none;
	white-space: normal;
	background: transparent;
	opacity: 1;
	transition: color 160ms ease, padding 160ms ease, background-color 160ms ease;
}

.peng-navbar__menu--drawer > .menu-item > a::after {
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 0.7rem;
	color: #c4c4c4;
	transition: color 160ms ease, transform 160ms ease;
}

.peng-navbar--rtl .peng-navbar__menu--drawer > .menu-item > a::after {
	content: "\f053";
}

.peng-navbar__menu--drawer > .menu-item > a:hover,
.peng-navbar__menu--drawer > .menu-item > a:focus-visible {
	background: transparent;
	color: var(--peng-primary, #ff0100) !important;
	outline: none;
	padding-inline-start: 0.55rem;
}

.peng-navbar__menu--drawer > .menu-item > a:hover::after,
.peng-navbar__menu--drawer > .menu-item > a:focus-visible::after {
	color: var(--peng-primary, #ff0100);
	transform: translateX(3px);
}

.peng-navbar--rtl .peng-navbar__menu--drawer > .menu-item > a:hover::after,
.peng-navbar--rtl .peng-navbar__menu--drawer > .menu-item > a:focus-visible::after {
	transform: translateX(-3px);
}

.peng-navbar__menu--drawer > .menu-item.current-menu-item > a,
.peng-navbar__menu--drawer > .menu-item.current-menu-ancestor > a,
.peng-navbar__menu--drawer > .menu-item.current_page_item > a {
	color: var(--peng-primary, #ff0100) !important;
	background: rgba(255, 1, 0, 0.08);
}

.peng-navbar__menu--drawer > .menu-item.current-menu-item > a::after,
.peng-navbar__menu--drawer > .menu-item.current-menu-ancestor > a::after,
.peng-navbar__menu--drawer > .menu-item.current_page_item > a::after {
	color: var(--peng-primary, #ff0100);
}

.peng-navbar__menu--drawer .sub-menu {
	position: static;
	display: block;
	min-width: 0;
	margin: 0 0 0.5rem;
	padding: 0 0 0.35rem 0.85rem;
	border: 0;
	box-shadow: none;
	background: transparent;
	list-style: none;
}

.peng-navbar__menu--drawer .sub-menu a {
	display: block;
	padding: 0.55rem 0.35rem;
	font-size: 0.95rem;
	font-weight: 500;
	color: #666;
	text-decoration: none;
}

.peng-navbar__menu--drawer .sub-menu a::after {
	display: none;
}

.peng-navbar__menu--drawer .sub-menu a:hover,
.peng-navbar__menu--drawer .sub-menu a:focus-visible {
	color: var(--peng-primary, #ff0100);
}

.peng-navbar__lang--drawer {
	justify-content: stretch;
	align-items: stretch;
	height: auto;
	min-height: 0;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	overflow: hidden;
}

.peng-navbar__lang--drawer .peng-navbar__lang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	color: #666 !important;
	flex: 1;
	padding: 0.7rem 0.5rem;
	font-weight: 700;
	background: transparent;
}

.peng-navbar__lang--drawer .peng-navbar__lang-btn:hover,
.peng-navbar__lang--drawer .peng-navbar__lang-btn:focus-visible {
	color: #111 !important;
	outline: none;
}

.peng-navbar__lang--drawer .peng-navbar__lang-btn.is-active {
	color: #fff !important;
	border-radius: 12px;
	background: #000;
}

.peng-navbar__cta--block {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 48px;
	font-size: 0.95rem;
	border-radius: 12px;
}

.peng-navbar__cta--block i {
	font-size: 1.2em;
}

/* Tablet / mobile — logo inset from the edge, CTA + menu on the other side */
@media (max-width: 960px) {
	.peng-navbar {
		--peng-nav-max: 100%;
		--peng-nav-max-scrolled: 100%;
		--peng-nav-top: 0px;
		--peng-nav-top-scrolled: 0px;
		--peng-nav-height: 68px;
		--peng-nav-height-scrolled: 68px;
		--peng-logo-h: 32px;
		--peng-logo-w: 148px;
		--peng-logo-h-scrolled: 32px;
		--peng-logo-w-scrolled: 148px;
	}

	.peng-navbar__nav {
		display: none;
	}

	.peng-navbar__shell {
		direction: ltr;
		grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
		max-width: 100%;
		border: 0 !important;
		border-radius: 0;
		padding: 0.65rem 0.85rem;
		column-gap: 0.5rem;
	}

	/* Arabic: mirror the whole bar — logo right, CTA + menu left. */
	.peng-navbar--rtl .peng-navbar__shell {
		direction: rtl;
	}

	.peng-navbar__brand-wrap {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
		align-self: center;
		align-items: flex-start;
		gap: 0.15rem;
		max-width: min(72vw, 18rem);
		min-width: 0;
		padding-inline-start: 0.35rem;
		padding-inline-end: 0.35rem;
	}

	.peng-navbar__brand {
		justify-content: flex-start;
		padding-inline: 0;
		line-height: 0;
		max-width: 100%;
	}

	.peng-navbar__legal {
		display: flex;
		flex-wrap: nowrap;
		align-items: baseline;
		justify-content: flex-start;
		width: max-content;
		max-width: min(72vw, 18rem);
		text-align: start;
		white-space: nowrap;
		gap: 0.25rem;
	}

	.peng-navbar__legal-key,
	.peng-navbar__legal-value {
		display: inline;
		font-size: 0.5rem;
		line-height: 1.2;
		white-space: nowrap;
		overflow: visible;
		text-overflow: clip;
	}

	.peng-navbar__legal-key {
		color: rgba(255, 255, 255, 0.88);
	}

	.peng-navbar__legal-value {
		color: #ffffff;
	}

	.peng-navbar--scrolled .peng-navbar__legal-key,
	.peng-navbar--scrolled .peng-navbar__legal-value {
		color: #000000;
	}

	.peng-navbar__logo {
		height: var(--peng-logo-h) !important;
		max-width: min(var(--peng-logo-w), 48vw) !important;
		width: auto !important;
		object-fit: contain !important;
	}

	.peng-navbar__actions {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
		display: inline-flex;
		align-items: center;
		gap: 0.35rem;
		padding-inline-end: 0.15rem;
	}

	/* Hide the top-bar switcher only — the drawer keeps its own. */
	.peng-navbar__lang:not(.peng-navbar__lang--drawer) {
		display: none;
	}

	.peng-navbar__lang--drawer {
		display: flex;
	}

	.peng-navbar__toggle {
		display: inline-grid;
		place-items: center;
		flex-shrink: 0;
	}

	/* Icon-only CTA in the header bar — not the drawer block CTA */
	.peng-navbar__shell .peng-navbar__cta {
		width: 40px;
		min-width: 40px;
		height: 40px;
		min-height: 40px;
		padding: 0;
		font-size: 0.78rem;
		gap: 0;
		border-width: 0;
	}

	.peng-navbar__shell .peng-navbar__cta-label {
		display: none;
	}

	.peng-navbar__shell .peng-navbar__cta-icon {
		font-size: 1.2rem;
		margin: 0;
	}

	.peng-navbar__drawer-actions .peng-navbar__cta--block {
		width: 100%;
		min-width: 0;
		height: auto;
		min-height: 48px;
		padding: 0.75rem 1rem;
		font-size: 0.95rem;
		gap: 0.55rem;
		border-width: 1px;
		border-radius: 12px;
	}

	.peng-navbar__drawer-actions .peng-navbar__cta--block span {
		display: inline;
	}

	/* Keep glass highlight — don't repurpose ::before as spacer */
	.peng-navbar__glass::before {
		grid-column: unset;
		grid-row: unset;
		width: auto;
		height: auto;
	}
}

@media (max-width: 480px) {
	.peng-navbar {
		--peng-nav-height: 64px;
		--peng-nav-height-scrolled: 64px;
		--peng-logo-h: 30px;
		--peng-logo-w: 136px;
		--peng-logo-h-scrolled: 30px;
		--peng-logo-w-scrolled: 136px;
	}

	.peng-navbar__brand-wrap {
		padding-inline-start: 0.25rem;
		max-width: min(78vw, 17rem);
	}

	.peng-navbar__legal {
		max-width: min(78vw, 17rem);
	}

	.peng-navbar__legal-key,
	.peng-navbar__legal-value {
		font-size: 0.45rem;
	}

	.peng-navbar__logo {
		max-width: min(var(--peng-logo-w), 52vw) !important;
	}

	.peng-navbar__drawer {
		width: min(100%, 100vw);
	}
}

@media (prefers-reduced-motion: reduce) {
	.peng-navbar__shell,
	.peng-navbar__float,
	.peng-navbar__spacer,
	.peng-navbar__logo,
	.peng-navbar__drawer,
	.peng-navbar__overlay,
	.peng-navbar__toggle-icon {
		transition: none !important;
	}
}