.gsm-customer-commerce {
  --gsm-commerce-text: #111111;
  --gsm-commerce-muted: #626a73;
  --gsm-commerce-border: #d9dee4;
  --gsm-commerce-soft: #f5f6f7;
  --gsm-commerce-surface: #ffffff;
  --gsm-commerce-success: #126b45;
  color: var(--gsm-commerce-text);
}

.gsm-customer-commerce__intro {
  background: var(--gsm-commerce-surface);
  border: 1px solid var(--gsm-commerce-border);
  border-radius: 8px;
  margin: 0 0 24px;
  padding: 22px;
}

.gsm-customer-commerce__eyebrow {
  color: var(--gsm-commerce-muted);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.gsm-customer-commerce__intro h2 {
  color: var(--gsm-commerce-text);
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 8px;
}

.gsm-customer-commerce__intro p {
  color: var(--gsm-commerce-muted);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
}

.gsm-customer-commerce .woocommerce-cart-form,
.gsm-customer-commerce .cart_totals,
.gsm-customer-commerce .woocommerce-checkout-review-order,
.gsm-customer-commerce .woocommerce-order,
.gsm-customer-commerce .woocommerce-MyAccount-orders,
.gsm-customer-commerce .woocommerce-MyAccount-content .woocommerce-order-details {
  border-radius: 8px;
}

.gsm-customer-commerce .shop_table {
  border-color: var(--gsm-commerce-border);
}

.gsm-customer-commerce .shop_table th {
  color: var(--gsm-commerce-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.gsm-customer-commerce .shop_table td,
.gsm-customer-commerce .shop_table th {
  border-color: var(--gsm-commerce-border);
}

.gsm-customer-commerce .cart_totals,
.gsm-customer-commerce .woocommerce-checkout-review-order,
.gsm-customer-commerce .woocommerce-order-overview,
.gsm-customer-commerce .woocommerce-customer-details,
.gsm-customer-commerce .woocommerce-order-details {
  background: var(--gsm-commerce-surface);
  border: 1px solid var(--gsm-commerce-border);
  padding: 18px;
}

.gsm-customer-commerce .cart_totals h2,
.gsm-customer-commerce .woocommerce-order-details__title,
.gsm-customer-commerce .woocommerce-column__title {
  color: var(--gsm-commerce-text);
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 16px;
}

.gsm-customer-commerce .button,
.gsm-customer-commerce button.button,
.gsm-customer-commerce input.button,
.gsm-customer-commerce #place_order {
  background: #111111;
  border: 1px solid #111111;
  border-radius: 6px;
  color: #ffffff;
  font-weight: 700;
  min-height: 44px;
  padding: 11px 18px;
}

.gsm-customer-commerce .button:hover,
.gsm-customer-commerce button.button:hover,
.gsm-customer-commerce input.button:hover,
.gsm-customer-commerce #place_order:hover {
  background: #ffffff;
  color: #111111;
}

.gsm-customer-commerce .woocommerce-info,
.gsm-customer-commerce .woocommerce-message {
  background: var(--gsm-commerce-soft);
  border-top-color: #111111;
  color: var(--gsm-commerce-text);
}

.gsm-customer-commerce .woocommerce-message::before {
  color: var(--gsm-commerce-success);
}

.gsm-customer-commerce form .form-row input.input-text,
.gsm-customer-commerce form .form-row textarea,
.gsm-customer-commerce form .form-row select {
  border: 1px solid var(--gsm-commerce-border);
  border-radius: 6px;
  min-height: 44px;
}

.gsm-customer-commerce .woocommerce-checkout-payment {
  border-radius: 8px;
}

.gsm-customer-commerce .woocommerce-orders-table__cell-order-number a,
.gsm-customer-commerce .woocommerce-orders-table__cell-order-actions a {
  color: var(--gsm-commerce-text);
  font-weight: 700;
}

.gsm-customer-commerce .woocommerce-orders-table__cell-order-status {
  color: var(--gsm-commerce-muted);
  font-weight: 700;
}

@media (max-width: 768px) {
  .gsm-customer-commerce__intro {
    padding: 18px;
  }

  .gsm-customer-commerce__intro h2 {
    font-size: 21px;
  }

  .gsm-customer-commerce .shop_table_responsive tr,
  .gsm-customer-commerce .woocommerce-cart-form__cart-item {
    border-color: var(--gsm-commerce-border);
  }
}