/* ============ HEADER MENU: dropdowns + services mega menu (desktop) and accordions (mobile) ============ */
.nd{position:relative;display:flex;align-items:center;gap:3px}
.nd-mega{position:static}
.nd-tg{display:grid;place-items:center;width:22px;height:26px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--mut);cursor:pointer;transition:color .2s,background .2s}
.nd-tg:hover,.nd.open .nd-tg{color:var(--v-ink)}
.nd-tg:focus-visible,.mn-tg:focus-visible{outline:2px solid var(--v);outline-offset:2px}
.chev{transition:transform .3s var(--ease)}
.nd.open .chev,.mn-tg[aria-expanded=true] .chev{transform:rotate(180deg)}
.nd.on .nd-tg{color:var(--v-ink)}
/* panel */
.nd-panel{position:absolute;top:calc(100% + 16px);inset-inline-start:-20px;z-index:110;min-width:330px;padding:8px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s,transform .3s var(--ease),visibility 0s linear .3s}:where(:root[data-theme=dark]) .nd-panel{background:#17122B}
.nd-panel::before{content:"";position:absolute;inset-inline:0;top:-18px;height:18px}
.nd.open>.nd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .3s var(--ease),visibility 0s}
.nd-mega>.nd-panel{top:100%;inset-inline-start:auto;left:50%;width:min(1120px,calc(100vw - 48px));padding:10px;transform:translate(-50%,8px)}
.nd-mega>.nd-panel::before{top:-30px;height:30px}
.nd-mega.open>.nd-panel{transform:translate(-50%,0)}
/* entries */
.nav .nd-panel a::after{content:none}
.nav .ndi{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:14px;font-size:15px;font-weight:400;color:var(--tx2);white-space:normal;transition:background .2s}
.nav .ndi:hover,.nav .ndi:focus-visible{background:var(--soft);color:var(--tx2)}
.nav .ndi:focus-visible{outline:2px solid var(--v);outline-offset:-2px}
.ndi-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--v-ink);background:linear-gradient(145deg,#F4ECFF,#FCEEF8);border:1px solid #EDE2FC;transition:transform .35s var(--ease)}:where(:root[data-theme=dark]) .ndi-ic{background:linear-gradient(145deg,#241636,#36162D);border:1px solid #3D2D53}
.ndi:hover .ndi-ic{transform:scale(1.06) rotate(-4deg)}
.ndi-tx{display:flex;flex-direction:column;min-width:0}
.ndi-tx b{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:800;color:var(--tx);line-height:1.4}
.ndi-tx small{display:block;margin-top:3px;font-size:12.5px;line-height:1.6;color:var(--mut)}
.ndi.on b{color:var(--v-ink)}
.ndi-n{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 7px;border-radius:999px;font-family:"Outfit",sans-serif;font-style:normal;font-size:11.5px;font-weight:800;color:#fff;background:var(--grad)}
.nds{display:flex;flex-direction:column;gap:2px}
/* mega layout */
.ndm{display:grid;grid-template-columns:1fr 244px;gap:10px}
.ndm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ndm-side{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:16px;background:linear-gradient(160deg,#F4ECFF,#FCEEF8);border:1px solid #EDE2FC}:where(:root[data-theme=dark]) .ndm-side{background:linear-gradient(160deg,#241636,#36162D);border:1px solid #3D2D53}
.ndm-k{font-size:16px;font-weight:800;color:var(--tx)}
.ndm-side p{margin:0;font-size:13.5px;line-height:1.75;color:var(--tx2)}
.nav .ndm-cta{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-top:auto;padding:0 18px;border-radius:999px;font-size:14.5px;font-weight:800;color:#fff;background:var(--grad);box-shadow:0 14px 30px -14px rgba(192,38,211,.6);transition:transform .3s var(--ease),box-shadow .3s}
.nav .ndm-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(192,38,211,.75)}
.nav .ndm-lnk{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 0;font-size:14px;font-weight:800;color:var(--v-ink)}
.nav .ndm-lnk:hover{color:var(--m-ink)}
.ndm-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 12px 0;padding:12px 2px 6px;border-top:1px solid var(--line)}
.nav .ndm-foot a{display:inline-flex;align-items:center;gap:6px;padding:0;font-size:14.5px;font-weight:800;color:var(--v-ink)}
.nav .ndm-foot a:hover{color:var(--m-ink)}
.ndm-foot span{font-size:13px;color:var(--mut)}
.ndm-lnk svg,.ndm-foot a svg{transition:transform .3s var(--ease)}
.ndm-lnk:hover svg,.ndm-foot a:hover svg{transform:translateX(-4px)}
@media (max-width:1300px){.nav{gap:18px}
.ndm{grid-template-columns:1fr 230px}
.ndm-grid{grid-template-columns:repeat(2,1fr)}}
/* ---------- mobile ---------- */
.mn-g{border-bottom:1px solid var(--line)}
.mn-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mnav .mn-row a{flex:1;border-bottom:0}
.mn-tg{display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--tx2);cursor:pointer}
.mn-tg[aria-expanded=true]{background:var(--soft);color:var(--v-ink)}
.mn-sub{display:flex;flex-direction:column;gap:2px;padding:2px 0 12px}
.mn-sub[hidden]{display:none}
.mnav .mn-sub a{display:flex;align-items:center;gap:12px;padding:9px 6px;border-bottom:0;font-size:15px;font-weight:500;color:var(--tx2);border-radius:12px}
.mnav .mn-sub a:active{background:var(--soft)}
.mn-sub .ndi-ic{width:34px;height:34px;border-radius:10px}
.mnav a.on,.mn-g.on>.mn-row a{color:var(--v-ink);font-weight:800}
@media (max-width:1120px){.mnav.open{max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}}
@media (prefers-reduced-motion:reduce){.nd-panel,.chev{transition:none}}