.wc-columns-container .products {
    grid-gap: 30px 15px!important;
}
.woocommerce ul.products li.product a img {
    border-radius: 5px;
}
/* HOMEPAGE: turn Woo list into a clean grid with a 15px gap */
.home .woocommerce ul.products,
.home .woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}
/* IMPORTANT: stop Woo clearfix pseudo-elements from becoming grid items */
.home .woocommerce ul.products::before,
.home .woocommerce ul.products::after,
.home .woocommerce-page ul.products::before,
.home .woocommerce-page ul.products::after {
  content: none !important;
  display: none !important;
}
/* Remove old float/width rules so grid controls layout */
.home .woocommerce ul.products li.product,
.home .woocommerce-page ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
/* Tablet: 3 per row */
@media (max-width: 1024px) {
  .home .woocommerce ul.products,
  .home .woocommerce-page ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* Mobile: 2 per row */
@media (max-width: 768px) {
  .home .woocommerce ul.products,
  .home .woocommerce-page ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Very small phones: 1 per row (optional; remove if you always want 2) */
@media (max-width: 300px) {
  .home .woocommerce ul.products,
  .home .woocommerce-page ul.products {
    grid-template-columns: 1fr;
  }
}
/**/
.woocommerce-loop-product__title {
	font-size: 15px!important;
	font-weight: 400;
}

.woocommerce ul.products li.product .button {
	transition: 0.5s;
	background-size: 200% auto;
	border-radius: 4px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 100%;
	font-size: 13px!important;
}