/* Mobile-only correction for My Collection -> comic cuts grid view.
   The previous header redraw fix accidentally put the toolbar in a painted
   containment/composited layer. That can clip the tops of the Filter / Switch
   / Sort buttons and also clip/block their dropdown panels. Keep the header
   repaint fix, but explicitly leave the toolbar and its menus uncontained,
   overflow-visible, and above the progressive image grid. */
@media (max-width:780px){
  body.mc-mobile-collection-flat-active #result > .mc-toolbar{
    contain: none !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 260 !important;
    isolation: isolate !important;
    transform: none !important;
    -webkit-transform: none !important;
    padding-top: 0 !important; /* corrected: was 3px and made toolbar sit lower */
  }

  body.mc-mobile-collection-flat-active #result > .mc-toolbar *,
  body.mc-mobile-collection-flat-active #result > .mc-toolbar .mc-toolbar-actions,
  body.mc-mobile-collection-flat-active #result > .mc-toolbar #mcFiltersMount,
  body.mc-mobile-collection-flat-active #result > .mc-toolbar .mc-sort-wrap{
    overflow: visible !important;
    pointer-events: auto !important;
  }

  body.mc-mobile-collection-flat-active #result > .mc-toolbar #mcFiltersMount,
  body.mc-mobile-collection-flat-active #result > .mc-toolbar .mc-toolbar-actions,
  body.mc-mobile-collection-flat-active #result > .mc-toolbar .mc-sort-wrap{
    position: relative !important;
    z-index: 270 !important;
  }

  body.mc-mobile-collection-flat-active #result > .mc-toolbar .mc-filters-panel,
  body.mc-mobile-collection-flat-active #result > .mc-toolbar .mc-sort-menu{
    contain: none !important;
    overflow: visible !important;
    z-index: 5000 !important;
    pointer-events: auto !important;
  }

  body.mc-mobile-collection-flat-active #result > .mini-results{
    z-index: 1 !important;
  }
}