.header-container {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.header-wrapper{
  border-radius: 34px;

  /* glass */
  background: rgba(255, 255, 255, 0.9);         /* jasny “szklisty” fill */
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);

  /* ramka i separacja od tła */
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    0 10px 30px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.10);


}

.mega-scroll{
  max-height: calc(100vh - 0px); /* 120px = wysokość headera + margines */
  overflow-y: auto;
  overflow-x: hidden;

  -webkit-overflow-scrolling: touch; /* iOS */
  overscroll-behavior: contain;      /* żeby nie scrollować strony “pod spodem” */
}

@media (max-height: 992px) {
    .mega-scroll{
        padding-bottom: 144px;
    }
}

/* .header-desktop-logo img, .header-mobile-logo img{
    aspect-ratio: 1/1;
    width: 40px;
} */

.header-desktop-logo img, .header-mobile-logo img{
    
    height: 30px;
}

.header-desktop-mega-menu .mega-scroll::-webkit-scrollbar{
  width: 10px;
}

.header-desktop-mega-menu .mega-scroll::-webkit-scrollbar-track{
  background: rgba(255,255,255,.08);
  border-radius: 999px;
}

.header-desktop-mega-menu .mega-scroll::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.25);
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.10); /* wygląda “glassowo” */
}

.header-desktop-mega-menu .mega-scroll::-webkit-scrollbar-thumb:hover{
  background: rgba(0,0,0,.35);
}


/* global scrollbar */
::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track{
  background: rgba(255,255,255,.08);
}

::-webkit-scrollbar-thumb{
  background: rgba(0,0,0,.25);
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.10);
}

::-webkit-scrollbar-thumb:hover{
  background: rgba(0,0,0,.35);
}