/*
 * Demo20 transaction-only Ohio foundation for the immutable Demo19 v8.42
 * WooCommerce donors. This file supplies the Ohio parent tokens and structural
 * primitives that the captured ohio-woocommerce.css expects; Cart and the main
 * Checkout form are the only routes allowed to enqueue this bundle.
 *
 * Visual donors (unmodified sibling assets):
 * - ohio-woocommerce.css  AFBF8F6C2D3EF13909AE9C0D2692DC57E4AAE1B04B9F9128577EC90F6300CF1D
 * - commerce-runtime.css A61149E33F77FA49D800FF481EA0B7F2FB90439AA24F30198DC4B9049221A8E2
 * - checkout.css         F6320C859EE59F39F42DBF63D051E6706F9A2DBD850A92C9838B3DDEB3D9F0D6
 */

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface{
  --clb-color-primary: #3e5759;
  --clb-color-secondary: #7646dd;
  --clb-color-white: #fff;
  --clb-color-black: #111013;
  --clb-color-black-light: color-mix(in srgb, var(--clb-color-black) 98%, white);
  --clb-color-neutral: color-mix(in srgb, var(--clb-color-black) 50%, white);
  --clb-color-grey: color-mix(in srgb, var(--clb-color-black) 65%, white);
  --clb-color-grey-light: color-mix(in srgb, var(--clb-color-black) 50%, white);
  --clb-color-success: #29a366;
  --clb-color-danger: #d91842;
  --clb-color-placeholder: var(--clb-color-grey-light);
  --clb-color-body-light-mode: var(--clb-color-black-light);
  --clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
  --clb-color-button: #282828;
  --clb-color-button-hover: var(--clb-color-primary);
  --clb-color-fill: rgb(136 136 137 / 5%);
  --clb-color-white-dark-mode: #efebe0;
  --clb-color-fill-dark-mode: #1e1e1e;
  --clb-border-style-solid: solid;
  --clb-border-width: 1px;
  --clb-border-width-double: 2px;
  --clb-text-field-border-width: var(--clb-border-width-double);
  --clb-border-radius: 14px;
  --clb-border-radius-small: calc(var(--clb-border-radius) / 2);
  --clb-border-radius-large: calc(var(--clb-border-radius) * 2);
  --clb-text-field-border-radius: var(--clb-border-radius);
  --clb-button-border-radius: 28px;
  --clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 2);
  --clb-button-height: 2.75rem;
  --clb-button-height-small: 2.25rem;
  --clb-button-height-large: 3.25rem;
  --clb-button-side-padding: 1.25rem;
  --clb-button-side-padding-small: 1rem;
  --clb-button-side-padding-large: 1.5rem;
  --clb-button-border-width: var(--clb-border-width-double);
  --clb-circle: 3.5rem;
  --clb-circle-small: 3rem;
  --clb-circle-extra-small: 2.5rem;
  --clb-circle-large: 4rem;
  --clb-header-height: 12vh;
  --clb-header-height-2: 20vh;
  --clb-sticky-header-height: 9vh;
  --clb-color-switcher-height-simple: 2rem;
  --clb-admin-bar-height: 2rem;
  --clb-spacer-05: 0.25rem;
  --clb-spacer-1: 0.5rem;
  --clb-spacer-2: 0.75rem;
  --clb-spacer-3: 1rem;
  --clb-spacer-4: 1.25rem;
  --clb-spacer-5: 1.5rem;
  --clb-spacer-6: 1.75rem;
  --clb-spacer-7: 2rem;
  --clb-spacer-8: 2.25rem;
  --clb-spacer-9: 2.5rem;
  --clb-spacer-10: 2.75rem;
  --clb-spacer: 1.5vw;
  --clb-grid-gutter: 14px;
  --clb-grid-gutter-negative: calc(var(--clb-grid-gutter) * -1);
  --clb-grid-gutter-2x: calc(var(--clb-grid-gutter) * 2);
  --clb-grid-gutter-3x: calc(var(--clb-grid-gutter-2x) + 1rem);
  --clb-grid-gutter-4x: 6vh;
  --clb-grid-gutter-5x: 8vh;
  --clb-widget-gutter: 3.5vh;
  --clb-container-width: 1366px;
  --clb-container-width-laptop: 86vw;
  --clb-container-side-gutter: var(--clb-grid-gutter);
  --clb-container-narrow-side-spacer: 5vw;
  --clb-gap: 0.5em;
  --clb-gap-small: 0.25em;
  --clb-gap-large: 1em;
  --clb-transition-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  --clb-transition-duration: 0.35s;
  --clb-transition-duration-faster: 0.2s;
  --clb-cursor-default: default;
  --clb-cursor-pointer: pointer;
  --clb-font-size-small: 0.95em;
  --clb-font-size-extra-small: 0.9em;
  --clb-font-size-large: 1.05em;
  --clb-font-size-caption: 0.9rem;
  --clb-text-bold: bold;
  --clb-text-semi-bold: 600;
  --clb-text-medium: 500;
  --clb-text-normal: 400;
  --clb-text-font-family: "Demo20 Inter", sans-serif;
  --clb-text-color: rgb(40 40 40 / 85%);
  --clb-text-dark-mode-color: rgb(255 255 255 / 78%);
  --clb-text-color-grey: color-mix(in srgb, var(--clb-text-color) 72%, white);
  --clb-text-font-size: 0.98em;
  --clb-text-line-height: 1.6;
  --clb-text-line-heigth-small: 1.35;
  --clb-text-font-weight: var(--clb-text-normal);
  --clb-text-style: normal;
  --clb-text-letter-spacing: initial;
  --clb-text-decoration: none;
  --clb-text-transform: none;
  --clb-title-font-family: "Demo20 Urbanist", sans-serif;
  --clb-title-font-weight: 700;
  --clb-title-color: #282828;
  --clb-subtitle-font-family: "Demo20 Castoro", sans-serif;
  --clb-h1-font-size: 4.5rem;
  --clb-h1-clamp-size: calc(4.5vw + var(--clb-spacer-05));
  --clb-h1-font-size-min: calc(var(--clb-h1-font-size) * 0.6);
  --clb-h1-letter-spacing: -0.025em;
  --clb-h1-line-height: 1;
  --clb-h3-font-size: calc(var(--clb-h1-font-size) * 0.68 * 0.68);
  --clb-h3-clamp-size: calc(2.25vw + var(--clb-spacer-05));
  --clb-h3-font-size-min: calc(var(--clb-h3-font-size) * 0.72);
  --clb-h3-letter-spacing: -0.035em;
  --clb-h3-line-height: 1.15;
  --clb-h6-font-size: var(--clb-text-font-size);
  --clb-h6-letter-spacing: -0.02em;
  --clb-h6-line-height: 1.4;
  --clb-action-font-family: var(--clb-title-font-family);
  --clb-action-font-size: 0.95em;
  --clb-action-font-size-small: 0.9em;
  --clb-action-font-weight: var(--clb-title-font-weight);
  --clb-text-field-font-size: 0.96rem;
  --clb-wc-product-thumbnail: 4.25rem;
  --clb-wc-product-title: 1.2em;
  --clb-wc-product-title-line-height: var(--clb-h1-line-height);
  --clb-wc-swatch-height: 1.5rem;
  color: var(--clb-text-color);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce.dark-scheme .jay-demo19-transaction-surface{
  --clb-color-white: var(--clb-color-white-dark-mode);
  --clb-color-black: var(--clb-color-white-dark-mode);
  --clb-color-black-light: color-mix(in srgb, var(--clb-color-white-dark-mode) 75%, transparent);
  --clb-text-color: color-mix(in srgb, var(--clb-color-white-dark-mode) 75%, transparent);
  --clb-color-neutral: color-mix(in srgb, var(--clb-color-white-dark-mode) 50%, transparent);
  --clb-color-grey: var(--clb-color-neutral);
  --clb-text-color-grey: var(--clb-color-neutral);
  --clb-color-grey-light: color-mix(in srgb, var(--clb-color-white-dark-mode) 24%, transparent);
  --clb-text-color-grey-light: color-mix(in srgb, var(--clb-color-white-dark-mode) 48%, transparent);
  --clb-color-placeholder: color-mix(in srgb, var(--clb-color-white-dark-mode) 40%, transparent);
  --clb-color-overlay: var(--clb-color-fill-dark-mode);
  --clb-subtitle-color: var(--clb-color-neutral);
  --clb-title-color: var(--clb-color-white-dark-mode);
  --clb-color-button-hover: var(--clb-color-primary);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  :where(.site-content, .page-headline){
  color: var(--clb-text-color);
  font-family: var(--clb-text-font-family);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content{
  min-height: 75vh;
  background-color: #f4f1e9;
  font-size: var(--clb-text-font-size);
  line-height: var(--clb-text-line-height);
}

/* Ohio's dark canvas belongs to the body state. The transaction wrapper is
   intentionally transparent, so its opaque content child must consume the
   same dark fill instead of continuing to cover it with Demo19's light beige. */
:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce.dark-scheme .jay-demo19-transaction-surface
  .site-content{
  background-color: var(--clb-color-fill-dark-mode);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  :where(.site-content, .page-headline)
  :where(h1, h2, h3, h4, h5, h6, .title, .titles-typo, .heading-md){
  color: var(--clb-title-color);
  font-family: var(--clb-title-font-family);
  font-weight: var(--clb-title-font-weight);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .page-headline{
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .page-headline
  .holder{
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: var(--clb-grid-gutter-4x);
  padding-bottom: var(--clb-grid-gutter-4x);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .page-headline
  .animated-holder{
  display: flex;
  flex-direction: column;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .page-headline
  .title{
  max-width: 100%;
  margin: 0;
  font-size: clamp(var(--clb-h1-font-size-min), var(--clb-h1-clamp-size), var(--clb-h1-font-size));
  line-height: var(--clb-h1-line-height);
  letter-spacing: var(--clb-h1-letter-spacing);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  :where(.page-headline, .site-content)
  .page-container{
  position: relative;
  width: 100%;
  max-width: var(--clb-container-width);
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--clb-container-side-gutter);
  padding-left: var(--clb-container-side-gutter);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  .page-container.top-offset{
  padding-top: var(--clb-grid-gutter-5x);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  .page-container.bottom-offset{
  padding-bottom: var(--clb-grid-gutter-5x);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(.page-content, .site-main, .entry-content, .entry-content > .woocommerce){
  width: 100%;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  .vc_row{
  position: relative;
  margin-right: var(--clb-grid-gutter-negative);
  margin-left: var(--clb-grid-gutter-negative);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  .vc_row::after{
  display: table;
  clear: both;
  content: "";
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  .vc_row
  > [class^="vc_col"]{
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: var(--clb-grid-gutter);
  padding-left: var(--clb-grid-gutter);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  fieldset{
  margin: 0;
  padding: 0;
  border: 0;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  table:not(.-unstyle)
  :where(td, th){
  padding: 0.7rem 0.7rem 0.7rem 0;
  border: 0;
  border-top: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border);
  border-bottom: var(--clb-border-width) var(--clb-border-style-solid) var(--clb-color-border);
  text-align: inherit;
  vertical-align: top;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  table:not(.-unstyle)
  :where(td, th):last-child{
  padding-right: 0;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  table
  thead
  th{
  border: 0;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  table
  th{
  font-size: var(--clb-font-size-caption);
  font-weight: var(--clb-text-semi-bold);
}

/* Ohio alert primitives are required by WooCommerce's Checkout notice
   template. They remain source primitives here so the generated transaction
   cascade can qualify them beneath the one Demo19 content boundary. */
body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .alert,
body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .alert{
  background-color: var(--clb-color-fill);
  padding: var(--clb-spacer-3) var(--clb-button-side-padding);
  gap: var(--clb-gap);
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--clb-border-radius);
  transition: all var(--clb-transition-function) var(--clb-transition-duration);
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .alert .icon-button,
body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .alert .icon-button{
  color: inherit;
  margin: calc(var(--clb-spacer-1) * -1) -0.65rem calc(var(--clb-spacer-1) * -1) 0;
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .alert a,
body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .alert a{
  color: var(--clb-text-color);
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .alert-message,
body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .alert-message{
  text-align: left;
  flex-grow: 2;
  gap: var(--clb-gap-small);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(.button, a.button, button[type="submit"], input[type="submit"]){
  min-height: var(--clb-button-height);
  padding: 0 var(--clb-button-side-padding);
  border: var(--clb-button-border-width) var(--clb-border-style-solid) transparent;
  border-radius: var(--clb-button-border-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--clb-gap);
  background-color: var(--clb-color-button);
  background-image: none !important;
  color: var(--clb-color-white);
  font-family: var(--clb-action-font-family);
  font-size: var(--clb-action-font-size);
  font-weight: var(--clb-action-font-weight);
  white-space: nowrap;
  vertical-align: middle;
  cursor: var(--clb-cursor-pointer);
  transition: background-color var(--clb-transition-duration) var(--clb-transition-function), color var(--clb-transition-duration) var(--clb-transition-function), border-color var(--clb-transition-duration) var(--clb-transition-function), box-shadow var(--clb-transition-duration) var(--clb-transition-function);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(.button, a.button, button[type="submit"], input[type="submit"]):where(:hover, :active, :focus){
  background-color: var(--clb-color-button-hover);
  color: var(--clb-color-white);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(.button, a.button, button[type="submit"], input[type="submit"]):where(:focus, :active){
  outline: 0;
  box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}

/* Ohio assigns dark button colors on each button so ordinary actions keep a
   dark, readable fill while flat/outlined/text actions remain transparent. */
:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce.dark-scheme .jay-demo19-transaction-surface
  .site-content
  :where(.button, a.button, button[type="submit"], input[type="submit"]):not(.-primary):not(.-dm-ignore){
  --clb-color-button: color-mix(in srgb, var(--clb-color-fill-dark-mode) 75%, white);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce.dark-scheme .jay-demo19-transaction-surface
  .site-content
  :where(.button, a.button, button[type="submit"], input[type="submit"]):where(.-outlined, .-flat, .-text):not(.-primary):not(.-dm-ignore){
  --clb-color-button: color-mix(in srgb, var(--clb-color-white-dark-mode) 75%, transparent);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(.button, a.button, button[type="submit"], input[type="submit"]).-flat{
  border: 0;
  background-color: transparent;
  color: var(--clb-color-button);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(.button, a.button, button[type="submit"], input[type="submit"]).-flat:where(:hover, :active, :focus){
  background-color: var(--clb-color-fill);
  color: var(--clb-color-button-hover);
}

/* Demo20's Cart checkout action is the compact Ohio button, not the rounded
   Demo19 transaction default. Keep every interaction on the same box so the
   accent transition never changes the CTA geometry. */
body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  .wc-proceed-to-checkout
  > a.checkout-button.button.alt.wc-forward{
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  padding: 0 20px;
  border: 2px solid transparent;
  border-radius: 8px;
  --clb-color-button: #161518;
  background-color: var(--clb-color-button);
  color: #fff;
  font-weight: var(--clb-text-semi-bold);
  transition: background-color var(--clb-transition-duration) var(--clb-transition-function), color var(--clb-transition-duration) var(--clb-transition-function), border-color var(--clb-transition-duration) var(--clb-transition-function), box-shadow var(--clb-transition-duration) var(--clb-transition-function);
}

body.woocommerce-cart.demo33-demo20-commerce.dark-scheme .jay-demo19-transaction-surface .site-content
  .wc-proceed-to-checkout
  > a.checkout-button.button.alt.wc-forward{
  --clb-color-button: color-mix(in srgb, var(--clb-color-fill-dark-mode) 75%, white);
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  .wc-proceed-to-checkout
  > a.checkout-button.button.alt.wc-forward:where(:hover, :active, :focus){
  background-color: var(--d20-accent);
  color: #fff;
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  .wc-proceed-to-checkout
  > a.checkout-button.button.alt.wc-forward:where(:focus, :active){
  outline: 0;
  box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="date"], input[type="url"], textarea, select, .select2-container--default .select2-selection--single){
  width: 100%;
  min-height: var(--clb-button-height);
  padding: 0 var(--clb-spacer-3);
  border: 0;
  border-radius: var(--clb-text-field-border-radius);
  background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
  color: inherit;
  font-family: inherit;
  font-size: var(--clb-text-field-font-size);
  text-align: inherit;
  transition: background-color var(--clb-transition-duration) var(--clb-transition-function), border-color var(--clb-transition-duration) var(--clb-transition-function), box-shadow var(--clb-transition-duration) var(--clb-transition-function);
}

/* Restore the Ohio Select2 primitives inside Checkout's customer fields. The
   transaction bundle is isolated, so these resets cannot leak to Demo20 shop,
   account, header, or footer controls. */
body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  #customer_details
  .select2-container--default{
  width: 100% !important;
}

body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  #customer_details
  .select2-container--default
  .select2-selection--single{
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  #customer_details
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered{
  padding-left: 0;
  color: inherit;
  line-height: initial;
}

body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  #customer_details
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow{
  height: 100%;
  position: relative;
  top: 0px;
  right: 0;
  width: var(--clb-spacer-3);
  display: flex;
  align-items: center;
}

body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  #customer_details
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  > b{
  border: none;
  margin: 0;
  left: auto;
  top: auto;
  position: relative;
  height: var(--clb-spacer-3);
  width: var(--clb-spacer-3);
  background-repeat: no-repeat;
  transform: scale(0.8) rotate(0deg);
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content
  #customer_details
  .select2-container--default.select2-container--open
  .select2-selection__arrow
  > b{
  transform: scale(0.8) rotate(180deg);
}

body.woocommerce-checkout.demo33-demo20-commerce.dark-scheme .jay-demo19-transaction-surface .site-content
  #customer_details
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  > b{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/* Cart's calculator uses the same SelectWoo controls outside #customer_details.
   Center the children within the existing Ohio field height; do not alter
   Checkout or the hidden native select retained by SelectWoo. */
body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  .select2-container--default{
  width: 100% !important;
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  .select2-container--default .select2-selection--single{
  box-sizing: border-box;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  .select2-container--default .select2-selection--single .select2-selection__rendered{
  min-width: 0;
  flex: 1 1 auto;
  padding-left: 0;
  color: inherit;
  line-height: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 100%;
  position: relative;
  top: 0;
  right: 0;
  width: var(--clb-spacer-3);
  flex: 0 0 var(--clb-spacer-3);
  display: flex;
  align-items: center;
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  .select2-container--default .select2-selection--single .select2-selection__arrow > b{
  border: none;
  margin: 0;
  left: auto;
  top: auto;
  position: relative;
  height: var(--clb-spacer-3);
  width: var(--clb-spacer-3);
  background-repeat: no-repeat;
  transform: scale(0.8) rotate(0deg);
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  .select2-container--default.select2-container--open .select2-selection__arrow > b{
  transform: scale(0.8) rotate(180deg);
}

body.woocommerce-cart.demo33-demo20-commerce.dark-scheme .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  .select2-container--default .select2-selection--single .select2-selection__arrow > b,
html[data-theme="dark"] body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  .select2-container--default .select2-selection--single .select2-selection__arrow > b{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .site-content .woocommerce-shipping-calculator .shipping-calculator-form
  select:not(.select2-hidden-accessible):not([multiple]){
  box-sizing: border-box;
  height: var(--clb-button-height);
  padding-top: 0;
  padding-bottom: 0;
  line-height: normal;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="date"], input[type="url"], textarea, select):where(:focus, :active){
  outline: 0;
  background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, transparent);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  label{
  display: block;
  font-size: var(--clb-font-size-caption);
  font-weight: var(--clb-text-medium);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(input[type="checkbox"], input[type="radio"]){
  width: var(--clb-spacer-3);
  height: var(--clb-spacer-3);
  margin: 0;
  border: var(--clb-border-width-double) var(--clb-border-style-solid) var(--clb-color-grey);
  display: inline-flex;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  appearance: none;
  outline: 0;
  transition: all var(--clb-transition-duration) var(--clb-transition-function);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  input[type="checkbox"]{
  border-radius: var(--clb-border-radius-small);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  input[type="radio"]{
  border-radius: 100%;
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  :where(input[type="checkbox"], input[type="radio"]):checked{
  border-color: var(--clb-color-primary);
  background-color: var(--clb-color-primary);
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  input[type="checkbox"]:checked{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

:where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
  .site-content
  input[type="radio"]:checked{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .woocommerce
  table.shop_table,
body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface .woocommerce
  table.shop_table{
  border: 0;
  border-collapse: collapse;
  border-radius: 0;
  overflow: visible;
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .cart-collaterals{
  margin-top: 0;
}

body.woocommerce-cart.demo33-demo20-commerce .jay-demo19-transaction-surface .cart-collaterals
  .cart_totals{
  width: 100% !important;
}

body.woocommerce-checkout.demo33-demo20-commerce .jay-demo19-transaction-surface form.woocommerce-checkout.checkout{
  display: block;
}

@media screen and (min-width: 1181px){
  :where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
    :where(.page-headline, .site-content)
    .page-container{
    padding-right: var(--clb-container-narrow-side-spacer);
    padding-left: var(--clb-container-narrow-side-spacer);
  }

  :where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
    .site-content
    .vc_col-lg-7{
    width: 58.3333333333%;
  }

  :where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
    .site-content
    .vc_col-lg-5{
    width: 41.6666666667%;
  }
}

@media screen and (min-width: 769px) and (max-width: 1180px){
  :where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
    .site-content
    .vc_col-md-8{
    width: 66.6666666667%;
  }

  :where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
    .site-content
    .vc_col-md-4{
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 769px){
  :where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
    .site-content
    .-sticky-block{
    position: sticky !important;
    z-index: 2;
    top: 0;
  }
}

@media screen and (max-width: 768px){
  :where(body.woocommerce-cart, body.woocommerce-checkout).demo33-demo20-commerce .jay-demo19-transaction-surface
    .site-content
    .vc_row
    > [class^="vc_col"]{
    float: none;
    width: 100%;
  }
}