:root {
  --onav-navy:   #0B3057;
  --onav-blue:   #007BC3;
  --onav-blue-d: #005A8E;
  --onav-sky:    #C5ECFF;
  --onav-ink:    #1E293B;
  --onav-slate:  #64748B;
  --onav-stone:  #94A3B8;
  --onav-off:    #EEF5FB;
  --onav-border: rgba(148,163,184,0.35);
  --onav-shadow: 0 8px 40px rgba(11,48,87,0.14);
  --onav-font:   'Inter', system-ui, sans-serif;
}

.onflo-header { display:block !important; position:static; will-change:auto !important; }
/* Sticky-header safeguard: position:sticky breaks if ANY ancestor has a transform applied
   (common leftover from a page-load fade/slide animation not being cleared), or if an
   ancestor clips overflow-x while overflow-y is claimed to be visible. Per the CSS Overflow
   spec, overflow-x and overflow-y can't be split into "hidden" + "visible" on the same box —
   the browser silently promotes overflow-y to auto/scroll the instant overflow-x goes
   non-visible. WebKit (Safari, and every browser on iOS, since Apple requires them all to
   use WebKit) enforces this strictly, which is why this broke sticky on mobile specifically
   even where it may have looked fine on desktop Chrome/Firefox. Fix: overflow-x:clip instead
   of hidden — clip suppresses horizontal scroll WITHOUT forcing the y-axis into auto/scroll. */
