/* HallowixStudios V24 — ONE canonical public header.
   This file is the sole owner of public header geometry/visual behavior and is loaded LAST.
   ID-scoped selectors intentionally isolate the header from legacy page-level .container/nav rules. */
@font-face{font-family:"Minecraft Ten";src:local("Minecraft Ten"),url("https://raw.githubusercontent.com/Mojang/web-theme-bootstrap/main/assets/fonts/MinecraftTen.woff") format("woff");font-display:swap}

html body #navWrap.nav-wrap{
  --hx-nav-text:#EDE4D3;--hx-nav-muted:#C9BFAF;--hx-nav-line:rgba(237,228,211,.14);--hx-nav-surface:rgba(48,40,33,.20);--hx-nav-panel:rgba(39,32,28,.72);
  position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;inset:0 0 auto 0!important;z-index:5000!important;
  width:100%!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-bottom:1px solid transparent!important;
  border-radius:0!important;box-shadow:none!important;transform:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate!important;
  transition:background .26s ease,border-color .26s ease,box-shadow .26s ease,-webkit-backdrop-filter .26s ease,backdrop-filter .26s ease!important;
}
html[data-theme="light"] body #navWrap.nav-wrap{--hx-nav-text:#2E241E;--hx-nav-muted:#6F6258;--hx-nav-line:rgba(46,36,30,.14);--hx-nav-surface:rgba(237,228,211,.32);--hx-nav-panel:rgba(237,228,211,.78)}
html body #navWrap.nav-wrap::before{content:none!important;display:none!important}

