@media (max-width:780px){
  /* Use the card class set in renderCard(), not body auth classes, so this only affects
     logged-in full card views and cannot leak into logged-out/mobile-lite layouts. */
  html body .card.ccc-logged-in-card > .card-main,
  html body .card.ccc-logged-in-card > :nth-child(2){
    display:contents !important;
  }

  /* Keep the pills ahead of the owner thumbnail scroller even when earlier/later
     .altthumbs-wrap--owners rules force grid-column/full-width behavior. */
  html body .card.ccc-logged-in-card .card-main > .pillgrid{
    grid-column:2 !important;
    order:10 !important;
    align-self:start !important;
    position:relative !important;
    z-index:2 !important;
  }

  /* Logged-in mobile final order:
     1) main image + summary pills
     2) Master Database issue thumbnails
     3) other-owner thumbnail scroller
     4) Value Highlights / Additional Information */
  html body .card.ccc-logged-in-card .card-main > .altthumbs-wrap--master-mobile-placement,
  html body .card.ccc-logged-in-card .card-main > .altthumbs-wrap.altthumbs-wrap--master-mobile-placement{
    grid-column:1 / -1 !important;
    order:20 !important;
    position:relative !important;
    z-index:1 !important;
    margin-top:10px !important;
  }

  html body .card.ccc-logged-in-card .card-main > .altthumbs-wrap--owners,
  html body .card.ccc-logged-in-card .card-main > .altthumbs-wrap.altthumbs-wrap--owners{
    grid-column:1 / -1 !important;
    order:30 !important;
    position:relative !important;
    z-index:1 !important;
    margin-top:10px !important;
  }

  html body .card.ccc-logged-in-card .card-main > .details-panels,
  html body .card.ccc-logged-in-card .card-main > .more,
  html body .card.ccc-logged-in-card .card-main > .details-toggle{
    order:40 !important;
  }
}