/* AJS BLUEODEON — android/Mobile PL v2
   Desktop/Windows is intentionally untouched. */
@media (max-width:1100px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{min-width:0!important}

  .site-header{position:sticky!important;top:0!important;z-index:90!important}
  .nav{
    width:100%!important;max-width:none!important;min-height:0!important;
    padding:5px 5px 6px!important;display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"main" "langs"!important;
    gap:5px!important;align-items:center!important;
  }
  /* Android: oszczędzamy wysokość — bez nazwy studia/domeny. */
  .brand{display:none!important}
  /* Dwa stałe rzędy menu. Pierwszy: 4 pozycje, drugi: 3 pozycje wycentrowane. */
  .nav-main{
    grid-area:main!important;width:100%!important;display:grid!important;
    grid-template-columns:repeat(18,minmax(0,1fr))!important;
    grid-auto-rows:minmax(31px,auto)!important;gap:3px 2px!important;
    overflow:visible!important;padding:0!important;align-items:stretch!important;
  }
  .nav-link{
    min-width:0!important;padding:5px 2px!important;font-size:clamp(.62rem,2.8vw,.76rem)!important;
    line-height:1.05!important;white-space:nowrap!important;text-align:center!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .nav-main .nav-link:nth-child(1){grid-column:1 / span 3!important;grid-row:1!important}
  .nav-main .nav-link:nth-child(2){grid-column:4 / span 4!important;grid-row:1!important}
  .nav-main .nav-link:nth-child(3){grid-column:8 / span 6!important;grid-row:1!important}
  .nav-main .nav-link:nth-child(4){grid-column:14 / span 5!important;grid-row:1!important}
  .nav-main .nav-link:nth-child(5){grid-column:4 / span 4!important;grid-row:2!important}
  .nav-main .nav-link:nth-child(6){grid-column:8 / span 4!important;grid-row:2!important}
  .nav-main .nav-link:nth-child(7){grid-column:12 / span 4!important;grid-row:2!important}
  .language-switcher{
    grid-area:langs!important;justify-self:center!important;display:flex!important;
    justify-content:center!important;gap:5px!important;margin:0 auto!important;
  }
  .lang{min-width:34px!important;width:34px!important;height:29px!important;padding:0!important;font-size:.8rem!important;border-radius:7px!important}


  .page{width:100%!important;max-width:none!important;padding:10px 5px 28px!important}
  .section-head{display:block!important;margin-bottom:7px!important}
  .page-title{margin:5px 0 3px!important;font-size:clamp(1.5rem,7vw,2rem)!important;text-align:center!important}
  .lead{margin:0 auto 7px!important;padding:0 4px!important;text-align:center!important;font-size:.86rem!important;line-height:1.3!important}
  .media-zone-switch{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;margin:0 0 5px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .media-zone-switch::-webkit-scrollbar{display:none!important}
  .media-zone-switch a,.media-zone-switch .zone-active{flex:0 0 auto!important;padding:6px 8px!important;font-size:.7rem!important;line-height:1.05!important;white-space:nowrap!important}

  .category-panel{position:static!important;width:100%!important;margin:0 0 5px!important;padding:5px!important;border-radius:9px!important;box-shadow:none!important}
  .category-head{display:none!important}
  .category-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  .category-btn{min-width:0!important;min-height:39px!important;padding:5px 4px!important;text-align:center!important;font-size:clamp(.86rem,3.8vw,.98rem)!important;line-height:1.06!important;border-radius:7px!important;white-space:normal!important}

  .media-card.media-sidebar-layout,.video-card.media-sidebar-layout{
    display:flex!important;flex-direction:column!important;width:100%!important;
    padding:2px!important;border-radius:9px!important;box-shadow:none!important;
  }
  .media-main{order:1!important;display:block!important;width:100%!important;min-width:0!important;position:static!important}
  .playlist-sidebar{order:2!important;display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:auto!important;margin:5px 0 0!important;padding:5px!important;position:static!important;overflow:hidden!important;border-radius:8px!important;box-sizing:border-box!important}
  .playlist-sidebar-head{font-size:.68rem!important;letter-spacing:.12em!important;margin:0 2px 4px!important}
  .playlist-sidebar .track-list,.playlist-sidebar .video-list{
    display:block!important;width:100%!important;max-height:224px!important;min-height:0!important;
    overflow-y:auto!important;overflow-x:hidden!important;padding:0 2px 0 0!important;margin:0!important;
    scrollbar-width:thin!important;overscroll-behavior:contain!important;
  }
  .playlist-sidebar .track-btn,.playlist-sidebar .video-btn{
    display:block!important;width:100%!important;min-height:39px!important;margin:0 0 4px!important;
    padding:6px 8px!important;font-size:.86rem!important;line-height:1.08!important;text-align:left!important;border-radius:7px!important;
  }
  .playlist-sidebar .track-btn[disabled],.playlist-sidebar .video-btn[disabled]{opacity:.45!important;cursor:default!important}
  .playlist-cover-slot{display:none!important}
  .media-info-panel{display:none!important}

  .slideshow-stage,.video-stage{
    width:100%!important;max-width:none!important;aspect-ratio:6/4!important;
    margin:0!important;border-radius:7px!important;overflow:hidden!important;
  }
  .slide-layer{object-fit:cover!important}
  .video-stage video{width:100%!important;height:100%!important;object-fit:contain!important}

  /* Android audio bar: round universal logo + five transport buttons. */
  .player-console.player-console-compact{
    display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;gap:4px!important;width:100%!important;
    min-height:48px!important;margin:3px 0 0!important;padding:2px 3px!important;border-radius:7px!important;box-shadow:none!important;
  }
  .player-console.player-console-compact > .cover{
    display:block!important;width:44px!important;height:44px!important;min-width:44px!important;
    aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;
    border:none!important;outline:none!important;box-shadow:none!important;transform-origin:50% 50%!important;
  }
  .player-console.player-console-compact > .cover.playing{animation:ajsBluodeonAndroidCoverSpin 5.5s linear infinite!important}
  @keyframes ajsBluodeonAndroidCoverSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
  .player-console.player-console-compact > .player-console-inner{display:block!important;width:100%!important;min-width:0!important}
  .player-console .track-title,.player-console .catalog,.player-console .progress-row,.player-console .track-list{display:none!important}
  .controls{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;width:100%!important;margin:0!important}
  .controls button{min-width:0!important;min-height:34px!important;padding:3px 1px!important;font-size:clamp(.58rem,2.7vw,.72rem)!important;line-height:1!important;border-radius:6px!important}
  .player-zone-actions,.player-zone-btn,.player-zone-video{display:none!important}

  /* Android video: 6:4 frame, compact transport, scrollable 10-slot list. */
  .video-library-notice{display:block!important;margin:5px 0!important;padding:7px!important;text-align:center!important}
  .video-library-notice strong{display:block!important;width:100%!important;padding:0!important;font-size:.88rem!important;line-height:1.28!important;font-weight:400!important;text-align:center!important;white-space:normal!important}
  .video-library-notice a{display:inline-flex!important;margin-top:6px!important;padding:6px 8px!important;font-size:.72rem!important;text-align:center!important}
  .video-transport-controls{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:3px!important;width:100%!important;margin:3px 0 0!important;padding:3px!important;border-radius:7px!important;
  }
  .video-transport-controls button,.video-transport-controls .video-zone-return{
    min-width:0!important;min-height:34px!important;padding:4px 2px!important;font-size:.68rem!important;line-height:1!important;border-radius:6px!important;
  }
  .video-transport-controls .video-zone-return{grid-column:1/-1!important;text-align:center!important}
  .desktop-note{display:none!important}
}

@media (max-width:420px){
  .page{padding-left:3px!important;padding-right:3px!important}
  .lang{min-width:29px!important;width:29px!important;height:28px!important;font-size:.76rem!important}
  .category-panel{padding:4px!important}
  .category-list{gap:3px!important}
  .category-btn{min-height:37px!important;font-size:.84rem!important}
  .player-console.player-console-compact{grid-template-columns:43px minmax(0,1fr)!important}
  .player-console.player-console-compact > .cover{width:41px!important;height:41px!important;min-width:41px!important}
  .controls button{font-size:.56rem!important}
  .playlist-sidebar .track-list,.playlist-sidebar .video-list{max-height:210px!important}
}

/* AJS BLUEODEON — ANDROID SQUARE SLIDESHOW v3
   Correct layer: language-specific Android stylesheet loaded after style.css.
   The slideshow viewport matches the visual width of the START hero panel:
   14px from each side of the phone screen, and is exactly square.
*/
@media (max-width:1100px){
  .media-card.media-sidebar-layout .media-main .slideshow-stage{
    width:calc(100vw - 28px) !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    max-width:none !important;
    min-height:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    border-radius:28px !important;
    overflow:hidden !important;
    background:#02070b !important;
  }

  .media-card.media-sidebar-layout .media-main .slideshow-stage .slide-layer{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }
}