/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 14 2026 | 08:36:40 */
/* ============================================================
   FORCE 2 PRODUCTS PER ROW ON MOBILE — EVERYWHERE
   Covers: WooCommerce native shop/search loop, Elementor
   Products widget, Elementor Loop Grid. Mobile only (≤767px).
   ============================================================ */
@media (max-width: 767px) {

  /* Native WooCommerce product loop (shop, category, search results) */
  ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }

  /* Elementor Loop Grid widget (used for homepage Featured/Trending sections) */
  .elementor-loop-container {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  /* Elementor Products widget, in case it uses its own wrapper */
  .elementor-widget-woocommerce-products ul.products,
  .elementor-widget-products ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }

}