html, body { overflow-x: clip !important; overflow-y: visible !important; }
body.is-fading-in, body { transform: none !important; }
.onflo-skip-link {
  position:absolute; left:-9999px; top:0; z-index:9999;
  background:var(--onav-navy); color:#fff; padding:10px 16px;
  border-radius:0 0 8px 0; font:600 14px/1 var(--onav-font); text-decoration:none;
}
.onflo-skip-link:focus { left:0; }
.onflo-topbar {
  background:#FCE4D6; font-family:var(--onav-font);
  border-bottom:1px solid rgba(11,48,87,0.08);
  display:block !important; width:100% !important;
}
.onflo-topbar-inner {
  max-width:85rem; margin:0 auto; padding:10px 48px 10px 24px;
  display:flex !important; align-items:center; justify-content:center;
  position:relative; min-height:20px; gap:8px; flex-wrap:wrap;
}
.onflo-topbar-text { font:500 14px/1.4 var(--onav-font); color:#1E293B; text-align:center; }
.onflo-topbar-link { font-weight:700; color:#005A8E !important; text-decoration:underline !important; }
.onflo-topbar-close {
  position:absolute; right:16px; top:50%; transform:translateY(-50%);
  display:inline-flex !important; align-items:center; justify-content:center;
  width:22px; height:22px; padding:0;
  background:none !important; border:0 !important; cursor:pointer; color:#1E293B; flex-shrink:0;
}
.onflo-topbar-close svg { width:16px; height:16px; }
@media(max-width:640px){
  .onflo-topbar-inner { padding:10px 40px 10px 16px; }
  .onflo-topbar-text  { font-size:13px; }
}

.onav {
  position:sticky; top:0; z-index:1000;
  background:#fff;
  border-bottom:1px solid var(--onav-border);
  box-shadow:0 1px 0 var(--onav-border);
  font-family:var(--onav-font);
  will-change:auto !important;
  overflow:visible;
}
.onav *, .onav *::before, .onav *::after { box-sizing:border-box; }
.onav a, .onav button {
  text-decoration:none !important; font-style:normal !important;
  background-image:none !important; -webkit-tap-highlight-color:transparent;
  box-shadow:none;
}
.onav a::before,.onav a::after,.onav button::before,.onav button::after { content:none !important; display:none !important; }

.onav-inner {
  max-width:85rem; margin:0 auto; padding:0 24px;
  display:flex; align-items:center; gap:0; min-height:68px;
  position:relative;
}

.onav-logo {
  display:inline-flex !important; align-items:center; flex-shrink:0;
  margin-right:32px;
  background:none !important; padding:0 !important; border-radius:0 !important;
  width:auto !important; height:auto !important;
}
.onav-logo img { display:block; height:32px  !important; width:auto; }

.onav-links {
  display:flex; align-items:center; flex:1;
  gap:clamp(4px,1.2vw,21px);
  list-style:none; margin:0; padding:0;
}

.onav .onav-link {
  position:relative; display:flex !important; align-items:center; align-self:stretch;
}
.onav .onav-link > a {
  font:600 15px/1 var(--onav-font) !important; color:var(--onav-ink) !important;
  white-space:nowrap; padding:24px 0; display:block;
}
.onav .onav-link > a:hover,
.onav .onav-link > a:focus-visible { color:var(--onav-blue) !important; }
.onav-link-bar {
  position:absolute; left:0; bottom:0; width:100%; height:2px;
  background:var(--onav-blue); border-radius:2px 2px 0 0;
  opacity:0; transition:opacity 160ms;
}
.onav .onav-link:hover .onav-link-bar,
.onav .onav-link:focus-within .onav-link-bar { opacity:1; }

.onav /* ---- Drop wrapper: static so panels escape to .onav-inner ---- */
.onav-drop {
  position:static; display:flex; align-items:center; align-self:stretch;
}
/* ---- Button: relative so chevron and bar pseudo can anchor to it ---- */
.onav .onav-drop-btn {
  position:relative; display:inline-flex !important; align-items:center; gap:4px;
  font:600 15px/1 var(--onav-font) !important; color:var(--onav-ink) !important;
  background:none !important; border:0 !important; cursor:pointer;
  padding:24px 0; white-space:nowrap;
  width:auto !important; height:auto !important; border-radius:0 !important;
}
.onav-drop-btn .onav-chevron {
  width:16px; height:16px; flex-shrink:0; color:currentColor;
  transition:transform 160ms ease;
}
/* Underline bar: ::after on button, positioned at the bottom of the full nav height */
.onav-drop-btn::after {
  content:''; position:absolute; left:0; bottom:-2px; width:100%; height:2px;
  background:var(--onav-blue); border-radius:2px 2px 0 0;
  opacity:0; transition:opacity 160ms; z-index:31; pointer-events:none;
}
.onav-drop-btn[aria-expanded="true"]::after,
.onav .onav-drop:hover .onav-drop-btn::after { opacity:1; }
.onav .onav-drop:hover .onav-drop-btn,
.onav .onav-drop-btn[aria-expanded="true"] { color:var(--onav-blue) !important; }
.onav .onav-drop:hover .onav-chevron,
.onav .onav-drop-btn[aria-expanded="true"] .onav-chevron { transform:rotate(180deg); }
/* Hide the old span bar (was used when drop was position:relative) */
.onav-drop-bar { display:none !important; }
.onav-panel {
  display:none;
  position:absolute; top:100%; left:0;
  background:#fff;
  border:1px solid var(--onav-border); border-top:none;
  border-radius:0 0 12px 12px;
  box-shadow:var(--onav-shadow);
  overflow:visible; z-index:30;
  grid-template-columns:1fr 340px;
  column-gap:8px;
}
.onav .onav-drop-btn[aria-expanded="true"] + .onav-drop-bar + .onav-panel { display:grid; }

.onav-panel--products  { width:min(860px,calc(100vw - 48px)); }
/* Panels anchor left:0 to their own trigger button */
.onav-panel--solutions { left:0; right:auto; grid-template-columns:1fr 280px; }
.onav-panel--resources { left:0; right:auto; grid-template-columns:minmax(260px,1fr) 300px; }
.onav-panel--company   { left:0; right:auto; grid-template-columns:minmax(260px,1fr) 300px; }
/* Remove icon chip background for solutions, resources, company — icons render directly */
.onav-item--sol .onav-item-icon,
.onav-panel--resources .onav-item-icon,
.onav-panel--company .onav-item-icon,
.onav-item-icon--plain { background:none !important; border-radius:0 !important; }
.onav-item-icon--plain img { width:20px; height:20px; }
.onav-panel--resources .onav-item-icon img,
.onav-panel--company .onav-item-icon img { width:20px; height:20px; }

/* Each panel pane has its own max-height + scroll, capped equally so columns don't render at mismatched heights */
.onav-panel-list {
  padding:24px 20px 24px 24px;
  display:grid; align-content:start;
  border-bottom-left-radius:12px;
  /* Safety-net scroll for short windows only; tighter row padding keeps content within this cap normally */
  max-height:min(720px,85vh); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.onav-sol-grid {
  /* Column widths sized to fit the longest label ("Transportation Inquiry & Support") on one line */
  padding:24px 20px 24px 24px;
  display:grid; grid-template-columns:minmax(260px,1fr) minmax(230px,auto); gap:0 24px;
  min-width:0;
  align-content:start;
  border-bottom-left-radius:12px;
  max-height:min(720px,85vh); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain;
}
.onav-sol-col { display:grid; align-content:start; min-width:0; }
/* Professional Development isn't part of "By department" or "By size" — own row, divided off at the end */
.onav-sol-extra {
  grid-column:1 / -1;
  margin-top:10px; padding-top:12px;
  border-top:1px solid var(--onav-border);
}
.onav-sol-extra .onav-section-label { padding-top:0; }

.onav-panel-feat {
  padding:24px 20px;
  display:grid; gap:14px; align-content:start; justify-items:start;
  background:var(--onav-off);
  border-left:1px solid rgba(11,48,87,0.06);
  border-bottom-right-radius:12px;
  max-height:min(640px,75vh); overflow-y:auto; overflow-x:hidden;
}
.onav-feat-img {
  display:block; width:100%; aspect-ratio:16/10;
  border-radius:10px; overflow:hidden;
  background:var(--onav-navy); position:relative;
}
.onav-feat-img img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;
}
.onav-feat-badge:empty { display:none !important; }
.onav-feat-badge {
  position:absolute; left:8px; top:8px;
  font:700 9px/1 var(--onav-font); letter-spacing:0.08em; text-transform:uppercase;
  color:#fff; background:rgba(11,48,87,0.72);
  border-radius:4px; padding:5px 9px; z-index:2; white-space:nowrap;
}
.onav-feat-title { font:700 15px/1.4 var(--onav-font); color:var(--onav-navy); margin:0; }
.onav-feat-desc  {
  font:400 13px/1.55 var(--onav-font); color:var(--onav-slate);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  margin:0;
}
.onav .onav-feat-link {
  position:relative !important;
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  font:600 13px/1 var(--onav-font) !important; color:var(--onav-blue) !important;
  text-decoration:none !important;
  padding-bottom:3px !important;
}
.onav a.onav-feat-link::after {
  content:"" !important;
  display:block !important;
  position:absolute !important; left:0 !important; bottom:0 !important;
  width:0 !important; height:1.5px !important;
  background:var(--onav-blue) !important;
  transition:width 260ms ease !important;
}
.onav a.onav-feat-link:hover::after,
.onav a.onav-feat-link:focus-visible::after { width:100% !important; }
.onav a.onav-feat-link:hover .onav-feat-arrow,
.onav a.onav-feat-link:focus-visible .onav-feat-arrow { transform:translateX(3px) !important; }
.onav-feat-arrow { transition:transform 200ms ease !important; }
.onav-feat-arrow { width:14px; height:14px; flex-shrink:0; display:block; }

.onav-section-label {
  display:block; font:700 10px/1 var(--onav-font);
  letter-spacing:0.08em; text-transform:uppercase;
  color:var(--onav-stone); padding:2px 4px 10px 10px;
}

.onav-rows { display:grid; gap:0; }
.onav .onav-item {
  display:flex !important; align-items:center; gap:8px;
  padding:6px 14px 6px 10px; border-radius:10px;
  text-decoration:none !important; background:transparent !important;
  transition:background 120ms;
}
/* Row background stays transparent — feedback comes from the label underline and arrow fade-in instead */
.onav .onav-item:hover,
.onav .onav-item:focus-visible { background:transparent !important; }
.onav .onav-item:focus-visible { outline:2px solid var(--onav-blue); outline-offset:-2px; }
.onav-item-icon {
  display:inline-flex; width:32px; height:32px; border-radius:8px;
  background:var(--onav-sky); align-items:center; justify-content:center;
  flex-shrink:0;
}
.onav-item-icon img { width:16px; height:16px; object-fit:contain; display:block; }
/* Label carries its own underline bar, same mechanic as .onav-feat-link */
.onav-item-label {
  position:relative; display:inline-block;
  font:500 15px/1.3 var(--onav-font); color:var(--onav-ink); white-space:nowrap;
  padding-bottom:2px;
}
.onav-item-label::after {
  content:""; position:absolute; left:0; bottom:0; width:0; height:1.5px;
  background:var(--onav-blue); transition:width 220ms ease;
}
.onav .onav-item:hover .onav-item-label::after,
.onav .onav-item:focus-visible .onav-item-label::after { width:100%; }
/* Arrow sits right after the label instead of being pushed to the row's far right edge */
.onav-item-arrow {
  flex-shrink:0; color:var(--onav-blue); opacity:0;
  transition:opacity 120ms, transform 200ms ease;
}
.onav-item-arrow img { width:14px; height:14px; display:block; object-fit:contain; }
.onav .onav-item:hover .onav-item-arrow,
.onav .onav-item:focus-visible .onav-item-arrow { opacity:1; transform:translateX(2px); }

.onav .onav-item--sol {
  padding:6px 12px 6px 4px !important; border-radius:8px !important; white-space:nowrap;
}
.onav-item--sol .onav-item-label { color:var(--onav-navy); }

/* USD hero row — chained selector + !important beats host-theme `a{}` rules */
.onav .onav-panel .onav-panel-list a.onav-usd {
  display:flex !important; align-items:center !important; gap:16px !important;
  padding:0 0 20px 0 !important; margin-bottom:16px !important; border-radius:0 !important;
  background:none !important; background-color:transparent !important; background-image:none !important;
  text-decoration:none !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--onav-border) !important;
}
.onav .onav-panel .onav-panel-list a.onav-usd:hover,
.onav .onav-panel .onav-panel-list a.onav-usd:focus-visible {
  background:none !important; background-image:none !important;
}
.onav .onav-panel .onav-panel-list a.onav-usd:focus-visible { outline:2px solid var(--onav-blue); outline-offset:2px; }
.onav .onav-panel .onav-panel-list a.onav-usd .onav-usd-ico {
  display:inline-flex !important; width:56px; height:56px; border-radius:14px;
  background:var(--onav-sky) !important; align-items:center; justify-content:center; flex-shrink:0;
}
.onav-usd-ico img { width:26px; height:26px; object-fit:contain; display:block; }
.onav-usd-txt { min-width:0; }
.onav .onav-panel .onav-panel-list a.onav-usd .onav-usd-name { display:block !important; font:700 16px/1.2 var(--onav-font) !important; color:var(--onav-navy) !important; white-space:nowrap; }
.onav .onav-panel .onav-panel-list a.onav-usd .onav-usd-sub  { display:block !important; font:400 12px/1.3 var(--onav-font) !important; color:var(--onav-slate) !important; margin-top:4px; white-space:nowrap; }
.onav-usd-arr  { margin-left:auto; flex-shrink:0; }
.onav-usd-arr svg,
.onav-usd-arr img { width:20px !important; height:20px !important; display:block; color:var(--onav-blue); }

.onav-actions { display:flex; align-items:center; gap:20px; flex-shrink:0; margin-left:auto; }
.onav .onav-login {
  font:600 15px/1 var(--onav-font) !important; color:var(--onav-slate) !important;
  white-space:nowrap; background:none !important; border:0 !important;
  width:auto !important; height:auto !important; border-radius:0 !important;
}
.onav .onav-login:hover,
.onav .onav-login:focus-visible { color:var(--onav-blue) !important; }
.onav .onav-cta {
  display:inline-flex !important; align-items:center; justify-content:center;
  font:600 14px/1 var(--onav-font) !important; color:#fff !important;
  background:var(--onav-blue) !important;
  padding:12px 20px !important; border-radius:999px !important;
  white-space:nowrap; transition:background 160ms;
  width:auto !important; height:auto !important;
  min-width:0 !important; min-height:0 !important; aspect-ratio:auto !important;
}
.onav .onav-cta:hover,
.onav .onav-cta:focus-visible { background:var(--onav-blue-d) !important; }

.onav .onav-burger {
  display:none !important; margin-left:auto;
  background:none !important; border:0 !important; cursor:pointer;
  padding:8px; color:var(--onav-navy);
  width:auto !important; height:auto !important; border-radius:0 !important;
}
.onav-burger svg { width:24px; height:24px; display:block; }

.onav-overlay {
  display:none; position:fixed; inset:0;
  background:rgba(11,48,87,0.4); z-index:1001;
}
/* Hide nav bar when drawer is open so it does not sit underneath it */
body.onav-drawer-open .onav { visibility:hidden !important; }
.onav-drawer {
  position:fixed; top:0; right:0; bottom:0;
  width:min(360px,86vw); background:#fff; z-index:1002;
  transform:translateX(100%); transition:transform 220ms ease;
  overflow-y:auto; overflow-x:hidden;
  box-shadow:-12px 0 40px rgba(11,48,87,0.18);
  -webkit-overflow-scrolling:touch;
}
.onav-drawer-head {
  display:flex; align-items:center; justify-content:flex-end;
  padding:10px 16px; border-bottom:1px solid var(--onav-border); min-height:52px;
}
.onav-drawer-head img { display:none !important; }
.onav .onav-drawer-close {
  border:0 !important; background:none !important; cursor:pointer; padding:4px;
  color:var(--onav-ink); width:auto !important; height:auto !important;
}
.onav-drawer-close svg { width:22px; height:22px; display:block; }

.onav-drawer a,
.onav-drawer a:visited,
.onav-drawer a:hover,
.onav-drawer a:focus {
  text-decoration:none !important;
  background-image:none !important;
  box-shadow:none !important;
  color:var(--onav-navy) !important;
  font-style:normal !important;
  border-bottom:none !important;
}
/* ID-specificity nuclear reset: beats any theme a{} rule */
#oNavDrawer a { text-decoration:none !important; text-decoration-line:none !important; background-image:none !important; box-shadow:none !important; font-style:normal !important; border-bottom:0 !important; outline-offset:2px; }
#oNavDrawer .onav-drawer-acc { border-bottom:1px solid var(--onav-border) !important; }
#oNavDrawer .onav-drawer-acc:first-of-type { margin-top:0 !important; border-top:none !important; }
.onav-drawer-acc summary {
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 20px !important; font:600 14px/1.3 var(--onav-font) !important; color:var(--onav-ink) !important;
  min-height:44px !important; user-select:none !important;
}
.onav-drawer-acc summary::-webkit-details-marker { display:none; }
.onav-drawer-acc summary:focus-visible { outline:2px solid var(--onav-blue); outline-offset:-2px; }
.onav-drawer-acc summary .onav-drawer-chev { width:20px; height:20px; transition:transform 180ms; color:var(--onav-stone); }
.onav-drawer-acc[open] summary .onav-drawer-chev { transform:rotate(180deg); }
.onav-drawer-body { padding:0 12px 12px; display:grid; gap:0; }
.onav-drawer-sub {
  font:700 10px/1 var(--onav-font) !important; letter-spacing:0.08em !important; text-transform:uppercase !important;
  color:var(--onav-stone) !important; padding:8px 8px 4px 8px !important;
}
.onav-drawer-sub--sp { padding-top:10px !important; }
#oNavDrawer .onav-drawer-row {
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:6px 8px !important; border-radius:8px !important; min-height:40px !important;
  text-decoration:none !important; font:500 14px/1.3 var(--onav-font) !important;
  color:var(--onav-navy) !important; background:transparent !important;
  transition:color 120ms !important;
}
#oNavDrawer .onav-drawer-row:hover,
#oNavDrawer .onav-drawer-row:focus-visible { background:transparent !important; color:var(--onav-blue) !important; }
#oNavDrawer .onav-drawer-row:focus-visible { outline:2px solid var(--onav-blue); outline-offset:-2px; }
#oNavDrawer .onav-drawer-row-ico { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:20px !important; height:20px !important; flex-shrink:0 !important; }
.onav-drawer-row-ico img { width:100%; height:100%; object-fit:contain; display:block; }
#oNavDrawer .onav-drawer-link {
  padding:0 20px !important;
  font:600 14px/1.3 var(--onav-font) !important; color:var(--onav-ink) !important;
  border-bottom:1px solid var(--onav-border) !important; text-decoration:none !important;
  min-height:44px !important; display:flex !important; align-items:center !important;
}
#oNavDrawer .onav-drawer-link:hover,
#oNavDrawer .onav-drawer-link:focus-visible { color:var(--onav-blue) !important; }
.onav-drawer-cta-wrap { padding:16px 20px; }
.onav .onav-drawer-cta {
  display:flex !important; align-items:center; justify-content:center;
  font:600 15px/1 var(--onav-font) !important; color:#fff !important;
  background:var(--onav-blue) !important; border-radius:999px !important;
  padding:14px 24px !important; width:100% !important; transition:background 160ms;
}
.onav .onav-drawer-cta:hover,
.onav .onav-drawer-cta:focus-visible { background:var(--onav-blue-d) !important; }

