/* Luftig mega-meny, lila tema. Allt under .dpn / .dpn-sheet så den inte krockar med sidans övriga CSS. */
.dpn{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid #e6e2ee;transition:box-shadow .25s}
.dpn.sc{box-shadow:0 10px 30px -18px rgba(43,35,64,.35)}
.dpn-in{max-width:1240px;margin:0 auto;height:76px;padding:0 max(24px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:28px;position:relative}
.dpn-logo{display:flex;align-items:center;flex:none}.dpn-logo img{height:34px;width:auto;display:block}
.dpn-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.dpn-menu>li{position:static}
.dpn-menu>li>a,.dpn-menu>li>button{white-space:nowrap;font:600 15px/1 inherit;font-family:inherit;color:#2b2340;background:none;border:0;padding:12px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:background .18s,color .18s}
.dpn-menu>li>a:hover,.dpn-menu>li>button:hover,.dpn-menu>li.open>button{background:#ece8f5;color:#2b2340}
.dpn-menu .chev{transition:transform .2s;opacity:.7}.dpn-menu li.open .chev{transform:rotate(180deg)}
.dpn-menu .mega{position:absolute;top:calc(100% - 4px);left:50%;transform:translate(-50%,8px);width:min(680px,calc(100vw - 48px));background:#fff;border:1px solid #e6e2ee;border-radius:26px;padding:14px;box-shadow:0 30px 70px -24px rgba(43,35,64,.35);display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}
.dpn-menu li.open .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.dpn-menu .mega a{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;color:#2b2340;text-decoration:none;transition:background .15s}
.dpn-menu .mega a:hover,.dpn-menu .mega a:focus-visible{background:#f6f4fa;outline:0}
.dpn-menu .mi{flex:none;width:42px;height:42px;border-radius:13px;background:#f6f4fa;display:grid;place-items:center;color:#4a3f66}
.dpn-menu .mega a:hover .mi{background:#e0578f;color:#fff}
.dpn-menu .mega b{display:block;font-size:15px;font-weight:700;margin-bottom:3px}
.dpn-menu .mega small{display:block;font-size:13px;line-height:1.45;color:#6b6679}
.dpn-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.dpn-k{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6e2ee;background:#fff;border-radius:999px;padding:10px 14px;font:600 14px/1 inherit;font-family:inherit;color:#6b6679;cursor:pointer}
.dpn-k:hover{border-color:#4a3f66;color:#2b2340}.dpn-k kbd{font:700 11px/1 inherit;font-family:inherit;background:#f6f4fa;border-radius:6px;padding:3px 6px;color:#6b6679}
.dpn-link{white-space:nowrap;font-weight:600;font-size:15px;color:#2b2340;padding:10px 12px;text-decoration:none}.dpn-link:hover{color:#e0578f}
.dpn-cta{white-space:nowrap;background:#2b2340;color:#fff;font-weight:700;font-size:15px;padding:13px 22px;border-radius:999px;text-decoration:none;transition:transform .15s,background .15s}.dpn-cta:hover{background:#4a3f66;transform:translateY(-1px)}
.dpn-burger{display:none;width:44px;height:44px;border:1px solid #e6e2ee;background:#fff;border-radius:14px;cursor:pointer;position:relative}
.dpn-burger span{position:absolute;left:12px;right:12px;height:2px;background:#2b2340;border-radius:2px;transition:transform .2s,top .2s}.dpn-burger span:nth-child(1){top:17px}.dpn-burger span:nth-child(2){top:25px}
.dpn-burger[aria-expanded=true] span:nth-child(1){top:21px;transform:rotate(45deg)}.dpn-burger[aria-expanded=true] span:nth-child(2){top:21px;transform:rotate(-45deg)}
.dpn-sheet{display:none;position:fixed;inset:76px 0 0 0;z-index:69;background:#fff;overflow:auto;padding:12px 24px 40px}
.dpn-sheet.on{display:block}.dpn-sheet .sg{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#4a3f66;margin:22px 0 6px}
.dpn-sheet a{display:block;padding:13px 4px;font-weight:600;color:#2b2340;text-decoration:none;border-bottom:1px solid #f1eff6}
.dpn-sheet a.btn{margin-top:18px;text-align:center;background:#2b2340;color:#fff;border-radius:999px;border:0}
@media(max-width:1280px){.dpn-in{gap:14px}.dpn-menu>li>a,.dpn-menu>li>button{padding:12px 10px;font-size:14.5px}.dpn-link{padding:10px 8px}}
@media(max-width:1180px){.dpn-k span,.dpn-k kbd{display:none}.dpn-k{padding:11px}.dpn-menu>li>a,.dpn-menu>li>button{padding:12px 11px;font-size:14.5px}.dpn-in{gap:14px}}
@media(max-width:1000px){.dpn-menu,.dpn-link,.dpn-k{display:none}.dpn-burger{display:block}.dpn-cta{padding:11px 16px;font-size:14px}.dpn-in{height:68px}.dpn-sheet{inset:68px 0 0 0}}
@media(max-width:420px){.dpn-cta{display:none}}
@media(prefers-reduced-motion:reduce){.dpn *{transition:none!important}}
.dpn-k span,.dpn-k kbd{display:none}.dpn-k{padding:11px;width:44px;height:44px;justify-content:center}.dpn-in{max-width:1320px;gap:20px}.dpn-r{gap:8px}