/* MEYINSOR Stage16H-R3 - PC sidebar sticky fix
   CSS-only preference + JS fallback support.
   Keep H5 overflow fix untouched. */

@media (min-width: 981px){
  html,
  body{
    overflow-x:visible!important;
  }

  .mys16h-journal-detail,
  .mys16h-shell,
  .mys16h-article{
    overflow:visible!important;
  }

  .mys16h-shell{
    align-items:start!important;
  }

  .mys16h-sidebar{
    position:sticky!important;
    top:88px!important;
    align-self:start!important;
    height:max-content!important;
    min-height:0!important;
    overflow:visible!important;
    z-index:20!important;
  }

  .mys16h-sidebar-card{
    position:relative!important;
    top:auto!important;
    overflow:hidden!important;
    will-change:auto!important;
  }

  .mys16h-sidebar.mys16h-js-sticky{
    position:relative!important;
    top:auto!important;
  }

  .mys16h-sidebar-card.mys16h-sidebar-fixed{
    position:fixed!important;
    top:88px!important;
    z-index:80!important;
  }

  .mys16h-sidebar-card.mys16h-sidebar-bottom{
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    z-index:20!important;
  }
}

@media (max-width: 980px){
  .mys16h-sidebar,
  .mys16h-sidebar-card,
  .mys16h-sidebar-card.mys16h-sidebar-fixed,
  .mys16h-sidebar-card.mys16h-sidebar-bottom{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    transform:none!important;
  }
}