/* RESPONSIVE — desktop (>1080px) shows the full mega-menu; tablet/mobile (<=1080px) uses the hamburger drawer */
@media(max-width:1080px){
  .onav-links  { display:none !important; }
  .onav-login  { display:none !important; }
  /* Hide Request a Demo button from the nav bar on mobile — available in drawer */
  .onav .onav-cta  { display:none !important; }
  .onav .onav-burger { display:inline-flex !important; }
  .onav-inner { gap:8px; padding:0 20px; }
  .onav-logo img { height:28px; }
}
@media(max-width:640px){
  .onav-inner { padding:0 16px; }
  .onav-logo img { height:26px; }
  /* Topbar: smaller font, allow text to wrap */
  .onflo-topbar-text { font-size:12px !important; line-height:1.5 !important; }
  .onflo-topbar-inner { padding:8px 40px 8px 14px !important; justify-content:flex-start !important; }
}
@media(max-width:380px){
  .onav-inner { padding:0 14px; min-height:60px; }
  .onav-logo img { height:24px; }
  .onav-burger { padding:6px !important; }
  .onflo-topbar-text { font-size:11px !important; }
}
/* Drawer: full responsive */
@media(max-width:360px){
  .onav-drawer { width:100vw !important; }
}
/* Touch targets: 44px min for interactive controls, 40px for the denser drawer row list */
@media(hover:none){
  .onav-drop-btn, .onav-login, .onav-burger, .onav-item { min-height:44px; }
  .onav-drawer-row { min-height:40px; }
}
@media(prefers-reduced-motion:reduce){
  .onav-drawer,.onav-chevron,.onav-cta { transition:none; }
}
/* Products panel — scaled up from Solutions/Resources for the hero row + roomier list */
.onav-panel--products { width:min(980px,calc(100vw - 48px)); grid-template-columns:1fr 380px; }
.onav-panel--products .onav-panel-list { padding:24px 20px 24px 24px; }