/* This is the exact desktop geometry used everywhere. */
html body #navWrap.nav-wrap>.container{
  box-sizing:border-box!important;width:min(1180px,calc(100% - 44px))!important;max-width:none!important;
  min-width:0!important;margin:0 auto!important;padding:0!important;position:relative!important;z-index:2!important;
}
html body #navWrap.nav-wrap nav{
  box-sizing:border-box!important;width:100%!important;max-width:none!important;height:92px!important;min-height:92px!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;
  position:relative!important;inset:auto!important;transform:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html body #navWrap.nav-wrap .brand{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:auto!important;min-width:138px!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;gap:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;text-decoration:none!important;overflow:visible!important;
}
html body #navWrap.nav-wrap .brand::after{display:none!important;content:none!important}
html body #navWrap.nav-wrap .brand-lockup{
  display:block!important;width:138px!important;min-width:138px!important;max-width:138px!important;height:auto!important;max-height:50px!important;
  margin:0!important;padding:0!important;object-fit:contain!important;object-position:left center!important;
  filter:brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(469%) hue-rotate(346deg) brightness(99%) contrast(93%) drop-shadow(0 8px 18px rgba(0,0,0,.16))!important;
  transform-origin:center!important;transition:transform .42s cubic-bezier(.16,1,.3,1),filter .32s ease!important;
}
html[data-theme="light"] body #navWrap.nav-wrap .brand-lockup{
  filter:brightness(0) saturate(100%) invert(13%) sepia(13%) saturate(957%) hue-rotate(341deg) brightness(91%) contrast(88%) drop-shadow(0 8px 18px rgba(46,36,30,.12))!important;
}
html body #navWrap.nav-wrap .brand:hover .brand-lockup,html body #navWrap.nav-wrap .brand:focus-visible .brand-lockup{
  transform:translateY(-2px) rotate(-1.4deg) scale(1.035)!important;
  filter:brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(469%) hue-rotate(346deg) brightness(99%) contrast(93%) drop-shadow(0 0 10px color-mix(in srgb,var(--lantern,#D9B36C) 42%,transparent)) drop-shadow(0 12px 24px rgba(0,0,0,.20))!important;
}
html[data-theme="light"] body #navWrap.nav-wrap .brand:hover .brand-lockup,html[data-theme="light"] body #navWrap.nav-wrap .brand:focus-visible .brand-lockup{
  filter:brightness(0) saturate(100%) invert(13%) sepia(13%) saturate(957%) hue-rotate(341deg) brightness(91%) contrast(88%) drop-shadow(0 0 10px color-mix(in srgb,var(--lantern,#D9B36C) 34%,transparent))!important;
}

html body #navWrap.nav-wrap .nav-links{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:27px!important;
  width:auto!important;height:92px!important;margin:0 34px 0 auto!important;padding:0!important;overflow:visible!important;
}
html body #navWrap.nav-wrap .nav-item{position:relative!important;display:flex!important;align-items:center!important;height:92px!important;margin:0!important;padding:0!important}
html body #navWrap.nav-wrap .nav-link{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:92px!important;
  margin:0!important;padding:0 3px!important;background:transparent!important;border:0!important;border-radius:0!important;
  color:var(--hx-nav-text)!important;font-family:"Sora","Nunito",system-ui,sans-serif!important;font-size:.78rem!important;line-height:1!important;font-weight:800!important;letter-spacing:.01em!important;text-decoration:none!important;
  transform:none!important;transition:color .18s ease,transform .18s ease!important;
}
html body #navWrap.nav-wrap .nav-link::after{content:""!important;position:absolute!important;left:50%!important;bottom:26px!important;width:0!important;height:2px!important;border-radius:999px!important;background:var(--lantern,#D9B36C)!important;transform:translateX(-50%)!important;transition:width .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:none!important}
html body #navWrap.nav-wrap .nav-link:hover,html body #navWrap.nav-wrap .nav-item:focus-within>.nav-link{color:var(--hx-nav-text)!important;transform:translateY(-1px)!important}
html body #navWrap.nav-wrap .nav-link:hover::after,html body #navWrap.nav-wrap .nav-item:focus-within>.nav-link::after,html body #navWrap.nav-wrap .nav-link.is-active::after{width:100%!important}
html body #navWrap.nav-wrap .nav-store>.nav-link{gap:7px!important}
html body #navWrap.nav-wrap .nav-store>.nav-link::before{content:""!important;width:5px!important;height:5px!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;transform:rotate(45deg) translateY(-2px)!important;order:2!important;opacity:.65!important;transition:transform .18s ease!important}
html body #navWrap.nav-wrap .nav-store:hover>.nav-link::before,html body #navWrap.nav-wrap .nav-store:focus-within>.nav-link::before{transform:rotate(225deg) translate(-1px,-1px)!important}

html body #navWrap.nav-wrap .nav-actions{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;position:relative!important;flex:0 0 auto!important;
}
html body #navWrap.nav-wrap .icon-btn{
  box-sizing:border-box!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;
  border-radius:50%!important;border:1px solid var(--hx-nav-line)!important;
  background:var(--hx-nav-surface)!important;color:var(--hx-nav-text)!important;
  display:grid!important;place-items:center!important;line-height:1!important;box-shadow:none!important;
  -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
  transform:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
html body #navWrap.nav-wrap .icon-btn:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--lantern,#D9B36C) 55%,transparent)!important;background:color-mix(in srgb,var(--hx-nav-text) 8%,var(--hx-nav-surface))!important}
html body #navWrap.nav-wrap .icon-btn svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important}
html body #navWrap.nav-wrap .pill-btn.discord{
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:0!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 17px!important;
  border-radius:999px!important;background:#5865F2!important;color:#fff!important;border:0!important;
  font-family:"Sora","Nunito",system-ui,sans-serif!important;font-size:.74rem!important;line-height:40px!important;font-weight:800!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap!important;
  box-shadow:0 8px 22px rgba(88,101,242,.28)!important;transform:none!important;transition:transform .18s ease,box-shadow .18s ease!important;
}
html body #navWrap.nav-wrap .pill-btn.discord:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(88,101,242,.34)!important}
html body #navWrap.nav-wrap .mobile-menu{display:none!important}

