/* General WooCommerce styling shared across product, cart and checkout views. */
.gtg-neo .woocommerce ul.products li.product,
.gtg-neo .woocommerce div.product div.summary,
.gtg-neo.woocommerce-checkout .woocommerce-checkout-review-order {
  background: var(--gtg-paper);
  border: var(--gtg-border);
  border-radius: var(--gtg-radius);
  box-shadow: var(--gtg-shadow-sm);
}
.gtg-neo .woocommerce ul.products li.product { padding: 1rem; }
.gtg-neo .woocommerce div.product div.summary,
.gtg-neo.woocommerce-checkout .woocommerce-checkout-review-order { padding: clamp(1.25rem, 3vw, 2rem); }

/* Buttons share the physical press interaction; meaningful actions receive the heavy orange treatment. */
.gtg-neo .woocommerce a.button,
.gtg-neo .woocommerce button.button,
.gtg-neo .woocommerce input.button,
.gtg-neo .woocommerce #respond input#submit,
.gtg-neo .woocommerce a.checkout-button,
.gtg-neo .woocommerce #place_order {
  background: var(--gtg-orange);
  border: var(--gtg-border);
  border-radius: var(--gtg-radius-sm);
  box-shadow: var(--gtg-shadow-sm);
  color: var(--gtg-paper);
  font-weight: 900;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.gtg-neo .woocommerce a.button:hover,
.gtg-neo .woocommerce button.button:hover,
.gtg-neo .woocommerce input.button:hover,
.gtg-neo .woocommerce #respond input#submit:hover,
.gtg-neo .woocommerce a.checkout-button:hover,
.gtg-neo .woocommerce #place_order:hover {
  background: var(--gtg-orange-dark);
  box-shadow: 2px 2px 0 var(--gtg-ink);
  color: var(--gtg-paper);
  transform: translate(2px, 2px);
}