/* ✅ Mobile: 2 products per row, price + cart stacked properly */
@media screen and (max-width: 767px) {
  /* Grid wrapper */
  .woocommerce ul.products,
  .woocommerce .product-grid-view {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -10px !important;
  }

  /* Each product card */
  .woocommerce ul.products li.product,
  .woocommerce .product-grid-view .list-col-item {
    width: 50% !important;       /* force 2 per row */
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 0 10px 20px !important;
    box-sizing: border-box !important;
  }

  /* Product card container */
  .woocommerce ul.products li.product .item-product,
  .woocommerce .product-grid-view .item-product {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    border: 1px solid #eee !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* Footer area for price + cart */
  .woocommerce .item-product .product-info-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-top: auto !important;
    padding: 10px 0 !important;
    border-top: 1px solid #ddd !important;
    background: #fafafa !important;
  }

  /* Old price (crossed out) */
  .woocommerce .item-product .product-info-bottom .product-price del {
    display: block !important;
    font-size: 12px !important;
    color: #999 !important;
    margin-bottom: 3px !important;
    font-weight: normal !important;
    text-align: center !important;
  }

  /* New price (main price) */
  .woocommerce .item-product .product-info-bottom .product-price ins {
    display: block !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #e60000 !important;
    margin-bottom: 5px !important;
    text-align: center !important;
  }

  /* Cart button neatly below prices */
  .woocommerce .item-product .product-info-bottom .add-to-cart-block {
    display: block !important;
    margin-top: 8px !important;
    text-align: center !important;
  }
}