/* Header shares the site's content width; all three rows use one alignment system. */
html body .industrial-header.reference-header{--header-columns:minmax(280px,1fr) minmax(320px,1.5fr) minmax(280px,1fr);--header-gap:32px;background:#fff;border:0;border-bottom:1px solid #d9dfe3}
html body .reference-header .industrial-utility{background:#0075a5;border:0;color:#ffffff;font:13px/20px Arial,Helvetica,sans-serif}
html body .reference-header .industrial-utility .wrap{display:grid;grid-template-columns:var(--header-columns);column-gap:var(--header-gap);align-items:center;min-height:52px;padding-top:12px;padding-bottom:12px}
html body .reference-header .header-utility-scope{margin:0;color:#ffffff;font-weight:400;text-align:left;line-height:20px}
html body .reference-header .header-utility-purpose{margin:0;color:#fff;font-weight:500;text-align:center;line-height:20px}
html body .reference-header .header-utility-links{display:flex;justify-content:flex-end;align-items:center;gap:0;margin:0;line-height:20px}
html body .reference-header .header-utility-links a{color:#fff;font-size:12px;font-weight:400;text-decoration:none;padding:0 14px;line-height:16px}
html body .reference-header .header-utility-links a+a{border-left:1px solid #6cabc7}
html body .reference-header .header-utility-links a:last-child{padding-right:0}
html body .reference-header .header-utility-links a:hover{text-decoration:underline;text-underline-offset:3px;color:#fff}
html body .industrial-header.reference-header .catalog-header-top{display:grid;grid-template-columns:var(--header-columns);column-gap:var(--header-gap);align-items:center;min-height:108px;padding-top:24px;padding-bottom:24px}
html body .industrial-header.reference-header .brand{display:flex;align-items:center;justify-self:start;gap:12px;margin:0;padding:0;color:#0075a5;text-decoration:none}
html body .industrial-header.reference-header .brand-symbol{display:block;flex:0 0 48px;width:48px;height:48px;color:#0075a5}
html body .industrial-header.reference-header .brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
html body .industrial-header.reference-header .brand-name{display:block;margin:0;padding:0;font:700 32px/36px Arial,Helvetica,sans-serif;letter-spacing:-.9px;color:#0075a5;white-space:nowrap}
html body .industrial-header.reference-header .brand-sub{display:block;margin:0;padding:0;color:#666666;font:600 9px/13px Arial,Helvetica,sans-serif;letter-spacing:1.65px;white-space:nowrap}
html body .industrial-header.reference-header .catalog-search{display:flex;align-items:center;justify-self:center;width:100%;max-width:none;height:48px;background:#fff;border:1px solid #bac6ce;border-radius:2px;margin:0;overflow:hidden}
html body .industrial-header.reference-header .catalog-search:focus-within{border-color:#0075a5;box-shadow:0 0 0 1px #0075a5}
html body .industrial-header.reference-header .catalog-search input{min-width:0;flex:1;font:14px/20px Arial,Helvetica,sans-serif;padding:13px 15px;color:#444444;background:#fff;border:0;outline:0;box-shadow:none;height:100%;margin:0}
html body .industrial-header.reference-header .catalog-search input::placeholder{color:#666666;opacity:1}
html body .industrial-header.reference-header .catalog-search button{display:grid;place-items:center;flex:0 0 48px;padding:0;width:48px;height:100%;margin:0;background:#fff;color:#666666;border:0;cursor:pointer}
html body .industrial-header.reference-header .catalog-search button:hover{background:#eaf3f8;color:#0075a5}
html body .industrial-header.reference-header .header-contact{display:flex;flex-direction:column;align-items:flex-start;gap:6px;justify-self:end;align-self:center;text-align:left;line-height:22px;margin:0}
html body .industrial-header.reference-header .header-contact a{display:flex;align-items:center;gap:10px;margin:0;padding:0;color:#444444;font:400 14px/22px Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap}
html body .industrial-header.reference-header .header-contact b{font-weight:700;margin-right:5px}
html body .industrial-header.reference-header .header-contact svg{display:block;flex:0 0 20px;width:20px;height:20px}
html body .industrial-header.reference-header .header-contact-whatsapp svg{color:#16844a}
html body .industrial-header.reference-header .header-contact-email svg{color:#0075a5}
html body .industrial-header.reference-header .header-contact a:hover{color:#0075a5;text-decoration:underline;text-underline-offset:3px}
html body .industrial-header.reference-header .header-contact a:focus-visible{outline:2px solid #0075a5;outline-offset:4px}
html body .industrial-header.reference-header .nav-toggle{display:none}
html body .industrial-header.reference-header .catalog-nav-band{background:#fff;border:0}
html body .industrial-header.reference-header .site-nav{display:flex;position:relative;justify-content:center;align-items:stretch;gap:0;min-height:54px;padding:0;margin:0;background:#fff}
html body .industrial-header.reference-header .site-nav>a,html body .industrial-header.reference-header .nav-family>a{display:flex;align-items:center;position:relative;min-height:54px;margin:0;padding:16px 26px;color:#252525;background:transparent;border:0;box-shadow:none;font:600 14px/22px Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap}
html body .industrial-header.reference-header .site-nav>a:first-child{padding-left:26px;padding-right:26px}
html body .industrial-header.reference-header .site-nav>a[aria-current=page],html body .industrial-header.reference-header .nav-family>a[aria-current=page]{color:#0075a5;background:transparent;box-shadow:none}
html body .industrial-header.reference-header .site-nav>a:hover,html body .industrial-header.reference-header .nav-family:hover{background:transparent;color:#0075a5}
html body .industrial-header.reference-header .nav-family{display:flex;align-items:stretch;position:static;gap:0;margin:0;padding:0;background:transparent}
html body .industrial-header.reference-header .nav-family-menu{position:static;margin:0}
html body .industrial-header.reference-header .site-nav>a+a:before,html body .industrial-header.reference-header .site-nav>.nav-family+a:before,html body .industrial-header.reference-header .site-nav>.nav-family>a:before{content:"";position:absolute;top:19px;left:0;width:1px;height:16px;background:#d0d9df;pointer-events:none}
html body .industrial-header.reference-header .site-nav>.nav-family:before{display:none}
html body .industrial-header.reference-header .site-nav>a:after,html body .industrial-header.reference-header .nav-family>a:after{display:block;content:"";position:absolute;left:26px;right:26px;bottom:8px;height:1px;background:#0075a5;transform:scaleX(0);transform-origin:center;transition:transform .18s}
html body .industrial-header.reference-header .site-nav>a:hover:after,html body .industrial-header.reference-header .nav-family>a:hover:after{transform:scaleX(1)}
html body .industrial-header.reference-header .nav-family>a{padding-right:8px}
html body .industrial-header.reference-header .nav-family>a:after{right:8px}
html body .industrial-header.reference-header .nav-family-menu summary{display:flex;align-items:center;justify-content:center;height:54px;margin:0;padding:16px 22px 16px 4px;color:#666666;font:400 14px/22px Arial,Helvetica,sans-serif}
html body .industrial-header.reference-header .nav-family-menu[open] summary{color:#0075a5}
html body .industrial-header.reference-header .nav-family-panel{position:absolute;top:100%;left:0;right:0;width:min(1200px,100%);margin:0 auto;max-height:72vh;columns:3;border:1px solid #d8e1e6;border-top:2px solid #0075a5;border-radius:0 0 4px 4px;background:#fff;box-shadow:0 9px 24px #253f531a}
html body .industrial-header.reference-header .nav-family-panel a{color:#444444}
html body .industrial-header.reference-header .nav-category-parent{border-bottom:1px solid #dce5eb;color:#0075a5;font-size:14px}
html body .industrial-header.reference-header .nav-category-children a{color:#444444;font-size:13px}
html body .industrial-header.reference-header .nav-family-panel a:hover{color:#0075a5}
@media(max-width:1100px){
  html body .industrial-header.reference-header{--header-columns:minmax(240px,1fr) minmax(260px,1.25fr) minmax(240px,1fr);--header-gap:24px}
  html body .industrial-header.reference-header .brand{gap:10px}
  html body .industrial-header.reference-header .brand-symbol{width:42px;height:42px;flex-basis:42px}
  html body .industrial-header.reference-header .brand-name{font-size:28px;line-height:32px}
  html body .industrial-header.reference-header .brand-sub{font-size:8px;letter-spacing:1.4px}
  html body .industrial-header.reference-header .header-contact a{font-size:13px;gap:8px}
  html body .reference-header .industrial-utility{font-size:12px}
}
@media(max-width:1000px){
  html body .reference-header .header-utility-purpose{display:none}
  html body .reference-header .industrial-utility .wrap{grid-template-columns:1fr auto}
  html body .industrial-header.reference-header .catalog-header-top{grid-template-columns:1fr auto;gap:20px;padding-top:22px;padding-bottom:20px}
  html body .industrial-header.reference-header .header-contact{grid-column:2;grid-row:1}
  html body .industrial-header.reference-header .catalog-search{grid-column:1/-1;grid-row:2;max-width:none}
  html body .industrial-header.reference-header .site-nav>a,html body .industrial-header.reference-header .site-nav>a:first-child{padding-left:22px;padding-right:22px}
  html body .industrial-header.reference-header .nav-family>a{padding-left:22px}
}
@media(max-width:760px){
  html body .industrial-header.reference-header .catalog-header-top{grid-template-columns:1fr auto;gap:17px;padding-top:19px;padding-bottom:17px;min-height:0}
  html body .industrial-header.reference-header .brand-symbol{width:40px;height:40px;flex-basis:40px}
  html body .industrial-header.reference-header .brand-name{font-size:26px;line-height:30px}
  html body .industrial-header.reference-header .brand-sub{font-size:8px;line-height:12px;letter-spacing:1.2px}
  html body .industrial-header.reference-header .nav-toggle{display:block;grid-column:2;grid-row:1;margin:0;width:40px;height:40px;border:1px solid #d6e0e6;border-radius:3px;color:#0075a5;background:#fff}
  html body .industrial-header.reference-header .header-contact{grid-column:1/-1;grid-row:2;justify-self:start;gap:5px}
  html body .industrial-header.reference-header .header-contact a{font-size:13px;gap:8px}
  html body .industrial-header.reference-header .catalog-search{grid-column:1/-1;grid-row:3;order:initial;width:100%;height:44px}
  html body .industrial-header.reference-header .site-nav{display:none;justify-content:flex-start;min-height:0;padding:0;background:#fff}
  html body .industrial-header.reference-header .site-nav.is-open{display:flex;padding:8px 0 14px;border-top:1px solid #e2e8ed}
  html body .industrial-header.reference-header .site-nav>a,html body .industrial-header.reference-header .nav-family>a,html body .industrial-header.reference-header .site-nav>a:first-child{min-height:44px;padding:11px 12px;font-size:14px}
  html body .industrial-header.reference-header .site-nav>a:before,html body .industrial-header.reference-header .site-nav>.nav-family>a:before,html body .industrial-header.reference-header .site-nav>a:after,html body .industrial-header.reference-header .nav-family>a:after{display:none}
  html body .industrial-header.reference-header .nav-family-menu summary{height:44px;padding:11px 16px 11px 5px}
  html body .industrial-header.reference-header .nav-family-panel{position:static;width:100%;columns:1;max-height:60vh;margin:0}
  html body .reference-header .industrial-utility .wrap{gap:10px;min-height:42px;padding-top:10px;padding-bottom:10px}
  html body .reference-header .industrial-utility{font-size:10px}
  html body .reference-header .header-utility-links a{font-size:11px;padding:0 9px}
}