.nav-drop-wrap{position:relative;}
.nav-drop-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;background:#1a1410;border:1px solid rgba(255,255,255,0.15);border-radius:8px;min-width:160px;z-index:200;flex-direction:column;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.4);}
.nav-drop-wrap:hover .nav-drop-menu,.nav-drop-menu.open{display:flex;}
.nav-drop-item{display:block;padding:9px 14px;font-size:12px;color:rgba(253,250,244,0.7);text-decoration:none;white-space:nowrap;transition:all 0.15s;}
.nav-drop-item:hover{color:#fdfaf4;background:rgba(255,255,255,0.07);}
@media(max-width:768px){
  .nav-drop-wrap{width:100%;max-width:320px;}
  .nav-drop-btn{width:100%;text-align:left;}
  .nav-drop-wrap:hover .nav-drop-menu{display:none;}
  .nav-drop-menu.open{display:flex;}
  .nav-drop-menu{position:static;border:none;border-left:2px solid rgba(255,215,0,0.4);border-radius:0;background:transparent;margin-left:4px;}
  .nav-drop-item{padding:8px 14px;font-size:15px;}
}