/* Mellowbara category navigation */
.nav-dropdown{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
.nav-dropdown>summary{list-style:none;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.09em;transition:color .2s;white-space:nowrap}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary::after{content:'⌄';display:inline-block;margin-left:6px;font-size:12px;color:var(--mb-brown)}
.nav-dropdown[open]>summary::after{content:'⌃'}
.nav-dropdown>summary:hover{color:var(--mb-brown)}
.nav-dropdown__menu{position:absolute;top:calc(100% + 14px);left:0;z-index:35;display:grid;gap:0;min-width:225px;max-height:68vh;overflow:auto;background:var(--mb-paper);border:1px solid var(--mb-line);box-shadow:0 12px 30px #28271f14;padding:8px}
.nav-dropdown__menu a{display:block;padding:9px 10px;font-size:10px;letter-spacing:.04em;white-space:nowrap}
.nav-dropdown__menu a:hover{background:var(--mb-cream);color:var(--mb-brown)}
.mobile-nav__panel .nav-dropdown{display:block}
.mobile-nav__panel .nav-dropdown>summary{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.mobile-nav__panel .nav-dropdown__menu{position:static;min-width:0;max-height:50vh;margin-top:6px;padding:6px 0 0 12px;border:0;box-shadow:none;background:transparent}
.mobile-nav__panel .nav-dropdown__menu a{font-size:11px;white-space:normal;padding:7px 0}
@media(max-width:1100px){
  .desktop-nav{gap:16px}
  .header__inner{gap:16px}
  .desktop-nav>a,.desktop-nav>.nav-dropdown>summary{font-size:10px}
}