/* Light engineering canvas inside the navy brand navigation. */
.global-menu > .battery-solutions-panel {
  width: min(1050px, calc(100vw - 48px));
  padding: 22px;
  border-color: #d9ebe4;
  background: #fff;
  color: #112d35;
  box-shadow: 0 24px 64px #031a2840;
}
.solutions-mega { display: grid; grid-template-columns: 1.65fr 1fr; gap: 26px; }
.solutions-mega-list { min-width: 0; }
.solutions-mega-list section + section { margin-top: 22px; }
.solutions-mega-list h2 { margin: 0 0 9px; font-family: inherit; font-size: 11px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase; color: #18735a; }
.solutions-mega-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.solutions-mega-link { display: flex; align-items: center; gap: 10px; min-width: 0; min-height: 72px; padding: 7px; border: 1px solid #e4eee9; border-radius: 7px; color: #193b42; background: #fff; transition: background .18s, border-color .18s; }
.solutions-mega-link img { width: 64px; height: 54px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.solutions-mega-link span { font-size: 14px; line-height: 1.25; font-weight: 600; }
.solutions-mega-link svg { flex-shrink: 0; margin-left: auto; color: #28866a; }
.solutions-mega-link:hover, .solutions-mega-link.is-active { border-color: #70c8a6; background: #effaf5; color: #064d38; }
.solutions-mega a:focus-visible { outline: 2px solid #059669; outline-offset: 2px; }
.solutions-mega-note { margin-top: 17px; font-size: 11px; color: #50716b; line-height: 1.5; }
.solutions-mega-preview { min-width: 0; border: 1px solid #d8ebe2; border-radius: 9px; overflow: hidden; background: #f3fbf7; }
.solutions-mega-image-stack { display: grid; background: #f9fbfa; aspect-ratio: 1.5; overflow: hidden; }
.solutions-mega-image-stack img { grid-area: 1/1; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .2s; }
.solutions-mega-image-stack img.is-active { opacity: 1; }
.solutions-mega-preview-copy { padding: 19px 21px; }
.solutions-mega-preview small { display: block; font-size: 9px; color: #237d62; text-transform: uppercase; letter-spacing: .08em; }
.solutions-mega-preview h3 { font-family: inherit; font-size: 23px; font-weight: 600; line-height: 1.2; color: #103c32; margin: 9px 0; min-height: 56px; }
.solutions-mega-preview p { font-size: 14px; line-height: 1.5; color: #416459; min-height: 63px; }
.solutions-mega-preview a { display: inline-flex; gap: 22px; align-items: center; margin-top: 17px; font-size: 13px; font-weight: 700; color: #086c4e; }
@media (prefers-reduced-motion: reduce) { .solutions-mega-image-stack img { transition: none; } }

.global-header .global-solutions { position: static; }
.global-menu > .battery-solutions-panel { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); max-height: calc(100dvh - 110px); overflow-y: auto; }
.global-menu .solutions-mega-link { display: flex; padding: 7px; }
.global-menu .solutions-mega-preview-copy > a { display: inline-flex; padding: 0; }
.global-menu .solutions-mega-link b { margin-left: auto; color: #28866a; }
.global-menu > div:before { content: ""; position: absolute; left: 0; right: 0; top: -22px; height: 22px; }

.site-fit .global-header { background: #fff; border-color: #dce8e2; color: #173b32; }
.site-fit .global-header nav, .site-fit .nav-talk, .nav-language, .site-fit .mobile-global-menu summary { color: #284b40; }
.global-menu[open] > summary, .global-menu summary:hover { color: #087047; }
.global-header .global-menu { position: static; }
.site-fit .global-header .global-brand img { width: 190px; height: auto; }
.solutions-mega-list h2 { font-size: 13px; letter-spacing: .04em; }
.solutions-mega-link { min-height: 78px; padding: 9px; }
.solutions-mega-link > img { width: 68px; height: 58px; }
.solutions-mega-link span { font-size: 15px; line-height: 1.4; }
.solutions-mega-item-copy { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-width: 0; }
.solutions-mega-preview p { font-size: 16px; line-height: 1.55; min-height: 76px; }
.solutions-mega-preview a { font-size: 15px; }
.navigation-ai-badge { display: inline-block; padding: 2px 5px; background: #e6f5ec; border: 1px solid #b9ddc8; border-radius: 4px; color: #087047; font-size: 10px; line-height: 1.2; white-space: nowrap; }
.battery-mobile-group + .battery-mobile-group { margin-top: 20px; }
.battery-mobile-group h2 { margin: 0 0 8px; font: 700 16px 'Titillium Web', sans-serif; color: #087047; }
.mobile-global-menu > div .battery-mobile-link { display: flex; gap: 10px; align-items: center; color: #193b32; padding: 8px; font-size: 15px; border: 1px solid #e4eee9; margin-bottom: 6px; }
.battery-mobile-link img { width: 48px; height: 44px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.battery-mobile-link span { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
@media (max-width: 950px) {
  .site-fit .global-header .global-brand img { width: 150px; }
  .mobile-global-menu > div { width: min(340px, calc(100vw - 40px)); }
}
.site-fit .global-header nav.solutions-mega { display: grid; grid-template-columns: 1.65fr 1fr; gap: 26px; align-items: stretch; }