@media only screen and (max-width: 767px) {
  /* === Target the INNER products grid/container (adjust selector based on inspect if needed) === */
  .sc-product-list .products,
  .surecart-products-grid .products,
  .wp-block-surecart-product-list .products,
  .surecart-archive .products,
  .sc-product-list__items,                /* likely inner items wrapper */
  .sc-products,                           /* common shortcode/block grid */
  .surecart .products-grid,
  [data-block="surecart/product-list"] .products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;                 /* spacing between products; adjust 12-24px */
  }

  /* Make sure individual product cards fill their grid cell properly */
  .sc-product-list .product-item,
  .sc-product-list .sc-product,
  .products .product,
  .sc-product,
  .surecart .product {
    width: 100% !important;
    margin: 0 !important;
    padding: 8px !important;              /* optional: light padding inside cards */
    box-sizing: border-box !important;
  }

  /* === Fix pagination: make it full-width, span across both columns if grid affects parent === */
  .surecart\/product-pagination,           /* escapes the / in class name if literal */
  .surecart__product-pagination,           /* common BEM variant */
  .surecart/product-pagination,
  .sc-pagination,
  .pagination,
  .surecart .pagination,
  .sc-product-list + .surecart\/product-pagination {  /* if sibling after list */
    display: block !important;             /* or flex for centering */
    width: 100% !important;
    grid-column: 1 / -1 !important;        /* if inside grid: span full width */
    margin-top: 24px !important;           /* space above pagination */
    padding: 16px 0 !important;
    text-align: center !important;         /* center page numbers/links */
  }

  /* Optional: style pagination links for better mobile look */
  .surecart\/product-pagination a,
  .surecart\/product-pagination span {
    padding: 8px 12px !important;
    margin: 0 4px !important;
    font-size: 14px !important;
  }

  /* Images stay responsive */
  .sc-product-list img,
  .product-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}