.gpv2-commerce__surface {
  min-height: 560px;
}

.gpv2-site .woocommerce .gp-checkout-hidden-field {
  display: none;
}

.gpv2-site .woocommerce .woocommerce-breadcrumb {
  margin-bottom: 24px;
  color: var(--gpv2-ink-soft);
  font-size: 14px;
}

.gpv2-site .woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

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

.gpv2-site .woocommerce ul.products li.product {
  width: auto;
  margin: 0;
  padding: 16px;
  background: rgb(246 250 250 / 56%);
  border: 1px solid var(--gpv2-line);
  border-radius: var(--gpv2-radius-lg);
}

.gpv2-site .woocommerce ul.products li.product img {
  border-radius: calc(var(--gpv2-radius-lg) - 6px);
}

.gpv2-site .woocommerce ul.products li.product .price,
.gpv2-site .woocommerce div.product p.price,
.gpv2-site .woocommerce div.product span.price {
  color: var(--gpv2-gold);
  font-family: var(--gpv2-font-data);
  font-weight: 750;
}

.gpv2-site .woocommerce form .form-row input.input-text,
.gpv2-site .woocommerce form .form-row textarea,
.gpv2-site .woocommerce form .form-row select,
.gpv2-site .select2-container .select2-selection {
  min-height: 48px;
  padding: 10px 13px;
  color: var(--gpv2-ink);
  background: rgb(249 252 252 / 68%);
  border: 1px solid var(--gpv2-line-strong);
  border-radius: var(--gpv2-radius-md);
}

.gpv2-site .woocommerce table.shop_table {
  overflow: hidden;
  background: rgb(247 250 250 / 50%);
  border: 1px solid var(--gpv2-line);
  border-collapse: separate;
  border-radius: var(--gpv2-radius-lg);
}

.gpv2-site .woocommerce table.shop_table th,
.gpv2-site .woocommerce table.shop_table td {
  padding: 16px;
  border-color: var(--gpv2-line);
}

.gpv2-site .woocommerce-info,
.gpv2-site .woocommerce-message,
.gpv2-site .woocommerce-error {
  color: var(--gpv2-ink);
  background: rgb(240 247 247 / 72%);
  border: 1px solid var(--gpv2-line);
  border-top: 0;
  border-radius: var(--gpv2-radius-md);
}

@media (max-width: 900px) {
  .gpv2-site .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .gpv2-commerce__surface {
    padding: 20px 14px;
  }

  .gpv2-site .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
}