/*
 * Catalog listing: four card columns at ordinary desktop widths (1280, 1440 and wider), next to the category navigation and
 * with filters open. Loaded last on listing pages, so it settles the three-, four- and five-column rules of
 * category-navigation.css, catalog-filters.css and catalog-overview.css in one place. Below 1180px those files keep
 * their three/two-column steps; the list view keeps its single column through the more specific catalog-views.css rule.
 */
@media (min-width: 1180px) {
    .tenant-polunek .pk-catalog-with-navigation .pk-product-grid,
    .tenant-polunek .is-filtered-layout .pk-product-grid,
    #polunek-catalog .pk-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
    .tenant-polunek .pk-catalog-with-navigation .pk-product-grid .polunek-product__copy { padding: 12px 14px 14px; }
    .tenant-polunek .pk-catalog-with-navigation .pk-product-grid .polunek-product__image { padding: 16px 16px 4px; }
    .tenant-polunek .pk-catalog-with-navigation .pk-product-grid .polunek-product h3 { font-size: 13px; }
    .tenant-polunek .pk-catalog-with-navigation .pk-product-grid .polunek-product__price strong { font-size: 19px; }
}

/* Page size sits next to sort: a short number needs a narrow control, not the sort select's width. */
.tenant-polunek .pk-sort .pk-custom-select:has(#pk-page-size) { flex: 0 0 92px; width: 92px; min-width: 92px; }
.tenant-polunek .pk-sort #pk-page-size:not([hidden]) { width: 92px; flex: 0 0 92px; }
@media (max-width: 800px) {
    .tenant-polunek .pk-sort .pk-custom-select:has(#pk-page-size) { flex: 1 1 100%; width: 100%; }
}