/* Desktop catalogue master grid -------------------------------------------
   Five equal tracks define the whole archive. With filters, track 1 is the
   facet rail and products use tracks 2-5. Without filters all five tracks are
   product columns, so card width stays visually consistent between categories. */

@media (min-width: 1200px) {
  .catalog-workspace {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    align-items: start;
    width: 100%;
  }

  .catalog-workspace.has-sidebar-tools .catalog-sidebar {
    grid-column: 1;
  }

  .catalog-workspace.has-sidebar-tools .catalog-main {
    grid-column: 2 / -1;
  }

  .catalog-workspace:not(.has-sidebar-tools) .catalog-main {
    grid-column: 1 / -1;
  }

  .catalog-workspace.has-sidebar-tools .catalog-main .woocommerce ul.products,
  .woocommerce .catalog-workspace.has-sidebar-tools .catalog-main ul.products,
  .woocommerce-page .catalog-workspace.has-sidebar-tools .catalog-main ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .catalog-workspace:not(.has-sidebar-tools) .catalog-main .woocommerce ul.products,
  .woocommerce .catalog-workspace:not(.has-sidebar-tools) .catalog-main ul.products,
  .woocommerce-page .catalog-workspace:not(.has-sidebar-tools) .catalog-main ul.products {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  /* Density comes from geometry only. Text keeps the same semantic scale as
     the rest of the catalogue instead of shrinking on wide five-column grids. */
  .catalog-main .product-card {
    padding: 6px;
  }

  .catalog-main .product-card__media {
    margin-bottom: 6px;
  }

  .catalog-main .product-card__title {
    font-size: var(--batya-font-sm);
    line-height: 1.35;
  }

  .catalog-main .product-card__price .price {
    font-size: var(--batya-font-base);
  }

  .catalog-main .product-badge,
  .catalog-main .product-card__stock,
  .catalog-main .product-card__sku,
  .catalog-main .product-card__chip {
    min-height: 22px;
    padding-inline: 7px;
    font-size: var(--batya-font-xs);
  }
}

@media (max-width: 1199px) {
  .catalog-workspace {
    display: block;
  }
}