/* Site header + mobile drawer nav (Exodus public pages) */
/* Kein backdrop-filter auf dem Header: sonst wird position:fixed für .siteNav
   auf die Header-Höhe begrenzt (Safari/Chrome) → „Menü“-Leiste klebt neben der Toolbar. */
header.siteHeader{
  position:sticky;top:0;z-index:200;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--border, #E5E7EB);
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.headRow{
  position:relative;z-index:2;
  min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.headRowEnd{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.headBrand{
  display:flex;align-items:center;min-width:0;color:inherit;text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.logo{height:52px;width:auto;display:block;max-width:min(200px, 55vw);}
.siteNav{display:flex;align-items:center;gap:4px;}
.siteNav a{
  font-size:13px;font-weight:600;color:var(--muted, #6B7280);text-decoration:none;
  padding:8px 14px;border-radius:8px;transition:background .15s,color .15s;
}
.siteNav a:hover{background:#F3F4F6;color:var(--text, #111827);}
/* Drawer header (mobile only) */
.siteNavDrawerHead{
  display:none;
  flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;
  padding:max(16px, env(safe-area-inset-top, 0px)) 18px 14px;
  border-bottom:1px solid var(--border, #E5E7EB);
  background:linear-gradient(180deg, #FAFAFB 0%, #fff 100%);
}
.siteNavDrawerTitle{
  font-family:var(--fh, 'Sora', sans-serif);font-size:11px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:#94A3B8;
}
.siteNavDrawerClose{
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;border:none;border-radius:10px;
  background:#F1F5F9;color:#475569;cursor:pointer;
  transition:background .15s,color .15s,transform .15s;
  -webkit-tap-highlight-color:transparent;
}
.siteNavDrawerClose:hover{background:var(--red-light, #FEF0EE);color:var(--red, #C8200E);}
.siteNavDrawerClose:active{transform:scale(.96);}
.navToggle{
  display:none;align-items:center;justify-content:center;
  width:46px;height:46px;padding:0;border:none;border-radius:12px;
  background:#F8FAFC;color:var(--text, #111827);cursor:pointer;
  transition:background .15s;flex-shrink:0;-webkit-tap-highlight-color:transparent;
  border:1px solid transparent;
}
.navToggle:hover{background:#F1F5F9;border-color:var(--border, #E5E7EB);}
.siteHeader.nav-open .navToggle{
  background:var(--red-light, #FEF0EE);color:var(--red, #C8200E);border-color:#FAD4D0;
}
.navToggle-bars{
  width:20px;height:14px;position:relative;display:block;
}
.navToggle-bars span{
  display:block;height:2px;background:currentColor;border-radius:2px;
  position:absolute;left:0;right:0;
  transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s,top .28s cubic-bezier(.22,1,.36,1);
}
.navToggle-bars span:nth-child(1){top:2px;}
.navToggle-bars span:nth-child(2){top:7px;}
.navToggle-bars span:nth-child(3){top:12px;}
.siteHeader.nav-open .navToggle-bars span:nth-child(1){top:7px;transform:rotate(45deg);}
.siteHeader.nav-open .navToggle-bars span:nth-child(2){opacity:0;transform:scaleX(.3);}
.siteHeader.nav-open .navToggle-bars span:nth-child(3){top:7px;transform:rotate(-45deg);}
.headCta{flex-shrink:0;white-space:nowrap;}
.navBackdrop{
  display:none;position:fixed;inset:0;z-index:1;
  background:rgba(15,23,42,.52);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;
  transition:opacity .32s cubic-bezier(.22,1,.36,1),visibility .32s;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--fb, 'DM Sans', sans-serif);font-size:13px;font-weight:600;text-decoration:none;
  border-radius:8px;padding:10px 18px;transition:background .15s,transform .1s;border:none;cursor:pointer;
}
.btn--primary{background:var(--red, #C8200E);color:#fff;box-shadow:0 4px 14px rgba(200,32,14,.25);}
.btn--primary:hover{background:var(--red2, #9E1A0B);transform:translateY(-1px);}

@media (min-width:769px){
  .headRow{min-height:72px;}
  .siteNav{flex:1;justify-content:center;}
  .navToggle{display:none!important;}
}
@media (max-width:768px){
  .headRow{
    flex-wrap:nowrap;gap:10px;padding:10px 0;
    padding-top:max(10px, env(safe-area-inset-top, 0px));
    border-bottom:1px solid transparent;
  }
  .siteHeader.nav-open .headRow{border-bottom-color:var(--border, #E5E7EB);}
  .headBrand{flex:1;min-width:0;}
  .headRowEnd{flex-shrink:0;}
  .navToggle{display:inline-flex;}
  .headCta{padding:9px 14px;font-size:12px;font-weight:600;border-radius:8px;}
  .logo{height:40px;max-width:min(180px, 48vw);}
  .siteNavDrawerHead{display:flex;}
  .siteNav{
    display:flex!important;
    flex-direction:column;
    position:fixed!important;
    left:0!important;
    top:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(304px, 88vw);
    max-height:none;
    margin:0;padding:0;gap:0;
    align-items:stretch;
    z-index:5;
    background:#fff;
    border:none;border-right:1px solid var(--border, #E5E7EB);
    border-radius:0;
    box-shadow:12px 0 48px rgba(0,0,0,.12);
    overflow-x:hidden;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding-bottom:max(16px, env(safe-area-inset-bottom, 0px));
    transform:translate3d(-105%,0,0);
    visibility:hidden;
    pointer-events:none;
    transition:transform .34s cubic-bezier(.22,1,.36,1),visibility .34s,box-shadow .34s;
  }
  .siteNav::before{
    content:'';position:absolute;left:0;top:0;bottom:0;width:4px;pointer-events:none;z-index:1;
    background:linear-gradient(180deg,var(--red,#C8200E),#e85d4c,var(--red,#C8200E));
  }
  .siteHeader.nav-open .siteNav{
    transform:translate3d(0,0,0);
    visibility:visible;
    pointer-events:auto;
  }
  .siteNav a{
    position:relative;
    font-size:15px;font-weight:600;padding:14px 20px 14px 22px;border-radius:0;
    color:var(--text,#111827);
    border-bottom:none;
    min-height:52px;display:flex;align-items:center;gap:12px;
    margin:2px 10px;border-radius:10px;
    transition:background .15s,color .15s;
  }
  .siteNav a::after{
    content:'';width:7px;height:7px;margin-left:auto;flex-shrink:0;
    border-right:2px solid #CBD5E1;border-bottom:2px solid #CBD5E1;
    transform:rotate(-45deg);opacity:.85;
  }
  .siteNav a:hover,.siteNav a:active{background:var(--red-light,#FEF0EE);color:var(--red,#C8200E);}
  .siteNav a:active::after{border-color:var(--red,#C8200E);}
  .navBackdrop{display:block;}
  .siteHeader.nav-open .navBackdrop{opacity:1;visibility:visible;}
}
@media (max-width:640px){
  .logo{height:38px;}
}