.topbar{background:#f6f7f4;border-bottom:1px solid #cdd5d1;position:sticky;top:0;z-index:50}
html{scroll-padding-top:84px}
.topbar.menu-open{max-height:100vh;max-height:100dvh;overflow-y:auto}
.topbar-in{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.topbar-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#14201f;flex-grow:1;min-height:44px}
.topbar-brand span{font-family:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:22px;letter-spacing:-0.02em}
.topbar-nav{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;font-size:14px;line-height:20px;font-weight:500}
.topbar-nav a{color:#14201f;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.topbar-nav a[aria-current=page]{color:#0f5c57;font-weight:600}
.topbar-nav .topbar-cta{background:#0f5c57;color:#fff;padding:0 20px;border-radius:8px;font-weight:600;font-size:13px;letter-spacing:.02em}
.topbar + .wrap .wiz-head{padding-top:32px}
.skip-link{position:absolute;left:-9999px;top:8px;background:#0f5c57;color:#fff;padding:10px 16px;border-radius:8px;z-index:30}
.skip-link:focus{left:8px}
/* Mobilmeny */
.menu-toggle{display:none;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-8px;padding:0;border:0;border-radius:12px;background:transparent;color:#14201f;cursor:pointer}
.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:28px;height:3px;background:#2b3a39;border-radius:3px;content:'';position:relative;transition:transform .18s,top .18s,background .18s}
.menu-icon::before{position:absolute;top:-9px;left:0}
.menu-icon::after{position:absolute;top:9px;left:0}
.menu-open .menu-icon{background:transparent}
.menu-open .menu-icon::before{top:0;transform:rotate(45deg)}
.menu-open .menu-icon::after{top:0;transform:rotate(-45deg)}
@media (max-width:900px){
.topbar,.admin-top{background:linear-gradient(115deg,#d5e8e2 0%,#e9f2ee 45%,#f6f7f4 100%)}
.menu-toggle{display:inline-flex}
.topbar-in{gap:0 16px;padding:14px 24px}
.topbar-brand{min-height:48px}
.topbar-brand span{font-size:26px}
.topbar-nav{display:none;flex:1 1 100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 16px}
.menu-open .topbar-nav{display:flex}
.topbar-nav a{border-top:1px solid rgba(20,32,31,.1);padding:0 2px;font:700 22px/1.2 'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;letter-spacing:-.01em;min-height:60px}
.topbar-nav a[aria-current=page]{color:#0f5c57}
.topbar-nav .topbar-cta{justify-content:center;margin-top:16px;border-top:0;min-height:56px;font-size:17px;letter-spacing:0;border-radius:12px}
}
.brand-logo{display:block;width:auto}
.topbar-dark{background:#0f5c57;border-bottom-color:rgba(255,255,255,.14)}
.topbar-dark .topbar-brand,.topbar-dark .topbar-nav a,.topbar-dark .menu-toggle{color:#fff}
.topbar-dark .topbar-nav a[aria-current=page]{color:#d5e8e2;text-decoration:underline;text-underline-offset:6px}
.topbar-dark .topbar-nav .topbar-cta{background:#f26a3d;color:#14201f}
.topbar-dark .menu-icon,.topbar-dark .menu-icon::before,.topbar-dark .menu-icon::after{background:#fff}
.topbar-dark .menu-open .menu-icon,.topbar-dark.menu-open .menu-icon{background:transparent}
.topbar-dark a:focus-visible,.topbar-dark .menu-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media (max-width:900px){
.topbar.topbar-dark{background:#0f5c57}
.topbar-dark .topbar-nav a{border-top-color:rgba(255,255,255,.18)}
.topbar-dark .topbar-nav a[aria-current=page]{color:#fff;text-decoration:none}
}