/* Mobile-only fix for My Collection -> comic cuts grid view.
   No sticky/fixed positioning and no margin/top changes: this keeps the
   header exactly where the original layout placed it, while separating it
   from the heavy image grid repaint path. */
@media (max-width:780px){
  body.mc-mobile-collection-flat-active #result > .mc-profile-wrap,
  body.mc-mobile-collection-flat-active #result > .mc-mode-label,
  body.mc-mobile-collection-flat-active #result > .mc-tabs,
  body.mc-mobile-collection-flat-active #result > .mc-toolbar{
    position: relative !important;
    z-index: 120 !important;
    isolation: isolate !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    contain: layout paint style !important;
  }

  body.mc-mobile-collection-flat-active #result > .mc-profile-wrap .mc-profile-card,
  body.mc-mobile-collection-flat-active #result > .mc-profile-wrap .mc-profile-row,
  body.mc-mobile-collection-flat-active #result > .mc-profile-wrap .mc-profile-expand{
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    will-change: opacity !important;
  }

  body.mc-mobile-collection-flat-active #result > .mc-profile-wrap .mc-profile-card{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255,255,255,.085) !important;
  }

  body.mc-mobile-collection-flat-active.mc-grid-scroll-active #result > .mc-profile-wrap .mc-profile-card,
  body.mc-mobile-collection-flat-active.mc-grid-scroll-active #result > .mc-toolbar,
  body.mc-mobile-collection-flat-active.mc-grid-scroll-active #result > .mc-tabs{
    opacity: .999 !important;
    outline: 1px solid rgba(255,255,255,.001) !important;
  }

  body.mc-mobile-collection-flat-active #result > .mini-results{
    /* Make the image grid less likely to repaint over/starve the header. */
    position: relative !important;
    z-index: 1 !important;
    contain: layout style !important;
  }
}