/* Original GitHub bag geometry. Native controls, notices and totals stay visible. */
.bag-drawer .chanand-native.native-surface-cart .bag-items { margin: 0; padding: 0; list-style: none; }
.bag-drawer .chanand-native.native-surface-cart .bag-item { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 1.25rem; align-items: center; padding: 1.5rem 0; margin: 0; min-height: 0; border-bottom: 1px solid var(--line); font: 400 14px/1.6 Manrope, Arial, sans-serif; }
.bag-drawer .chanand-native.native-surface-cart .bag-item::after { display: none; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-native-structure { display: block; }
.bag-drawer .chanand-native.native-surface-cart .bag-item img { float: none; margin: 0; width: 90px; height: 115px; object-fit: cover; mix-blend-mode: multiply; }
.bag-drawer .chanand-native.native-surface-cart .bag-item .chanand-bag-item-image { align-self: start; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-item-image > .ct-media-container,
.bag-drawer .chanand-native.native-surface-cart .bag-item > .ct-media-container { display: block; width: 90px; height: 115px; max-width: 90px; max-height: 115px; margin: 0; padding: 0; aspect-ratio: auto; overflow: hidden; }
.bag-drawer .chanand-native.native-surface-cart .bag-item .ct-media-container img { position: static; max-width: 100%; max-height: 100%; }
.bag-drawer .chanand-native.native-surface-cart .bag-item a { font-size: 14px; overflow-wrap: anywhere; }
.bag-drawer .chanand-native.native-surface-cart .bag-item .quantity,
.bag-drawer .chanand-native.native-surface-cart .bag-item dl.variation { margin: .5rem 0; padding: 0; border: 0; font-size: 12px; }
.bag-drawer .chanand-native.native-surface-cart .bag-item .chanand-bag-unit-price { display: block; }
.bag-drawer .chanand-native.native-surface-cart .bag-item dl.variation :where(dt, dd, p) { margin: 0; font-size: 12px; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-quantity { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .5rem; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-quantity .quantity { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 0; }
.bag-drawer .chanand-native.native-surface-cart [data-chanand-quantity-step] { display: none; align-items: center; justify-content: center; min-width: 36px; min-height: 36px; padding: 0; border: 1px solid var(--line); background: transparent; color: var(--ink); font: inherit; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-js [data-chanand-quantity-step] { display: inline-flex; }
.bag-drawer .chanand-bag-js .quantity:has([data-chanand-bag-quantity]) > :where(.ct-increase, .ct-decrease) { display: none; }
.bag-drawer .chanand-native.native-surface-cart [data-chanand-quantity-step]:disabled { opacity: .35; cursor: not-allowed; }
.bag-drawer .chanand-native.native-surface-cart [data-chanand-bag-quantity] { width: 2.25rem; min-width: 0; height: 36px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; color: var(--ink); font: inherit; text-align: center; appearance: textfield; }
.bag-drawer [data-chanand-bag-quantity]::-webkit-inner-spin-button,
.bag-drawer [data-chanand-bag-quantity]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-remove { position: static; inset: auto; display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 36px; height: auto; margin-left: auto; padding: 0; border: 0; background: transparent; color: var(--ink); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.bag-drawer .chanand-bag-update-form { margin: 0; }
.bag-drawer .chanand-bag-update-form.chanand-bag-js:not(.chanand-bag-requires-update) > .chanand-bag-update { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; padding: 0; border: 0; }
.bag-drawer .chanand-bag-update-form.chanand-bag-js > .chanand-bag-update:focus { position: static; width: auto; height: auto; clip-path: none; padding: .75rem 1rem; }
.bag-drawer .chanand-bag-extension-controls:empty { display: none; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-total { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin: 2rem 0 1rem; padding: 0; border: 0; font-size: 14px; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-total strong { font-weight: 400; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-total > .amount { font-weight: 700; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-buttons { display: flex; flex-direction: column; gap: .75rem; margin: 0; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-buttons .checkout { order: -1; width: 100%; }
.bag-drawer .chanand-native.native-surface-cart .chanand-bag-buttons a:not(.checkout) { align-self: center; width: auto; min-height: 36px; padding: 0; border: 0; background: transparent; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.bag-drawer .chanand-native.native-surface-cart .empty-state { padding: 5rem 1rem; text-align: center; }
.bag-drawer .chanand-native.native-surface-cart .empty-state .woocommerce-mini-cart__empty-message { padding: 0; margin: 1rem 0 2rem; }
.bag-drawer .chanand-bag-notices:empty { display: none; }
.bag-drawer .chanand-bag-notices { display: block; padding: .75rem 0; }
.bag-drawer .chanand-bag-notices :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) { margin: 0; padding: .75rem 0; border: 0; background: transparent; color: var(--ink); font-size: 13px; }
.bag-drawer .chanand-bag-notices .restore-item { float: right; min-height: 44px; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  .bag-drawer .chanand-native.native-surface-cart .bag-item { grid-template-columns: 72px minmax(0, 1fr); gap: 1rem; }
  .bag-drawer .chanand-native.native-surface-cart .bag-item img { width: 72px; height: 96px; }
  .bag-drawer .chanand-native.native-surface-cart .chanand-bag-item-image > .ct-media-container,
  .bag-drawer .chanand-native.native-surface-cart .bag-item > .ct-media-container { width: 72px; height: 96px; max-width: 72px; max-height: 96px; }
}