/* Mobile-only For You fix.
   Scoped to My Collection -> For You only: keep the header/toolbar paintable
   while the image grid scrolls fast, and grey out the unavailable Switch button.
   No sticky/fixed positioning, no margin/top changes. */
@media (max-width:780px){
  body.mc-mobile-for-you-active #result > .mc-profile-wrap,
  body.mc-mobile-for-you-active #result > .mc-mode-label,
  body.mc-mobile-for-you-active #result > .mc-tabs,
  body.mc-mobile-for-you-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;
  }

  body.mc-mobile-for-you-active #result > .mc-profile-wrap .mc-profile-card,
  body.mc-mobile-for-you-active #result > .mc-profile-wrap .mc-profile-row,
  body.mc-mobile-for-you-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-for-you-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-for-you-active.mc-grid-scroll-active #result > .mc-profile-wrap .mc-profile-card,
  body.mc-mobile-for-you-active.mc-grid-scroll-active #result > .mc-tabs{
    opacity:.999 !important;
    outline:1px solid rgba(255,255,255,.001) !important;
  }

  body.mc-mobile-for-you-active #result > .for-you-wrap,
  body.mc-mobile-for-you-active #result > .for-you-grid-wrap,
  body.mc-mobile-for-you-active #result .for-you-grid{
    position: relative !important;
    z-index: 1 !important;
    contain: layout style !important;
  }

  body.mc-mobile-for-you-active #result > .mc-toolbar .mc-view-toggle-btn:disabled,
  body.mc-mobile-for-you-active #result > .mc-toolbar .mc-view-toggle-btn.is-disabled{
    opacity:.42 !important;
    cursor:not-allowed !important;
    pointer-events:none !important;
    border-color:rgba(255,255,255,.08) !important;
    background:rgba(255,255,255,.025) !important;
    color:var(--muted) !important;
    box-shadow:none !important;
  }
}