/* ONX Mobile Nav v3.2 — Sticky Add To Cart + Cart Sheet (mobile) */
:root { --onx-satc-btn: #000; --onx-satc-btn-text: #fff; --onx-satc-cart: #000; --onx-satc-fill: #000; --onx-satc-track: #e9e9e9; }

/* ===== buy row inside the bottom bar ===== */
.onx-mbn-bar .onx-mbn-buy {
  position: absolute; inset: 0; display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box;
  opacity: 0; pointer-events: none; transition:none!important; z-index: 3;
}
.onx-mbn-bar.onx-mbn-buy-mode .onx-mbn-buy { opacity: 1; pointer-events: auto; }
.onx-mbn-bar.onx-mbn-buy-mode .onx-mbn-inner { opacity: 0; pointer-events: none; }
.onx-mbn-bar.onx-mbn-buy-mode.onx-mbn-scroll-hidden, .onx-mbn-bar.onx-mbn-buy-mode.onx-mbn-scroll-shrunk {
  transform: none !important; opacity: 1 !important; pointer-events: auto !important;
  height: var(--onx-h, 80px) !important; left: 0 !important; right: 0 !important;
  border-radius: var(--onx-radius, 24px) var(--onx-radius, 24px) 0 0 !important;
}
.onx-mbn-bar.onx-mbn-buy-mode.onx-mbn-scroll-shrunk::before { display: block; }
.onx-mbn-bar.onx-mbn-buy-mode.onx-mbn-scroll-shrunk .onx-mbn-buy { opacity: 1; }

/* Shared geometry must not gain specificity on hover/focus. */
#onx-mbn .onx-mbn-buy-add {
  flex: 1 1 auto; min-width: 0; height: 56px !important; min-height: 0; line-height: 1;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 0 18px !important; margin: 0; border: 0 !important; border-radius: 999px !important;
  background-color: var(--onx-satc-btn) !important; background-image: none !important; color: var(--onx-satc-btn-text) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.18) !important; text-transform: none; letter-spacing: 0; font-family: inherit;
  cursor: pointer; -webkit-tap-highlight-color: transparent; transition:none!important;
}
#onx-mbn .onx-mbn-buy-add:active { transform:none; }
#onx-mbn .onx-mbn-buy-add.is-loading { opacity: .8; pointer-events: none; }
#onx-mbn .onx-mbn-buy-add.is-added { background-color: #1f7a3f !important; }
.onx-mbn-buy-icon { width: 20px; height: 20px; flex: 0 0 auto; display: flex; }
.onx-mbn-buy-icon svg { width: 100%; height: 100%; }
.onx-mbn-buy-text { white-space: nowrap; font-size: 15px; font-weight: 800; }
#onx-mbn .onx-mbn-buy-price { color: var(--onx-satc-btn-text); font-size: 18px; font-weight: 900; letter-spacing: .01em; line-height: 1; white-space: nowrap; direction: ltr; background: none; border: 0; box-shadow: none; height: auto; }
#onx-mbn .onx-mbn-buy-price del, #onx-mbn .onx-mbn-buy-price .screen-reader-text { display: none; }
#onx-mbn .onx-mbn-buy-price ins { text-decoration: none; }

#onx-mbn .onx-mbn-buy-cart {
  position: relative; flex: 0 0 56px; width: 56px !important; min-width: 56px; max-width: 56px; height: 56px !important; min-height: 0; aspect-ratio: 1 / 1;
  padding: 0 !important; margin: 0; border: 0 !important; border-radius: 50% !important; box-sizing: border-box; line-height: 0;
  background-color: var(--onx-satc-cart) !important; background-image: none !important; color: #fff !important;
  display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
  cursor: pointer; -webkit-tap-highlight-color: transparent; transition:none!important;
}
#onx-mbn .onx-mbn-buy-cart:active { transform:none; }
.onx-mbn-buy-cart-icon { width: 24px; height: 24px; display: flex; }
.onx-mbn-buy-cart-icon svg { width: 100%; height: 100%; }
.onx-mbn-buy-count {
  position: absolute; top: -4px; right: -4px; min-width: 22px; height: 22px; padding: 0 5px; box-sizing: border-box;
  border-radius: 999px; background: #fff; color: #000; border: 1px solid rgba(0,0,0,.08); box-shadow: 0 3px 8px rgba(0,0,0,.14);
  font-size: 12px; font-weight: 900; line-height: 20px; text-align: center; transform: scale(0); transition:none!important;
}
[dir="rtl"] .onx-mbn-buy-count { right: auto; left: -4px; }
.onx-mbn-buy-count.has-items { transform: scale(1); }
#onx-mbn .onx-mbn-buy-back, #onx-mbn .onx-mbn-buy-back:hover, #onx-mbn .onx-mbn-buy-back:focus {
  flex: 0 0 44px; width: 44px !important; min-width: 44px; max-width: 44px; height: 44px !important; min-height: 0; aspect-ratio: 1 / 1;
  padding: 0 !important; margin: 0; border-radius: 50% !important; border: 1px solid rgba(0,0,0,.12) !important; box-sizing: border-box; line-height: 0;
  background-color: rgba(255,255,255,.8) !important; background-image: none !important; color: #000 !important; box-shadow: none !important;
  display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.onx-mbn-buy-back svg { width: 22px; height: 22px; }

