.nav-service{position:relative;display:flex;align-items:center}
.nav-service-trigger{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:inherit;padding:10px 0;cursor:pointer;white-space:nowrap;font-size:.91rem;font-weight:800;letter-spacing:-.035em;line-height:1.3}
.nav-service-trigger::after{content:"⌄";font-size:1.05em;line-height:1;transition:transform .2s ease}
.nav-service.open .nav-service-trigger::after,.nav-service:hover .nav-service-trigger::after,.nav-service:focus-within .nav-service-trigger::after{transform:rotate(180deg)}
.nav-service-trigger:hover,.nav-service-trigger:focus-visible{color:#168577}
.nav-submenu{display:none;position:absolute;left:-19px;top:100%;min-width:198px;padding:9px;background:#fff;border:1px solid #d7e8df;border-radius:12px;box-shadow:0 16px 32px rgba(24,78,72,.16);z-index:50}
.nav-service:hover .nav-submenu,.nav-service:focus-within .nav-submenu,.nav-service.open .nav-submenu{display:grid}
.nav-submenu a{display:block;padding:11px 12px;border-radius:7px;color:#255849;text-decoration:none;font-size:.91rem;font-weight:800;line-height:1.3;white-space:nowrap}
.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#e8f7ee;color:#12695e}
@media(max-width:1050px){
  .nav-service{display:block;width:100%}
  .nav-service-trigger{width:100%;justify-content:center;padding:11px 4px;font-size:1rem}
  .nav-service-trigger::after{margin-left:6px}
  .nav-submenu,.nav-service:hover .nav-submenu,.nav-service:focus-within .nav-submenu{display:none;position:static;min-width:0;width:min(100%,260px);margin:0 auto 9px;padding:5px;border:0;border-radius:10px;box-shadow:none;background:#eaf7ef;text-align:center}
  .nav-service.open .nav-submenu{display:grid}
  .nav-submenu a{font-size:.96rem;padding:10px 8px}
}
