/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
  display: none;
}

.woocommerce .products ul,
.woocommerce ul.products {
  display: grid;
  gap: 4rem;
  @media screen and (min-width: 768px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media screen and (min-width: 1024px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  li {
    display: flex;
    flex-direction: column;
    align-items: center;
    @media screen and (max-width: 767px) {
      gap: 5px;
    }
    width: 100% !important;
    margin-bottom: 0 !important;
    .add_to_cart_button {
      padding: 1em !important;
    }
    .mfn-li-product-row-title {
      text-align: center;
    }
    .mfn-li-product-row-button {
      margin-top: auto;
      margin-bottom: 0 !important;
    }
  }
}

.mfn-product-add-to-cart form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  @media screen and (min-width: 1024px) {
    flex-direction: row;
  }
  &::before,
  &::after {
    display: none !important;
    gap: 0.5rem;
  }
}