/* vm_rozcestnik listing page: enforce 4 products per row when no left column is present
   Keep tablet/mobile responsive ratios. */

/* Desktop and up: 4 per row on full-width pages (no left column) */
@media (min-width: 992px) {
  body:not(.layout-left-column):not(.layout-both-columns) #js-product-list .products.row > article.product-miniature {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

/* Tablet (md): 3 per row */
@media (max-width: 991.98px) and (min-width: 768px) {
  #js-product-list .products.row > article.product-miniature {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
  }
}

/* Mobile (sm and down): 2 per row */
@media (max-width: 767.98px) {
  #js-product-list .products.row > article.product-miniature {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}