/**
 * WooCommerce Reset Styles
 * Removes default WooCommerce styles that conflict with our grid
 *
 * @package FastTheme
 */

/* Remove all WooCommerce default product list styles */
.woocommerce ul.products {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: block !important;
  clear: none !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  content: none !important;
  display: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  width: 100% !important;
  display: block !important;
}

.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {
  content: none !important;
  display: none !important;
}

/* Remove column classes */
.woocommerce .products.columns-1,
.woocommerce .products.columns-2,
.woocommerce .products.columns-3,
.woocommerce .products.columns-4,
.woocommerce .products.columns-5,
.woocommerce .products.columns-6 {
  display: block !important;
}

.woocommerce[class*="columns-"] ul.products li.product {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

/* Force our grid system */
#products-grid,
.products-grid {
  display: grid !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}