/* Header surface: SCROLL ONLY. Opening Store at page top must not paint/freeze the whole header. */
html body #navWrap.nav-wrap.scrolled{
  background:color-mix(in srgb,#2E241E 82%,transparent)!important;border-bottom-color:rgba(237,228,211,.09)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.10)!important;backdrop-filter:blur(24px) saturate(1.10)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.18)!important;
}
html[data-theme="light"] body #navWrap.nav-wrap.scrolled{background:color-mix(in srgb,#EDE4D3 88%,transparent)!important;border-bottom-color:rgba(46,36,30,.11)!important;box-shadow:0 12px 34px rgba(46,36,30,.11)!important}
html body #navWrap.nav-wrap:not(.scrolled):has(.nav-store:hover),html body #navWrap.nav-wrap:not(.scrolled):has(.nav-store:focus-within){background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* Store dropdown: its own glass/freeze surface, independent from the header background. */
html body #navWrap.nav-wrap .store-mega{
  box-sizing:border-box!important;position:absolute!important;top:calc(100% - 1px)!important;left:50%!important;width:min(860px,calc(100vw - 42px))!important;
  margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;
  transform:translate3d(-50%,7px,0)!important;transform-origin:50% 0!important;clip-path:inset(0 0 100% 0 round 20px)!important;
  transition:clip-path .24s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)!important;z-index:5100!important;display:block!important;will-change:clip-path,transform!important;isolation:isolate!important;filter:none!important;
}
html body #navWrap.nav-wrap .nav-store:hover .store-mega,html body #navWrap.nav-wrap .nav-store:focus-within .store-mega{pointer-events:auto!important;clip-path:inset(0 0 0 0 round 20px)!important;transform:translate3d(-50%,0,0)!important}
html body #navWrap.nav-wrap .store-mega-inner{
  box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;
  width:100%!important;margin:0!important;padding:22px 23px 20px!important;overflow:hidden!important;
  border:1px solid rgba(237,228,211,.13)!important;border-radius:20px!important;background:var(--hx-nav-panel)!important;
  -webkit-backdrop-filter:blur(48px) saturate(1.24) contrast(1.04)!important;backdrop-filter:blur(48px) saturate(1.24) contrast(1.04)!important;
  box-shadow:0 30px 82px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)!important;transform:translateZ(0)!important;contain:paint!important;
}
html[data-theme="light"] body #navWrap.nav-wrap .store-mega-inner{background:rgba(237,228,211,.78)!important;border-color:rgba(46,36,30,.13)!important;-webkit-backdrop-filter:blur(48px) saturate(1.12) contrast(1.02)!important;backdrop-filter:blur(48px) saturate(1.12) contrast(1.02)!important;box-shadow:0 28px 68px rgba(46,36,30,.18),inset 0 1px 0 rgba(255,255,255,.4)!important}
html body #navWrap.nav-wrap .store-mega-inner::before{content:""!important;position:absolute!important;left:22px!important;right:22px!important;top:0!important;height:2px!important;background:linear-gradient(90deg,transparent,var(--moss-brand,#5C7A5E),var(--lantern,#D9B36C),var(--plum,#8B4C63),transparent)!important;display:block!important}
html body #navWrap.nav-wrap .mega-col{box-sizing:border-box!important;min-width:0!important;margin:0!important;padding:5px 20px!important;opacity:0!important;transform:translateY(7px)!important;transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;border:0!important}
html body #navWrap.nav-wrap .mega-col:first-child{padding-left:4px!important}html body #navWrap.nav-wrap .mega-col:last-child{padding-right:4px!important}
html body #navWrap.nav-wrap .nav-store:hover .mega-col,html body #navWrap.nav-wrap .nav-store:focus-within .mega-col{opacity:1!important;transform:none!important}
html body #navWrap.nav-wrap .mega-col:nth-child(2){transition-delay:.035s!important}html body #navWrap.nav-wrap .mega-col:nth-child(3){transition-delay:.07s!important}
html body #navWrap.nav-wrap .mega-title{display:block!important;margin:0 0 10px!important;padding:0!important;color:var(--lantern,#D9B36C)!important;font-family:"Minecraft Ten",Impact,sans-serif!important;font-size:.72rem!important;line-height:1.2!important;font-weight:400!important;letter-spacing:.04em!important;text-transform:uppercase!important}
html body #navWrap.nav-wrap .mega-title::before{content:none!important;display:none!important}
html body #navWrap.nav-wrap .mega-col a{display:block!important;margin:0!important;padding:7px 0!important;background:transparent!important;border:0!important;border-radius:0!important;color:var(--hx-nav-text)!important;font-family:"Nunito",system-ui,sans-serif!important;font-size:.76rem!important;line-height:1.25!important;font-weight:800!important;text-decoration:none!important;opacity:.78!important;transform:none!important;transition:opacity .16s ease,transform .16s ease,color .16s ease!important}
html body #navWrap.nav-wrap .mega-col a::after{content:none!important;display:none!important}
html body #navWrap.nav-wrap .mega-col a:hover{opacity:1!important;color:var(--lantern,#D9B36C)!important;transform:translateX(4px)!important;background:transparent!important}

/* Product/Creator hero uses only a color treatment; geometry remains exactly the same. */
html body.product-detail-page:not(.page-scrolled) #navWrap.nav-wrap .brand-lockup,html body.creator-store-active:not(.page-scrolled) #navWrap.nav-wrap .brand-lockup,html.creator-store-page body:not(.page-scrolled) #navWrap.nav-wrap .brand-lockup{filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.36))!important}

/* Legacy pages can use body.hx-nav-offset, but it never changes the header itself. */
body.hx-nav-offset{padding-top:92px!important}.legal-nav,.portal-theme-toggle{display:none!important}