/* ===== sheets ===== */
body.onx-mbn-sheet-lock { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }
.onx-mbn-sheet { position: fixed; inset: 0; z-index: 100000; display: none; }
.onx-mbn-sheet.is-preparing { display: block; }
.onx-mbn-sheet-overlay { position: absolute; inset: 0; background: rgba(22,24,32,.18); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: 0; transition:none!important; }
.onx-mbn-sheet.is-open .onx-mbn-sheet-overlay { opacity: 1; }
.onx-mbn-sheet-panel {
  position: absolute; left: 0; right: 0; bottom: 0; max-height: 88vh; max-height: 88dvh; display: flex; flex-direction: column;
  background: #fff; border-radius: 28px 28px 0 0; box-shadow: 0 -24px 70px rgba(0,0,0,.28);
  padding-bottom: env(safe-area-inset-bottom, 0px); color: #101010;
  transform: translateY(104%); transition:none!important;
}
.onx-mbn-sheet.is-open .onx-mbn-sheet-panel { transform: translateY(0); }
.onx-mbn-sheet-handle { display: block; width: 100%; padding: 10px 0 2px; margin: 0; border: 0; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.onx-mbn-sheet-handle span { display: block; width: 42px; height: 5px; margin: 0 auto; border-radius: 999px; background: #dcdcdc; }
.onx-mbn-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 18px 12px; }
.onx-mbn-sheet-titles { min-width: 0; }
.onx-mbn-sheet-title { display: flex; align-items: center; gap: 8px; font-size: 22px; font-weight: 900; color: #101010; line-height: 1.1; }
.onx-mbn-sheet-count { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: #101010; color: #fff; font-size: 12.5px; font-weight: 800; line-height: 1; }
.onx-mbn-sheet-count.is-empty { display: none; }
.onx-mbn-sheet-sub { font-size: 12.5px; color: #7a7a7a; margin-top: 4px; }
#onx-mbn-sheet .onx-mbn-sheet-close, .onx-mbn-sheet-close:hover {
  position: relative; flex: 0 0 36px; width: 36px; height: 36px; min-height: 0; padding: 0; margin: 0; border: 0; border-radius: 50%;
  background: #f1f1f1; background-image: none !important; box-shadow: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.onx-mbn-sheet-close::before, .onx-mbn-sheet-close::after { content: ''; position: absolute; left: 50%; top: 50%; width: 15px; height: 2.2px; background: #101010; border-radius: 2px; transform: translate(-50%,-50%) rotate(45deg); }
.onx-mbn-sheet-close::after { transform: translate(-50%,-50%) rotate(-45deg); }
.onx-mbn-sheet-body { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 16px 10px; transition:none!important; }
.onx-mbn-sheet-body.is-updating { pointer-events: none; }

/* empty state */
.onx-mbn-empty { padding: 26px 10px 30px; text-align: center; color: #7a7a7a; }
.onx-mbn-empty-icon { display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 auto 12px; border-radius: 22px; background: #f3f3f3; color: #101010; }
.onx-mbn-empty-icon svg { width: 28px; height: 28px; }
.onx-mbn-empty-title { font-size: 17px; font-weight: 800; color: #101010; }
.onx-mbn-empty-sub { font-size: 13px; margin: 4px 0 16px; }
#onx-mbn-sheet .onx-mbn-empty-btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 24px; border: 0; border-radius: 999px; background: #101010; color: #fff; font-size: 14px; font-weight: 800; font-family: inherit; cursor: pointer; }

/* free shipping */
.onx-mbn-freebar { padding: 12px 14px; margin: 2px 0 12px; border-radius: 18px; background: #f6f6f6; }
.onx-mbn-freebar-top { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; font-size: 13px; font-weight: 600; color: #333; }
.onx-mbn-freebar-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 10px; background: #101010; color: #fff; flex: 0 0 auto; }
.onx-mbn-freebar-icon svg { width: 16px; height: 16px; }
.onx-mbn-freebar-msg .amount { font-weight: 900; color: #101010; direction: ltr; unicode-bidi: embed; }
.onx-mbn-freebar-track { height: 7px; border-radius: 999px; background: var(--onx-satc-track); overflow: hidden; }
.onx-mbn-freebar-track span { display: block; height: 100%; border-radius: 999px; background: var(--onx-satc-fill); transition:none!important; }
.onx-mbn-freebar.is-done { background: #eef8f0; }
.onx-mbn-freebar.is-done .onx-mbn-freebar-icon { background: #1f7a3f; }
.onx-mbn-freebar.is-done .onx-mbn-freebar-track span { background: #1f7a3f; }

/* items */
.onx-mbn-cart-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.onx-mbn-cart-item { display: flex; align-items: stretch; gap: 12px; padding: 10px; border-radius: 20px; background: #fff; border: 1px solid #ececec; transition:none!important; }
.onx-mbn-cart-item.is-removing { opacity: .35; pointer-events: none; }
.onx-mbn-cart-item.is-new { background: #f4faf5; border-color: #cfe8d4; }
.onx-mbn-item-thumb { flex: 0 0 68px; width: 68px; height: 86px; border-radius: 14px; overflow: hidden; background: #f2f2f2; }
.onx-mbn-item-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.onx-mbn-item-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.onx-mbn-item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.onx-mbn-item-title { font-size: 15px; font-weight: 800; color: #101010; line-height: 1.25; }
#onx-mbn-sheet .onx-mbn-item-remove { flex: 0 0 30px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0; border-radius: 50%; background: #f3f3f3; color: #444; display: flex; align-items: center; justify-content: center; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.onx-mbn-item-remove svg { width: 15px; height: 15px; }
.onx-mbn-item-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; }
.onx-mbn-item-price { font-size: 15px; font-weight: 900; color: #101010; direction: ltr; unicode-bidi: embed; }
#onx-mbn-sheet .onx-mbn-qty-btn[disabled] { opacity: .3; }
.onx-mbn-qty-static { font-size: 13px; color: #777; }
.onx-mbn-low-stock { align-self: flex-start; padding: 3px 9px; border-radius: 999px; background: #f5f5f5; color: #666666; font-size: 11px; font-weight: 800; }

/* actions (sticky footer) */
.onx-mbn-sheet-actions { padding: 10px 16px 12px; display: flex; flex-direction: column; gap: 8px; border-top: 1px solid #f0f0f0; background: #fff; }
.onx-mbn-sheet-actions:empty { display: none; }
.onx-mbn-total { display: flex; align-items: baseline; justify-content: space-between; font-size: 15px; font-weight: 700; color: #333; }
.onx-mbn-total-value { font-size: 20px; font-weight: 900; color: #101010; direction: ltr; unicode-bidi: embed; }
.onx-mbn-total-note { font-size: 11.5px; color: #8a8a8a; margin-top: -4px; }
.onx-mbn-checkout {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 56px; padding: 0 22px; margin-top: 2px;
  border-radius: 999px; background: #101010; color: #fff !important; font-size: 16px; font-weight: 900; text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.24); -webkit-tap-highlight-color: transparent;
}
.onx-mbn-checkout:active { transform:none; }
.onx-mbn-checkout-total { font-size: 15px; font-weight: 800; opacity: .92; direction: ltr; unicode-bidi: embed; }
.onx-mbn-checkout .amount, .onx-mbn-checkout bdi, .onx-mbn-checkout .woocommerce-Price-currencySymbol, .onx-mbn-checkout span { color: #fff !important; }

/* toast + field error */
.onx-mbn-toast { position: fixed; left: 50%; bottom: calc(var(--onx-h, 80px) + 18px + env(safe-area-inset-bottom, 0px)); transform: translate(-50%, 12px); max-width: 88vw; padding: 11px 16px; border-radius: 999px; background: rgba(16,16,16,.94); color: #fff; font-size: 13.5px; font-weight: 700; opacity: 0; pointer-events: none; z-index: 100001; transition:none!important; text-align: center; }
.onx-mbn-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.onx-mbn-field-error { outline: 2px solid #d33 !important; outline-offset: 2px; border-radius: 14px; }

@media (min-width: 769px) { .onx-mbn-buy, .onx-mbn-sheet, .onx-mbn-toast { display: none !important; } }

/* 3.2 — quieter cart, clear option text, deliberate removal and generous touch targets. */
.onx-mbn-sheet-panel{max-height:92vh;max-height:92dvh;border-radius:26px 26px 0 0;box-shadow:0 -12px 48px #00000024;outline:0}
#onx-mbn-sheet .onx-mbn-sheet-handle{flex-shrink:0;min-height:24px;height:24px;padding:10px 0!important;background:transparent!important;box-shadow:none!important}
.onx-mbn-sheet-head{position:relative;justify-content:center;flex-shrink:0;padding:8px 58px 18px;text-align:center}
.onx-mbn-sheet-title{justify-content:center;font-size:22px;line-height:1.4;font-weight:650}
.onx-mbn-sheet-sub{font-size:13px;line-height:1.7;color:#737373}
#onx-mbn-sheet .onx-mbn-sheet-close{position:absolute;inset-inline-end:14px;top:10px;width:44px;height:44px;background:#f4f4f4!important}
.onx-mbn-sheet-body{min-height:0;overscroll-behavior-y:contain;scrollbar-width:thin;padding:0 14px 14px}
.onx-mbn-cart-list{gap:12px}
.onx-mbn-cart-item{border-radius:18px;padding:14px 12px;gap:12px;border-color:#e8e8e8}
.onx-mbn-item-thumb{width:76px;flex-basis:76px;height:104px;border-radius:12px}
.onx-mbn-item-main{gap:12px}
.onx-mbn-item-top{align-items:center;gap:6px}
.onx-mbn-item-title{font-size:15px;font-weight:650;line-height:1.6}
#onx-mbn-sheet .onx-mbn-item-remove{width:auto;flex:0 0 auto;min-width:58px;min-height:44px;height:auto;border-radius:12px;padding:8px!important;gap:5px;color:#963b35!important;background:#fff5f3!important;background-image:none!important;box-shadow:none!important;font-family:inherit;font-size:12px;text-transform:none;font-weight:600}
.onx-mbn-item-remove svg{width:17px;height:17px;flex-shrink:0}
.onx-mbn-item-options{margin:0;padding:0;display:grid;gap:5px;font-size:13px;line-height:1.75}
.onx-mbn-item-options>div{display:flex;flex-wrap:wrap;gap:3px 7px}
.onx-mbn-item-options dt{font-weight:400;color:#777777;margin:0}
.onx-mbn-item-options dt:not(:empty)::after{content:':' }
.onx-mbn-item-options dd{margin:0;color:#333333;font-weight:550;flex:0 0 auto;max-width:100%;min-width:0;white-space:normal;word-break:normal;overflow-wrap:break-word}
.onx-mbn-qty{height:44px;border-radius:13px;background:#fbfaf8;border-color:#e5ded5;direction:ltr}
#onx-mbn-sheet .onx-mbn-qty-btn{width:42px;height:42px;min-height:42px;font-size:20px;background:none!important;box-shadow:none!important;border-radius:0!important}
.onx-mbn-qty-val{min-width:25px;font-size:15px;font-variant-numeric:tabular-nums}
.onx-mbn-item-bottom{gap:8px;flex-wrap:wrap}
.onx-mbn-item-price{font-size:15px;font-weight:650}
.onx-mbn-sheet-actions{flex-shrink:0;gap:10px;padding:16px 18px 12px;border-top:1px solid #e8e8e8;box-shadow:0 -4px 18px #00000004}
.onx-mbn-total{font-size:16px;font-weight:500}
.onx-mbn-total-value{font-size:22px;font-weight:650}
.onx-mbn-total-note{font-size:12px;line-height:1.8;color:#737373;text-align:center;margin:0}
.onx-mbn-checkout{border-radius:16px;height:54px;background:#111111;box-shadow:none;font-weight:650}
.onx-mbn-checkout[aria-disabled=true]{opacity:.55;pointer-events:none}
#onx-mbn-sheet button:focus-visible,#onx-mbn-sheet a:focus-visible{outline:2px solid #111111;outline-offset:3px}
.onx-mbn-empty{padding:26px 10px 36px}
.onx-mbn-empty-sub{font-size:14px;line-height:1.8}
.onx-mbn-freebar{background:#f5f5f5;border-radius:14px;padding:12px}
.onx-mbn-freebar-top{line-height:1.7;font-size:13px}
.onx-mbn-low-stock{background:#f5f5f5;color:#666666;font-size:12px;font-weight:500}
#onx-mbn .onx-mbn-buy-add{background-color:#111111!important;gap:8px;padding:0 12px!important;box-shadow:0 4px 12px #11111114!important}
#onx-mbn .onx-mbn-buy-price{font-size:15px;font-weight:650}
.onx-mbn-buy-text{font-size:14px;font-weight:650}
.onx-mbn-toast{font-size:14px;line-height:1.7;border-radius:14px;width:max-content;max-width:calc(100vw - 32px)}
@media(max-width:390px){.onx-mbn-buy-icon{display:none}.onx-mbn-item-thumb{width:64px;flex-basis:64px;height:90px}.onx-mbn-item-main{gap:8px}.onx-mbn-item-options{font-size:12px}}
@media(prefers-reduced-motion:reduce){.onx-mbn-sheet-panel,.onx-mbn-sheet-overlay,.onx-mbn-cart-item,.onx-mbn-toast{transition:none!important}}
.onx-mbn-cart-feedback{padding:12px 14px;margin-bottom:12px;border:1px solid #f1d7d2;border-radius:12px;background:#fff7f5;color:#923a31;font-size:14px;line-height:1.8}

/* 3.3 — floating cart cards and a raised checkout surface. */
.onx-mbn-sheet-panel{background:#f4f5f7;border-radius:30px 30px 0 0;box-shadow:0 -12px 60px #00000030,inset 0 1px 0 #fff}
.onx-mbn-sheet-head{padding-top:10px;padding-bottom:20px}
.onx-mbn-sheet-title{font-size:22px;font-weight:650}
.onx-mbn-sheet-sub{color:#81838a;font-size:12px}
#onx-mbn-sheet .onx-mbn-sheet-close{background:#fff!important;box-shadow:0 3px 9px #0000000a!important;border:1px solid #e9eaee}
.onx-mbn-sheet-body{padding:0 16px 18px}
.onx-mbn-cart-list{gap:12px}
.onx-mbn-cart-item{background:#fff;border:1px solid #ffffff;border-radius:22px;padding:16px 12px;box-shadow:0 3px 6px #00000004,0 8px 20px #14151808;gap:12px}
.onx-mbn-item-thumb{width:74px;flex-basis:74px;height:108px;border-radius:15px;box-shadow:0 4px 10px #00000010}
.onx-mbn-item-main{gap:10px}
.onx-mbn-item-title{font-weight:650;font-size:15px}
#onx-mbn-sheet .onx-mbn-item-remove{min-width:44px;min-height:44px;padding:8px!important;background:#f3f4f7!important;color:#666972!important;border:1px solid #e9ebf0;border-radius:13px;box-shadow:0 2px 4px #00000003!important;font-size:11px;gap:4px}
#onx-mbn-sheet .onx-mbn-item-remove:hover{color:#a34040!important;background:#fff1f1!important}
.onx-mbn-item-remove svg{width:15px;height:15px}
.onx-mbn-item-options{font-size:13px;line-height:1.75;gap:4px}
.onx-mbn-item-options dt{color:#858790}
.onx-mbn-item-options dd{color:#35373d;font-weight:500}
.onx-mbn-item-bottom{padding-top:8px;border-top:1px solid #f1f2f5;justify-content:space-between;align-items:center}
.onx-mbn-qty-static{font-size:11px;background:#f2f3f6;color:#72757d;padding:4px 8px;border-radius:8px}
.onx-mbn-item-price{font-size:16px;font-weight:650}
.onx-mbn-low-stock{background:none;padding:0;color:#82858c;font-size:11px;font-weight:400}
.onx-mbn-sheet-actions{padding:18px 20px 22px;gap:9px;border:1px solid #fff;border-radius:24px 24px 0 0;background:linear-gradient(#fff,#fafbfc);box-shadow:0 -5px 24px #14151806}
.onx-mbn-total{font-size:15px;color:#5c5f66}
.onx-mbn-total-value{font-size:23px;font-weight:650;color:#18191d}
.onx-mbn-total-note{font-size:11px;text-align:start;color:#858790}
.onx-mbn-checkout{position:relative;justify-content:center;height:56px;margin-top:7px;background:linear-gradient(130deg,#393b42,#121316);border-radius:17px;box-shadow:inset 0 1px 0 #ffffff30,0 7px 16px #14151825;font-size:16px}
.onx-mbn-checkout-arrow{position:absolute;inset-inline-end:14px;display:flex;align-items:center;justify-content:center;background:#ffffff12;width:30px;height:30px;border-radius:10px}
.onx-mbn-checkout-arrow svg{width:18px;height:18px}
[dir=ltr] .onx-mbn-checkout-arrow svg{transform:rotate(180deg)}
#onx-mbn .onx-mbn-buy-add{border-radius:18px!important;background:linear-gradient(140deg,#3b3d43,#111215)!important;box-shadow:inset 0 1px 0 #ffffff30,0 6px 16px #14151825!important}
#onx-mbn .onx-mbn-buy-cart{background:linear-gradient(140deg,#3b3d43,#111215)!important;box-shadow:inset 0 1px 0 #ffffff30,0 6px 16px #14151825!important}
#onx-mbn .onx-mbn-buy-cart:focus-visible{outline:3px solid #8c95a8!important;outline-offset:3px}
#onx-mbn .onx-mbn-buy-back{background:linear-gradient(#fff,#f5f6f8)!important;box-shadow:0 3px 8px #00000008!important;border-color:#e3e5eb!important}
@media(max-width:350px){.onx-mbn-sheet-body{padding-inline:12px}.onx-mbn-sheet-actions{padding-inline:16px}.onx-mbn-item-thumb{width:56px;flex-basis:56px;height:80px}.onx-mbn-cart-item{gap:10px;padding:14px 10px}.onx-mbn-item-top{flex-wrap:wrap}}

/* 3.4 — stable button states, legible cart details and a deliberate sheet entrance. */
#onx-mbn .onx-mbn-buy-add,#onx-mbn .onx-mbn-buy-add:hover,#onx-mbn .onx-mbn-buy-add:focus,#onx-mbn .onx-mbn-buy-add:active,#onx-mbn .onx-mbn-buy-add.is-loading,#onx-mbn .onx-mbn-buy-add.is-added{border-radius:18px!important;background:linear-gradient(140deg,#3b3d43,#111215)!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff30,0 6px 16px #14151825!important;padding:0 12px!important}
#onx-mbn .onx-mbn-buy-add.is-loading{opacity:.85;cursor:wait}
#onx-mbn .onx-mbn-buy-add.is-loading .onx-mbn-buy-price{display:none}
#onx-mbn .onx-mbn-buy-add.is-loading .onx-mbn-buy-icon{display:flex;align-items:center;justify-content:center}
#onx-mbn .onx-mbn-buy-add.is-loading .onx-mbn-buy-icon svg{display:none}
#onx-mbn .onx-mbn-buy-add.is-loading .onx-mbn-buy-icon:after{content:'';display:block;width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;box-sizing:border-box;animation:onx-mbn-loading .8s linear infinite!important}
@keyframes onx-mbn-loading{to{transform:rotate(360deg)}}

@media(prefers-reduced-motion:reduce){#onx-mbn .onx-mbn-buy-add.is-loading .onx-mbn-buy-icon:after{animation:none!important}}
#onx-mbn .onx-mbn-buy-add.is-added{background:linear-gradient(140deg,#267861,#13513f)!important}
.onx-mbn-sheet-panel{transition:none!important;will-change:transform}
.onx-mbn-sheet-overlay{transition:none!important}
.onx-mbn-sheet.is-entering .onx-mbn-cart-item{animation:none!important}
.onx-mbn-sheet.is-entering .onx-mbn-sheet-actions{animation:none!important}

.onx-mbn-sheet-sub{font-size:15px;line-height:1.8;color:#626671;margin-top:6px}
.onx-mbn-low-stock{display:inline-flex;align-self:flex-start;background:#fff0ed;color:#ab3f33;border:1px solid #f5d6cf;border-radius:9px;padding:5px 9px;font-size:14px;line-height:1.5;font-weight:600}
.onx-mbn-total{font-size:18px;color:#333740;font-weight:600}
.onx-mbn-total-value{font-size:24px}
.onx-mbn-total-note{font-size:14px;line-height:1.85;color:#636772;text-align:center}
.onx-mbn-qty{display:inline-flex;align-items:center;direction:ltr;background:#f4f5f8;border:1px solid #e3e5eb;border-radius:13px;height:44px;overflow:hidden;box-shadow:inset 0 1px 2px #00000004}
#onx-mbn-sheet .onx-mbn-qty-btn{display:flex;align-items:center;justify-content:center;width:40px;height:42px;min-height:42px;min-width:0;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#252830!important;box-shadow:none!important;font-family:inherit;font-size:21px;font-weight:600;line-height:1;cursor:pointer}
#onx-mbn-sheet .onx-mbn-qty-btn:disabled{opacity:.3;cursor:default}
.onx-mbn-qty-val{min-width:24px;text-align:center;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.onx-mbn-cart-item .onx-mbn-item-bottom{gap:8px;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.onx-mbn-sheet-panel,.onx-mbn-sheet-overlay{transition:none!important}.onx-mbn-sheet.is-entering .onx-mbn-cart-item,.onx-mbn-sheet.is-entering .onx-mbn-sheet-actions{animation:none!important}}

/* Scroll containment has to include the document root, not only body. */
html.onx-mbn-root-lock{overflow:hidden!important;overscroll-behavior:none!important}
/* Keep the full document behind the blur when its saved scroll offset moves the body upward. */
body.onx-mbn-sheet-lock{position:fixed!important;overflow:hidden!important;overscroll-behavior:none!important;height:auto;min-height:100%;touch-action:pan-y pinch-zoom}
#onx-mbn-sheet{overscroll-behavior:none;touch-action:pan-y pinch-zoom}
#onx-mbn-sheet .onx-mbn-sheet-panel{overflow:hidden;overscroll-behavior:none}
#onx-mbn-sheet .onx-mbn-sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
#onx-mbn-sheet .onx-mbn-sheet-head,#onx-mbn-sheet .onx-mbn-sheet-actions,#onx-mbn-sheet .onx-mbn-sheet-handle{flex-shrink:0}
#onx-mbn-sheet .onx-mbn-sheet-body.is-updating{pointer-events:auto}

/* 3.6 — deliberate press feedback without altering loading/success states. */
#onx-mbn .onx-mbn-buy-add{position:relative;overflow:hidden;isolation:isolate;transition:none!important}
#onx-mbn .onx-mbn-buy-add::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#ffffff16,transparent 55%);opacity:0;transition:none!important}
#onx-mbn .onx-mbn-buy-add:active:not(.is-loading){transform:none;box-shadow:inset 0 2px 5px #00000025,0 2px 7px #14151820!important}
#onx-mbn .onx-mbn-buy-add:active::after{opacity:1}
#onx-mbn .onx-mbn-buy-add:focus-visible{outline:3px solid #8c95a8!important;outline-offset:3px}
@media(hover:hover) and (pointer:fine){#onx-mbn .onx-mbn-buy-add:hover:not(.is-loading):not(.is-added){transform:none;filter:brightness(1.09);box-shadow:inset 0 1px 0 #ffffff38,0 9px 19px #14151830!important}#onx-mbn .onx-mbn-buy-add:hover::after{opacity:1}}
@media(prefers-reduced-motion:reduce){#onx-mbn .onx-mbn-buy-add,#onx-mbn .onx-mbn-buy-add::after{transition:none!important;transform:none!important}}

/* Match Add to Cart's light overlay without moving the checkout label. */
#onx-mbn-sheet .onx-mbn-checkout{overflow:hidden;isolation:isolate;transform:none;transition:none!important}
#onx-mbn-sheet .onx-mbn-checkout::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#ffffff16,transparent 55%);opacity:0;transition:none!important}
#onx-mbn-sheet .onx-mbn-checkout:not([aria-disabled=true]):active::after,
#onx-mbn-sheet .onx-mbn-checkout:not([aria-disabled=true]):focus-visible::after{opacity:1}
#onx-mbn-sheet .onx-mbn-checkout:focus-visible{outline:3px solid #8c95a8;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
  #onx-mbn-sheet .onx-mbn-checkout:not([aria-disabled=true]):hover{transform:none;filter:brightness(1.09);box-shadow:inset 0 1px 0 #ffffff38,0 9px 19px #14151830!important}
  #onx-mbn-sheet .onx-mbn-checkout:not([aria-disabled=true]):hover::after{opacity:1}
}

/* One stable payment surface, including the optional express-payment slot. */
#onx-mbn-sheet{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#onx-mbn-sheet .onx-mbn-sheet-panel{padding-bottom:0}
#onx-mbn-sheet .onx-mbn-sheet-footer{position:relative;z-index:2;flex:0 0 auto;background:#fff;border-top:1px solid #e0e3ea;border-radius:24px 24px 0 0;box-shadow:0 -10px 28px #222d451c,0 -2px 7px #222d4510;padding-bottom:env(safe-area-inset-bottom,0px)}
#onx-mbn-sheet .onx-mbn-sheet-footer:has(.onx-mbn-sheet-actions:empty){display:none}
#onx-mbn-sheet .onx-mbn-sheet-actions{padding:16px 18px;gap:8px;border:0;background:transparent;border-radius:0;box-shadow:none}
#onx-mbn-sheet .onx-mbn-sheet-express{display:none}
#onx-mbn-sheet .onx-mbn-total{font-size:18px}
#onx-mbn-sheet .onx-mbn-total-value{font-size:24px}
#onx-mbn-sheet .onx-mbn-total-note{font-size:14px;line-height:1.65}
#onx-mbn-sheet .onx-mbn-checkout{height:52px;margin-top:4px}
#onx-mbn-sheet .onx-mbn-qty{flex:0 0 auto;width:88px;min-width:88px;height:36px;border-radius:10px}
#onx-mbn-sheet .onx-mbn-qty-btn{flex:0 0 32px;width:32px;height:34px;min-height:34px;font-size:18px}
#onx-mbn-sheet .onx-mbn-qty-val{min-width:22px;font-size:14px}
#onx-mbn-sheet .onx-mbn-item-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
#onx-mbn-sheet .onx-mbn-item-options dt{max-width:100%;word-break:normal}

/* Keep the total explanation readable without competing with the checkout action. */
#onx-mbn-sheet .onx-mbn-total-note{color:#66536d;font-size:14px;font-weight:600;line-height:1.65;text-align:center;padding:8px 12px;border:1px solid #eee4f0;background:#faf6fc;border-radius:12px;margin:3px 0 6px}

/* Distinct, stable tap / working / success colours, including sticky hover states. */
#onx-mbn .onx-mbn-buy-add:active:not(.is-loading):not(.is-added){background:#765178!important;filter:none!important}
#onx-mbn .onx-mbn-buy-add.is-loading,#onx-mbn .onx-mbn-buy-add.is-loading:hover{background:#765178!important;opacity:1;filter:none!important}
#onx-mbn .onx-mbn-buy-add.is-added,#onx-mbn .onx-mbn-buy-add.is-added:hover{background:#23694e!important;opacity:1;filter:none!important}

/* Keep the title and selected options together, independent of the remove target. */
#onx-mbn-sheet .onx-mbn-item-top{align-items:flex-start;flex-wrap:nowrap;gap:8px}
#onx-mbn-sheet .onx-mbn-item-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#onx-mbn-sheet .onx-mbn-item-details .onx-mbn-item-title{flex:none;display:block;line-height:1.45}
#onx-mbn-sheet .onx-mbn-item-details .onx-mbn-item-options{margin:0;font-size:13px;line-height:1.65;gap:3px}
#onx-mbn-sheet .onx-mbn-item-bottom{flex-wrap:wrap;gap:8px 12px;margin-top:auto;padding-top:10px;align-items:center}
#onx-mbn-sheet .onx-mbn-item-price{flex:0 1 auto;min-width:0;text-align:start;white-space:normal;overflow-wrap:normal}

/* A stale cart row explains why quantity changes are unavailable; ordinary stock stays hidden. */
#onx-mbn-sheet .onx-mbn-item-unavailable{margin:5px 0 0;font-size:12px;font-weight:600;line-height:1.5;color:#9c3d3d}

/* Keep server-rendered currency markup and AJAX text the same action color. */
#onx-mbn .onx-mbn-buy-add .onx-mbn-buy-price,#onx-mbn .onx-mbn-buy-add .onx-mbn-buy-price *{color:var(--onx-satc-btn-text,#fff)!important;-webkit-text-fill-color:var(--onx-satc-btn-text,#fff)!important;transition:none!important}