/* Joo native header repair, loaded after the exported theme. */
body { padding-top: 86px !important; }
.header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 110 !important;
  width: 100% !important;
  min-height: 76px;
  margin: 0 !important;
  padding: 10px 0 !important;
  background: rgba(18, 8, 25, .97) !important;
  border-bottom: 1px solid rgba(255,181,46,.28) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.3) !important;
  backdrop-filter: blur(12px);
}
.header .container { max-width: 1240px; }
.header-content { min-height: 56px; gap: 22px; flex-wrap: nowrap !important; }
.header .custom-logo-link { width: auto !important; min-width: 200px; flex: 0 0 auto; overflow: hidden; }
.header img.custom-logo { display:block; width:220px !important; height:52px !important; max-width:220px !important; max-height:none !important; object-fit:cover; object-position:center; }
.header .nav { display:flex; align-items:center; justify-content:center; gap:4px; min-width:0; white-space:nowrap; }
.header .nav a { display:inline-flex; align-items:center; min-height:40px; padding:8px 10px !important; border-radius:9px; color:#f8efff !important; font-size:14px !important; font-weight:700 !important; text-decoration:none; }
.header .nav a::after { display:none !important; }
.header .nav a:hover,.header .nav a:focus-visible { color:#ffcf68 !important; background:rgba(118,43,145,.2); opacity:1; }
.header-buttons { flex:0 0 auto; gap:10px; }
.header-buttons .btn { min-width:108px; max-width:none; height:42px; margin:0 !important; padding:0 16px; line-height:1; animation:none !important; border-radius:10px !important; }
.header .mobile-btn { flex:0 0 34px; width:34px; }
.mobile-wrap { z-index:150 !important; background:#1e1028 !important; border-left:1px solid rgba(255,181,46,.26); }
.mobile-wrap .mobile-nav { display:flex !important; flex-direction:column; align-items:stretch; gap:9px; }
.mobile-wrap .mobile-nav a { display:block; padding:14px 16px; color:#fff !important; border:1px solid rgba(255,181,46,.22); border-radius:12px; background:rgba(118,43,145,.1); text-decoration:none; }
@media(max-width:1099px){body{padding-top:76px !important}.header{min-height:68px;padding:7px 0 !important}.header-content{min-height:54px}.header .nav.max-1100\:hidden,.header .header-buttons{display:none !important}.header .mobile-btn{display:block !important;margin-left:auto}.header .custom-logo-link{min-width:0}.header img.custom-logo{width:min(190px,64vw) !important;height:46px !important;max-width:min(190px,64vw) !important}}
@media(prefers-reduced-motion:reduce){.header *,.mobile-wrap{animation:none !important;transition:none !important}}