.onx-rewards-panel,.onx-rewards-checkout{font-family:inherit;color:#51365e;box-sizing:border-box}
.onx-rewards-panel{display:flex;align-items:center;gap:16px;padding:20px;margin:18px 0;border:1px solid #e6d7ed;border-radius:22px;background:linear-gradient(125deg,#fff5e9,#f7eafd);text-align:start}
.onx-rewards-content{min-width:0;flex:1}
.onx-rewards-panel h3,.onx-rewards-checkout h3{font-family:inherit;font-size:16px;line-height:1.5;margin:0 0 5px;font-weight:750;color:#51365e}
.onx-rewards-balance{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}
.onx-rewards-balance>strong{font-size:30px;line-height:1.4;font-weight:800;color:#50315b;white-space:nowrap}
.onx-rewards-balance>strong>span{font-size:17px;font-weight:700}
.onx-rewards-worth{display:inline-flex;gap:5px;align-items:center;flex-wrap:wrap;border:1px solid #e8d8e7;background:#fff9;border-radius:12px;padding:5px 10px;font-size:14px;font-weight:700}
.onx-rewards-panel p,.onx-rewards-checkout p{font-size:14px;line-height:1.7;margin:6px 0 0;color:#6f5574;font-weight:550}
.onx-rewards-symbol{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:16px;background:#fff9;box-shadow:inset 0 0 0 1px #fff;color:#955087}
.onx-rewards-symbol svg{width:28px;height:28px}
.onx-rewards-panel .onx-rewards-pending{padding-block-start:9px;margin-block-start:10px;border-top:1px solid #e4d4e4;color:#755875;font-weight:650}
.onx-hub-profile .onx-rewards-account{width:100%;margin:20px 0 2px;background:linear-gradient(110deg,#fff6ed,#f7eafa);border-color:#e6d7ed}
.onx-rewards-checkout{border:1px solid #e5d9eb;border-radius:20px;background:linear-gradient(110deg,#fffbf7,#fbf5fd);padding:16px;margin:14px 0 0;width:100%}
.onx-rewards-checkout-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.onx-rewards-checkout .onx-rewards-symbol{width:38px;height:38px;border-radius:12px;background:#f3e5f2}
.onx-rewards-checkout .onx-rewards-symbol svg{width:23px;height:23px}
.onx-rewards-checkout .onx-rewards-content{flex:1 1 160px}
.onx-rewards-checkout h3{margin:0;font-size:16px}
.onx-rewards-checkout .onx-rewards-checkout-balance{margin:2px 0 0;font-size:14px}
.onx-rewards-use{font-family:inherit!important;font-size:14px!important;font-weight:750!important;border:1px solid #745075!important;border-radius:13px!important;background:#694269!important;color:#fff!important;padding:10px 14px!important;min-height:44px!important;line-height:1.5!important;box-shadow:0 4px 10px #50365d15;white-space:nowrap;transition:none!important}
.onx-rewards-use:disabled{background:#eee6f0!important;color:#7a687f!important;border-color:#e2d6e7!important;box-shadow:none;cursor:default;opacity:1}
.onx-rewards-use:focus-visible{outline:3px solid #c49bbf;outline-offset:3px}
.onx-rewards-checkout .onx-rewards-earning{padding-block-start:10px;margin-block-start:10px;border-top:1px solid #eadfeb;font-weight:650}
.onx-rewards-checkout .onx-rewards-applied{color:#226449;font-weight:700}
.onx-rewards-checkout .onx-rewards-reason{font-size:13px}
.onx-rewards-checkout .onx-rewards-feedback{color:#a63246;font-weight:650}
.onx-rewards-feedback:empty{display:none}
.onx-rewards-panel .amount,.onx-rewards-checkout .amount{font-size:inherit!important;font-weight:750!important;color:inherit!important;white-space:nowrap}
@media(max-width:380px){.onx-rewards-panel{gap:12px;padding:16px}.onx-rewards-balance{gap:6px}.onx-rewards-balance>strong{font-size:27px}.onx-rewards-worth{font-size:13px}.onx-rewards-panel .onx-rewards-symbol{width:38px;height:38px;border-radius:13px}.onx-rewards-checkout{padding:14px}.onx-rewards-checkout-head{gap:9px}.onx-rewards-use{margin-inline-start:auto}}
#onx-rewards-product{order:2;margin:12px 0 18px}#onx-rewards-product[hidden]{display:none!important}
.onx-rewards-preview{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #eadcea;border-radius:14px;background:linear-gradient(110deg,#fff5ee,#f7effc);color:#684270;padding:10px 14px;font-family:inherit;text-align:center;box-sizing:border-box}
.onx-rewards-preview>span:last-child{display:flex;align-items:center;justify-content:center;gap:5px 12px;flex-wrap:wrap;min-width:0}
.onx-rewards-preview-icon{width:26px;height:26px;display:grid;place-items:center;flex:none;color:#a3548b}.onx-rewards-preview-icon svg{width:24px;height:24px}
.onx-rewards-preview .onx-rewards-preview-label{font-family:inherit;font-size:15px;line-height:1.65;font-weight:750;color:#684270}
.onx-rewards-preview-value{display:inline-flex;align-items:center;gap:5px;font-size:13px;line-height:1.7;font-weight:650;color:#806083;white-space:nowrap}.onx-rewards-preview-value .amount{font-size:inherit!important;color:inherit!important}

/* Compact checkout rewards; full account and receipt cards keep their own layout. */
.onx-rewards-checkout.onx-rewards-guest{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:9px;padding:12px 14px;border-radius:0;border-width:1px 0 0;margin:0;background:#fcf8fd}
.onx-rewards-guest .onx-rewards-checkout-head{display:contents}.onx-rewards-guest .onx-rewards-symbol{grid-column:1;grid-row:1/3;width:26px;height:26px;border-radius:9px}.onx-rewards-guest .onx-rewards-symbol svg{width:20px;height:20px}
.onx-rewards-guest .onx-rewards-content{grid-column:2;grid-row:2}.onx-rewards-guest .onx-rewards-content h3{display:none}.onx-rewards-guest .onx-rewards-content p{font-size:12px;margin:3px 0 0;font-weight:500;line-height:1.6}
.onx-rewards-checkout.onx-rewards-guest .onx-rewards-earning{grid-column:2;grid-row:1;padding:0;margin:0;border:0;font-size:14px;line-height:1.65}.onx-rewards-guest .onx-rewards-feedback{grid-column:2}

/* Compact redemption in the scrolling bag, leaving the payment footer clear. */
#onx-mbn-sheet .onx-rewards-sheet{margin:14px 0 0;padding:14px;border:1px solid #e5d6e8;border-radius:18px;background:linear-gradient(115deg,#fff6ef,#f6eefc);font-family:inherit}
#onx-mbn-sheet .onx-rewards-sheet[hidden]{display:none}
#onx-mbn-sheet .onx-rewards-sheet .onx-rewards-checkout-head{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}
#onx-mbn-sheet .onx-rewards-sheet .onx-rewards-symbol{width:28px;height:28px;border-radius:9px}
#onx-mbn-sheet .onx-rewards-sheet h3{font-size:15px;line-height:1.5;margin:0 0 3px}
#onx-mbn-sheet .onx-rewards-sheet .onx-rewards-checkout-balance{font-size:12px;line-height:1.7;margin:0}
#onx-mbn-sheet .onx-rewards-sheet .onx-rewards-use{min-height:40px!important;margin:0;padding:8px 10px!important;font-size:13px!important;border-radius:11px!important}
#onx-mbn-sheet .onx-rewards-sheet :is(.onx-rewards-applied,.onx-rewards-reason){font-size:13px;line-height:1.7;margin:9px 0 0}
#onx-mbn-sheet .onx-rewards-feedback:empty{display:none}