/* Products dropdown */
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:inherit;font:inherit;font-size:15px;padding:28px 0 24px;cursor:pointer;white-space:nowrap}
.nav-dd-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.nav-dd-btn:hover,.nav-dd.open .nav-dd-btn{color:var(--cyan)}
.nav-dd.open .nav-dd-btn svg{transform:rotate(180deg)}
.nav-dd-menu{display:none;position:absolute;top:calc(100% - 10px);left:50%;transform:translateX(-50%);min-width:300px;padding:8px;border-radius:14px;border:1px solid rgba(8,210,245,.26);background:#04182a;box-shadow:0 18px 40px rgba(0,0,0,.5);z-index:30}
.nav-dd.open .nav-dd-menu{display:block}
.nav .nav-dd-menu a{display:flex;flex-direction:column;gap:2px;padding:10px 12px!important;border-radius:10px;white-space:normal;font-size:15px}
.nav .nav-dd-menu a:after{display:none!important}
.nav-dd-menu a:hover,.nav-dd-menu a:focus-visible{background:rgba(8,201,244,.1)}
.nav-dd-menu strong{color:#f3f7fc;font-weight:650;display:flex;align-items:center;gap:6px}
.nav-dd-menu strong svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;opacity:.7}
.nav-dd-menu span{font-size:13px;color:#a9bfd3;line-height:1.4}
.nav-dd-menu a:hover strong{color:var(--cyan)}
@media(max-width:1050px){.nav-dd-btn{font-size:14px}}
@media(max-width:800px){
 .nav-dd{flex-direction:column;align-items:stretch}
 .nav-dd-btn{font-size:16px;padding:12px 14px;justify-content:space-between;width:100%}
 .nav-dd-menu{position:static;transform:none;min-width:0;box-shadow:none;border:0;background:rgba(8,201,244,.05);margin:0 0 6px;padding:4px}
}
html[data-theme=light] .nav-dd-btn{color:var(--L-ink)}
html[data-theme=light] .nav-dd-btn:hover,html[data-theme=light] .nav-dd.open .nav-dd-btn{color:var(--L-accent)}
html[data-theme=light] .nav-dd-menu{background:#fff;border-color:var(--L-line);box-shadow:0 18px 40px rgba(11,27,43,.16)}
html[data-theme=light] .nav-dd-menu strong{color:var(--L-ink)}
html[data-theme=light] .nav-dd-menu span{color:var(--L-muted)}
html[data-theme=light] .nav-dd-menu a:hover{background:#eef6fc}
html[data-theme=light] .nav-dd-menu a:hover strong{color:var(--L-accent)}
@media(max-width:800px){html[data-theme=light] .nav-dd-menu{background:#f3f8fc;box-shadow:none}}

.nav-dd-btn.active{color:var(--cyan);position:relative}
.nav-dd-btn.active:after{content:"";position:absolute;height:3px;left:0;right:20px;bottom:14px;background:var(--cyan);box-shadow:0 0 12px rgba(0,201,244,.5)}
html[data-theme=light] .nav-dd-btn.active{color:var(--L-accent)}
html[data-theme=light] .nav-dd-btn.active:after{background:var(--L-accent);box-shadow:none}
@media(max-width:800px){.nav-dd-btn.active:after{bottom:5px;left:14px;right:auto;width:34px}}
.nav-dd-svc .nav-dd-menu{min-width:320px}

/* Services: label is a link, caret opens the menu */
.nav-dd-svc{gap:2px}
.nav-dd-caret{padding:28px 0 24px 2px!important;gap:0}
.nav-dd-svc:hover .nav-dd-link,.nav-dd-svc.open .nav-dd-link{color:var(--cyan)}
.nav-dd.open .nav-dd-caret svg{transform:rotate(180deg)}
@media(max-width:800px){
 .nav-dd-svc{flex-direction:row;flex-wrap:wrap;align-items:center}
 .nav-dd-svc .nav-dd-link{flex:1}
 .nav-dd-caret{width:auto!important;padding:12px 14px!important}
 .nav-dd-svc .nav-dd-menu{flex-basis:100%}
}
html[data-theme=light] .nav-dd-svc:hover .nav-dd-link,html[data-theme=light] .nav-dd-svc.open .nav-dd-link{color:var(--L-accent)}
@media(min-width:801px){
 .nav-dd-svc .nav-dd-menu{width:min(640px,calc(100vw - 32px));min-width:0;grid-template-columns:1fr 1fr;gap:2px}
 .nav-dd-svc.open .nav-dd-menu{display:grid}
}
@media(min-width:801px) and (max-width:1000px){.nav-dd-svc .nav-dd-menu{left:auto;right:-130px;transform:none;width:560px}}
