body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  --wc-primary: var(--hxo-primary);
}

.hx-main--woocommerce {
  position: relative;
  padding-block: clamp(3rem, 7vw, 6rem);
}

.hx-main--woocommerce::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  background:
    radial-gradient(circle at 12% 18%, rgba(80, 231, 177, 0.1), transparent 30rem),
    radial-gradient(circle at 86% 28%, rgba(143, 124, 255, 0.09), transparent 34rem);
  pointer-events: none;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce .product_meta,
.woocommerce .woocommerce-product-details__short-description,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--hxo-text-soft);
}

.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce-cart-form,
.woocommerce-checkout-review-order,
.woocommerce form.checkout,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  background: rgba(11, 24, 34, 0.84);
  border: 1px solid var(--hxo-border);
  box-shadow: var(--hxo-shadow-card);
  backdrop-filter: blur(18px);
}

.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce-cart-form,
.woocommerce-checkout-review-order,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  border-radius: var(--hxo-radius-lg);
}

.woocommerce div.product {
  padding: clamp(1rem, 3vw, 2rem);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-checkout h3,
.woocommerce-account h2 {
  color: var(--hxo-text);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: linear-gradient(135deg, var(--hxo-primary), #36cbd5);
  color: #061018;
  border-radius: 999px;
  font-weight: 800;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: linear-gradient(135deg, var(--hxo-primary-soft), #71ddf2);
  color: #061018;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: rgba(11, 24, 34, 0.92);
  color: var(--hxo-text);
  border-color: var(--hxo-primary);
  border-radius: var(--hxo-radius-md);
}

.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-color: var(--hxo-border);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
  background: rgba(5, 16, 24, 0.82);
  color: var(--hxo-text);
  border-color: var(--hxo-border);
}