/* IMEX shared site header/navigation — authoritative for main site + Rope Finder. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');
:root{--imex-nav-navy:#012169;--imex-nav-red:#c8102e;--hero-axis:clamp(24px,6vw,120px)}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:92px;padding:0 var(--hero-axis);display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:.35s}
.site-header.scrolled,.site-header.solid{height:74px;background:rgba(255,255,255,.96);color:var(--imex-nav-navy);box-shadow:0 8px 30px rgba(1,33,105,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header:not(.scrolled):not(.solid){background:linear-gradient(90deg,rgba(0,21,56,.08),rgba(0,21,56,.52));text-shadow:none}
.site-header .brand{position:relative;display:block;width:124px;height:62px;flex:0 0 124px}
.site-header .brand img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:none;transition:opacity .25s}
.site-header .brand-on-light{opacity:0}
.site-header.scrolled .brand-on-dark,.site-header.solid .brand-on-dark{opacity:0}
.site-header.scrolled .brand-on-light,.site-header.solid .brand-on-light{opacity:1}
.primary-nav{display:flex;align-items:center;gap:clamp(18px,2vw,36px);font:800 12px/1.55 'Manrope',Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.primary-nav>a,.nav-toggle{position:relative;padding:10px 0;color:inherit;text-decoration:none}
.primary-nav>a:after,.nav-toggle:after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--imex-nav-red);transition:.25s}
.primary-nav>a:hover:after,.nav-toggle:hover:after{width:100%}
.nav-products{position:relative}
.nav-toggle{display:block;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.nav-toggle span{color:var(--imex-nav-red);margin-left:4px}
.nav-dropdown{position:absolute;right:-160px;top:42px;width:720px;padding:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:#fff;color:var(--imex-nav-navy);box-shadow:0 24px 60px rgba(0,21,56,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;text-shadow:none!important}
.nav-products:hover .nav-dropdown,.nav-products:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:none}
.nav-dropdown a{padding:13px 15px;border-left:2px solid transparent;color:inherit;text-decoration:none;text-shadow:none!important}
.nav-dropdown a:hover{background:#f5f6f8;border-color:var(--imex-nav-red)}
.menu-button{display:none;border:0;background:none;color:inherit;width:auto;padding:0;cursor:pointer}
.menu-button span{display:block;width:25px;height:2px;margin:6px;background:currentColor}
.imex-lang{position:relative;margin-left:14px;z-index:1002;flex:0 0 auto}
.imex-lang-btn{appearance:none;border:1px solid rgba(255,255,255,.38);background:transparent;color:inherit;border-radius:999px;min-width:48px;height:36px;padding:0 12px;font:700 12px/1 'Manrope',Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
.site-header.scrolled .imex-lang-btn,.site-header.solid .imex-lang-btn{border-color:rgba(20,36,57,.24)}
.imex-lang-menu{display:none;position:absolute;top:44px;right:0;min-width:150px;padding:8px;background:#fff;border:1px solid rgba(20,36,57,.12);border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.16)}
.imex-lang.open .imex-lang-menu{display:grid}
.imex-lang-menu a{display:block;padding:9px 10px!important;border-radius:7px;color:#142439!important;text-decoration:none;font:600 13px/1.2 'Manrope',Arial,sans-serif;white-space:nowrap;text-transform:none;letter-spacing:normal}
.imex-lang-menu a:hover,.imex-lang-menu a[aria-current="true"]{background:#f0f3f6}
body.nav-open{overflow:hidden}
@media(max-width:1000px){
  :root{--hero-axis:clamp(20px,4vw,48px)}
  .site-header,.site-header.scrolled,.site-header.solid{height:74px;padding:0 var(--hero-axis)}
  .site-header.open{background:#fff!important;color:var(--imex-nav-navy)!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;filter:none!important}
  .site-header.open .brand-on-dark{opacity:0}.site-header.open .brand-on-light{opacity:1}
  .site-header .brand{width:112px;height:56px;flex-basis:112px}
  .menu-button{display:block}
  .imex-lang{margin-left:auto;margin-right:10px}
  .primary-nav{position:fixed;inset:74px 0 auto 0;top:74px!important;height:calc(100dvh - 74px)!important;max-height:none!important;width:100%;box-sizing:border-box;padding:18px 30px!important;background:#fff;color:var(--imex-nav-navy);display:none;align-items:flex-start;flex-direction:column;gap:8px!important;overflow-y:auto!important;overscroll-behavior:contain;font:800 12px/18px system-ui,Arial,sans-serif!important;letter-spacing:.11em!important;text-transform:uppercase}
  .site-header.open .primary-nav{display:flex}
  .primary-nav>a,.nav-toggle{padding:6px 0!important}
  .primary-nav>a:after,.nav-toggle:after{width:0!important}
  .nav-products{width:100%}
  .nav-toggle{display:block!important}
  .nav-dropdown{position:static;width:100%;padding:0;display:grid;grid-template-columns:1fr;gap:4px!important;box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-dropdown a{padding:6px 16px!important}
}
@media(max-width:620px){:root{--hero-axis:20px}}
html[dir="rtl"] .primary-nav,html[dir="rtl"] .nav-dropdown,html[dir="rtl"] .imex-lang-menu{direction:rtl;text-align:right}
html[dir="rtl"] .imex-lang-menu{right:auto;left:0}