/**
 * WooCommerce styles — подключатся после установки плагина.
 */

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 20px;
}

.woocommerce ul.products li.product {
  margin: 0;
  width: auto;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem;
}

.woocommerce span.price {
  color: var(--color-accent, #2ea44f);
  font-weight: 700;
}

.woocommerce a.button,
.woocommerce button.button {
  background: var(--color-primary, #1265be);
  color: #fff;
  border-radius: 8px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: var(--color-primary-dark, #0d4f96);
  color: #fff;
}