/**
 * @file
 * Mobile catalog layout: 2 products per row on small screens.
 */

/* On mobile (< 768px), force product cards to 2-per-row */
@media (max-width: 767.98px) {
  /* Product catalog grid — each item takes half the row */
  .view-product-catalog .views-row.col-lg-4.col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  /* Tighten the gap slightly so cards fit better */
  .view-product-catalog .row.g-4 {
    --bs-gutter-x: 0.5rem;
    --bs-gutter-y: 0.5rem;
  }

  /* Make product images and text a bit more compact */
  .view-product-catalog .views-row .card-body,
  .view-product-catalog .views-row .node__content {
    padding: 0.5rem !important;
  }

  .view-product-catalog .views-row .card-title,
  .view-product-catalog .views-row h5 {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
  }

  .view-product-catalog .views-row .field--name-price,
  .view-product-catalog .views-row .price {
    font-size: 0.85rem !important;
  }

  /* Sidebar facets — reduce padding when collapsed */
  .region-sidebar-first .block-facets {
    margin-bottom: 0.5rem;
  }

  .region-sidebar-first .block-facets .accordion-flush.mb-4 {
    margin-bottom: 0.5rem !important;
  }
}