/**
 * Instant hide of rows beyond mobile count, before pager-override.js
 * AJAX-corrects pager on cold load. Auto-syncs to any view/display via
 * data-breakpoint-pagination-limit attribute (set in ViewsHooks::viewsPreRender()).
 *
 * max-width below must be kept in sync with "Mobile breakpoint max-width"
 * in admin settings — CSS spec doesn't allow config-driven media queries.
 */
@media (max-width: 767px) {
  [data-breakpoint-pagination-limit="1"] .views-row:nth-child(n+2),
  [data-breakpoint-pagination-limit="2"] .views-row:nth-child(n+3),
  [data-breakpoint-pagination-limit="3"] .views-row:nth-child(n+4),
  [data-breakpoint-pagination-limit="4"] .views-row:nth-child(n+5),
  [data-breakpoint-pagination-limit="5"] .views-row:nth-child(n+6),
  [data-breakpoint-pagination-limit="6"] .views-row:nth-child(n+7) {
    display: none;
  }
}