.nav-links>li{position:relative}
.has-submenu>a{display:inline-flex;align-items:center;gap:7px}
.has-submenu>a::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.58}
.nav-submenu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(8px);width:320px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 48px rgba(0,0,0,.12);padding:10px 0;list-style:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}
.nav-submenu::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.has-submenu:hover .nav-submenu,.has-submenu:focus-within .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-submenu a{display:block;padding:12px 18px;font-size:.82rem;letter-spacing:1.5px!important;line-height:1.45;text-transform:none!important;color:#222}
.nav-submenu a:hover,.nav-submenu a.active{background:#f5f5f1;color:var(--orange,var(--o,#ff6b00))}
@media(max-width:768px){
  .nav-links{max-height:calc(100vh - 56px);overflow:auto}
  .has-submenu>a{display:flex;justify-content:space-between}
  .nav-submenu{position:static;width:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;border-top:1px solid rgba(0,0,0,.05);padding:2px 0 8px;background:#fafaf7}
  .nav-submenu::before{display:none}
  .nav-submenu a{padding:10px 24px 10px 42px!important;font-size:.9rem!important;letter-spacing:1px!important;color:#4c4c4c}
}