/*
 * Zubair Bookings — Checkout V2.4
 * Final WooCommerce Blocks + classic checkout override.
 * Intentionally loaded after every other theme stylesheet.
 */

body.zbn-theme.woocommerce-checkout,
body.zbn-theme.woocommerce-cart {
  --zbc-paper: #fff7e8;
  --zbc-paper-2: #fffaf0;
  --zbc-ink: #1e2a26;
  --zbc-muted: #716f65;
  --zbc-line: rgba(30,42,38,.18);
  --zbc-line-strong: rgba(30,42,38,.34);
  --zbc-gold: #ffd17b;
  color: var(--zbc-ink) !important;
}

/* ----------------------------------------------------------
   Hard readability reset
   Old checkout CSS used light text for a dark UI. Woo Blocks
   can retain those values on deeply nested components.
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout,
body.zbn-theme.woocommerce-checkout .wc-block-checkout,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout,
body.zbn-theme.woocommerce-checkout .wc-block-checkout__main,
body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar,
body.zbn-theme.woocommerce-checkout .wc-block-components-main,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar,
body.zbn-theme.woocommerce-checkout .woocommerce,
body.zbn-theme.woocommerce-checkout form.checkout,
body.zbn-theme.woocommerce-cart .wp-block-woocommerce-cart,
body.zbn-theme.woocommerce-cart .wc-block-cart {
  color: var(--zbc-ink) !important;
  font-family: 'Darker Grotesque', Arial, Helvetica, sans-serif !important;
}

/* Inline copy is where the old colour was most visible. */
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout span,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout strong,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout small,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout address,
body.zbn-theme.woocommerce-checkout .wc-block-checkout span,
body.zbn-theme.woocommerce-checkout .wc-block-checkout strong,
body.zbn-theme.woocommerce-checkout .wc-block-checkout small,
body.zbn-theme.woocommerce-checkout .wc-block-checkout address,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__title,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__description,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__content,
body.zbn-theme.woocommerce-checkout .wc-block-components-title,
body.zbn-theme.woocommerce-checkout .wc-block-components-product-name,
body.zbn-theme.woocommerce-checkout .wc-block-components-product-metadata,
body.zbn-theme.woocommerce-checkout .wc-block-components-formatted-money-amount,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-item__label,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-item__value,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__description,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__label,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__description,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkbox__label,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-method-label,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card address,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card address *,
body.zbn-theme.woocommerce-checkout .wc-block-components-panel__button,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary__title,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-coupon-link,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button,
body.zbn-theme.woocommerce-checkout .wc-block-components-validation-error,
body.zbn-theme.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.zbn-theme.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.zbn-theme.woocommerce-checkout .woocommerce-checkout-review-order-table td,
body.zbn-theme.woocommerce-checkout #payment,
body.zbn-theme.woocommerce-checkout #payment label,
body.zbn-theme.woocommerce-checkout #payment p {
  color: var(--zbc-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

/* Remove accidental dark chips/backgrounds from text-bearing block elements. */
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout span,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout strong,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout small,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout address,
body.zbn-theme.woocommerce-checkout .wc-block-checkout span,
body.zbn-theme.woocommerce-checkout .wc-block-checkout strong,
body.zbn-theme.woocommerce-checkout .wc-block-checkout small,
body.zbn-theme.woocommerce-checkout .wc-block-checkout address,
body.zbn-theme.woocommerce-checkout .wc-block-components-title,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__title,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__description,
body.zbn-theme.woocommerce-checkout .wc-block-components-product-name,
body.zbn-theme.woocommerce-checkout .wc-block-components-formatted-money-amount,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-item__label,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-item__value,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card address,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card address * {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* ----------------------------------------------------------
   Checkout shell / layout
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .zbn-shop-frame,
body.zbn-theme.woocommerce-checkout .entry-content,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout,
body.zbn-theme.woocommerce-checkout .wc-block-checkout {
  background: var(--zbc-paper) !important;
  color: var(--zbc-ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout,
body.zbn-theme.woocommerce-checkout .wc-block-checkout {
  padding: 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(400px, .92fr) !important;
  gap: clamp(28px, 3.5vw, 48px) !important;
  align-items: start !important;
  margin: 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-checkout__main,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  min-width: 0 !important;
  border: 1px solid var(--zbc-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--zbc-ink) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-checkout__main,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
  padding: clamp(30px, 2.7vw, 42px) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  width: auto !important;
  padding: clamp(22px, 2vw, 30px) !important;
  position: sticky !important;
  top: 96px !important;
}

/* ----------------------------------------------------------
   Sections and headings
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__container,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods__wrapper {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step {
  padding: 30px 0 !important;
  margin: 0 !important;
  border-top: 1px solid var(--zbc-line) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step:first-child {
  padding-top: 0 !important;
  border-top: 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__container,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__content,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card-wrapper,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-wrapper,
body.zbn-theme.woocommerce-checkout .wc-block-components-panel {
  width: 100% !important;
  max-width: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-address-card,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card-wrapper {
  display: block !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-title,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__title,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary__title,
body.zbn-theme.woocommerce-checkout .wc-block-cart__totals-title,
body.zbn-theme.woocommerce-checkout h2,
body.zbn-theme.woocommerce-checkout h3 {
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--zbc-ink) !important;
  -webkit-text-fill-color: var(--zbc-ink) !important;
  font-family: 'Darker Grotesque', Arial, Helvetica, sans-serif !important;
  font-size: clamp(34px, 2.55vw, 40px) !important;
  line-height: .96 !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-title,
body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary__title,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel__button {
  font-size: clamp(24px, 2vw, 31px) !important;
  line-height: 1 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__description,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__content,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card address,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__label,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__description,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkbox__label,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-method-label,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__description,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-item {
  font-size: 19px !important;
  line-height: 1.42 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* ----------------------------------------------------------
   Utility buttons (Edit, Add coupons, etc.)
   Old broad .woocommerce-checkout button rule made these dark pills.
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout button,
body.zbn-theme.woocommerce-checkout .wc-block-checkout button,
body.zbn-theme.woocommerce-checkout .wc-block-components-panel__button,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card__edit,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card button,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-coupon-link,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--zbc-ink) !important;
  -webkit-text-fill-color: var(--zbc-ink) !important;
  box-shadow: none !important;
  filter: none !important;
  font-family: 'Darker Grotesque', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  transform: none !important;
}

body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout button:hover,
body.zbn-theme.woocommerce-checkout .wc-block-checkout button:hover,
body.zbn-theme.woocommerce-checkout .wc-block-components-panel__button:hover,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card__edit:hover {
  color: var(--zbc-muted) !important;
  background: transparent !important;
  transform: none !important;
}

/* ----------------------------------------------------------
   Inputs / selects / labels
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wc-block-components-text-input,
body.zbn-theme.woocommerce-checkout .wc-block-components-combobox,
body.zbn-theme.woocommerce-checkout .wc-block-components-combobox-control,
body.zbn-theme.woocommerce-checkout .wc-block-components-select,
body.zbn-theme.woocommerce-checkout .wc-block-components-select__container,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-form__country,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-form__state {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout input:not([type='radio']):not([type='checkbox']),
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout select,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout textarea,
body.zbn-theme.woocommerce-checkout .wc-block-checkout input:not([type='radio']):not([type='checkbox']),
body.zbn-theme.woocommerce-checkout .wc-block-checkout select,
body.zbn-theme.woocommerce-checkout .wc-block-checkout textarea,
body.zbn-theme.woocommerce-checkout .wc-block-components-text-input input,
body.zbn-theme.woocommerce-checkout .wc-block-components-combobox input,
body.zbn-theme.woocommerce-checkout .wc-block-components-select select,
body.zbn-theme.woocommerce-checkout .wc-block-components-select .wc-block-components-select__select,
body.zbn-theme.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input,
body.zbn-theme.woocommerce-checkout .woocommerce input.input-text,
body.zbn-theme.woocommerce-checkout .woocommerce select,
body.zbn-theme.woocommerce-checkout .woocommerce textarea {
  width: 100% !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 20px 15px 8px !important;
  border: 1px solid var(--zbc-line-strong) !important;
  border-radius: 0 !important;
  background: var(--zbc-paper-2) !important;
  background-image: none !important;
  color: var(--zbc-ink) !important;
  -webkit-text-fill-color: var(--zbc-ink) !important;
  caret-color: var(--zbc-ink) !important;
  box-shadow: none !important;
  outline: 0 !important;
  appearance: auto !important;
  -webkit-appearance: none !important;
  font-family: 'Darker Grotesque', Arial, Helvetica, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 550 !important;
  letter-spacing: 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-select select,
body.zbn-theme.woocommerce-checkout .wc-block-components-select .wc-block-components-select__select,
body.zbn-theme.woocommerce-checkout .woocommerce select {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

body.zbn-theme.woocommerce-checkout textarea,
body.zbn-theme.woocommerce-checkout .wc-block-components-textarea {
  min-height: 130px !important;
  padding-top: 18px !important;
}

body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout input:focus,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout select:focus,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout textarea:focus,
body.zbn-theme.woocommerce-checkout .wc-block-checkout input:focus,
body.zbn-theme.woocommerce-checkout .wc-block-checkout select:focus,
body.zbn-theme.woocommerce-checkout .wc-block-checkout textarea:focus,
body.zbn-theme.woocommerce-checkout .woocommerce input.input-text:focus,
body.zbn-theme.woocommerce-checkout .woocommerce select:focus,
body.zbn-theme.woocommerce-checkout .woocommerce textarea:focus {
  border-color: var(--zbc-ink) !important;
  background: #fffdf8 !important;
  box-shadow: 0 0 0 2px rgba(30,42,38,.08) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-text-input label,
body.zbn-theme.woocommerce-checkout .wc-block-components-combobox label,
body.zbn-theme.woocommerce-checkout .wc-block-components-select label,
body.zbn-theme.woocommerce-checkout .wc-block-components-form label,
body.zbn-theme.woocommerce-checkout .woocommerce form .form-row label,
body.zbn-theme.woocommerce-checkout .woocommerce label {
  color: var(--zbc-muted) !important;
  -webkit-text-fill-color: var(--zbc-muted) !important;
  background: transparent !important;
  font-family: 'Darker Grotesque', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-text-input.is-active label,
body.zbn-theme.woocommerce-checkout .wc-block-components-text-input.has-value label,
body.zbn-theme.woocommerce-checkout .wc-block-components-combobox.is-active label,
body.zbn-theme.woocommerce-checkout .wc-block-components-combobox.has-value label,
body.zbn-theme.woocommerce-checkout .wc-block-components-select label {
  color: var(--zbc-muted) !important;
  -webkit-text-fill-color: var(--zbc-muted) !important;
}

body.zbn-theme.woocommerce-checkout ::placeholder {
  color: rgba(113,111,101,.68) !important;
  -webkit-text-fill-color: rgba(113,111,101,.68) !important;
  opacity: 1 !important;
}

body.zbn-theme.woocommerce-checkout input:-webkit-autofill,
body.zbn-theme.woocommerce-checkout textarea:-webkit-autofill,
body.zbn-theme.woocommerce-checkout select:-webkit-autofill {
  -webkit-text-fill-color: var(--zbc-ink) !important;
  caret-color: var(--zbc-ink) !important;
  box-shadow: 0 0 0 1000px #fffaf0 inset !important;
  border-color: var(--zbc-line-strong) !important;
}

/* Dropdowns */
body.zbn-theme.woocommerce-checkout .components-popover__content,
body.zbn-theme.woocommerce-checkout .components-form-token-field__suggestions-list,
body.zbn-theme.woocommerce-checkout .components-combobox-control__suggestions-container,
body.zbn-theme.woocommerce-checkout .wc-block-components-dropdown-selector,
body.zbn-theme.woocommerce-checkout .select2-dropdown,
body.zbn-theme.woocommerce-checkout .select2-container--default .select2-selection--single,
body.zbn-theme.woocommerce-checkout .select2-container--default .select2-results__option {
  border: 1px solid var(--zbc-line-strong) !important;
  border-radius: 0 !important;
  background: #fffaf0 !important;
  color: var(--zbc-ink) !important;
  box-shadow: none !important;
  font-family: 'Darker Grotesque', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
}

/* ----------------------------------------------------------
   Saved address / contact cards
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card-wrapper,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card__address,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__content > .wc-block-components-address-card {
  border: 1px solid var(--zbc-line) !important;
  border-radius: 0 !important;
  background: rgba(246,231,203,.32) !important;
  background-image: none !important;
  color: var(--zbc-ink) !important;
  box-shadow: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-address-card {
  padding: 22px 22px !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-address-card address {
  margin: 0 !important;
  font-size: 19px !important;
  line-height: 1.42 !important;
  font-style: normal !important;
  font-weight: 550 !important;
}

/* ----------------------------------------------------------
   Radios, checkboxes and payment methods
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__option,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control-accordion-content,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods__payment-method,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods__payment-method-content,
body.zbn-theme.woocommerce-checkout #payment,
body.zbn-theme.woocommerce-checkout #payment ul.payment_methods,
body.zbn-theme.woocommerce-checkout #payment ul.payment_methods li,
body.zbn-theme.woocommerce-checkout #payment div.payment_box {
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--zbc-ink) !important;
  box-shadow: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__option,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods__payment-method,
body.zbn-theme.woocommerce-checkout #payment ul.payment_methods li {
  min-height: 64px !important;
  margin: 0 !important;
  padding: 18px 4px !important;
  border: 0 !important;
  border-top: 1px solid var(--zbc-line) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__option:last-child,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control-accordion-option:last-child,
body.zbn-theme.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: 1px solid var(--zbc-line) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods__payment-method-content,
body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control-accordion-content,
body.zbn-theme.woocommerce-checkout #payment div.payment_box {
  margin: 0 !important;
  padding: 16px 0 4px 30px !important;
  border: 0 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
}

body.zbn-theme.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__input,
body.zbn-theme.woocommerce-checkout input[type='radio'],
body.zbn-theme.woocommerce-checkout .wc-block-components-checkbox__input[type='checkbox'],
body.zbn-theme.woocommerce-checkout input[type='checkbox'] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  min-height: 19px !important;
  max-width: 19px !important;
  max-height: 19px !important;
  padding: 0 !important;
  margin: 0 12px 0 0 !important;
  border: 1.5px solid var(--zbc-ink) !important;
  background: var(--zbc-paper) !important;
  background-image: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  flex: 0 0 19px !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__input,
body.zbn-theme.woocommerce-checkout input[type='radio'] {
  border-radius: 50% !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-checkbox__input[type='checkbox'],
body.zbn-theme.woocommerce-checkout input[type='checkbox'] {
  border-radius: 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__input:checked,
body.zbn-theme.woocommerce-checkout input[type='radio']:checked {
  border-color: var(--zbc-ink) !important;
  background: radial-gradient(circle at center, var(--zbc-ink) 0 34%, var(--zbc-paper) 38% 100%) !important;
  box-shadow: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-checkbox__input[type='checkbox']:checked,
body.zbn-theme.woocommerce-checkout input[type='checkbox']:checked {
  border-color: var(--zbc-ink) !important;
  background: var(--zbc-ink) !important;
  box-shadow: inset 0 0 0 4px var(--zbc-paper) !important;
}

/* ----------------------------------------------------------
   Order summary / totals
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item,
body.zbn-theme.woocommerce-checkout .wc-block-components-panel,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-wrapper,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-item {
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--zbc-ink) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item {
  padding: 18px 0 !important;
  border-top: 1px solid var(--zbc-line) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: start !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__description {
  padding-left: 0 !important;
  min-width: 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__quantity {
  min-width: 18px !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  margin-left: -8px !important;
  margin-top: -6px !important;
  font-size: 11px !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__image,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__image img {
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
  border-radius: 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__image img {
  object-fit: cover !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__description {
  padding-left: 16px !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-product-name,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__description .wc-block-components-product-name {
  color: var(--zbc-ink) !important;
  -webkit-text-fill-color: var(--zbc-ink) !important;
  font-size: 21px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  text-decoration: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--zbc-ink) !important;
  color: var(--zbc-paper) !important;
  -webkit-text-fill-color: var(--zbc-paper) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-totals-wrapper {
  padding: 18px 0 !important;
  border-top: 1px solid var(--zbc-line) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-totals-item__label,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-item__value,
body.zbn-theme.woocommerce-checkout .wc-block-components-formatted-money-amount {
  color: var(--zbc-ink) !important;
  -webkit-text-fill-color: var(--zbc-ink) !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
  font-size: 23px !important;
  font-weight: 750 !important;
}

/* Coupon section should read like an editorial disclosure, not a CTA pill. */
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-coupon,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-coupon__form {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ----------------------------------------------------------
   Payment step cleanup
   Keep the payment controls, but hide the redundant heading/description.
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step--payment-method .wc-block-components-checkout-step__title,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step--payment-method .wc-block-components-checkout-step__description,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods__title,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods .wc-block-components-title {
  display: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step--payment-method {
  padding-top: 18px !important;
}

/* ----------------------------------------------------------
   Primary actions
   Re-applied after utility-button reset.
   ---------------------------------------------------------- */
body.zbn-theme.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.zbn-theme.woocommerce-checkout #place_order,
body.zbn-theme.woocommerce-checkout button#place_order,
body.zbn-theme.woocommerce-checkout .woocommerce #payment #place_order {
  width: 100% !important;
  min-height: 60px !important;
  margin-top: 20px !important;
  padding: 16px 22px !important;
  border: 1px solid var(--zbc-ink) !important;
  border-radius: 0 !important;
  background: var(--zbc-ink) !important;
  background-image: none !important;
  color: var(--zbc-paper) !important;
  -webkit-text-fill-color: var(--zbc-paper) !important;
  box-shadow: none !important;
  font-family: 'Darker Grotesque', Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transform: none !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-button.wc-block-components-checkout-place-order-button:hover,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.zbn-theme.woocommerce-checkout #place_order:hover,
body.zbn-theme.woocommerce-checkout button#place_order:hover {
  border-color: var(--zbc-gold) !important;
  background: var(--zbc-gold) !important;
  color: var(--zbc-ink) !important;
  -webkit-text-fill-color: var(--zbc-ink) !important;
  transform: translateY(-2px) !important;
}

/* Classic checkout parity */
body.zbn-theme.woocommerce-checkout form.checkout,
body.zbn-theme.woocommerce-checkout #customer_details,
body.zbn-theme.woocommerce-checkout #order_review,
body.zbn-theme.woocommerce-checkout #payment,
body.zbn-theme.woocommerce-checkout .woocommerce-checkout-review-order-table,
body.zbn-theme.woocommerce-checkout .woocommerce-checkout-payment,
body.zbn-theme.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods,
body.zbn-theme.woocommerce-checkout .woocommerce-checkout-payment div.payment_box {
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--zbc-ink) !important;
  box-shadow: none !important;
}

body.zbn-theme.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.zbn-theme.woocommerce-checkout .woocommerce-checkout-review-order-table td {
  padding: 15px 0 !important;
  border-color: var(--zbc-line) !important;
  color: var(--zbc-ink) !important;
  font-size: 18px !important;
}

/* Notices */
body.zbn-theme.woocommerce-checkout .wc-block-components-notice-banner,
body.zbn-theme.woocommerce-checkout .wc-block-components-validation-error,
body.zbn-theme.woocommerce-checkout .woocommerce-error,
body.zbn-theme.woocommerce-checkout .woocommerce-info,
body.zbn-theme.woocommerce-checkout .woocommerce-message {
  border: 1px solid var(--zbc-line-strong) !important;
  border-left: 3px solid var(--zbc-ink) !important;
  border-radius: 0 !important;
  background: rgba(246,231,203,.36) !important;
  color: var(--zbc-ink) !important;
  box-shadow: none !important;
  font-size: 18px !important;
}

/* The custom selection colour is fine, but normal text must not depend on it. */
body.zbn-theme.woocommerce-checkout ::selection {
  background: var(--zbc-ink);
  color: var(--zbc-paper);
  -webkit-text-fill-color: var(--zbc-paper);
}

@media (max-width: 900px) {
  body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout,
  body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar,
  body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
    position: static !important;
  }
}

@media (max-width: 620px) {
  body.zbn-theme.woocommerce-checkout .wc-block-checkout__main,
  body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
  body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar,
  body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
    padding: 22px 17px !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.zbn-theme.woocommerce-checkout .wc-block-components-title,
  body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__title,
  body.zbn-theme.woocommerce-checkout h2,
  body.zbn-theme.woocommerce-checkout h3 {
    font-size: 30px !important;
  }

  body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__description,
  body.zbn-theme.woocommerce-checkout .wc-block-components-address-card,
  body.zbn-theme.woocommerce-checkout .wc-block-components-address-card address,
  body.zbn-theme.woocommerce-checkout .wc-block-components-radio-control__label,
  body.zbn-theme.woocommerce-checkout .wc-block-components-checkbox__label {
    font-size: 18px !important;
  }
}

/* ==========================================================
   V2.6 — checkout width + cleanup
   The generic page template caps .zbn-page-content at 900px.
   Checkout needs the full boxed site canvas.
   ========================================================== */
body.zbn-theme.woocommerce-checkout .zbn-page-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.zbn-theme.woocommerce-checkout .zbn-shop-frame {
  padding-left: clamp(28px, 3.2vw, 48px) !important;
  padding-right: clamp(28px, 3.2vw, 48px) !important;
}

/* A roomy 60/40 checkout, without hard nested minimums. */
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) !important;
  gap: clamp(42px, 4vw, 64px) !important;
  align-items: start !important;
}

/* Remove the big nested card boxes; use open editorial columns instead. */
body.zbn-theme.woocommerce-checkout .wc-block-checkout__main,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main,
body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  width: 100% !important;
  max-width: none !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Give the summary one clean rule rather than box-inside-box borders. */
body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  padding-left: clamp(28px, 3vw, 44px) !important;
  border-left: 1px solid var(--zbc-line) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary,
body.zbn-theme.woocommerce-checkout .wc-block-components-totals-wrapper,
body.zbn-theme.woocommerce-checkout .wc-block-components-panel {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Saved details should read as content, not tiny input-like boxes. */
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card-wrapper,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__content > .wc-block-components-address-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 20px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--zbc-line) !important;
  border-bottom: 1px solid var(--zbc-line) !important;
  background: transparent !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-address-card address {
  max-width: 42ch !important;
  font-size: 20px !important;
  line-height: 1.45 !important;
}

/* Contact email block sometimes inherits an intrinsic/max-content width. */
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__content,
body.zbn-theme.woocommerce-checkout .wc-block-components-form,
body.zbn-theme.woocommerce-checkout .wc-block-components-text-input,
body.zbn-theme.woocommerce-checkout .wc-block-components-combobox,
body.zbn-theme.woocommerce-checkout .wc-block-components-select,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-form {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Payment is intentionally visually hidden. There is only one configured
   gateway, so WooCommerce keeps it selected in the form state. */
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step--payment-method,
body.zbn-theme.woocommerce-checkout .wc-block-components-payment-methods,
body.zbn-theme.woocommerce-checkout #payment ul.payment_methods {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Slightly calmer spacing and hierarchy. */
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step {
  padding: 34px 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__title,
body.zbn-theme.woocommerce-checkout .wc-block-components-title {
  font-size: clamp(34px, 2.8vw, 44px) !important;
  margin-bottom: 22px !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-title,
body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary__title {
  font-size: clamp(26px, 2.1vw, 34px) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item {
  grid-template-columns: 78px minmax(0, 1fr) !important;
  column-gap: 16px !important;
  padding: 22px 0 !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__image,
body.zbn-theme.woocommerce-checkout .wc-block-components-order-summary-item__image img {
  width: 78px !important;
  min-width: 78px !important;
  height: 78px !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-product-name {
  font-size: 22px !important;
  line-height: 1.08 !important;
}

@media (max-width: 980px) {
  body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout,
  body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar,
  body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
    position: static !important;
    padding-left: 0 !important;
    padding-top: 34px !important;
    border-left: 0 !important;
    border-top: 1px solid var(--zbc-line) !important;
  }
}

@media (max-width: 620px) {
  body.zbn-theme.woocommerce-checkout .zbn-shop-frame {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* ==========================================================
   V2.7 — kill WordPress alignwide constraint at the source
   The Checkout block is rendered as:
   .wp-block-woocommerce-checkout.alignwide.wc-block-checkout
   WordPress global styles apply a separate wide-size max-width to it.
   ========================================================== */
body.zbn-theme.woocommerce-checkout .zbn-shop-shell,
body.zbn-theme.woocommerce-checkout .zbn-shop-frame,
body.zbn-theme.woocommerce-checkout .zbn-page-content,
body.zbn-theme.woocommerce-checkout .entry-content {
  max-width: none !important;
}

body.zbn-theme.woocommerce-checkout .zbn-shop-frame {
  width: 100% !important;
  box-sizing: border-box !important;
}

body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide.wc-block-checkout,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout.wc-block-checkout,
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout,
body.zbn-theme.woocommerce-checkout .wc-block-checkout,
body.zbn-theme.woocommerce-checkout .zbn-checkout-fullwidth {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Neutralise layout-width rules WordPress applies to aligned blocks. */
body.zbn-theme.woocommerce-checkout .zbn-page-content > .alignwide,
body.zbn-theme.woocommerce-checkout .entry-content > .alignwide,
body.zbn-theme.woocommerce-checkout .is-layout-constrained > .alignwide,
body.zbn-theme.woocommerce-checkout .is-layout-flow > .alignwide {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
}

/* Let the actual Woo layout consume the whole checkout block. */
body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide.wc-block-checkout > .wc-block-components-sidebar-layout,
body.zbn-theme.woocommerce-checkout .zbn-checkout-fullwidth > .wc-block-components-sidebar-layout,
body.zbn-theme.woocommerce-checkout .wc-block-checkout > .wc-block-components-sidebar-layout {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: minmax(0, 1.62fr) minmax(380px, 1fr) !important;
  column-gap: clamp(38px, 4vw, 62px) !important;
}

body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout > .wc-block-components-main,
body.zbn-theme.woocommerce-checkout .wc-block-components-sidebar-layout > .wc-block-components-sidebar,
body.zbn-theme.woocommerce-checkout .wc-block-checkout__main,
body.zbn-theme.woocommerce-checkout .wc-block-checkout__sidebar {
  float: none !important;
  flex: none !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* The left column should feel like a form, not a narrow text article. */
body.zbn-theme.woocommerce-checkout .wc-block-checkout__main .wc-block-components-checkout-step,
body.zbn-theme.woocommerce-checkout .wc-block-components-main .wc-block-components-checkout-step,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__container,
body.zbn-theme.woocommerce-checkout .wc-block-components-checkout-step__content,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card-wrapper,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-card,
body.zbn-theme.woocommerce-checkout .wc-block-components-form,
body.zbn-theme.woocommerce-checkout .wc-block-components-address-form {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 980px) {
  body.zbn-theme.woocommerce-checkout .wp-block-woocommerce-checkout.alignwide.wc-block-checkout > .wc-block-components-sidebar-layout,
  body.zbn-theme.woocommerce-checkout .zbn-checkout-fullwidth > .wc-block-components-sidebar-layout,
  body.zbn-theme.woocommerce-checkout .wc-block-checkout > .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr !important;
  }
}