/* V54 final fixes: independently scrolling Beequip panes + reliable notification bell clicks. */

/* Keep the notification button above any header/overlay layer so every click reaches it. */
.nav-actions{position:relative;z-index:1000;pointer-events:auto}
.vv-notice-wrap{position:relative!important;z-index:1001!important;pointer-events:auto!important}
.vv-notice-btn{position:relative!important;z-index:1002!important;pointer-events:auto!important;touch-action:manipulation}
.vv-notice-pop{z-index:1003!important;pointer-events:auto!important}

/* Desktop Beequip browser: the item list and the selected item's variants scroll separately. */
@media (min-width:721px){
  .beequip-page{padding:0!important}
  .beequip-browser{
    height:calc(100dvh - 76px);
    min-height:0;
    overflow:hidden;
  }
  .beequip-sidebar{
    position:relative;
    top:0;
    align-self:stretch;
    height:auto;
    min-height:0;
    max-height:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .beequip-main{
    height:100%;
    min-height:0;
    max-width:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
}

/* On phones, keep the normal single-page layout. */
@media (max-width:720px){
  .beequip-page{padding:40px 0 84px!important}
}