/* WooCommerce Overrides */
.woocommerce ul.products li.product {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #E8DCC8;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
  padding: 0;
  text-align: left;
}
.woocommerce ul.products li.product a img {
  margin: 0 0 12px 0;
  width: 100%;
}
.woocommerce ul.products li.product .price {
  color: var(--brand-dark);
  font-size: 0.95rem;
  font-weight: 900;
  padding: 0 12px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0 12px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--brand-dark);
}
.woocommerce ul.products li.product .button {
  margin: 12px;
  border-radius: 10px;
  background: var(--brand-secondary);
  color: #fff;
}
.woocommerce ul.products li.product .button:hover {
  background: var(--brand-primary);
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: var(--brand-dark);
  font-weight: 900;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--brand-secondary);
  color: #fff;
  border-radius: 10px;
  font-weight: 700;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: var(--brand-primary);
}