/* Nezzo Studio persistent header — desktop + mobile.
   Separate file name intentionally bypasses stale browser cache. */

:root{
  --ns-header-h:76px;
}

html{
  scroll-padding-top:calc(var(--ns-header-h) + 16px) !important;
}

body{
  padding-top:var(--ns-header-h) !important;
}

.topbar{
  position:fixed !important;
  inset:0 0 auto 0 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:var(--ns-header-h) !important;
  margin:0 !important;
  z-index:2147483000 !important;
  transform:none !important;
  translate:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  background:rgba(7,11,15,.97) !important;
  border-bottom:1px solid rgba(215,179,107,.14) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.26) !important;
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
}

.mobile-nav{
  position:fixed !important;
  top:var(--ns-header-h) !important;
  z-index:2147482999 !important;
}

/* Mobile/tablet */
@media(max-width:820px){
  :root{
    --ns-header-h:66px;
  }

  .topbar{
    min-height:66px !important;
    max-height:66px !important;
  }
}

/* iPhone safe area */
@supports (padding-top: env(safe-area-inset-top)){
  @media(max-width:820px){
    :root{
      --ns-header-h:calc(66px + env(safe-area-inset-top));
    }

    .topbar{
      padding-top:env(safe-area-inset-top) !important;
      min-height:var(--ns-header-h) !important;
      max-height:var(--ns-header-h) !important;
    }
  }
}