/* ==========================================================================
   CSS Variables
   ========================================================================== */
:root {
  --nav-ease:   cubic-bezier(0.2,0,0,1);
  --nav-bounce: cubic-bezier(0.34,1.56,0.64,1);
  --glass-bg:     rgba(255,255,255,.72);
  --glass-blur:   blur(26px) saturate(180%);
  --glass-border: rgba(255,255,255,.55);
  --glass-shadow: 0 8px 32px rgba(0,0,0,.07),0 2px 8px rgba(0,0,0,.04),0 0 0 .5px rgba(0,0,0,.04);
  --nav-text-primary:   rgba(0,0,0,.82);
  --nav-text-secondary: rgba(0,0,0,.62);
  --nav-hover-bg:  rgba(0,0,0,.06);
  --nav-active-bg: rgba(0,0,0,.1);
  --nav-focus:     rgba(0,100,120,.6);
}
[data-theme="dark"] {
  --glass-bg:     rgba(22,22,26,.74);
  --glass-blur:   blur(26px) saturate(150%) brightness(.88);
  --glass-border: rgba(255,255,255,.1);
  --glass-shadow: 0 8px 32px rgba(0,0,0,.32),0 2px 8px rgba(0,0,0,.2),0 0 0 .5px rgba(255,255,255,.04);
  --nav-text-primary:   rgba(255,255,255,.88);
  --nav-text-secondary: rgba(255,255,255,.68);
  --nav-hover-bg:  rgba(255,255,255,.08);
  --nav-active-bg: rgba(255,255,255,.13);
}

/* ==========================================================================
   Keyframes
   ========================================================================== */
