function () { var STYLE_ID = 'lx-products-nav-style'; var HTML_TEMPLATE = [ '

', '

', '', '', '', '

', '

' ].join(''); var CSS_TEMPLATE = [ '.lx-products-nav{--paper:#fcfaf5;--ink:#292721;--muted:#56524b;--green:#5f805e;--line:#ded8cc;width:100%;height:80px;display:block;background:rgba(252,250,245,.98);border-bottom:1px solid var(--line);font-family:Arial,Helvetica,sans-serif;color:var(--ink);position:relative;z-index:30;}', '.lx-products-nav *,.lx-products-nav *::before,.lx-products-nav *::after{box-sizing:border-box;}', '.lx-products-nav__inner{width:calc(100% - 48px);max-width:1240px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}', '.lx-products-nav a{text-decoration:none!important;-webkit-text-fill-color:currentColor!important;}', '.lx-products-nav__brand{display:flex;align-items:center;gap:12px;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;}', '.lx-products-nav__logo{display:block;width:auto;height:48px;max-width:180px;object-fit:contain;object-position:left center;border:0;border-radius:0;}', '.lx-products-nav__brand b{font:600 25px Georgia,serif;}', '.lx-products-nav__brand span{padding-left:12px;border-left:1px solid var(--line);font-size:10px;letter-spacing:.22em;text-transform:uppercase;}', '.lx-products-nav__links{display:flex;align-items:center;gap:26px;}', '.lx-products-nav__links>a:not(.lx-products-nav__quote){position:relative;color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important;font:400 16px/1.65 Arial,Helvetica,sans-serif;white-space:nowrap;}', '.lx-products-nav__links>a:not(.lx-products-nav__quote)::after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--green);transform:scaleX(0);transition:transform .25s ease;}', '.lx-products-nav__links>a:hover::after,.lx-products-nav__links>a.is-active::after{transform:scaleX(1);}', '.lx-products-nav__links>a.is-active{color:var(--green)!important;-webkit-text-fill-color:var(--green)!important;font-weight:600;}', '.lx-products-nav .lx-products-nav__quote{padding:10px 21px;border-radius:999px;background:var(--green)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:400 16px/1.65 Arial,Helvetica,sans-serif;white-space:nowrap;}', '.lx-products-nav__menu{display:none;width:42px;height:42px;padding:9px;border:0;background:transparent;cursor:pointer;}', '.lx-products-nav__menu i{display:block;width:23px;height:2px;margin:5px 0;background:var(--ink);transition:transform .25s ease,opacity .25s ease;}', '@media(max-width:960px){', '.lx-products-nav{height:64px;}', '.lx-products-nav__inner{width:calc(100% - 32px);}', '.lx-products-nav__menu{display:block;}', '.lx-products-nav__links{position:absolute;left:0;right:0;top:64px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:18px 24px 26px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(30,28,24,.08);}', '.lx-products-nav__links.is-open{display:flex;}', '.lx-products-nav__links>a:not(.lx-products-nav__quote){padding:12px 0;font:20px Georgia,serif;}', '.lx-products-nav__links>a:not(.lx-products-nav__quote)::after{display:none;}', '.lx-products-nav .lx-products-nav__quote{margin-top:12px;text-align:center;}', '}', '@media(max-width:560px){.lx-products-nav__logo{height:42px;max-width:158px;}}' ].join(''); function injectStyle() { if (document.getElementById(STYLE_ID)) return; var style = document.createElement('style'); style.id = STYLE_ID; style.appendChild(document.createTextNode(CSS_TEMPLATE)); document.head.appendChild(style); } function morphHost(el) { var overrides = { 'background': 'transparent', 'background-color': 'transparent', 'background-image': 'none', 'border': 'none', 'border-radius': '0', 'box-shadow': 'none', 'width': '100%', 'max-width': '100%', 'min-width': '0', 'height': 'auto', 'min-height': '0', 'max-height': 'none', 'padding': '0', 'margin': '0', 'position': 'relative', 'top': 'auto', 'left': 'auto', 'right': 'auto', 'bottom': 'auto', 'overflow': 'visible', 'display': 'block' }; var k; for (k in overrides) el.style.setProperty(k, overrides[k], 'important'); } function syncShapeGeometry(el) { var parent = el.parentNode; if (!parent || parent.nodeType !== 1) return; var pr = parent.getBoundingClientRect(); var cs = window.getComputedStyle(parent); var contentLeft = pr.left + (parseFloat(cs.borderLeftWidth) || 0) + (parseFloat(cs.paddingLeft) || 0); var width = document.documentElement.clientWidth || window.innerWidth; el.style.setProperty('margin-left', (-contentLeft) + 'px', 'important'); el.style.setProperty('width', width + 'px', 'important'); el.style.setProperty('max-width', width + 'px', 'important'); } var config = { _resize: null, _menu: null, _links: null, onMount: function (context) { try { injectStyle(); var el = document.getElementById(context.id); if (!el) return; el.innerHTML = HTML_TEMPLATE; morphHost(el); syncShapeGeometry(el); var menu = el.querySelector('.lx-products-nav__menu'); var links = el.querySelector('.lx-products-nav__links'); if (menu && links) { menu.onclick = function () { var open = links.className.indexOf('is-open') < 0; links.className = open ? 'lx-products-nav__links is-open' : 'lx-products-nav__links'; menu.setAttribute('aria-expanded', open ? 'true' : 'false'); }; config._menu = menu; } var navLinks = el.querySelectorAll('[data-nav-url]'); var i; for (i = 0; i < navLinks.length; i++) { navLinks[i].onclick = function (event) { if (event) event.preventDefault(); var url = this.getAttribute('data-nav-url'); if (!url) return; try { window.top.location.href = url; } catch (jumpError) { window.location.href = url; } }; } config._links = navLinks; config._resize = function () { syncShapeGeometry(el); }; window.addEventListener('resize', config._resize); } catch (e) { if (window && window.console) window.console.warn('[ProductsNav onMount]', e); } }, onUnmount: function (context) { try { if (config._resize) window.removeEventListener('resize', config._resize); if (config._menu) config._menu.onclick = null; if (config._links) { var i; for (i = 0; i < config._links.length; i++) config._links[i].onclick = null; } var style = document.getElementById(STYLE_ID); if (style && style.parentNode) style.parentNode.removeChild(style); var el = document.getElementById(context.id); if (el) el.innerHTML = ''; } catch (e) {} } }; return config; }