/* BBK cart v5 (round 5, 2026-10-26). Tokens match bbk-home-v3: crimson #B1162E, ink #1C1A19, muted #6F6A66,
   hairline #ECE8E5, well #F5F3F1. !important only where older theme passes restyle buttons/inputs with !important. */
:root { --c5-red: #B1162E; --c5-ink: #1C1A19; --c5-mut: #6F6A66; --c5-line: #ECE8E5; --c5-well: #F5F3F1; --c5-ok: #1E7A46; }

/* ---------------------------------------------------------------- header count bounce */
@keyframes bbkC5Bump { 0% { transform: scale(1); } 35% { transform: scale(1.38); } 70% { transform: scale(.94); } 100% { transform: scale(1); } }
html body .bbk-c5-bump { animation: bbkC5Bump .45s ease-out; }

/* ---------------------------------------------------------------- button states */
@keyframes bbkC5Spin { to { transform: rotate(360deg); } }
html body .bbk-c5-busy { position: relative !important; color: transparent !important; pointer-events: none !important; }
html body .bbk-c5-busy > * { visibility: hidden !important; }
html body .bbk-c5-busy::after {
  content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 18px !important; height: 18px !important;
  margin: -9px 0 0 -9px !important; border-radius: 50% !important; border: 2px solid rgba(255,255,255,.45) !important; border-top-color: #fff !important;
  animation: bbkC5Spin .7s linear infinite !important; box-sizing: border-box !important; display: block !important; background: none !important;
}
html body a.ajax_add_to_cart.bbk-c5-busy::after, html body .bbk-c5-coupon__btn.bbk-c5-busy::after { border-color: rgba(28,26,25,.2) !important; border-top-color: var(--c5-ink) !important; }
html body .bbk-c5-coupon__btn.bbk-c5-busy::after { border-color: rgba(255,255,255,.4) !important; border-top-color: #fff !important; }
html body .bbk-c5-done { pointer-events: none; }
@media (prefers-reduced-motion: reduce) { html body .bbk-c5-busy::after { animation-duration: 1.6s !important; } html body .bbk-c5-bump { animation: none; } }

/* ---------------------------------------------------------------- toast */
html body .bbk-c5-toast {
  position: fixed !important; z-index: 2147483000 !important; left: 12px !important; right: 12px !important; margin: 0 auto !important; max-width: 440px !important;
  bottom: calc(12px + var(--bbk-c5-off, 0px) + env(safe-area-inset-bottom, 0px)) !important;
  display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 12px !important; box-sizing: border-box !important;
  background: #fff !important; color: var(--c5-ink) !important; border: 1px solid var(--c5-line) !important; border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(28,26,25,.16) !important; font-size: 14px !important; line-height: 1.4 !important;
  transform: translateY(calc(100% + 32px)) !important; opacity: 0 !important; transition: transform .26s cubic-bezier(.2,.8,.2,1), opacity .2s !important;
}
html body .bbk-c5-toast[hidden] { display: none !important; }
html body .bbk-c5-toast.is-in { transform: none !important; opacity: 1 !important; }
html body .bbk-c5-toast__img { width: 44px !important; height: 44px !important; flex: 0 0 44px !important; object-fit: contain !important; border: 1px solid var(--c5-line) !important; border-radius: 8px !important; background: #fff !important; margin: 0 !important; }
html body .bbk-c5-toast__ic { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: #FBEAEC; color: var(--c5-red); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
html body .bbk-c5-toast__t { flex: 1 1 auto !important; min-width: 0 !important; font-weight: 600 !important; }
html body .bbk-c5-toast--err .bbk-c5-toast__t { color: var(--c5-red) !important; font-weight: 500 !important; }
html body .bbk-c5-toast__a {
  flex: 0 0 auto !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; padding: 0 6px !important;
  background: none !important; border: 0 !important; box-shadow: none !important; color: var(--c5-red) !important; font-weight: 700 !important; font-size: 14px !important;
  text-decoration: underline !important; text-underline-offset: 3px !important; cursor: pointer !important; white-space: nowrap !important; width: auto !important;
}
html body.bbk-c5-toasting .bbk-cart-pill { opacity: 0 !important; pointer-events: none !important; }
@media (prefers-reduced-motion: reduce) { html body .bbk-c5-toast { transition: none !important; } }

/* ---------------------------------------------------------------- drawer */
html.bbk-c5-lock, html.bbk-c5-lock body { overflow: hidden !important; }
html.bbk-c5-lock body .bbk-wa3, html.bbk-c5-lock body .bbk-cart-pill { display: none !important; }
html body.bbk-c5-toasting .bbk-wa3 { opacity: 0 !important; pointer-events: none !important; }
html body .bbk-c5-ov { position: fixed !important; inset: 0 !important; z-index: 2147482990 !important; background: rgba(28,26,25,.42) !important; opacity: 0 !important; transition: opacity .22s !important; }
html body .bbk-c5-ov.is-open { opacity: 1 !important; }
html body .bbk-c5-ov[hidden], html body .bbk-c5-drawer[hidden] { display: none !important; }
html body .bbk-c5-drawer {
  position: fixed !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: auto !important; z-index: 2147482995 !important;
  width: min(400px, 88vw) !important; max-width: none !important; background: #fff !important; color: var(--c5-ink) !important; display: flex !important; flex-direction: column !important;
  box-shadow: -16px 0 40px rgba(28,26,25,.16) !important; transform: translateX(105%) !important; transition: transform .2s cubic-bezier(.2,.8,.2,1) !important; box-sizing: border-box !important;
}
html body .bbk-c5-drawer[dir="rtl"] { right: auto !important; left: 0 !important; transform: translateX(-105%) !important; box-shadow: 16px 0 40px rgba(28,26,25,.16) !important; }
html body .bbk-c5-drawer.is-open { transform: none !important; }
@media (prefers-reduced-motion: reduce) { html body .bbk-c5-drawer, html body .bbk-c5-ov { transition: none !important; } }
html body .bbk-c5-dr__head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 8px 8px 8px 20px !important; border-bottom: 1px solid var(--c5-line) !important; min-height: 60px !important; box-sizing: border-box !important; }
html body .bbk-c5-drawer[dir="rtl"] .bbk-c5-dr__head { padding: 8px 20px 8px 8px !important; }
html body .bbk-c5-dr__title { margin: 0 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; color: var(--c5-ink) !important; }
html body .bbk-c5-dr__n { color: var(--c5-mut) !important; font-weight: 400 !important; font-size: 15px !important; }
html body .bbk-c5-dr__close { width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 0 !important; border-radius: 50% !important; color: var(--c5-ink) !important; box-shadow: none !important; cursor: pointer !important; }
html body .bbk-c5-dr__body { flex: 1 1 auto !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding: 0 20px !important; }
html body .bbk-c5-dr__list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
html body .bbk-c5-item { display: grid !important; grid-template-columns: 64px minmax(0,1fr) 44px !important; gap: 12px !important; align-items: start !important; padding: 14px 0 !important; border-bottom: 1px solid var(--c5-line) !important; margin: 0 !important; transition: opacity .2s; }
html body .bbk-c5-item.is-removing { opacity: .35; pointer-events: none; }
html body .bbk-c5-item__img { display: block !important; width: 64px !important; height: 64px !important; border: 1px solid var(--c5-line) !important; border-radius: 10px !important; overflow: hidden !important; background: #fff !important; }
html body .bbk-c5-item__img img { width: 100% !important; height: 100% !important; object-fit: contain !important; margin: 0 !important; display: block !important; }
html body .bbk-c5-item__name { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; color: var(--c5-ink) !important; text-decoration: none !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; }
html body .bbk-c5-item__meta { list-style: none !important; margin: 4px 0 0 !important; padding: 0 !important; font-size: 12.5px !important; color: var(--c5-mut) !important; line-height: 1.45 !important; }
html body .bbk-c5-item__meta li { margin: 0 !important; overflow-wrap: anywhere; }
html body .bbk-c5-item__row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-top: 8px !important; }
html body .bbk-c5-item__lt { color: var(--c5-red) !important; font-weight: 700 !important; font-size: 15px !important; }
html body .bbk-c5-item.is-loading .bbk-c5-item__lt { opacity: .45; }
html body .bbk-c5-item__rm { width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; margin: -10px 0 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 0 !important; color: #8C8681 !important; box-shadow: none !important; cursor: pointer !important; border-radius: 50% !important; }
html body .bbk-c5-step { display: inline-flex !important; align-items: center !important; border: 1px solid var(--c5-line) !important; border-radius: 999px !important; height: 36px !important; }
html body .bbk-c5-step__b { width: 36px !important; height: 36px !important; min-height: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: var(--c5-ink) !important; font-size: 18px !important; line-height: 1 !important; cursor: pointer !important; border-radius: 50% !important; }
html body .bbk-c5-step__b:disabled { color: #C9C4C0 !important; cursor: default !important; }
html body .bbk-c5-step__n { min-width: 24px !important; text-align: center !important; font-weight: 600 !important; font-size: 14px !important; }
html body .bbk-c5-step--ro { padding: 0 14px !important; font-weight: 600 !important; }
html body .bbk-c5-dr__foot { border-top: 1px solid var(--c5-line) !important; padding: 14px 20px calc(14px + env(safe-area-inset-bottom, 0px)) !important; background: #fff !important; }
html body .bbk-c5-dr__foot[hidden] { display: none !important; }
html body .bbk-c5-dr__sub { display: flex !important; justify-content: space-between !important; align-items: baseline !important; font-size: 15px !important; margin: 0 0 12px !important; color: var(--c5-mut) !important; }
html body .bbk-c5-dr__subv { color: var(--c5-ink) !important; font-size: 17px !important; }
html body .bbk-c5-dr__checkout, html body .bbk-c5-checkout, html body .bbk-c5-empty__btn, html body .bbk-c5-dr__start {
  display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 52px !important; padding: 0 20px !important; box-sizing: border-box !important;
  background: var(--c5-red) !important; color: #fff !important; border: 0 !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: none !important;
}
html body .bbk-c5-dr__view { display: block !important; text-align: center !important; padding: 12px 0 2px !important; color: var(--c5-ink) !important; font-size: 14px !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
html body .bbk-c5-dr__empty { list-style: none !important; text-align: center !important; padding: 56px 8px !important; color: var(--c5-mut) !important; }
html body .bbk-c5-dr__empty p { margin: 12px 0 18px !important; font-size: 16px !important; color: var(--c5-ink) !important; font-weight: 600 !important; }
html body .bbk-c5-dr__eic, html body .bbk-c5-empty__ic { width: 72px; height: 72px; border-radius: 50%; background: var(--c5-well); color: var(--c5-mut); display: inline-flex; align-items: center; justify-content: center; }
html body .bbk-c5-dr__start { width: auto !important; display: inline-flex !important; }
/* skeleton */
@keyframes bbkC5Sk { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
html body .bbk-c5-sk { display: block; height: 12px; border-radius: 6px; background: linear-gradient(90deg, #F2EFED 25%, #E9E5E2 50%, #F2EFED 75%); background-size: 200% 100%; animation: bbkC5Sk 1.2s linear infinite; }
html body .bbk-c5-sk--img { width: 64px; height: 64px; border-radius: 10px; }
html body .bbk-c5-sk__lines { display: flex; flex-direction: column; gap: 8px; padding-top: 6px; }
html body .bbk-c5-sk--short { width: 50%; }
@media (prefers-reduced-motion: reduce) { html body .bbk-c5-sk { animation: none; } }

/* ---------------------------------------------------------------- cart page */
html body.bbk-c5.woocommerce-cart .entry-header, html body.bbk-c5.woocommerce-cart .entry-hero, html body.bbk-c5.woocommerce-cart .page-title,
html body.bbk-c5.woocommerce-cart .woocommerce-notices-wrapper:empty { display: none !important; }
html body.bbk-c5.woocommerce-cart .content-area, html body.bbk-c5.woocommerce-cart .site-main, html body.bbk-c5.woocommerce-cart .entry-content-wrap,
html body.bbk-c5.woocommerce-cart article.page, html body.bbk-c5.woocommerce-cart .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
html body.bbk-c5.woocommerce-cart .content-container, html body.bbk-c5.woocommerce-cart .site-container { padding-top: 0 !important; }
/* Kadence + older passes stacked ~56px of side padding and a 40px top margin around the cart (owner: no empty space above the title) */
html body.bbk-c5.woocommerce-cart .entry-content-wrap { padding: 0 !important; }
html body.bbk-c5.woocommerce-cart .entry-content > .woocommerce { margin: 0 auto !important; padding: 0 !important; max-width: none !important; }
html body.bbk-c5.woocommerce-cart .bbk-c5-cart .cart-summary, html body.bbk-c5.woocommerce-cart .kadence-woo-cart-form-wrap > .cart-summary { display: none !important; }
html body.bbk-c5.woocommerce-cart .cart-collaterals { background: none !important; border: 0 !important; box-shadow: none !important; }
html body .bbk-c5-cart { max-width: 1120px !important; margin: 0 auto !important; padding: 16px 0 24px !important; color: var(--c5-ink) !important; box-sizing: border-box !important; }
html body .bbk-c5-cart *, html body .bbk-c5-cart *::before, html body .bbk-c5-cart *::after { box-sizing: border-box; }
html body .bbk-c5-head { margin: 0 0 4px !important; }
html body .bbk-c5-title { margin: 0 !important; padding: 0 !important; font-size: 24px !important; line-height: 1.25 !important; font-weight: 700 !important; text-align: start !important; color: var(--c5-ink) !important; display: flex !important; align-items: baseline !important; gap: 10px !important; flex-wrap: wrap !important; }
html body .bbk-c5-n { font-size: 14px !important; font-weight: 400 !important; color: var(--c5-mut) !important; }
html body .bbk-c5-rows { list-style: none !important; margin: 0 !important; padding: 0 !important; }
html body .bbk-c5-row {
  display: grid !important; grid-template-columns: 80px minmax(0,1fr) 44px !important;
  grid-template-areas: "img info rm" "img act act" "err err err" !important; column-gap: 12px !important; row-gap: 10px !important;
  align-items: start !important; padding: 16px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--c5-line) !important; background: none !important;
  transition: opacity .2s, height .26s ease, padding .26s ease; overflow: hidden;
}
html body .bbk-c5-row.is-removing { opacity: .35; pointer-events: none; }
html body .bbk-c5-row.is-gone { padding-top: 0 !important; padding-bottom: 0 !important; border-bottom-width: 0 !important; }
html body .bbk-c5-img { grid-area: img !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 80px !important; height: 80px !important; background: #fff !important; border: 1px solid var(--c5-line) !important; border-radius: 10px !important; overflow: hidden !important; }
html body .bbk-c5-img img { width: 100% !important; height: 100% !important; object-fit: contain !important; margin: 0 !important; max-width: none !important; }
html body .bbk-c5-info { grid-area: info !important; min-width: 0 !important; }
html body .bbk-c5-name { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; color: var(--c5-ink) !important; text-decoration: none !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; }
html body .bbk-c5-meta { font-size: 13px !important; color: var(--c5-mut) !important; line-height: 1.45 !important; }
html body .bbk-c5-meta dl.variation { margin: 4px 0 0 !important; padding: 0 !important; border: 0 !important; display: block !important; }
html body .bbk-c5-meta dl.variation dt { display: inline !important; float: none !important; margin: 0 !important; padding: 0 !important; font-weight: 600 !important; color: var(--c5-mut) !important; }
html body .bbk-c5-meta dl.variation dd { display: inline !important; margin: 0 !important; padding: 0 !important; }
html body .bbk-c5-meta dl.variation dd::after { content: "\A"; white-space: pre; }
html body .bbk-c5-meta dl.variation dd p { display: inline !important; margin: 0 !important; }
html body .bbk-c5-unit { margin-top: 4px !important; font-size: 13px !important; color: var(--c5-mut) !important; }
html body .bbk-c5-act { grid-area: act !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-width: 0 !important; }
html body .bbk-c5-qty { display: inline-flex !important; align-items: center !important; width: max-content !important; height: 44px !important; border: 1px solid var(--c5-line) !important; border-radius: 999px !important; background: #fff !important; }
html body .bbk-c5-qty.is-single { border: 0 !important; height: auto !important; }
html body .bbk-c5-q { width: 44px !important; height: 42px !important; min-height: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; color: var(--c5-ink) !important; cursor: pointer !important; }
html body .bbk-c5-q:disabled { color: #C9C4C0 !important; cursor: default !important; }
html body .bbk-c5-qin { width: 36px !important; height: 42px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; text-align: center !important; font-size: 16px !important; font-weight: 600 !important; color: var(--c5-ink) !important; -moz-appearance: textfield !important; appearance: textfield !important; }
html body .bbk-c5-qin::-webkit-outer-spin-button, html body .bbk-c5-qin::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
html body .bbk-c5-qone { padding: 0 6px; font-weight: 600; color: var(--c5-mut); }
html body .bbk-c5-line { flex: 0 0 auto !important; text-align: end !important; color: var(--c5-red) !important; font-weight: 700 !important; font-size: 16px !important; white-space: nowrap !important; }
html body .bbk-c5-row.is-loading .bbk-c5-line { opacity: .4; }
html body .bbk-c5-row.is-loading .bbk-c5-qty { opacity: .7; }
html body .bbk-c5-rm { grid-area: rm !important; width: 44px !important; height: 44px !important; margin: -10px 0 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #8C8681 !important; border-radius: 50% !important; text-decoration: none !important; background: none !important; }
html body .bbk-c5-rm:hover { color: var(--c5-red) !important; background: var(--c5-well) !important; }
html body .bbk-c5-rowerr { grid-area: err !important; margin: 0 !important; font-size: 13px !important; color: var(--c5-red) !important; }
html body .bbk-c5-rowerr[hidden] { display: none !important; }

/* coupon */
html body .bbk-c5-coupon { padding: 14px 0 !important; margin: 0 !important; border-bottom: 1px solid var(--c5-line) !important; }
html body .bbk-c5-coupon__toggle { display: inline-flex !important; align-items: center !important; min-height: 44px !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: var(--c5-ink) !important; font-size: 15px !important; font-weight: 500 !important; text-decoration: underline !important; text-underline-offset: 3px !important; cursor: pointer !important; width: auto !important; }
html body .bbk-c5-coupon__box[hidden] { display: none !important; }
html body .bbk-c5-coupon__row { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 6px !important; }
html body .bbk-c5-coupon__in { flex: 999 1 160px !important; min-width: 0 !important; width: auto !important; height: 48px !important; margin: 0 !important; padding: 0 14px !important; border: 1px solid var(--c5-line) !important; border-radius: 12px !important; background: #fff !important; font-size: 16px !important; color: var(--c5-ink) !important; box-shadow: none !important; }
html body .bbk-c5-coupon__in:focus { border-color: var(--c5-ink) !important; outline: 2px solid transparent; }
html body .bbk-c5-coupon__in[aria-invalid="true"] { border-color: var(--c5-red) !important; }
html body .bbk-c5-coupon__btn { flex: 1 0 auto !important; width: auto !important; height: 48px !important; min-height: 0 !important; margin: 0 !important; padding: 0 22px !important; border: 0 !important; border-radius: 12px !important; background: var(--c5-ink) !important; color: #fff !important; font-size: 15px !important; font-weight: 600 !important; white-space: nowrap !important; box-shadow: none !important; cursor: pointer !important; line-height: 1 !important; }
html body .bbk-c5-coupon__msg { margin: 8px 0 0 !important; font-size: 13.5px !important; line-height: 1.55 !important; overflow-wrap: anywhere !important; }
html body .bbk-c5-coupon__msg[hidden] { display: none !important; }
html body .bbk-c5-coupon__msg.is-err { color: var(--c5-red) !important; }
html body .bbk-c5-coupon__msg.is-ok { color: var(--c5-ok) !important; }

/* side: gift card + totals */
html body .bbk-c5-side { margin: 16px 0 0 !important; padding: 0 !important; width: auto !important; float: none !important; }
html body.bbk-c5:not(#bbk-c5x) .bbk-c5-cart .bbk-c5-side .cart_totals.bbk-c5-totals { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
html body .bbk-c5-card { background: #fff !important; border: 1px solid var(--c5-line) !important; border-radius: 14px !important; padding: 8px 16px 16px !important; }
html body .bbk-c5-sum { margin: 0 !important; padding: 0 !important; }
html body .bbk-c5-sum__r { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 12px !important; padding: 8px 0 !important; margin: 0 !important; font-size: 15px !important; }
html body .bbk-c5-sum__r dt { margin: 0 !important; font-weight: 400 !important; color: var(--c5-mut) !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; flex-wrap: wrap !important; }
html body .bbk-c5-sum__r dd { margin: 0 !important; font-weight: 600 !important; color: var(--c5-ink) !important; white-space: nowrap !important; }
html body .bbk-c5-sum__r--total { border-top: 1px solid var(--c5-line) !important; margin-top: 4px !important; padding-top: 14px !important; font-size: 17px !important; }
html body .bbk-c5-sum__r--total dt { color: var(--c5-ink) !important; font-weight: 700 !important; }
html body .bbk-c5-sum__r--total dd { color: var(--c5-red) !important; font-weight: 800 !important; font-size: 19px !important; }
html body .bbk-c5-code { font-size: 12px !important; background: var(--c5-well) !important; border-radius: 6px !important; padding: 2px 6px !important; color: var(--c5-ink) !important; font-weight: 600 !important; }
html body .bbk-c5-rmcoupon { width: 32px !important; height: 32px !important; min-height: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background: none !important; border: 0 !important; border-radius: 50% !important; color: var(--c5-mut) !important; box-shadow: none !important; cursor: pointer !important; }
html body .bbk-c5-checkout { display: none !important; margin-top: 12px !important; }
html body .bbk-c5-wa {
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; min-height: 50px !important; margin: 12px 0 0 !important; padding: 0 16px !important;
  background: #fff !important; color: var(--c5-ink) !important; border: 1px solid #D9D4D0 !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important;
}
html body .bbk-c5-wa .bbk-wa-glyph { flex: 0 0 auto; }
html body .bbk-c5-side .bbk-po--order { margin: 0 0 12px !important; }

/* phones: one checkout button = sticky bar (checkout-ux styles .bbk-cux-sticky); desktop: card button, no bar */
@media (max-width: 768px) {
  html body .bbk-c5-cart { padding: 12px 8px 24px !important; }
  html body.bbk-c5.woocommerce-cart .bbk-c5-sticky a { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; }
}
@media (min-width: 769px) {
  html body .bbk-c5-sticky { display: none !important; }
  html body .bbk-c5-checkout { display: flex !important; }
  html body .bbk-c5-cart:not(.bbk-c5-cart--empty) { display: grid !important; grid-template-columns: minmax(0,1fr) 360px !important; grid-template-areas: "head head" "form side" !important; column-gap: 40px !important; align-items: start !important; padding: 24px 20px 40px !important; }
  html body .bbk-c5-head { grid-area: head !important; margin-bottom: 8px !important; }
  html body .bbk-c5-form { grid-area: form !important; }
  html body .bbk-c5-side { grid-area: side !important; position: sticky !important; top: 88px !important; margin: 0 !important; }
  html body .bbk-c5-row { grid-template-columns: 80px minmax(0,1fr) 240px 44px !important; grid-template-areas: "img info act rm" "err err err err" !important; align-items: center !important; }
  html body .bbk-c5-line { min-width: 90px !important; }
  html body .bbk-c5-rm { margin: 0 !important; }
  html body .bbk-c5-info { align-self: center !important; }
}

/* empty cart */
html body .bbk-c5-cart--empty { text-align: center !important; }
html body .bbk-c5-empty { padding: 40px 16px 32px !important; }
html body .bbk-c5-empty__t { margin: 16px 0 20px !important; font-size: 22px !important; font-weight: 700 !important; color: var(--c5-ink) !important; }
html body .bbk-c5-empty__btn { width: auto !important; display: inline-flex !important; min-width: 200px !important; }
html body .bbk-c5-best { text-align: start !important; padding: 8px 0 0 !important; }
html body .bbk-c5-best__t { font-size: 18px !important; font-weight: 700 !important; margin: 0 16px 12px !important; color: var(--c5-ink) !important; }
html body .bbk-c5-best__row { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(150px, 44%) !important; gap: 12px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; padding: 0 16px 8px !important; scrollbar-width: none; }
html body .bbk-c5-best__row::-webkit-scrollbar { display: none; }
html body .bbk-c5-best__row > * { scroll-snap-align: start; }
@media (min-width: 769px) { html body .bbk-c5-best__row { grid-auto-columns: minmax(180px, 1fr) !important; } }
html body.bbk-c5-cart-empty .bbk-cux-sticky { display: none !important; }