/* Header nav: primary destinations on the right, two contact controls on the left. */
.site-header .nav-right{direction:rtl}
.site-header .nav-right a{display:inline-flex;align-items:center;min-height:44px;padding:12px 0;direction:rtl;transition:color 160ms ease}
.site-header .nav-right a:hover{color:var(--accent)}
.site-header .menu-toggle{margin-left:auto}
@media(prefers-reduced-motion:reduce){.site-header .nav-right a{transition:none}}

/* Two bare white icons with comfortable, invisible square targets; the existing dialog owns phone behavior. */
.site-header nav.nav-left{gap:8px;flex-shrink:0}
.site-header nav .contact-square{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(44px,2.5vw,48px);height:clamp(44px,2.5vw,48px);min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;transition:opacity 160ms ease}
.site-header nav .contact-square:hover{background:transparent;color:#fff;opacity:.72}
.site-header nav .contact-square:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-header .contact-square svg{width:20px;height:20px;pointer-events:none}
.site-header .whatsapp-action svg{fill:#fff;stroke:none}
@media(max-width:370px){.site-header nav.nav-left{gap:4px}}
@media(max-width:350px){.site-header nav.nav-left{margin-left:-4px}}
@media(prefers-reduced-motion:reduce){.site-header nav .contact-square{transition:none}}

.site-header .nav-right [lang="en"],.mobile-menu [lang="en"]{font-family:Montserrat,Arial,sans-serif;direction:ltr;unicode-bidi:isolate}

/* Existing pending products sit beside WhatsApp, with stable LTR visual/focus order. */
.site-header .header-product-cluster{display:inline-flex;align-items:center;direction:ltr;gap:clamp(14px,1.2vw,24px);margin-left:10px}
.site-header .header-product-cluster :is(button,a){display:inline-flex;align-items:center;gap:7px;direction:ltr;min-height:44px;padding:10px 0;font-family:Montserrat,Arial,sans-serif;font-size:var(--type-nav,15px);line-height:1.5;white-space:nowrap;unicode-bidi:isolate}
.site-header .header-product-cluster .header-dna-link,.mobile-menu .header-dna-link{font-weight:700}
.header-dna-icon{display:block;flex:0 0 20px;width:20px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:butt;stroke-linejoin:miter;pointer-events:none}
.mobile-menu .header-dna-link{display:flex;align-items:center;gap:12px}.mobile-menu .header-dna-link small{font-weight:400}
@media(max-width:1279px){.site-header .header-product-cluster{display:none}}

.mobile-menu .header-product-label{display:inline-flex;align-items:center;gap:7px;direction:ltr;unicode-bidi:isolate}

/* Screenshot-approved compact top-level navigation: one centered column on a full glass backdrop. */
#mobile-menu{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100svh;max-height:none;padding:clamp(64px,10svh,104px) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border:0;border-radius:0;background:transparent;box-shadow:none;overflow-y:auto;color:#fff;text-align:center}
#mobile-menu::backdrop{background:rgba(6,7,9,.76);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
#mobile-menu .menu-heading{display:flex;justify-content:center;align-items:center;padding:0;margin:0 auto clamp(24px,5svh,48px)}
#mobile-menu .mobile-menu__logo{width:clamp(126px,36vw,174px);margin-inline:auto}
#mobile-menu .menu-close{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#fff}
#mobile-menu nav{display:flex;flex-direction:column;gap:8px;width:min(100%,420px);margin-inline:auto}
#mobile-menu nav a,#mobile-menu nav button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:14px 18px;border:0;border-radius:0;text-align:center;font-size:clamp(18px,4.8vw,22px);font-weight:500;line-height:1.5;background:rgba(255,255,255,.035);color:#fff;transition:background-color 180ms ease,color 180ms ease}
#mobile-menu nav .header-dna-link{font-weight:700}
#mobile-menu nav small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#mobile-menu nav a:hover,#mobile-menu nav button:hover,#mobile-menu nav a:focus-visible,#mobile-menu nav button:focus-visible{background:rgba(255,255,255,.94);color:#101114}
#mobile-menu a:focus-visible,#mobile-menu button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#mobile-menu::backdrop{background:rgba(6,7,9,.96)}}
@media(max-height:560px){#mobile-menu{padding-top:max(58px,env(safe-area-inset-top))}#mobile-menu .menu-heading{margin-bottom:18px}#mobile-menu .mobile-menu__logo{width:112px}#mobile-menu nav{gap:4px}#mobile-menu nav a,#mobile-menu nav button{min-height:48px;padding-block:10px}}
@media(prefers-reduced-motion:reduce){#mobile-menu nav a,#mobile-menu nav button{transition:none}}

/* Keep the original DNA button appearance on its now-functional navigation link. */
.site-header .header-product-cluster a.header-dna-link{transition:color 160ms ease}
.site-header .header-product-cluster a.header-dna-link:hover{color:var(--accent)}