@keyframes navbar-enter {
  from { opacity:0; transform:translateY(-16px) scale(.97); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes mobile-link-in {
  from { opacity:0; transform:translateY(-5px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes panel-in {
  from { opacity:0; transform:translateY(-4px) scale(.98); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}
@keyframes search-result-in {
  from { opacity:0; transform:translateY(-4px) scale(.98); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}

/* ==========================================================================
   Shared Glass
   ========================================================================== */
.navbar,
.navbar-dropdown,
.navbar-options-dropdown,
.navbar-mobile-submenu,
.navbar-search-panel {
  background:var(--glass-bg);
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border);
  border-radius:20px;
  box-shadow:var(--glass-shadow);
  transition:background 280ms var(--nav-ease),box-shadow 280ms var(--nav-ease),border-color 280ms var(--nav-ease);
}

/* ==========================================================================
   Navbar Layout
   ========================================================================== */
.navbar {
  position:fixed; top:1rem; left:1rem; right:1rem;
  z-index:3000; overflow:hidden;
  animation:navbar-enter 520ms var(--nav-bounce) both;
}
.navbar--scrolled {
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 40px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05),0 0 0 .5px rgba(0,0,0,.05);
}
[data-theme="dark"] .navbar--scrolled { background:rgba(22,22,26,.86); }

.navbar-inner {
  display:flex; align-items:center; height:60px; padding:0 .5rem; gap:.5rem;
}

/* ==========================================================================
   Buttons & Links
   ========================================================================== */
.navbar-logo,
.navbar-icon-btn {
  display:flex; align-items:center; justify-content:center;
  background:transparent; border:none; cursor:pointer;
  border-radius:12px; flex-shrink:0;
  transition:background 180ms var(--nav-ease),transform 200ms var(--nav-bounce);
}
.navbar-logo {
  padding:.5rem .75rem; height:44px; text-decoration:none; color:inherit;
}
.navbar-icon-btn { width:44px; height:44px; padding:0; }

.navbar-logo:hover      { background:var(--nav-hover-bg); }
.navbar-icon-btn:hover  { background:var(--nav-hover-bg); transform:scale(1.08); }
.navbar-logo:active     { transform:scale(.92); }
.navbar-icon-btn:active { background:var(--nav-active-bg); transform:scale(.91); }

.navbar-logo:focus-visible,
.navbar-icon-btn:focus-visible,
.navbar-link:focus-visible,
.dropdown-item--all:focus-visible,
.dropdown-item:focus-visible,
.options-item:focus-visible,
.submenu-back-btn:focus-visible,
.submenu-all-btn:focus-visible,
.submenu-item:focus-visible,
.search-result-item:focus-visible { outline:2px solid var(--nav-focus); outline-offset:2px; }

.navbar-logo-img,.navbar-icon-img { display:block; pointer-events:none; }
.navbar-logo-img { height:32px; width:auto; }
.navbar-icon-img { width:20px; height:20px; object-fit:contain; }
.navbar-hamburger-icon { width:24px !important; height:24px !important; }

.navbar-theme-moon { display:block; }
.navbar-theme-sun  { display:none; }
[data-theme="dark"] .navbar-theme-moon { display:none; }
[data-theme="dark"] .navbar-theme-sun  { display:block; }

[data-theme="dark"] .navbar-search-icon,
[data-theme="dark"] .navbar-option-icon,
[data-theme="dark"] .navbar-theme-sun,
[data-theme="dark"] .navbar-logo-img,
[data-theme="dark"] .navbar-hamburger-icon,
[data-theme="dark"] .submenu-back-icon,
[data-theme="dark"] .search-input-icon { filter:brightness(0) invert(1); }

/* ==========================================================================
   Desktop Links
   ========================================================================== */
.navbar-links {
  display:flex; align-items:center; justify-content:center;
  gap:2px; list-style:none; flex:1; padding:0; margin:0;
}
.navbar-link {
  display:inline-flex; align-items:center; text-decoration:none;
  color:var(--nav-text-secondary); font-size:.9rem; font-weight:500;
  padding:.5rem .75rem; border-radius:10px; letter-spacing:.01em; white-space:nowrap;
  transition:background 180ms var(--nav-ease),color 180ms var(--nav-ease),transform 200ms var(--nav-bounce);
}
.navbar-link:hover  { background:var(--nav-hover-bg); color:var(--nav-text-primary); transform:scale(1.03); }
.navbar-link:active { background:var(--nav-active-bg); transform:scale(.96); }
.navbar-link[aria-current="page"],
.navbar-link--products[aria-expanded="true"] { color:var(--nav-text-primary); background:rgba(0,0,0,.07); }
[data-theme="dark"] .navbar-link[aria-current="page"],
[data-theme="dark"] .navbar-link--products[aria-expanded="true"] { background:rgba(255,255,255,.09); }

/* ==========================================================================
   Mobile
   ========================================================================== */
.navbar-mobile-actions { display:none; align-items:center; gap:2px; margin-left:auto; }

.navbar-mobile-menu,.navbar-mobile-options-menu {
  max-height:0; overflow:hidden;
  transition:max-height 420ms cubic-bezier(0.34,1.2,0.64,1);
}
.navbar--open .navbar-mobile-menu           { max-height:320px; }
.navbar--options-open .navbar-mobile-options-menu { max-height:200px; }

.navbar-mobile-links {
  list-style:none; padding:.5rem .75rem 1rem;
  border-top:1px solid rgba(0,0,0,.08);
  display:flex; flex-direction:column; gap:2px;
}
[data-theme="dark"] .navbar-mobile-links { border-top-color:rgba(255,255,255,.08); }

/* stagger animations – hamburger (5 items) */
.navbar--open .navbar-mobile-menu .navbar-mobile-links li { animation:mobile-link-in 380ms var(--nav-bounce) both; }
.navbar--open .navbar-mobile-menu .navbar-mobile-links li:nth-child(1) { animation-delay:35ms; }
.navbar--open .navbar-mobile-menu .navbar-mobile-links li:nth-child(2) { animation-delay:80ms; }
.navbar--open .navbar-mobile-menu .navbar-mobile-links li:nth-child(3) { animation-delay:125ms; }
.navbar--open .navbar-mobile-menu .navbar-mobile-links li:nth-child(4) { animation-delay:148ms; }
.navbar--open .navbar-mobile-menu .navbar-mobile-links li:nth-child(5) { animation-delay:171ms; }
/* options (3 items) */
.navbar--options-open .navbar-mobile-options-menu .navbar-mobile-links li { animation:mobile-link-in 380ms var(--nav-bounce) both; }
.navbar--options-open .navbar-mobile-options-menu .navbar-mobile-links li:nth-child(1) { animation-delay:35ms; }
.navbar--options-open .navbar-mobile-options-menu .navbar-mobile-links li:nth-child(2) { animation-delay:80ms; }
.navbar--options-open .navbar-mobile-options-menu .navbar-mobile-links li:nth-child(3) { animation-delay:125ms; }

.navbar-mobile-link {
  display:block; width:100%; text-align:left; text-decoration:none;
  color:var(--nav-text-secondary); font-size:1rem; font-weight:500;
  padding:.75rem 1rem; border-radius:12px; background:transparent; border:none; cursor:pointer;
  transition:background 180ms var(--nav-ease),transform 200ms var(--nav-bounce);
}
.navbar-mobile-link:hover  { background:var(--nav-hover-bg); transform:scale(1.02); }
.navbar-mobile-link:active { background:var(--nav-active-bg); transform:scale(.97); }

/* ==========================================================================
   Desktop Dropdowns (Products + Options)
   ========================================================================== */
.navbar-dropdown,
.navbar-options-dropdown {
  position:fixed; z-index:2998; opacity:0; visibility:hidden;
  transform:translateY(-8px) scale(.97); pointer-events:none;
  transition:opacity 200ms var(--nav-ease),transform 200ms var(--nav-ease),visibility 0ms 200ms;
}
.navbar-dropdown.is-open,
.navbar-options-dropdown.is-open {
  opacity:1; visibility:visible; transform:translateY(0) scale(1); pointer-events:auto;
  transition:opacity 320ms var(--nav-ease),transform 480ms cubic-bezier(0.34,1.4,0.64,1),visibility 0ms;
}

.dropdown-inner  { padding:.75rem; display:flex; flex-direction:column; gap:.5rem; }
.options-inner   { padding:.75rem; display:flex; flex-direction:column; gap:3px; min-width:200px; }

.dropdown-item--all {
  display:flex; align-items:center; justify-content:center; text-decoration:none;
  color:var(--nav-text-primary); font-size:.9rem; font-weight:600;
  padding:.75rem 1rem; border-radius:12px; letter-spacing:.01em;
  border:1px solid rgba(0,0,0,.13); margin-bottom:.25rem;
  transition:background 160ms var(--nav-ease),color 160ms var(--nav-ease),
             border-color 160ms var(--nav-ease),transform 200ms var(--nav-bounce);
}
.dropdown-item--all:hover  { background:var(--nav-hover-bg); border-color:rgba(0,0,0,.22); transform:scale(1.01); }
.dropdown-item--all:active { transform:scale(.98); }
[data-theme="dark"] .dropdown-item--all        { border-color:rgba(255,255,255,.16); }
[data-theme="dark"] .dropdown-item--all:hover  { border-color:rgba(255,255,255,.28); }

.dropdown-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:3px; }

.dropdown-item,
.options-item {
  display:flex; align-items:center; text-decoration:none;
  color:var(--nav-text-secondary); font-size:.875rem; font-weight:500;
  padding:.75rem; border-radius:10px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  position:relative; z-index:0;
  transition:background 180ms var(--nav-ease),color 180ms var(--nav-ease),
             box-shadow 180ms var(--nav-ease),transform 200ms var(--nav-bounce);
}
.dropdown-item:hover,
.options-item:hover {
  background:var(--nav-hover-bg); color:var(--nav-text-primary);
  transform:scale(1.04); box-shadow:0 2px 8px rgba(0,0,0,.07); z-index:1;
}
.dropdown-item:active,
.options-item:active { background:var(--nav-active-bg); transform:scale(.95); box-shadow:none; }
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .options-item:hover { box-shadow:0 2px 8px rgba(0,0,0,.25); }

/* dropdown open animations */
.navbar-dropdown.is-open .dropdown-item--all { animation:panel-in 380ms var(--nav-bounce) 10ms both; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item { animation:panel-in 360ms var(--nav-bounce) both; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(1) { animation-delay:40ms; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(2) { animation-delay:60ms; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(3) { animation-delay:80ms; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(4) { animation-delay:100ms; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(5) { animation-delay:120ms; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(6) { animation-delay:140ms; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(7) { animation-delay:160ms; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(8) { animation-delay:180ms; }
.navbar-dropdown.is-open .dropdown-grid .dropdown-item:nth-child(9) { animation-delay:200ms; }
.navbar-options-dropdown.is-open .options-item { animation:panel-in 360ms var(--nav-bounce) both; }
.navbar-options-dropdown.is-open .options-item:nth-child(1) { animation-delay:40ms; }
.navbar-options-dropdown.is-open .options-item:nth-child(2) { animation-delay:70ms; }
.navbar-options-dropdown.is-open .options-item:nth-child(3) { animation-delay:100ms; }

/* ==========================================================================
   Mobile Submenu (Products)
   ========================================================================== */
.navbar-mobile-submenu {
  position:fixed; z-index:2999; display:none; opacity:0; visibility:hidden;
  transform:translateY(-12px) scale(.96); pointer-events:none;
  transition:opacity 180ms var(--nav-ease),transform 180ms var(--nav-ease),visibility 0ms 200ms;
}
.navbar-mobile-submenu.is-open {
  opacity:1; visibility:visible; transform:translateY(0) scale(1); pointer-events:auto;
  transition:opacity 300ms var(--nav-ease),transform 500ms cubic-bezier(0.34,1.5,0.64,1),visibility 0ms;
}
.submenu-inner   { padding:.75rem; display:flex; flex-direction:column; gap:.5rem; }
.submenu-header  { display:flex; align-items:center; gap:.5rem; margin-bottom:.25rem; }
.submenu-list    { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:2px; }
.submenu-back-btn {
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; flex-shrink:0;
  background:transparent; cursor:pointer; border:1px solid rgba(0,0,0,.13); border-radius:12px;
  transition:background 180ms var(--nav-ease),transform 200ms var(--nav-bounce);
}
.submenu-back-btn:hover  { background:var(--nav-hover-bg); transform:scale(1.08); }
.submenu-back-btn:active { background:var(--nav-active-bg); transform:scale(.91); }
[data-theme="dark"] .submenu-back-btn { border-color:rgba(255,255,255,.16); }
.submenu-all-btn {
  flex:1; display:flex; align-items:center; justify-content:center; text-decoration:none;
  color:var(--nav-text-primary); font-size:.9rem; font-weight:600; height:44px;
  padding:0 1rem; border-radius:12px; letter-spacing:.01em;
  border:1px solid rgba(0,0,0,.13);
  transition:background 160ms var(--nav-ease),color 160ms var(--nav-ease),
             border-color 160ms var(--nav-ease),transform 200ms var(--nav-bounce);
}
.submenu-all-btn:hover  { background:var(--nav-hover-bg); border-color:rgba(0,0,0,.22); transform:scale(1.01); }
.submenu-all-btn:active { transform:scale(.98); }
[data-theme="dark"] .submenu-all-btn       { border-color:rgba(255,255,255,.16); }
[data-theme="dark"] .submenu-all-btn:hover { border-color:rgba(255,255,255,.28); }
.submenu-item {
  display:block; text-decoration:none; color:var(--nav-text-secondary);
  font-size:.875rem; font-weight:500; padding:.75rem; border-radius:10px;
  transition:background 180ms var(--nav-ease),color 180ms var(--nav-ease),
             box-shadow 180ms var(--nav-ease),transform 200ms var(--nav-bounce);
}
.submenu-item:hover  { background:var(--nav-hover-bg); color:var(--nav-text-primary); transform:scale(1.02); box-shadow:0 2px 8px rgba(0,0,0,.07); }
.submenu-item:active { background:var(--nav-active-bg); transform:scale(.95); box-shadow:none; }
[data-theme="dark"] .submenu-item:hover { box-shadow:0 2px 8px rgba(0,0,0,.25); }

/* submenu open animations */
.navbar-mobile-submenu.is-open .submenu-header { animation:panel-in 380ms var(--nav-bounce) 10ms both; }
.navbar-mobile-submenu.is-open .submenu-list .submenu-item { animation:panel-in 360ms var(--nav-bounce) both; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(1) .submenu-item { animation-delay:45ms; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(2) .submenu-item { animation-delay:65ms; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(3) .submenu-item { animation-delay:85ms; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(4) .submenu-item { animation-delay:105ms; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(5) .submenu-item { animation-delay:125ms; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(6) .submenu-item { animation-delay:145ms; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(7) .submenu-item { animation-delay:165ms; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(8) .submenu-item { animation-delay:185ms; }
.navbar-mobile-submenu.is-open .submenu-list li:nth-child(9) .submenu-item { animation-delay:205ms; }

/* ==========================================================================
   Search Panel
   ========================================================================== */
.navbar-search-panel {
  position:fixed; z-index:2997; opacity:0; visibility:hidden;
  transform:translateY(-8px) scale(.97); pointer-events:none;
  transition:opacity 200ms var(--nav-ease),transform 200ms var(--nav-ease),visibility 0ms 200ms;
}
.navbar-search-panel.is-open {
  opacity:1; visibility:visible; transform:translateY(0) scale(1); pointer-events:auto;
  transition:opacity 320ms var(--nav-ease),transform 480ms cubic-bezier(0.34,1.4,0.64,1),visibility 0ms;
}
.search-panel-inner { padding:.75rem; display:flex; flex-direction:column; gap:.5rem; min-width:320px; }

.search-input-wrap {
  display:flex; align-items:center; gap:.5rem; padding:.5rem .75rem;
  border-radius:12px; background:rgba(0,0,0,.04); border:1px solid rgba(0,0,0,.09);
  transition:border-color 160ms ease,background 160ms ease;
}
.search-input-wrap:focus-within { border-color:rgba(0,0,0,.22); background:rgba(0,0,0,.02); }
[data-theme="dark"] .search-input-wrap { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.12); }
[data-theme="dark"] .search-input-wrap:focus-within { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.04); }

.search-input-icon { flex-shrink:0; opacity:.45; }
[data-theme="dark"] .search-input-icon { opacity:.4; }
.search-input {
  flex:1; border:none; background:transparent; outline:none;
  font-family:inherit; font-size:.9rem; font-weight:500;
  color:var(--nav-text-primary); caret-color:rgba(0,0,0,.6); min-width:0;
}
.search-input::placeholder { color:rgba(0,0,0,.35); }
.search-input::-webkit-search-cancel-button { display:none; }
[data-theme="dark"] .search-input { caret-color:rgba(255,255,255,.6); }
[data-theme="dark"] .search-input::placeholder { color:rgba(255,255,255,.3); }

.search-clear-btn {
  display:none; align-items:center; justify-content:center; flex-shrink:0;
  width:22px; height:22px; padding:0; border:none; border-radius:50%;
  background:rgba(0,0,0,.1); color:rgba(0,0,0,.55); cursor:pointer;
  transition:background 150ms ease,transform 180ms var(--nav-bounce);
}
.search-clear-btn:hover  { background:rgba(0,0,0,.16); transform:scale(1.12); }
.search-clear-btn:active { transform:scale(.88); }
[data-theme="dark"] .search-clear-btn { background:rgba(255,255,255,.12); color:rgba(255,255,255,.6); }
[data-theme="dark"] .search-clear-btn:hover { background:rgba(255,255,255,.2); }

.search-results {
  display:flex; flex-direction:column; gap:2px;
  max-height:360px; overflow-y:auto; overscroll-behavior:contain;
  scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.15) transparent;
}
.search-results::-webkit-scrollbar { width:4px; }
.search-results::-webkit-scrollbar-track { background:transparent; }
.search-results::-webkit-scrollbar-thumb { background:rgba(0,0,0,.15); border-radius:4px; }
[data-theme="dark"] .search-results { scrollbar-color:rgba(255,255,255,.14) transparent; }
[data-theme="dark"] .search-results::-webkit-scrollbar-thumb { background:rgba(255,255,255,.14); }

.search-result-item {
  display:flex; align-items:center; gap:.75rem; padding:.5rem .6rem;
  border-radius:12px; text-decoration:none; color:inherit;
  animation:search-result-in 340ms var(--nav-bounce) both;
  transition:background 160ms var(--nav-ease),transform 180ms var(--nav-bounce),box-shadow 160ms var(--nav-ease);
}
.search-result-item:hover  { background:var(--nav-hover-bg); transform:scale(1.02); box-shadow:0 2px 8px rgba(0,0,0,.07); }
.search-result-item:active { background:var(--nav-active-bg); transform:scale(.97); box-shadow:none; }
[data-theme="dark"] .search-result-item:hover { box-shadow:0 2px 8px rgba(0,0,0,.25); }

.search-result-img-wrap {
  width:48px; height:48px; flex-shrink:0; border-radius:10px; overflow:hidden;
  background:rgba(0,0,0,.04); border:1px solid rgba(0,0,0,.06);
}
[data-theme="dark"] .search-result-img-wrap { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.08); }
.search-result-img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }

.search-result-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:.15rem; }
.search-result-name {
  font-size:.875rem; font-weight:600; color:var(--nav-text-primary);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3;
}
.search-result-price { font-size:.8125rem; font-weight:500; color:rgba(0,0,0,.45); }
[data-theme="dark"] .search-result-price { color:rgba(255,255,255,.42); }

.search-empty { padding:1rem .6rem; font-size:.875rem; color:rgba(0,0,0,.45); text-align:center; margin:0; }
.search-empty strong { color:rgba(0,0,0,.72); font-weight:600; }
[data-theme="dark"] .search-empty { color:rgba(255,255,255,.4); }
[data-theme="dark"] .search-empty strong { color:rgba(255,255,255,.72); }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:768px) {
  .navbar { top:.75rem; left:.75rem; right:.75rem; }
  .navbar-inner { height:56px; }
  .navbar-links,.navbar-desktop-search,.navbar-desktop-theme,.navbar-desktop-options { display:none; }
  .navbar-mobile-actions { display:flex; }
  .navbar-dropdown,.navbar-options-dropdown { display:none !important; }
  .navbar-mobile-submenu { display:block; }
}
@media (max-width:960px) and (min-width:769px) { .dropdown-grid { grid-template-columns:repeat(2,1fr); } }

@media (prefers-reduced-motion:reduce) {
  .navbar,.navbar-dropdown,.navbar-options-dropdown,.navbar-mobile-submenu,.navbar-search-panel {
    animation:none; transition-duration:100ms !important;
  }
  .navbar-mobile-menu,.navbar-mobile-options-menu { transition:max-height 150ms linear; }
  .navbar--open .navbar-mobile-menu .navbar-mobile-links li,
  .navbar--options-open .navbar-mobile-options-menu .navbar-mobile-links li,
  .navbar-dropdown.is-open .dropdown-item--all,
  .navbar-dropdown.is-open .dropdown-grid .dropdown-item,
  .navbar-options-dropdown.is-open .options-item,
  .navbar-mobile-submenu.is-open .submenu-header,
  .navbar-mobile-submenu.is-open .submenu-list .submenu-item,
  .search-result-item { animation:none; }
  .navbar-link,.navbar-icon-btn,.navbar-logo,.navbar-mobile-link,
  .dropdown-item,.dropdown-item--all,.options-item,.submenu-item,
  .submenu-all-btn,.submenu-back-btn,.search-result-item,.search-clear-btn { transform:none !important; }
}