html body #navWrap.nav-wrap .mobile-nav-panel{display:none!important}
@media(max-width:980px){
  html body #navWrap.nav-wrap>.container{width:min(100% - 24px,1180px)!important;max-width:none!important;margin:0 auto!important;padding:0!important}
  html body #navWrap.nav-wrap nav{height:74px!important;min-height:74px!important;gap:12px!important}
  html body #navWrap.nav-wrap .nav-item{height:74px!important}
  html body #navWrap.nav-wrap .nav-links,html body #navWrap.nav-wrap .pill-btn.discord{display:none!important}
  html body #navWrap.nav-wrap .brand{min-width:44px!important;width:44px!important}
  html body #navWrap.nav-wrap .brand-lockup{content:url('../../pittogramma.png')!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;max-height:42px!important;object-fit:contain!important;filter:none!important}
  html body #navWrap.nav-wrap .nav-actions{margin-left:auto!important;gap:7px!important}
  html body #navWrap.nav-wrap .mobile-menu{display:grid!important}
  html body #navWrap.nav-wrap .store-mega{display:none!important}
  html body #navWrap.nav-wrap .mobile-nav-panel{box-sizing:border-box!important;position:absolute!important;left:12px!important;right:12px!important;top:70px!important;margin:0!important;padding:14px!important;background:color-mix(in srgb,var(--hx-nav-panel) 94%,transparent)!important;border:1px solid var(--hx-nav-line)!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(0,0,0,.30)!important;-webkit-backdrop-filter:blur(34px) saturate(1.15)!important;backdrop-filter:blur(34px) saturate(1.15)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transform-origin:top!important;transition:.22s cubic-bezier(.16,1,.3,1)!important;z-index:5200!important;display:block!important}
  html[data-theme="light"] body #navWrap.nav-wrap .mobile-nav-panel{background:rgba(237,228,211,.88)!important;border-color:var(--hx-nav-line)!important}
  html body #navWrap.nav-wrap.mobile-open .mobile-nav-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  html body #navWrap.nav-wrap .mobile-nav-panel>a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:46px!important;margin:0!important;padding:0 12px!important;border-radius:12px!important;background:transparent!important;color:var(--hx-nav-text)!important;font-family:"Sora",system-ui,sans-serif!important;font-size:.82rem!important;line-height:1!important;font-weight:800!important;text-decoration:none!important}
  html body #navWrap.nav-wrap .mobile-nav-panel>a:hover{background:color-mix(in srgb,var(--lantern,#D9B36C) 10%,transparent)!important}
  body.hx-nav-offset{padding-top:74px!important}
}
@media(max-width:460px){
  html body #navWrap.nav-wrap>.container{width:calc(100% - 18px)!important}
  html body #navWrap.nav-wrap .nav-actions{gap:6px!important}
  html body #navWrap.nav-wrap .icon-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  html body #navWrap.nav-wrap .brand{width:40px!important;min-width:40px!important}
  html body #navWrap.nav-wrap .brand-lockup{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;max-height:38px!important}
}
@media(prefers-reduced-motion:reduce){html body #navWrap.nav-wrap *,html body #navWrap.nav-wrap *::before,html body #navWrap.nav-wrap *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* V25 behavior: Store is a direct link. No desktop hover mega-menu anymore. */
html body #navWrap.nav-wrap .store-mega{display:none!important}
html body #navWrap.nav-wrap .nav-store>.nav-link::before{display:none!important;content:none!important}
/* Cart presence indicator: a plain green dot, never a number. */
html body #navWrap.nav-wrap .cart-count,html body #navWrap.nav-wrap .hallowix-cart-count{position:absolute!important;right:1px!important;top:1px!important;width:8px!important;min-width:8px!important;height:8px!important;min-height:8px!important;padding:0!important;border-radius:50%!important;border:2px solid color-mix(in srgb,#2E241E 82%,transparent)!important;background:#68C98A!important;color:transparent!important;font-size:0!important;line-height:0!important;opacity:0!important;transform:scale(.45)!important;transition:opacity .18s ease,transform .2s cubic-bezier(.16,1,.3,1)!important;pointer-events:none!important}
html body #navWrap.nav-wrap .cart-count.has-items,html body #navWrap.nav-wrap .hallowix-cart-count.has-items{opacity:1!important;transform:scale(1)!important}
html[data-theme="light"] body #navWrap.nav-wrap .cart-count,html[data-theme="light"] body #navWrap.nav-wrap .hallowix-cart-count{border-color:#EDE4D3!important}
/* Creator storefront keeps a neutral glass header when scrolled. */
html.creator-store-page body #navWrap.nav-wrap.scrolled,body.creator-store-active #navWrap.nav-wrap.scrolled{background:rgba(62,64,69,.72)!important;border-bottom-color:rgba(255,255,255,.10)!important;-webkit-backdrop-filter:blur(24px) saturate(118%)!important;backdrop-filter:blur(24px) saturate(118%)!important;box-shadow:0 12px 38px rgba(0,0,0,.20)!important}