/* Shared launch navbar — transparent hero overlay that scrolls with the page. */
.site-nav[data-phase01-navbar],
body.co-theme-agro .site-nav[data-phase01-navbar] {
  position: absolute !important;
  inset: 0 0 auto !important;
  z-index: 10000 !important;
  width: 100% !important;
  height: 68px !important;
  overflow: visible !important;
  transform: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: none !important;
}

.site-nav[data-phase01-navbar].nav-scrolled,
body.co-theme-agro .site-nav[data-phase01-navbar].nav-scrolled {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Every page owns its own visual backdrop. Keep navigation clear in both
   initial and scrolled states. */
body.home .site-nav[data-phase01-navbar],
body.home .site-nav[data-phase01-navbar].nav-scrolled,
body.about .site-nav[data-phase01-navbar],
body.about .site-nav[data-phase01-navbar].nav-scrolled {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.site-nav[data-phase01-navbar] .nav-inner {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(184px, 1fr) auto minmax(184px, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1500px !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 0 clamp(28px, 4vw, 60px) !important;
}

.site-nav[data-phase01-navbar] .nav-logo {
  justify-self: start !important;
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.site-nav[data-phase01-navbar] .nav-logo img {
  display: block !important;
  width: auto !important;
  height: 42px !important;
  max-width: 108px !important;
  object-fit: contain !important;
}

.site-nav[data-phase01-navbar] .nav-logo--company img {
  height: 62px !important;
  max-height: 62px !important;
  max-width: 240px !important;
}

body.co-theme-agro .site-nav[data-phase01-navbar] .nav-logo--company,
body.co-theme-agro .site-nav[data-phase01-navbar] .nav-logo--company img {
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
}

body.co-theme-agro .site-nav[data-phase01-navbar] .nav-logo--company img {
  height: 48px !important;
  max-width: 220px !important;
}

.site-nav[data-phase01-navbar] .nav-logo-wordmark {
  display: block !important;
  max-width: 180px !important;
  color: #fff !important;
  font: 700 clamp(.76rem, 1vw, .94rem)/1.1 Jost, Arial, sans-serif !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

.site-nav[data-phase01-navbar] .nav-links {
  display: flex !important;
  justify-self: center !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-nav[data-phase01-navbar] .nav-links > li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 68px !important;
}

.site-nav[data-phase01-navbar] .nav-links > li.has-megamenu {
  position: static !important;
}

.site-nav[data-phase01-navbar] .nav-links > li > a {
  display: flex !important;
  align-items: center !important;
  min-height: 44px !important;
  padding: 9px 10px !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  color: rgba(255, 255, 255, .96) !important;
  font-family: Jost, Arial, sans-serif !important;
  font-size: .74rem !important;
  font-weight: 650 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transition: color .18s ease !important;
}

.site-nav[data-phase01-navbar] .nav-links > li > a:hover,
.site-nav[data-phase01-navbar] .nav-links > li > a:focus-visible,
.site-nav[data-phase01-navbar] .nav-links > li > a.active,
.site-nav[data-phase01-navbar] .nav-links > li.is-open > a {
  color: #fff200 !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
}

.site-nav[data-phase01-navbar] .nav-links > li > a::before,
.site-nav[data-phase01-navbar] .nav-links > li > a::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

/* Dropdown chevron indicator — SVG inline beside dropdown labels */
.site-nav[data-phase01-navbar] .nav-dd-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 12px !important;
  height: 12px !important;
  margin-left: 5px !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  opacity: .65 !important;
  transition: transform .22s ease, opacity .22s ease !important;
  pointer-events: none !important;
}
.site-nav[data-phase01-navbar] .nav-dd-arrow svg {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.site-nav[data-phase01-navbar] .has-dropdown.is-open > a .nav-dd-arrow,
.site-nav[data-phase01-navbar] .has-dropdown:focus-within > a .nav-dd-arrow {
  transform: rotate(180deg) !important;
  opacity: 1 !important;
}

.nav-stripes {
  display: none !important;
}

.site-nav[data-phase01-navbar] .nav-actions {
  display: flex !important;
  justify-self: end !important;
  align-items: center !important;
  gap: 10px !important;
}

.site-nav[data-phase01-navbar] .lang-switcher {
  position: relative !important;
  display: block !important;
}

.site-nav[data-phase01-navbar] .lang-trigger {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 44px !important;
  gap: 7px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .96) !important;
  font: 600 .78rem/1 Jost, Arial, sans-serif !important;
  letter-spacing: .025em !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  cursor: default !important;
}

.site-nav[data-phase01-navbar] .lang-globe {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
}

.site-nav[data-phase01-navbar] .nav-toggle {
  display: none !important;
  place-items: center !important;
  justify-self: end !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 10px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  color-scheme: dark !important;
  forced-color-adjust: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.site-nav[data-phase01-navbar] .nav-toggle span {
  display: block !important;
  width: 24px !important;
  height: 2px !important;
  margin: 0 0 5px !important;
  background: #fff !important;
  background-color: #fff !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  forced-color-adjust: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.site-nav[data-phase01-navbar] .nav-toggle span:last-child {
  margin-bottom: 0 !important;
}

/* Dropdowns remain connected to the header and slightly darker than it. */
.site-nav[data-phase01-navbar] .nav-dropdown,
body.co-theme-agro .site-nav[data-phase01-navbar] .nav-dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 10001 !important;
  display: block !important;
  min-width: 220px !important;
  padding: 10px !important;
  background: var(--nav-menu-surface) !important;
  background-image: none !important;
  border: 1px solid var(--nav-menu-border) !important;
  border-radius: var(--nav-dropdown-radius, 16px) !important;
  box-shadow: var(--nav-dropdown-shadow, 0 18px 48px rgba(0, 0, 0, .22)) !important;
  backdrop-filter: blur(var(--nav-dropdown-blur, 14px)) !important;
  -webkit-backdrop-filter: blur(var(--nav-dropdown-blur, 14px)) !important;
  background-clip: padding-box !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-5px) !important;
  transition: opacity .14s ease, transform .14s ease !important;
}

.site-nav[data-phase01-navbar] .has-dropdown.is-open > .nav-dropdown,
.site-nav[data-phase01-navbar] .has-dropdown:focus-within > .nav-dropdown {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.site-nav[data-phase01-navbar] .nav-dropdown > a {
  display: block !important;
  padding: 10px 14px !important;
  color: #fff !important;
  font: 500 .84rem Jost, Arial, sans-serif !important;
  text-decoration: none !important;
}

.site-nav[data-phase01-navbar] .nav-dropdown > a:hover,
.site-nav[data-phase01-navbar] .nav-dropdown > a:focus-visible {
  color: #fff200 !important;
  background: rgba(255, 255, 255, .08) !important;
}

.site-nav[data-phase01-navbar] .nav-megamenu {
  left: 50% !important;
  width: min(96vw, 1180px) !important;
  max-width: min(96vw, 1180px) !important;
  max-height: calc(100dvh - 92px) !important;
  overflow: hidden auto !important;
  padding: 18px !important;
  border-radius: var(--nav-dropdown-radius, 16px) !important;
  transform: translate(-50%, -5px) !important;
}

.site-nav[data-phase01-navbar] .has-dropdown.is-open > .nav-megamenu,
.site-nav[data-phase01-navbar] .has-dropdown:focus-within > .nav-megamenu {
  transform: translate(-50%, 0) !important;
}

.mm-layout {
  display: grid !important;
  grid-template-columns: minmax(240px, 268px) minmax(0, 1fr) !important;
  gap: 18px 22px !important;
  align-items: start !important;
  min-height: 0 !important;
}

.mm-cats {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  align-self: start !important;
}

.mm-cat {
  width: 100% !important;
  padding: 11px 13px !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #fff !important;
  font: 600 .8rem Jost, Arial, sans-serif !important;
  text-align: left !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.mm-cat:hover,
.mm-cat:focus-visible,
.mm-cat.is-active {
  color: #fff200 !important;
  background: rgba(255, 255, 255, .1) !important;
  border-color: #fff200 !important;
}

.mm-pane {
  display: none !important;
  height: auto !important;
}

.mm-pane.is-active {
  display: block !important;
}

.mm-companies {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-content: flex-start !important;
}

.nav-megamenu .mm-company {
  display: grid !important;
  place-items: center !important;
  width: 126px !important;
  height: 76px !important;
  padding: 8px !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
}

.nav-megamenu .mm-company:hover,
.nav-megamenu .mm-company:focus-visible {
  background: rgba(255, 255, 255, .08) !important;
}

.nav-megamenu .mm-company img {
  display: block !important;
  width: 100% !important;
  height: 52px !important;
  max-width: 104px !important;
  object-fit: contain !important;
}

.site-nav[data-phase01-navbar] .nav-megamenu .mm-company--light-logo {
  background: rgba(255, 255, 255, .92) !important;
  border-radius: 6px !important;
}

/* Hero-backed pages begin behind the fixed glass header. Their own inner
   padding keeps copy below the navigation while the media remains visible. */
.page-wrapper:has(> .page-hero) {
  padding-top: 0 !important;
}

/* Existing approved mobile drawer behavior, with the same translucent navy. */
.nav-mobile[data-phase01-navbar-mobile],
body.co-theme-agro .nav-mobile[data-phase01-navbar-mobile] {
  position: fixed !important;
  top: 68px !important;
  inset-inline: 0 !important;
  z-index: 9999 !important;
  display: none !important;
  max-height: calc(100vh - 68px) !important;
  overflow: auto !important;
  padding: 14px !important;
  background: linear-gradient(180deg, rgba(0, 43, 65, .94), rgba(0, 43, 65, .88)) !important;
  backdrop-filter: blur(16px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(112%) !important;
  flex-direction: column !important;
}

.nav-mobile[data-phase01-navbar-mobile].open {
  display: flex !important;
}

.nav-mobile[data-phase01-navbar-mobile] a,
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-btn {
  padding: 11px 14px !important;
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  font: 500 .9rem Jost, Arial, sans-serif !important;
  text-align: left !important;
  text-decoration: none !important;
}

.nav-mobile[data-phase01-navbar-mobile] .mob-accordion > .mob-acc-btn {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) 10px !important;
  align-items: center !important;
  gap: 9px !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-sector-icon {
  width: 20px !important;
  height: 20px !important;
  --lord-icon-primary: rgba(255, 255, 255, .68) !important;
  --lord-icon-secondary: rgba(255, 255, 255, .68) !important;
  opacity: .86 !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-accordion > .mob-acc-btn:hover .mob-sector-icon,
.nav-mobile[data-phase01-navbar-mobile] .mob-accordion > .mob-acc-btn:focus-visible .mob-sector-icon {
  --lord-icon-primary: #fff200 !important;
  --lord-icon-secondary: #fff200 !important;
  opacity: 1 !important;
}

.nav-mobile[data-phase01-navbar-mobile] a.active,
.nav-mobile[data-phase01-navbar-mobile] .mob-primary.active {
  color: #fff200 !important;
  font-weight: 650 !important;
}

.nav-mobile[data-phase01-navbar-mobile] .mob-section {
  padding: 14px 14px 5px !important;
  color: #fff200 !important;
  font: 700 .72rem Jost, Arial, sans-serif !important;
  text-transform: uppercase !important;
}

.nav-mobile[data-phase01-navbar-mobile] .mob-accordion {
  display: flex !important;
  flex-direction: column !important;
}

.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel {
  display: none !important;
  flex-direction: column !important;
  padding-left: 14px !important;
}

.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel.is-open {
  display: flex !important;
}

.nav-mobile[data-phase01-navbar-mobile] .mob-subsidiaries-panel {
  padding-left: 8px !important;
}

/* Mobile accordion state is owned by phase-01-navbar.js. Keep closed panels
   in the layout so their intrinsic height can animate without a fake cap. */
.nav-mobile[data-phase01-navbar-mobile] {
  z-index: 10001 !important;
  overscroll-behavior: contain !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel {
  display: flex !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  transition: max-height .24s ease, opacity .2s ease !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel.is-open {
  display: flex !important;
  max-height: var(--mobile-panel-height, 0px) !important;
  opacity: 1 !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel[hidden] {
  display: flex !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-primary[aria-expanded="true"],
.nav-mobile[data-phase01-navbar-mobile] .mob-corporate-trigger[aria-expanded="true"] {
  color: #fff !important;
  background: transparent !important;
  border-left-color: transparent !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-section {
  color: rgba(255, 255, 255, .62) !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-corporate-trigger {
  min-height: 44px !important;
}

@media (prefers-reduced-motion: reduce) {
  .nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel,
  .nav-mobile[data-phase01-navbar-mobile] .mob-acc-btn::after {
    transition: none !important;
  }
}

@media (max-width: 767px) {
  .nav-mobile[data-phase01-navbar-mobile] {
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
    overscroll-behavior-y: contain !important;
  }

  .nav-mobile[data-phase01-navbar-mobile] > a,
  .nav-mobile[data-phase01-navbar-mobile] > .mob-acc-btn,
  .nav-mobile[data-phase01-navbar-mobile] .mob-accordion > .mob-acc-btn,
  .nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel a {
    min-height: 44px !important;
  }
}

.nav-mobile[data-phase01-navbar-mobile] .mob-language {
  margin-top: 8px !important;
  padding: 13px 14px !important;
  border-top: 1px solid rgba(255, 255, 255, .16) !important;
  color: rgba(255, 255, 255, .86) !important;
  font: 600 .84rem Jost, Arial, sans-serif !important;
}

@media (max-width: 1240px) {
  .site-nav[data-phase01-navbar] .nav-inner {
    grid-template-columns: minmax(156px, 1fr) auto minmax(156px, 1fr) !important;
    padding-inline: 26px !important;
  }

  .site-nav[data-phase01-navbar] .nav-links {
    gap: 1px !important;
  }

  .site-nav[data-phase01-navbar] .nav-links > li > a {
    padding-inline: 8px !important;
    font-size: .7rem !important;
    letter-spacing: .055em !important;
  }
}

@media (max-width: 1100px) {
  .site-nav[data-phase01-navbar] .nav-inner {
    grid-template-columns: 1fr auto !important;
  }

  .site-nav[data-phase01-navbar] .nav-links,
  .site-nav[data-phase01-navbar] .lang-switcher {
    display: none !important;
  }

  .site-nav[data-phase01-navbar] .nav-toggle {
    display: grid !important;
  }
}

@media (max-width: 600px) {
  .page-wrapper:has(> .page-hero) > .page-hero {
    padding-top: calc(68px + 28px) !important;
  }

  .site-nav[data-phase01-navbar] .nav-inner {
    padding: 0 20px !important;
  }

  .mm-layout {
    grid-template-columns: 1fr !important;
  }
}

/* --------------------------------------------------------------------------
   Canonical global dropdown language
   Keep this final shared layer above page/theme styles. Every public page
   loads this file, so the glass surface cannot inherit a company palette.
   -------------------------------------------------------------------------- */
:root {
  /* Default Lake Group dropdown palette. The category rail is the visual
     source of truth for every desktop dropdown surface. */
  --nav-dropdown-bg: rgba(1, 129, 187, .96);
  --nav-dropdown-sidebar-bg: #0181BB;
  --nav-dropdown-pane-bg: rgba(255, 255, 255, .035);
  --nav-dropdown-border: rgba(255, 255, 255, .12);
  --nav-dropdown-divider: rgba(255, 255, 255, .14);
  --nav-dropdown-shadow: 0 18px 48px rgba(0, 0, 0, .22);
  --nav-dropdown-blur: 14px;
  --nav-dropdown-radius: 16px;
  --nav-option-bg: transparent;
  --nav-option-border: transparent;
  --nav-option-bg-hover: rgba(255, 255, 255, .06);
  --nav-option-text: #fff;
  --nav-menu-surface: var(--nav-dropdown-bg);
  --nav-menu-surface-soft: var(--nav-option-bg-hover);
  --nav-menu-border: var(--nav-dropdown-border);
  --nav-menu-text: rgba(244, 248, 252, .92);
  --nav-menu-muted: rgba(244, 248, 252, .68);
  --nav-menu-accent: #fff200;
}

/* Lake Agro keeps the shared component, but its green identity carries
   through every dropdown layer (desktop and mobile). */
body.co-theme-agro {
  --nav-dropdown-bg: rgba(0, 75, 30, .93);
  --nav-dropdown-sidebar-bg: #004b1e;
  /* The company pane uses a rich green glass layer: enough opacity for the
     Lake marks to lead, with only restrained hero depth behind it. */
  --nav-dropdown-pane-bg: rgba(0, 105, 42, .82);
  --nav-dropdown-border: rgba(230, 126, 34, .34);
  --nav-dropdown-divider: rgba(255, 253, 245, .18);
  --nav-dropdown-shadow: 0 18px 48px rgba(0, 43, 17, .28);
  --nav-menu-surface: var(--nav-dropdown-bg);
  --nav-menu-surface-soft: var(--nav-dropdown-pane-bg);
  --nav-menu-border: var(--nav-dropdown-border);
  --nav-menu-text: rgba(255, 253, 245, .94);
  --nav-menu-muted: rgba(255, 253, 245, .72);
}

/* Agrinova uses the same green dropdown system at its darker forest-green
   register, without duplicating the navbar component. */
body.co-theme-agro[data-company-alt="Agrinova Tech Limited"] {
  --nav-dropdown-bg: rgba(18, 61, 44, .94);
  --nav-dropdown-sidebar-bg: #123d2c;
  --nav-dropdown-pane-bg: rgba(29, 96, 69, .84);
  --nav-dropdown-border: rgba(216, 168, 60, .34);
  --nav-dropdown-divider: rgba(255, 253, 245, .18);
  --nav-dropdown-shadow: 0 18px 48px rgba(8, 36, 24, .32);
  --nav-menu-surface: var(--nav-dropdown-bg);
  --nav-menu-surface-soft: var(--nav-dropdown-pane-bg);
  --nav-menu-border: var(--nav-dropdown-border);
}

.site-nav[data-phase01-navbar] .nav-dropdown,
.site-nav[data-phase01-navbar] .nav-megamenu,
body.co-theme-agro .site-nav[data-phase01-navbar] .nav-dropdown,
body.co-theme-agro .site-nav[data-phase01-navbar] .nav-megamenu,
.site-nav[data-phase01-navbar] .lang-menu,
body.co-theme-agro .site-nav[data-phase01-navbar] .lang-menu {
  background: var(--nav-menu-surface) !important;
  background-image: none !important;
  background-color: var(--nav-menu-surface) !important;
  border: 1px solid var(--nav-menu-border) !important;
  border-top: 1px solid var(--nav-menu-border) !important;
  border-radius: var(--nav-dropdown-radius) !important;
  box-shadow: var(--nav-dropdown-shadow) !important;
  backdrop-filter: blur(var(--nav-dropdown-blur)) !important;
  -webkit-backdrop-filter: blur(var(--nav-dropdown-blur)) !important;
}

.site-nav[data-phase01-navbar] .nav-dropdown::before,
.site-nav[data-phase01-navbar] .lang-menu::before {
  display: none !important;
}

.site-nav[data-phase01-navbar] .nav-megamenu {
  position: absolute !important;
  isolation: isolate !important;
  width: min(820px, calc(100vw - 24px)) !important;
  max-width: min(820px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  padding: 14px !important;
  transform: translate(-50%, -6px) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
  clip-path: inset(0 round var(--nav-dropdown-radius)) !important;
}

.site-nav[data-phase01-navbar] .has-dropdown.is-open > .nav-megamenu,
.site-nav[data-phase01-navbar] .has-dropdown:focus-within > .nav-megamenu {
  transform: translate(-50%, 0) !important;
}

.site-nav[data-phase01-navbar] .mm-layout {
  grid-template-columns: minmax(0, 250px) minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 0 !important;
  align-items: stretch !important;
}

.site-nav[data-phase01-navbar] .mm-cats,
.site-nav[data-phase01-navbar] .mm-panes {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.site-nav[data-phase01-navbar] .mm-cats {
  gap: 1px !important;
  align-self: stretch !important;
  padding: 10px !important;
  background: var(--nav-dropdown-sidebar-bg) !important;
  border-radius: 10px 0 0 10px !important;
}

.site-nav[data-phase01-navbar] .mm-panes {
  align-self: stretch !important;
  padding: 8px 10px !important;
  background: var(--nav-dropdown-pane-bg) !important;
}

.site-nav[data-phase01-navbar] .mm-cat {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) 8px !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 11px 12px 11px 8px !important;
  color: var(--nav-menu-text) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

.site-nav[data-phase01-navbar] .mm-cat::before {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  color: var(--nav-menu-muted) !important;
  background-color: currentColor !important;
  -webkit-mask: center / contain no-repeat !important;
  mask: center / contain no-repeat !important;
  transition: color .18s ease, transform .18s ease !important;
}

.site-nav[data-phase01-navbar] .mm-cat::before { content: "" !important; }
.site-nav[data-phase01-navbar] .mm-cat[data-mm-cat="energies"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.1 1.5C13.7 7 9.2 8.2 9.4 12.1c.1 1.7 1.2 2.9 2.6 3.6-.2-2 1-3.4 2.4-4.7 1.7 1.7 2.7 3.7 2.7 5.9 0 2.5-1.9 4.4-5 4.4-3.8 0-6.4-2.7-6.4-6.2 0-4.5 3.8-7.1 7.4-13.6Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.1 1.5C13.7 7 9.2 8.2 9.4 12.1c.1 1.7 1.2 2.9 2.6 3.6-.2-2 1-3.4 2.4-4.7 1.7 1.7 2.7 3.7 2.7 5.9 0 2.5-1.9 4.4-5 4.4-3.8 0-6.4-2.7-6.4-6.2 0-4.5 3.8-7.1 7.4-13.6Z'/%3E%3C/svg%3E") !important; }
.site-nav[data-phase01-navbar] .mm-cat[data-mm-cat="manufacturing"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5Zm3 3v8h3V8H6Zm5 0v8h3V8h-3Zm5 0v8h3V8h-3Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5Zm3 3v8h3V8H6Zm5 0v8h3V8h-3Zm5 0v8h3V8h-3Z'/%3E%3C/svg%3E") !important; }
.site-nav[data-phase01-navbar] .mm-cat[data-mm-cat="logistics"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6h11v8h2.2l1.7-4H21l1 2v6h-2a2 2 0 1 1-4 0H8a2 2 0 1 1-4 0H2v-8h1V6Zm2 2v5h7V8H5Zm12.5 3-1 3H20v-3h-2.5Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6h11v8h2.2l1.7-4H21l1 2v6h-2a2 2 0 1 1-4 0H8a2 2 0 1 1-4 0H2v-8h1V6Zm2 2v5h7V8H5Zm12.5 3-1 3H20v-3h-2.5Z'/%3E%3C/svg%3E") !important; }
.site-nav[data-phase01-navbar] .mm-cat[data-mm-cat="realestate"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20V9l9-6 9 6v11h-6v-6H9v6H3Zm3-2h1v-6h10v6h1v-7l-6-4-6 4v7Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20V9l9-6 9 6v11h-6v-6H9v6H3Zm3-2h1v-6h10v6h1v-7l-6-4-6 4v7Z'/%3E%3C/svg%3E") !important; }
.site-nav[data-phase01-navbar] .mm-cat[data-mm-cat="agro"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.5 3.5C12 3.3 6.2 6.2 5.1 11.4c-.5 2.4.4 4.7 2.3 6.2 1.4-2.7 3.6-4.8 6.6-6.4-2.1 2.1-3.4 4.4-4 6.9 2.1.5 4.6.1 6.3-1.4 3.5-3 4.4-7.8 4.2-13.2Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.5 3.5C12 3.3 6.2 6.2 5.1 11.4c-.5 2.4.4 4.7 2.3 6.2 1.4-2.7 3.6-4.8 6.6-6.4-2.1 2.1-3.4 4.4-4 6.9 2.1.5 4.6.1 6.3-1.4 3.5-3 4.4-7.8 4.2-13.2Z'/%3E%3C/svg%3E") !important; }
.site-nav[data-phase01-navbar] .mm-cat[data-mm-cat="automotive"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m5 11 1.6-4h10.8l1.6 4h2v7h-2a2 2 0 1 1-4 0H9a2 2 0 1 1-4 0H3v-7h2Zm3-2h8l-.8-2H8.8L8 9Zm-2 5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Zm12 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m5 11 1.6-4h10.8l1.6 4h2v7h-2a2 2 0 1 1-4 0H9a2 2 0 1 1-4 0H3v-7h2Zm3-2h8l-.8-2H8.8L8 9Zm-2 5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 1 0 0-3Zm12 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z'/%3E%3C/svg%3E") !important; }

.site-nav[data-phase01-navbar] .mm-cat::after {
  width: 6px !important;
  height: 6px !important;
  border-width: 1.5px !important;
  opacity: .72 !important;
}
.site-nav[data-phase01-navbar] .mm-sector-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.site-nav[data-phase01-navbar] .mm-cat:hover,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible,
.site-nav[data-phase01-navbar] .mm-cat.is-active,
body.co-theme-agro .site-nav[data-phase01-navbar] .mm-cat.is-active {
  color: var(--nav-menu-accent) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}

.site-nav[data-phase01-navbar] .mm-cat:hover,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible {
  border-color: transparent !important;
}

.site-nav[data-phase01-navbar] .mm-cat:hover::before,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible::before,
.site-nav[data-phase01-navbar] .mm-cat.is-active::before,
.site-nav[data-phase01-navbar] .mm-cat:hover::after,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible::after,
.site-nav[data-phase01-navbar] .mm-cat.is-active::after {
  color: var(--nav-menu-accent) !important;
  border-color: var(--nav-menu-accent) !important;
  opacity: 1 !important;
}

.site-nav[data-phase01-navbar] .mm-cat:hover::before,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible::before,
.site-nav[data-phase01-navbar] .mm-cat.is-active::before {
  transform: translateX(2px) scale(1.12) !important;
}

/* Sector glyphs are supplied by the shared Lordicon player, not CSS masks. */
.site-nav[data-phase01-navbar] .mm-cat::before {
  display: grid !important;
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}
.site-nav[data-phase01-navbar] .mm-sector-icon {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  pointer-events: none !important;
  --lord-icon-primary: var(--nav-menu-muted) !important;
  --lord-icon-secondary: var(--nav-menu-muted) !important;
  opacity: .78 !important;
  transition: color .18s ease !important;
}
.site-nav[data-phase01-navbar] .mm-cat.has-sector-icon::before {
  display: none !important;
}
.site-nav[data-phase01-navbar] .mm-cat:hover .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat.is-active .mm-sector-icon {
  --lord-icon-primary: var(--nav-menu-accent) !important;
  --lord-icon-secondary: var(--nav-menu-accent) !important;
  color: var(--nav-menu-accent) !important;
  opacity: 1 !important;
}

/* Supplied dotLottie artwork keeps its own aspect ratio. These two files have
   larger internal canvases than the other approved sector assets, so the
   scoped scale restores the same perceived 30px icon weight without changing
   the shared rail geometry. */
.site-nav[data-phase01-navbar] .mm-sector-icon--approved.mm-sector-icon--energies,
.nav-mobile[data-phase01-navbar-mobile] .mm-sector-icon--approved.mm-sector-icon--energies {
  transform: scale(1.55) !important;
}
.site-nav[data-phase01-navbar] .mm-sector-icon--approved.mm-sector-icon--manufacturing,
.nav-mobile[data-phase01-navbar-mobile] .mm-sector-icon--approved.mm-sector-icon--manufacturing {
  transform: scale(1.4) !important;
}
.site-nav[data-phase01-navbar] .mm-cat:hover .mm-sector-icon--approved,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible .mm-sector-icon--approved,
.site-nav[data-phase01-navbar] .mm-cat.is-active .mm-sector-icon--approved {
  filter: brightness(0) saturate(100%) invert(85%) sepia(96%) saturate(966%) hue-rotate(356deg) brightness(106%) contrast(104%) !important;
}

.site-nav[data-phase01-navbar] .mm-pane {
  height: auto !important;
}

.site-nav[data-phase01-navbar] .mm-companies {
  gap: 10px !important;
  align-content: flex-start !important;
}

.site-nav[data-phase01-navbar] .nav-megamenu .mm-company {
  width: 106px !important;
  min-height: 88px !important;
  height: auto !important;
  padding: 8px 2px !important;
  color: var(--nav-menu-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  transition: color .18s ease !important;
}

/* Compact two-surface Business Verticals menu: the sector rail is solid,
   while the logo pane remains part of the shared glass shell. */
.site-nav[data-phase01-navbar] .mm-cat,
.site-nav[data-phase01-navbar] .mm-cat:hover,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible,
.site-nav[data-phase01-navbar] .mm-cat.is-active {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:hover,
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:focus-visible {
  color: var(--nav-menu-muted) !important;
  background: transparent !important;
  border-bottom: 0 !important;
  transform: none !important;
  outline: none !important;
}

.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:hover,
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:focus-visible {
  color: var(--nav-menu-muted) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company img {
  transform-origin: center !important;
  transition: transform .2s ease, opacity .2s ease !important;
  filter: none !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:hover img,
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:focus-visible img {
  transform: scale(1.05) !important;
  filter: none !important;
}

.site-nav[data-phase01-navbar] .nav-megamenu .mm-company img {
  height: 56px !important;
  max-width: 112px !important;
}

/* The Manufacturing dropdown uses the supplied yellow Lake Pipes artwork.
   The source has been transparently cropped so its visible mark matches the
   adjacent Lake manufacturing logos without changing the grid. */
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company img[src*="lake-pipes-dropdown-yellow.png"] {
  max-width: 132px !important;
}

/* Cross Country logo — supplied white-background logo with built-in rounded corners. */
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company img[src*="cross-country-developer-limited-logo"] {
  width: auto !important;
  height: auto !important;
  max-width: 190px !important;
  max-height: 80px !important;
  object-fit: contain !important;
}

.site-nav[data-phase01-navbar] .lang-menu {
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  width: min(224px, calc(100vw - 24px)) !important;
  min-width: 0 !important;
  padding: 10px !important;
  gap: 4px !important;
  opacity: 0 !important;
  transform: translateY(6px) !important;
  pointer-events: none !important;
}

.site-nav[data-phase01-navbar] .lang-switcher.is-open .lang-menu:not([hidden]) {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.site-nav[data-phase01-navbar] .lang-menu-item,
.site-nav[data-phase01-navbar] .lang-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 9px 11px !important;
  color: var(--nav-menu-text) !important;
  background: var(--nav-option-bg) !important;
  border: 1px solid var(--nav-option-border) !important;
  border-radius: 8px !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

.site-nav[data-phase01-navbar] .lang-status {
  display: block !important;
  margin: 0 2px 4px !important;
  padding: 7px 9px !important;
  color: var(--nav-menu-muted) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  font: 500 .72rem/1.45 Jost, Arial, sans-serif !important;
}

.site-nav[data-phase01-navbar] .lang-btn[data-available="false"]::after {
  content: "Soon" !important;
  color: var(--nav-menu-muted) !important;
  font-size: .65rem !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.site-nav[data-phase01-navbar] .lang-trigger {
  cursor: pointer !important;
}

.site-nav[data-phase01-navbar] .lang-menu-item:hover,
.site-nav[data-phase01-navbar] .lang-menu-item:focus-visible,
.site-nav[data-phase01-navbar] .lang-menu-item.active,
.site-nav[data-phase01-navbar] .lang-btn:hover,
.site-nav[data-phase01-navbar] .lang-btn:focus-visible,
.site-nav[data-phase01-navbar] .lang-btn.active {
  color: var(--nav-menu-accent) !important;
  background: var(--nav-option-bg-hover) !important;
  border-color: rgba(255, 255, 255, .22) !important;
  outline: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .site-nav[data-phase01-navbar] .mm-cat,
  .site-nav[data-phase01-navbar] .mm-cat::before,
  .site-nav[data-phase01-navbar] .mm-sector-icon,
  .site-nav[data-phase01-navbar] .nav-megamenu .mm-company,
  .site-nav[data-phase01-navbar] .lang-menu {
    transition: none !important;
  }
}

@media (max-width: 720px) {
  .site-nav[data-phase01-navbar] .lang-menu {
    width: min(224px, calc(100vw - 24px)) !important;
  }
}

/* Final shared Business Verticals geometry: a compact glass shell with a
   solid navigation rail and a transparent logo pane. */
.site-nav[data-phase01-navbar] .nav-megamenu {
  width: min(820px, calc(100vw - 32px)) !important;
  max-width: min(820px, calc(100vw - 32px)) !important;
  /* The Agro theme has a more-specific generic dropdown rule with left: 0.
     Keep the shared mega-menu viewport-centred so it cannot be clipped by
     the -50% transform on company pages. */
  left: 50% !important;
  padding: 0 !important;
  background: rgba(3, 53, 79, .58) !important;
  background-color: rgba(3, 53, 79, .58) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.site-nav[data-phase01-navbar] .mm-layout {
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 0 !important;
  min-height: 0 !important;
  align-items: stretch !important;
}
.site-nav[data-phase01-navbar] .mm-cats {
  gap: 0 !important;
  padding: 12px !important;
  background: #0181BB !important;
  border-radius: 0 !important;
  align-self: stretch !important;
}
.site-nav[data-phase01-navbar] .mm-cat,
.site-nav[data-phase01-navbar] .mm-cat:hover,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible,
.site-nav[data-phase01-navbar] .mm-cat.is-active {
  grid-template-columns: 24px minmax(0, 1fr) 8px !important;
  min-height: 44px !important;
  padding: 10px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  outline: none !important;
}
.site-nav[data-phase01-navbar] .mm-cat:hover,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible,
.site-nav[data-phase01-navbar] .mm-cat.is-active { color: #fff200 !important; }
.site-nav[data-phase01-navbar] .mm-cat::after { border-color: currentColor !important; }
.site-nav[data-phase01-navbar] .mm-sector-icon {
  --lord-icon-primary: #fff !important;
  --lord-icon-secondary: #fff !important;
  opacity: .96 !important;
}
.site-nav[data-phase01-navbar] .mm-cat:hover .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat.is-active .mm-sector-icon {
  --lord-icon-primary: #fff200 !important;
  --lord-icon-secondary: #fff200 !important;
}
.site-nav[data-phase01-navbar] .mm-panes {
  padding: 18px 20px !important;
  background: var(--nav-dropdown-pane-bg) !important;
  align-self: stretch !important;
}
.site-nav[data-phase01-navbar] .mm-companies {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: center !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company {
  width: auto !important;
  min-height: 76px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:hover,
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:focus-visible {
  background: rgba(255, 255, 255, .06) !important;
  outline: none !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company img {
  width: 100% !important;
  height: 56px !important;
  max-width: 112px !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company img[src*="aficd-white"] { background: transparent !important; }

/* Normalize the Agro theme's higher-specificity dropdown positioning.  The
   shared mega-menu is centred on the viewport on every company page. */
body.co-theme-agro .site-nav[data-phase01-navbar] .nav-megamenu {
  left: 50% !important;
}
body.co-theme-agro .nav-mobile[data-phase01-navbar-mobile].open {
  display: flex !important;
}

/* Final Business Verticals contract: the rail and company pane share one
   shell, while the rail keeps stable icon/label/chevron columns. */
.site-nav[data-phase01-navbar] .nav-megamenu,
body.co-theme-agro .site-nav[data-phase01-navbar] .nav-megamenu {
  width: min(1120px, calc(100vw - 48px)) !important;
  max-width: min(1120px, calc(100vw - 48px)) !important;
  left: 50% !important;
  transform: translate(-50%, -6px) !important;
  padding: 0 !important;
  /* Keep the shell transparent so the pane's alpha reveals the page behind
     it instead of creating a second, inset dropdown surface. The Agro
     selector is included here to match the earlier themed dropdown rule. */
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid var(--nav-dropdown-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
.site-nav[data-phase01-navbar] .has-dropdown.is-open > .nav-megamenu {
  transform: translate(-50%, 0) !important;
}
body.co-theme-agro .site-nav[data-phase01-navbar] .nav-megamenu {
  left: 50% !important;
  transform: translate(-50%, -6px) !important;
}
body.co-theme-agro .site-nav[data-phase01-navbar] .has-dropdown.is-open > .nav-megamenu {
  transform: translate(-50%, 0) !important;
}
/* CSS hover must not create a second open panel behind the JS-controlled one. */
.site-nav[data-phase01-navbar] .has-dropdown > .nav-dropdown {
  opacity: 0 !important;
  pointer-events: none !important;
}
.site-nav[data-phase01-navbar] .has-dropdown.is-open > .nav-dropdown {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.site-nav[data-phase01-navbar] .mm-layout {
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 0 !important;
}
.site-nav[data-phase01-navbar] .mm-cats {
  gap: 2px !important;
  padding: 12px !important;
  background: var(--nav-dropdown-sidebar-bg) !important;
  border-radius: 0 !important;
}
.site-nav[data-phase01-navbar] .mm-panes {
  min-width: 0 !important;
  padding: 18px 20px !important;
  background: var(--nav-dropdown-pane-bg) !important;
  border-left: 1px solid var(--nav-dropdown-divider) !important;
}
/* Keep the corporate logo pane visibly Lake Light Blue while allowing the
   page/hero behind the menu to remain perceptible. The shell above is
   transparent, so this alpha is composited against the actual page rather
   than an opaque dropdown background. */
body:not(.co-theme-agro) .site-nav[data-phase01-navbar] .mm-panes {
  background: rgba(5, 153, 211, .72) !important;
  backdrop-filter: blur(8px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(8px) saturate(110%) !important;
}
.site-nav[data-phase01-navbar] .mm-cat,
.site-nav[data-phase01-navbar] .mm-cat:hover,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible,
.site-nav[data-phase01-navbar] .mm-cat.is-active {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) 12px !important;
  align-items: center !important;
  column-gap: 10px !important;
  min-height: 44px !important;
  padding: 10px 10px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .9) !important;
  font: 600 .8rem/1 Jost, Arial, sans-serif !important;
}
.site-nav[data-phase01-navbar] .mm-cat:hover,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible,
.site-nav[data-phase01-navbar] .mm-cat.is-active {
  background: rgba(255, 255, 255, .07) !important;
  color: #fff200 !important;
}
.site-nav[data-phase01-navbar] .mm-cat::before {
  display: grid !important;
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}
.site-nav[data-phase01-navbar] .mm-cat::after {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 !important;
  border: solid currentColor !important;
  border-width: 1.5px 1.5px 0 0 !important;
  opacity: .72 !important;
  transform: rotate(45deg) !important;
  transition: border-color .18s ease, opacity .18s ease, transform .18s ease !important;
}
.site-nav[data-phase01-navbar] .mm-sector-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  pointer-events: none !important;
  --lord-icon-primary: #fff !important;
  --lord-icon-secondary: #fff !important;
  opacity: .96 !important;
}
.site-nav[data-phase01-navbar] .mm-cat:hover .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat.is-active .mm-sector-icon {
  --lord-icon-primary: #fff200 !important;
  --lord-icon-secondary: #fff200 !important;
  opacity: 1 !important;
}

/* The animated sector assets are the single source of icon artwork.  Disable
   the old CSS-mask fallback completely so it cannot flash or replace an icon
   during hover, focus, or menu reopening. */
.site-nav[data-phase01-navbar] .mm-cat::before {
  display: none !important;
  content: none !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.site-nav[data-phase01-navbar] .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat:hover .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat.is-active .mm-sector-icon {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: drop-shadow(0 0 .8px currentColor) !important;
}

/* Motion is intentionally applied to the existing stable icon wrapper. The
   Lordicon source and safe final frame never change between UI states. */
.site-nav[data-phase01-navbar] .mm-sector-icon {
  --sector-icon-base-scale: 1;
  transform: scale(var(--sector-icon-base-scale)) !important;
  transform-origin: center center;
  transition: transform 180ms cubic-bezier(.22, .61, .36, 1) !important;
  will-change: transform;
  filter: drop-shadow(0 0 .8px currentColor) !important;
}
.site-nav[data-phase01-navbar] .mm-sector-icon--approved.mm-sector-icon--energies {
  --sector-icon-base-scale: 1.55;
}
.site-nav[data-phase01-navbar] .mm-sector-icon--approved.mm-sector-icon--manufacturing {
  --sector-icon-base-scale: 1.4;
}
.site-nav[data-phase01-navbar] .mm-cat.is-active .mm-sector-icon {
  transform: scale(calc(var(--sector-icon-base-scale) * 1.04)) !important;
}
.site-nav[data-phase01-navbar] .mm-cat:hover .mm-sector-icon,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible .mm-sector-icon {
  transform: translateX(2px) scale(calc(var(--sector-icon-base-scale) * 1.08)) !important;
}
.site-nav[data-phase01-navbar] .mm-cat:hover::after,
.site-nav[data-phase01-navbar] .mm-cat:focus-visible::after {
  transform: translateX(2px) rotate(45deg) !important;
}

@media (prefers-reduced-motion: reduce) {
  .site-nav[data-phase01-navbar] .mm-sector-icon {
    animation: none !important;
    transition: none !important;
  }
  .site-nav[data-phase01-navbar] .mm-cat:hover .mm-sector-icon,
  .site-nav[data-phase01-navbar] .mm-cat:focus-visible .mm-sector-icon,
  .site-nav[data-phase01-navbar] .mm-cat.is-active .mm-sector-icon {
    transform: scale(var(--sector-icon-base-scale)) !important;
  }
}

/* Icon-only visibility correction. Keep the approved rail geometry unchanged
   while giving all desktop sector icons a consistent, readable slot. */
@media (min-width: 768px) {
  .site-nav[data-phase01-navbar] .mm-cat,
  .site-nav[data-phase01-navbar] .mm-cat:hover,
  .site-nav[data-phase01-navbar] .mm-cat:focus-visible,
  .site-nav[data-phase01-navbar] .mm-cat.is-active {
    grid-template-columns: 32px minmax(0, 1fr) 12px !important;
  }
  .site-nav[data-phase01-navbar] .mm-cat::before,
  .site-nav[data-phase01-navbar] .mm-sector-icon {
    width: 30px !important;
    height: 30px !important;
  }
  .site-nav[data-phase01-navbar] .mm-sector-icon {
    filter: drop-shadow(0 0 .8px currentColor) !important;
  }
}
.site-nav[data-phase01-navbar] .mm-companies {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: center !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company {
  width: auto !important;
  min-width: 0 !important;
  min-height: 76px !important;
  padding: 6px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:hover,
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company:focus-visible {
  background: rgba(255, 255, 255, .06) !important;
  outline: none !important;
}
.site-nav[data-phase01-navbar] .nav-megamenu .mm-company img {
  width: 100% !important;
  height: 56px !important;
  max-width: 132px !important;
  object-fit: contain !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
@media (max-width: 1200px) and (min-width: 1061px) {
  .site-nav[data-phase01-navbar] .mm-companies { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px) and (min-width: 1061px) {
  .site-nav[data-phase01-navbar] .mm-companies { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* Full-height mobile drawer and progressive disclosure hierarchy. */
html.lg-nav-open, body.lg-nav-open { overflow: hidden !important; }
.nav-mobile[data-phase01-navbar-mobile] {
  top: 68px !important;
  min-height: calc(100dvh - 68px) !important;
  max-height: calc(100dvh - 68px) !important;
  padding: 10px 20px 28px !important;
  background: var(--nav-dropdown-sidebar-bg) !important;
  border-bottom: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-drawer-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 48px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-drawer-title {
  color: #fff200 !important;
  font: 700 .72rem/1 Jost, Arial, sans-serif !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-close {
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font: 400 1.8rem/1 Arial, sans-serif !important;
  cursor: pointer !important;
}
.nav-mobile[data-phase01-navbar-mobile] > a,
.nav-mobile[data-phase01-navbar-mobile] > .mob-acc-btn {
  min-height: 50px !important;
  padding: 14px 4px !important;
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
}
.nav-mobile[data-phase01-navbar-mobile] > .mob-acc-btn { border-left: 0 !important; }
.nav-mobile[data-phase01-navbar-mobile] > .mob-acc-btn[aria-expanded="true"] { color: #fff200 !important; }
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel {
  padding: 2px 0 6px 14px !important;
  background: transparent !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel[hidden] { display: none !important; }
.nav-mobile[data-phase01-navbar-mobile] .mob-subsidiaries-panel,
.nav-mobile[data-phase01-navbar-mobile] .mob-corporate-panel { padding-left: 14px !important; }
.nav-mobile[data-phase01-navbar-mobile] .mob-accordion > .mob-acc-btn {
  min-height: 46px !important;
  padding: 11px 4px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) 14px !important;
  align-items: center !important;
  column-gap: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-bottom: 0 !important;
  color: rgba(255,255,255,.84) !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-sector-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-accordion > .mob-acc-btn::after {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  margin: 0 !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-accordion > .mob-acc-btn[aria-expanded="true"] { color: #fff200 !important; }
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel a {
  min-height: 44px !important;
  gap: 10px !important;
  padding: 9px 4px 9px 10px !important;
  color: rgba(255,255,255,.74) !important;
  border: 0 !important;
  font-size: .83rem !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel a img {
  width: 36px !important;
  height: 28px !important;
  object-fit: contain !important;
  flex: 0 0 36px !important;
  background: transparent !important;
}
.nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel a:hover { color: #fff200 !important; background: rgba(255,255,255,.05) !important; }
.nav-mobile[data-phase01-navbar-mobile] .mob-language { margin-top: 18px !important; }

body.co-theme-agro .nav-mobile[data-phase01-navbar-mobile] {
  background: var(--nav-dropdown-sidebar-bg) !important;
  background-color: var(--nav-dropdown-sidebar-bg) !important;
  border-color: var(--nav-dropdown-border) !important;
}

/* Mobile-only navigation: one disclosure per top-level category.  The drawer
   owns scrolling while the document behind it remains locked. */
html.lg-nav-open,
body.lg-nav-open {
  height: 100% !important;
  overflow: hidden !important;
}
@media (max-width: 767px) {
  .nav-mobile[data-phase01-navbar-mobile] {
    height: calc(100dvh - 68px) !important;
    min-height: calc(100dvh - 68px) !important;
    max-height: calc(100dvh - 68px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain !important;
    padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] > *,
  .nav-mobile[data-phase01-navbar-mobile] .mob-acc-panel {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-drawer-head {
    min-height: 44px !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
    justify-content: flex-end !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-drawer-title {
    display: none !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] > .mob-primary,
  .nav-mobile[data-phase01-navbar-mobile] > .mob-corporate-trigger,
  .nav-mobile[data-phase01-navbar-mobile] > .mob-language-trigger {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 14px !important;
    align-items: center !important;
    column-gap: 10px !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] > .mob-language-trigger {
    grid-template-columns: 22px minmax(0, 1fr) 14px !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-language-globe {
    grid-column: 1 !important;
    width: 18px !important;
    height: 18px !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] > .mob-primary::after,
  .nav-mobile[data-phase01-navbar-mobile] > .mob-corporate-trigger::after,
  .nav-mobile[data-phase01-navbar-mobile] > .mob-language-trigger::after {
    content: "" !important;
    grid-column: -1 !important;
    justify-self: end !important;
    width: 7px !important;
    height: 7px !important;
    border: solid currentColor !important;
    border-width: 0 1.5px 1.5px 0 !important;
    transform: rotate(45deg) translateY(-2px) !important;
    transition: transform .18s ease !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] > .mob-primary[aria-expanded="true"]::after,
  .nav-mobile[data-phase01-navbar-mobile] > .mob-corporate-trigger[aria-expanded="true"]::after,
  .nav-mobile[data-phase01-navbar-mobile] > .mob-language-trigger[aria-expanded="true"]::after {
    transform: rotate(225deg) translateY(-2px) !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-subsidiaries-panel {
    padding: 4px 0 10px 14px !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-list {
    display: grid !important;
    gap: 8px !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-group {
    display: block !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-heading {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    min-height: 44px !important;
    padding: 8px 4px !important;
    color: rgba(255, 255, 255, .92) !important;
    font: 600 .84rem/1.2 Jost, Arial, sans-serif !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-heading::after {
    content: none !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-heading .mob-sector-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 28px !important;
    height: 28px !important;
    --lord-icon-primary: rgba(255, 255, 255, .92) !important;
    --lord-icon-secondary: rgba(255, 255, 255, .92) !important;
    opacity: 1 !important;
    filter: drop-shadow(0 0 .8px currentColor) !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-label {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-companies {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 0 5px 40px !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-companies a {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 6px 4px !important;
    color: rgba(255, 255, 255, .72) !important;
    font: 500 .82rem/1.25 Jost, Arial, sans-serif !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-sector-companies a img {
    display: none !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-language-panel {
    padding: 4px 0 8px 36px !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-language-option {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 7px 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, .74) !important;
    font: 500 .83rem/1.25 Jost, Arial, sans-serif !important;
    text-align: left !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-language-option.active {
    color: #fff200 !important;
  }
  .nav-mobile[data-phase01-navbar-mobile] .mob-language-status {
    padding: 6px 4px !important;
    color: rgba(255, 255, 255, .62) !important;
    font: 500 .72rem/1.4 Jost, Arial, sans-serif !important;
  }
}

/* Launch control: language architecture remains in markup, but no selector is
   presented until the translated launch copy is approved. */
.site-nav[data-phase01-navbar] .lang-switcher,
.nav-mobile[data-phase01-navbar-mobile] .mob-lang-static,
.nav-mobile[data-phase01-navbar-mobile] .mob-language-panel { display: none !important; }