/* 30 dni dla Siebie - index R7316
   Pewna mobilna nawigacja sekcji. Nie używamy position:sticky,
   bo body ma overflow-x:hidden i w części przeglądarek psuje to sticky. */

@media (max-width:1050px){
  .home-section-sticky-nav{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:3000!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:6px 0!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
    background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
    box-shadow:0 9px 26px rgba(17,24,39,.08)!important;
    backdrop-filter:blur(18px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;

    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-110%);
    transition:transform .22s ease,opacity .18s ease,visibility .18s ease;
  }

  html.home-quicknav-visible .home-section-sticky-nav{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .home-section-sticky-nav__inner{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 9px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .home-section-sticky-nav__inner::-webkit-scrollbar{
    display:none;
  }

  .home-section-sticky-nav a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:7px 12px!important;
    border:1px solid var(--border)!important;
    border-radius:999px!important;
    background:var(--surface)!important;
    color:var(--text)!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:0 3px 10px rgba(17,24,39,.035);
  }

  .home-section-sticky-nav a.is-active{
    border-color:var(--orange)!important;
    background:var(--orange)!important;
    color:#fff!important;
  }

  /* Sekcja po kliknięciu nie chowa się pod stałą belką. */
  #jak-to-dziala,
  #galeria,
  #wszystkie-czelendze,
  #mini-gry,
  #faq{
    scroll-margin-top:58px!important;
  }
}

@media (max-width:620px){
  .home-section-sticky-nav{
    padding:5px 0!important;
  }

  .home-section-sticky-nav__inner{
    gap:6px!important;
    padding-inline:7px!important;
  }

  .home-section-sticky-nav a{
    min-height:32px!important;
    padding:6px 10px!important;
    font-size:10px!important;
  }

  #jak-to-dziala,
  #galeria,
  #wszystkie-czelendze,
  #mini-gry,
  #faq{
    scroll-margin-top:52px!important;
  }
}