/* 30 dni dla Siebie - index R7315
   Mobile: sticky nawigacja oraz pionowe kadry screenshotów galerii. */

/* Dodatkowa nawigacja jest potrzebna wtedy, gdy pełne menu w nagłówku znika. */
.home-section-sticky-nav{
  display:none;
}

@media (max-width:1050px){
  .home-section-sticky-nav{
    position:sticky;
    top:70px;
    z-index:999;
    display:block;
    width:100%;
    padding:7px 0;
    border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent);
    background:color-mix(in srgb,var(--bg) 92%,transparent);
    backdrop-filter:blur(16px) saturate(1.25);
    -webkit-backdrop-filter:blur(16px) saturate(1.25);
  }

  .home-section-sticky-nav__inner{
    display:flex;
    gap:7px;
    width:min(100%,1180px);
    margin:0 auto;
    padding:0 10px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }

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

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

  .home-section-sticky-nav a:active{
    border-color:color-mix(in srgb,var(--orange) 48%,var(--border));
    background:var(--orange-pale);
  }
}

@media (max-width:820px){
  /* Główny header na małych ekranach może odjechać, a ta belka zostaje u góry. */
  .home-section-sticky-nav{
    top:0;
    padding:6px 0;
  }

  .home-section-sticky-nav__inner{
    padding-inline:8px;
  }

  .home-section-sticky-nav a{
    min-height:32px;
    padding:6px 11px;
    font-size:10.5px;
  }

  /* Obie galerie pokazują mobilne screenshoty. Ramka ma więc naturalny,
     pionowy kształt telefonu, zamiast szerokiego/kwadratowego kafla. */
  body.home-refresh-r1 .home-platform-gallery .home-gallery-thumbs,
  body.home-refresh-r1 .home-game-platform-gallery .home-gallery-thumbs{
    min-height:0!important;
    align-items:flex-start!important;
    gap:10px!important;
    padding:4px 2px 10px!important;
  }

  body.home-refresh-r1 .home-platform-gallery .home-gallery-thumb,
  body.home-refresh-r1 .home-game-platform-gallery .home-gallery-thumb{
    flex:0 0 min(46vw,184px)!important;
    border-radius:18px!important;
  }

  body.home-refresh-r1 .home-platform-gallery .home-gallery-thumb img,
  body.home-refresh-r1 .home-game-platform-gallery .home-gallery-thumb img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center top!important;
    border-radius:17px!important;
  }

  body.home-refresh-r1 .home-platform-gallery .home-gallery-browser,
  body.home-refresh-r1 .home-game-platform-gallery .home-gallery-browser{
    align-items:center!important;
  }

  body.home-refresh-r1 .home-platform-gallery .home-gallery-browser__foot,
  body.home-refresh-r1 .home-game-platform-gallery .home-gallery-browser__foot{
    padding-top:8px!important;
  }
}

@media (max-width:480px){
  body.home-refresh-r1 .home-platform-gallery .home-gallery-thumb,
  body.home-refresh-r1 .home-game-platform-gallery .home-gallery-thumb{
    flex-basis:min(48vw,178px)!important;
  }
}