/* The overview link stays usable; the adjacent control opens the same panel on touch and keyboard. */
.nav-services{position:relative}
.nav-services-trigger{display:flex;align-items:center;gap:3px;min-height:48px}
.services-toggle{display:grid;place-items:center;width:28px;height:36px;border:0;border-radius:9px;background:transparent;color:inherit;padding:0}
.services-toggle:hover,.services-toggle:focus-visible{background:#ffffff14}
.services-toggle svg{width:13px;height:13px;transition:transform .25s}
.services-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.services-submenu{position:absolute;left:-24px;top:100%;width:350px;max-width:calc(100vw - 48px);padding:10px;background:#183a14fa;border:1px solid #94c11f40;border-radius:18px;box-shadow:0 20px 50px #071b1740;backdrop-filter:blur(20px);animation:services-in .24s ease-out}
.services-submenu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.header .services-submenu a{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:10px;line-height:1.35;transition:background .2s}
.services-submenu a:hover,.services-submenu a:focus-visible{background:#94c11f1c}
.services-submenu span{font-size:14px;font-weight:600;color:#f5f6ef}
.services-submenu small{font-size:11px;color:#bed1b3}
@keyframes services-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:760px){
  .header #navigation.open{max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
  .nav-services{width:100%}
  .nav-services-trigger{justify-content:space-between;min-height:44px}
  .nav-services-overview{flex:1;padding-block:12px}
  .services-toggle{width:44px;height:44px}
  .services-submenu{position:static;width:100%;max-width:none;margin:4px 0 8px;padding:5px;box-shadow:none;background:#ffffff08;border-radius:12px;backdrop-filter:none}
  .services-submenu::before{display:none}
  .header .services-submenu a{padding:12px}
}
@media(prefers-reduced-motion:reduce){.services-submenu{animation:none}.services-toggle svg{transition:none}}
html[data-bfs-motion="on"] .services-submenu{animation:none}
html[data-bfs-motion="on"] .services-toggle svg{transition:none}