/* Mobile-only My Collection performance pass.
   Keeps desktop styling intact while reducing the expensive paint/compositing work
   that was making collection grids blank during fast mobile scrolls. */
@media (max-width:780px){
  #result .mc-profile-wrap ~ .mini-results{
    min-height:40vh;
    overflow-x:hidden;
    overscroll-behavior:contain;
  }

  #result .mc-profile-wrap ~ .mini-results .mini-row,
  #result .mc-profile-wrap ~ .mini-results .mini-issue-header{
    transition:none !important;
    transform:none !important;
    will-change:auto !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mini-row:hover,
  #result .mc-profile-wrap ~ .mini-results .mini-row:active,
  #result .mc-profile-wrap ~ .mini-results .mini-issue-header:hover,
  #result .mc-profile-wrap ~ .mini-results .mini-issue-header:active{
    transform:none !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay,
  #result .mc-profile-wrap ~ .mini-results .mini-popover,
  #result .mc-profile-wrap ~ .mini-results .mini-flag,
  #result .mc-profile-card,
  #result .mc-filters-panel,
  #result .mc-sort-menu{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay{
    background:rgba(10,10,12,.62) !important;
    transition:none !important;
    will-change:auto !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mini-popover{
    background:rgba(10,10,12,.64) !important;
  }

  #result .mc-profile-card{
    background:rgba(255,255,255,.075) !important;
  }

  #result .mc-profile-wrap ~ .mc-gallery .mc-gallery-viewport::before{
    display:none !important;
  }

  #result .mc-profile-wrap ~ .mc-gallery .mc-gallery-track,
  #result .mc-profile-wrap ~ .mc-gallery .mc-gallery-card{
    transition:none !important;
    will-change:auto !important;
  }

  #result .mc-profile-wrap ~ .mc-gallery .mc-gallery-card{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* Remove an extra composited layer from the fixed gradient on phones. */
  html::before{
    transform:none !important;
    will-change:auto !important;
  }
}