/* Fix mobile edge-tile selection border clipping in My Collection grids.
   The original .mini-row:focus outline uses a positive outline-offset, so
   first/last-column tiles draw outside the grid/viewport and get cut off.
   Keep the selected/focused border inside the tile and add a little grid
   breathing room on small screens. */
@media (max-width: 520px){
  .mini-results{
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .mini-row{
    overflow: hidden !important;
    outline: none !important;
  }

  .mini-row:focus,
  .mini-row:focus-visible,
  .mini-row.mini-popover-open{
    outline: none !important;
    box-shadow:
      inset 0 0 0 2px rgba(0,0,0,0.95),
      inset 0 0 0 4px rgba(255,255,255,0.18) !important;
  }
}