.onav-panel--products .onav-section-label { font-size:10px; margin-bottom:12px; }

.onav-panel--products .onav-rows { gap:0; }
.onav-rows { list-style:none; margin:0; padding:0; }
.onav-sol-col .onav-rows, .onav-sol-extra .onav-rows { list-style:none; margin:0; padding:0; }
.onav-panel--products .onav-item { padding:5px 14px 5px 10px; }
.onav-panel--products .onav-item-icon { width:36px; height:36px; border-radius:10px; background:none; }
.onav-panel--products .onav-item-icon img { width:18px; height:18px; }
.onav-panel--products .onav-item-label { font-size:14px; }
.onav-panel--products .onav-item-arrow img { width:15px; height:15px; }

.onav-panel--products .onav-panel-feat { padding:24px; gap:12px; }
.onav-panel--products .onav-feat-img { aspect-ratio:5/4; border-radius:14px; }
.onav-panel--products .onav-feat-badge:empty { display:none !important; }
.onav-feat-badge { font-size:9px; padding:5px 9px; }
.onav-panel--products .onav-feat-title { font-size:17px; line-height:1.35; }
.onav-panel--products .onav-feat-desc { font-size:14px; line-height:1.5; -webkit-line-clamp:4; }
.onav-panel--products .onav-feat-link { font-size:14px !important; }
.onav-panel--products .onav-feat-link svg { width:15px; height:15px; }

/* Closed drawer must not be tabbable: transform alone leaves its links focusable. */
.onav-drawer { visibility:hidden; transition:transform 220ms ease, visibility 0s linear 220ms; }
.onav-drawer.onav-drawer--open { visibility:visible; transition:transform 220ms ease, visibility 0s linear 0s; }