/* Service support and FAQ share one navigation group. */
.nav-services{position:relative}
#main-nav>.nav-services>summary{position:relative;display:inline-flex;align-items:center;gap:5px;padding:10px 14px;font-size:15.5px;font-weight:500;color:var(--text);border-radius:10px;transition:color .2s,background .2s}
#main-nav>.nav-services>summary:hover{color:var(--green-d);background:var(--soft-2)}
#main-nav>.nav-services>summary.active{color:var(--green-d);font-weight:600}
.nav-services>summary span{font-size:12px;transition:transform .2s}
#main-nav>.nav-services[open]>summary{color:var(--green-d)}
.nav-services[open]>summary span{transform:rotate(180deg)}
.service-submenu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:190px;padding:8px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--green-d);border-radius:0 0 10px 10px;box-shadow:var(--shadow-m);z-index:110}
.service-submenu>a{display:block;padding:10px 12px;font-size:14px;line-height:1.6;color:var(--text);border-radius:6px;white-space:nowrap}
.service-submenu>a:hover,.service-submenu>a.active{color:var(--green-d);background:var(--soft-2)}
.service-submenu>a.active{font-weight:700}
@media(min-width:981px) and (max-width:1180px){
 .site-header #main-nav>.nav-services>summary{font-size:14px;padding:10px 8px;white-space:nowrap}
}
@media(max-width:980px){
 #main-nav>.nav-services>summary{display:flex;justify-content:space-between;padding:13px 12px;font-size:16px}
 .service-submenu{position:static;transform:none;width:100%;box-shadow:none;border:0;border-top:1px dashed var(--line);border-radius:0;padding:6px 8px}
 .service-submenu>a{padding:11px 16px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 #main-nav>.nav-services>summary,.nav-services>summary span{transition:none}
}