/* Compact the SKU and product columns in the two desktop directory views. */
@media (min-width: 801px) {
  .storefront-all-categories-directory .all-directory-item {
    column-gap: 10px;
  }
  .storefront-all-categories-directory:not(.storefront-all-products-v2) .all-directory-item {
    grid-template-columns: 96px minmax(0, 1fr) minmax(75px, max-content) max-content;
  }
  .storefront-all-products-v2 .all-directory-item {
    grid-template-columns: 96px 96px minmax(0, 1fr) minmax(75px, max-content) max-content;
  }
  .storefront-all-categories-directory .all-directory-name {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}