/* ThePixelHero – GLOBAL NAVI/HEADER FINAL V3
   Desktop master. Tablet/mobile get a separate QA pass later. */

@media (min-width:1081px){
  html body > .tph-site-header{
    position:sticky !important;
    top:0 !important;
    z-index:5000 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:rgba(255,251,245,.97) !important;
    border:0 !important;
    border-bottom:1px solid #f0e7dc !important;
    border-radius:0 !important;
    box-shadow:0 5px 18px rgba(66,43,20,.07) !important;
    overflow:visible !important;
    isolation:isolate !important;
  }

  html body > .tph-site-header .tph-header-inner{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:14px clamp(22px,4vw,64px) 12px !important;
    background:rgba(255,251,245,.97) !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  html body > .tph-site-header .tph-mobile-row{
    display:block !important;
  }

  html body > .tph-site-header .tph-header-logo{
    display:block !important;
    width:610px !important;
    max-width:610px !important;
    margin:0 auto 10px !important;
    padding:0 !important;
    transform:none !important;
  }

  html body > .tph-site-header .tph-header-logo img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  html body > .tph-site-header .tph-nav-wrap{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  html body > .tph-site-header .tph-main-nav{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:min(930px,calc(100vw - 120px)) !important;
    min-height:36px !important;
    margin:0 auto !important;
    padding:0 !important;
    gap:22px !important;
    overflow:visible !important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size:16px !important;
    letter-spacing:normal !important;
  }

  html body > .tph-site-header .tph-nav-group{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  html body > .tph-site-header .tph-main-nav > a,
  html body > .tph-site-header .tph-nav-group > a{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    margin:0 !important;
    padding:8px 0 9px !important;
    border:0 !important;
    background:transparent !important;
    font:650 .92rem/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    letter-spacing:normal !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    transform:none !important;
  }

  html body > .tph-site-header .tph-nav-cta{
    min-height:36px !important;
    padding:8px 16px !important;
    border:1px solid #ffd7a0 !important;
    border-radius:999px !important;
    background:linear-gradient(110deg,#fff7e9 0%,#fff1d5 48%,#fff7e9 100%) !important;
    box-shadow:0 5px 16px rgba(255,150,0,.10) !important;
  }

  html body > .tph-site-header .tph-nav-sub{
    top:calc(100% + 2px) !important;
    z-index:99999 !important;
  }

  html body > .tph-site-header.tph-compact .tph-header-inner{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:center !important;
    gap:24px !important;
    padding:9px clamp(22px,4vw,64px) !important;
  }

  html body > .tph-site-header.tph-compact .tph-header-logo{
    width:210px !important;
    max-width:210px !important;
    margin:0 !important;
  }

  html body > .tph-site-header.tph-compact .tph-nav-wrap{
    justify-content:flex-end !important;
  }

  html body > .tph-site-header.tph-compact .tph-main-nav{
    justify-content:flex-end !important;
    width:min(930px,calc(100vw - 310px)) !important;
    gap:18px !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }
}