body.ck-commerce.woocommerce-checkout,
body.ck-commerce.woocommerce-cart {
  background: var(--ck-cream);
  color: var(--ck-charcoal);
}

body.ck-commerce.woocommerce-checkout .woocommerce-checkout,
body.ck-commerce.woocommerce-cart .woocommerce {
  max-width: var(--ck-max);
  margin: 0 auto;
  padding: var(--ck-space-section) 1.25rem;
}

body.ck-commerce.woocommerce-checkout #payment {
  background: var(--ck-charcoal);
  color: var(--ck-cream);
  border: 1px solid var(--ck-brown);
}

body.ck-commerce.woocommerce-checkout #payment div.payment_box {
  background: var(--ck-brown);
  color: var(--ck-cream);
}

body.ck-commerce .woocommerce form .form-row input.input-text,
body.ck-commerce .woocommerce form .form-row textarea,
body.ck-commerce .woocommerce form .form-row select {
  min-height: 44px;
  border: 1px solid var(--ck-taupe);
  background: transparent;
  color: inherit;
}

body.ck-commerce .woocommerce form .form-row input.input-text:focus,
body.ck-commerce .woocommerce form .form-row textarea:focus,
body.ck-commerce .woocommerce form .form-row select:focus {
  outline: 1px solid var(--ck-gold);
  outline-offset: 2px;
}

body.ck-commerce .woocommerce form .form-row.woocommerce-invalid input.input-text,
body.ck-commerce .woocommerce form .form-row.woocommerce-invalid select {
  border-color: #9a3412;
}

body.ck-commerce .woocommerce a.button,
body.ck-commerce .woocommerce button.button,
body.ck-commerce .woocommerce input.button {
  background: var(--ck-gold);
  color: var(--ck-charcoal);
  border-radius: 0;
  min-height: 44px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
}