.nav-drop{position:relative;display:inline-block}
.nav-drop-toggle{background:none;border:none;color:#fff;font:inherit;font-weight:700;padding:15px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.nav-drop-toggle:hover,.nav-drop.open .nav-drop-toggle{background:rgba(255,255,255,.08)}
.nav-drop-caret{font-size:.7em;transition:transform .15s}
.nav-drop.open .nav-drop-caret{transform:rotate(180deg)}
.nav-drop-panel{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:0 0 10px 10px;box-shadow:var(--shadow);min-width:210px;z-index:60;padding:6px 0}
.nav-drop.open .nav-drop-panel{display:block}
.nav-drop-panel a{display:block;color:var(--text)!important;padding:10px 18px!important;font-weight:600!important;border-bottom:0!important}
.nav-drop-panel a:hover{background:var(--bg)}

@media(max-width:900px){
  .site-nav .container{flex-wrap:wrap}
  .nav-drop-panel{position:static;box-shadow:none;border-radius:0;background:rgba(255,255,255,.04);min-width:0}
  .nav-drop-panel a{color:#fff!important}
  .nav-drop-panel a:hover{background:rgba(255,255,255,.08)}
}