/* Nopixan App Checkout route stylesheet v2.8.4 */ :root{ --nx-p1: var(--nxapp-p1, var(--nxpay-p1, #ccd5ae)); --nx-p2: var(--nxapp-p2, var(--nxpay-p2, #e9edc9)); --nx-p3: var(--nxapp-p3, var(--nxpay-p3, #fefae0)); --nx-p4: var(--nxapp-p4, var(--nxpay-p4, #faedcd)); --nx-p5: var(--nxapp-p5, var(--nxpay-p5, #d4a373)); --nx-step-bg: color-mix(in oklab, var(--nx-p1) 32%, white); --nx-step-accent: var(--nx-p5); } .nx-app.nx-app-checkout *{ box-sizing:border-box; } .nx-app.nx-app-checkout{ direction: rtl; background:#fff; color:#222; -webkit-text-size-adjust:100%; } .nx-app.nx-app-checkout .nx-container{ max-width:960px; margin:0 auto; padding:16px 16px 96px; } .nx-app.nx-app-checkout .nx-stepper{ display:flex; gap:8px; margin-bottom:16px; } .nx-app.nx-app-checkout .nx-step{ flex:1; height:6px; background:var(--nx-step-bg); border-radius:999px; position:relative; overflow:hidden; } .nx-app.nx-app-checkout .nx-step.is-active::after, .nx-app.nx-app-checkout .nx-step.is-done::after{ content:""; position:absolute; inset:0; background: linear-gradient(90deg, var(--nx-step-accent), var(--nx-p1)); } .nx-app.nx-app-checkout .nx-stepper-final{ margin-bottom:16px; } .nx-app.nx-app-checkout .nx-strip{ height:8px; border-radius:999px; overflow:hidden; position:relative; } .nx-app.nx-app-checkout .nx-strip.success{ --c1: var(--nx-p5); --c2: var(--nx-p1); --c3: var(--nx-p2); --c4: var(--nx-p5); } .nx-app.nx-app-checkout .nx-strip.success::before{ content:""; position:absolute; inset:0; background: linear-gradient(90deg, var(--c1), var(--c2), var(--c3), var(--c4)); background-size: 300% 300%; animation: nxGrad 2.2s ease-in-out infinite; } .nx-app.nx-app-checkout .nx-strip.failed{ --c1: #ff4d6d; --c2: #ff8fa3; --c3: #e64980; --c4: #f72585; } .nx-app.nx-app-checkout .nx-strip.failed::before{ content:""; position:absolute; inset:0; background: linear-gradient(90deg, var(--c1), var(--c2), var(--c3), var(--c4)); background-size: 300% 300%; animation: nxGrad 2.2s ease-in-out infinite; } @keyframes nxGrad{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .nx-app.nx-app-checkout .nx-title{ font-size:1.25rem; margin:0 0 8px; display:flex; align-items:center; gap:8px; } .nx-app.nx-app-checkout .nx-badge{ display:inline-flex; align-items:center; justify-content:center; padding:2px 8px; border-radius:999px; font-size:.78rem; margin-right:6px; } .nx-app.nx-app-checkout .nx-req{ background:#ffe8e8; color:#b30000; border:1px solid #ffc7c7; } .nx-app.nx-app-checkout .nx-fa{ background:#ffe8e8; color:#b30000; border:1px solid #ffc7c7; } .nx-app.nx-app-checkout .nx-card{ border:1px solid #eee; background:#fff; border-radius:16px; padding:16px; margin-bottom:12px; box-shadow:0 6px 22px rgba(0,0,0,.06); } .nx-app.nx-app-checkout .nx-items .nx-item{ display:grid; grid-template-columns:64px 1fr auto; gap:12px; align-items:center; padding:8px 0; border-bottom:1px dashed #eee; position:relative; } .nx-app.nx-app-checkout .nx-items .nx-item:last-child{ border-bottom:0; } .nx-app.nx-app-checkout .nx-item.nx-oos{ opacity: 0.5; filter: grayscale(1); pointer-events: none; } .nx-app.nx-app-checkout .nx-thumb{ width:64px; height:64px; border-radius:12px; overflow:hidden; background:var(--nx-p2); } .nx-app.nx-app-checkout .nx-thumb img{ width:100%; height:100%; object-fit:cover; display:block; } .nx-app.nx-app-checkout .nx-name{ font-weight:600; } .nx-app.nx-app-checkout .nx-qty{ display:flex; align-items:center; justify-content:center; gap:8px; } .nx-app.nx-app-checkout .nx-item-side{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-width:86px; } .nx-app.nx-app-checkout .nx-item-side .nx-remove{ margin-top:0!important; align-self:center; } .nx-app.nx-app-checkout .nx-qty button{ width:32px; height:32px; border-radius:10px; border:0; background:var(--nx-p4); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:0; transition: .2s; } .nx-app.nx-app-checkout .nx-qty button:hover:not([disabled]){ filter:brightness(.95); } .nx-app.nx-app-checkout .nx-qty button[disabled]{ opacity: 0.4; cursor: not-allowed; } .nx-app.nx-app-checkout .nx-qty svg{ width:16px; height:16px; stroke:var(--nx-p5); stroke-width:2.4; stroke-linecap:round; } .nx-app.nx-app-checkout .nx-remove{ color:#c00; font-size:.85rem; display:inline-block; margin-top:4px; } .nx-app.nx-app-checkout .nx-oos-badge{ position:absolute; right:76px; top:6px; background:#ffe3e3; color:#a10000; border:1px solid #ffbcbc; border-radius:10px; padding:2px 8px; font-size:.78rem; } .nx-app.nx-app-checkout .nx-totals{ background:var(--nx-p3); border-radius:12px; padding:12px; } .nx-app.nx-app-checkout .nx-line{ display:flex; align-items:center; justify-content:space-between; padding:6px 0; } .nx-app.nx-app-checkout .nx-grand{ border-top:1px solid rgba(0,0,0,.06); margin-top:6px; padding-top:10px; font-size:1.05rem; } .nx-app.nx-app-checkout .nx-form .row{ display:grid; gap:16px; grid-template-columns:1fr 1fr; margin-bottom:8px; } @media (max-width:800px){ .nx-app.nx-app-checkout .nx-form .row{ grid-template-columns:1fr; } } .nx-app.nx-app-checkout .nx-field{ display:flex; flex-direction:column; gap:8px; } .nx-app.nx-app-checkout .nx-field label{ font-size:.95rem; color:#333; display:flex; align-items:center; gap:6px; } .nx-app.nx-app-checkout .nx-field small{ color:#666; } .nx-app.nx-app-checkout .nx-field input, .nx-app.nx-app-checkout .nx-field select{ height:50px; border-radius:12px; border:1px solid #ddd; padding:0 12px; outline:none; background:#fff; font-size:16px; transition: .2s border-color; } .nx-app.nx-app-checkout .nx-field input:focus, .nx-app.nx-app-checkout .nx-field select:focus{ border-color: var(--nx-p5); } .nx-app.nx-app-checkout .nx-actions{ position:fixed; left:0; right:0; bottom:0; background:rgba(255,255,255,0.95); backdrop-filter: blur(10px); border-top:1px solid #eee; padding:10px; z-index:99; } .nx-app.nx-app-checkout .nx-actions .nx-bar{ max-width:960px; margin:0 auto; display:flex; gap:10px; } .nx-app.nx-app-checkout .nx-btn{ flex:1; text-align:center; padding:14px 16px; border-radius:14px; border:0; cursor:pointer; font-weight:700; text-decoration:none !important; } .nx-app.nx-app-checkout .nx-btn-primary{ background:var(--nx-p5) !important; color:#fff !important; } .nx-app.nx-app-checkout .nx-btn-primary:hover{ filter:brightness(.95); } .nx-app.nx-app-checkout .nx-btn-secondary{ background:var(--nx-p2) !important; color:var(--nx-p5) !important; } .nx-app.nx-app-checkout .nx-btn-secondary:hover{ background:var(--nx-p1) !important; color:var(--nx-p5) !important; } .nx-app.nx-app-checkout .nx-hidden{ display:none !important; } .nx-app.nx-app-checkout .nx-empty{ text-align:center; padding:16px; color:#555; } .nx-app.nx-app-checkout.is-cart-empty .nx-stepper{ display:none!important; } .nx-app.nx-app-checkout.is-cart-empty [data-step="2"], .nx-app.nx-app-checkout.is-cart-empty [data-step="3"]{ display:none!important; } .nx-app.nx-app-checkout .nx-payments{ display:grid; gap:10px; } .nx-app.nx-app-checkout .nx-method{ display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #eee; border-radius:14px; cursor:pointer; transition:.2s; } .nx-app.nx-app-checkout .nx-method:hover{ box-shadow:0 6px 22px rgba(0,0,0,.06); } .nx-app.nx-app-checkout .nx-method input{ accent-color: var(--nx-p5); } .nx-app.nx-app-checkout .nx-method-box.nx-method-box-a2a .nx-method{ border-color: color-mix(in oklab, var(--nx-p5) 24%, #eee); background: linear-gradient(135deg, rgba(255,255,255,.85), color-mix(in oklab, var(--nx-p3) 36%, #fff)); } .nx-app.nx-app-checkout .nx-a2a-checkout-note{ margin:0 12px 12px; padding:9px 11px; border-radius:12px; background: color-mix(in oklab, var(--nx-p5) 10%, #fff); border:1px solid color-mix(in oklab, var(--nx-p5) 20%, #fff); color:#5b3a11; font-size:12px; font-weight:800; line-height:1.8; } .nx-app.nx-app-checkout .nx-method-box{ border:1px solid #eee; border-radius:16px; background:rgba(255,255,255,.72); overflow:hidden; transition:.2s ease; } .nx-app.nx-app-checkout .nx-method-box.is-selected{ border-color:color-mix(in oklab, var(--nx-p5) 42%, #fff); box-shadow:0 10px 28px color-mix(in oklab, var(--nx-p5) 13%, transparent); } .nx-app.nx-app-checkout .nx-method-box .nx-method{ border:0; border-radius:0; margin:0; } .nx-app.nx-app-checkout .nx-method-fields{ display:none; padding:0 12px 12px; text-align:right; } .nx-app.nx-app-checkout .nx-method-box.is-selected .nx-method-fields{ display:block; } .nx-app.nx-app-checkout .nx-method-fields p{ margin:8px 0; line-height:1.8; font-size:.9rem; opacity:.85; } .nx-app.nx-app-checkout .nx-method-fields input:not([type=radio]):not([type=checkbox]), .nx-app.nx-app-checkout .nx-method-fields select, .nx-app.nx-app-checkout .nx-method-fields textarea{ width:100%; min-height:44px; border-radius:12px; border:1px solid #ddd; background:#fff; padding:8px 10px; font-size:15px; } .nx-app.nx-app-checkout .nx-gateway-receipt{ margin-top:12px; padding:10px; border-radius:16px; background:rgba(255,255,255,.48); border:1px solid rgba(255,255,255,.55); } .nx-app.nx-app-checkout .nx-gateway-receipt:empty{ display:none; } .nx-app.nx-app-checkout .nx-cover{ width:40px; height:40px; border-radius:10px; overflow:hidden; background:var(--nx-p2); display:flex; align-items:center; justify-content:center; } .nx-app.nx-app-checkout .nx-cover img{ width:100%; height:100%; object-fit:cover; } .nx-app.nx-app-checkout .nx-coupon{ display:flex; gap:8px; margin-top:8px; } .nx-app.nx-app-checkout .nx-coupon input{ flex:1; height:50px; border-radius:12px; border:1px solid #ddd; padding:0 12px; background:#fff; font-size:16px; } .nx-app.nx-app-checkout .nx-coupon .nx-btn{ flex:0 0 auto; padding:0 16px; height:50px; } .nx-app.nx-app-checkout .nx-timer{ display:flex; align-items:center; gap:8px; background:color-mix(in oklab, var(--nx-p1) 12%, transparent); border:1px dashed var(--nx-p5); color:#333; padding:10px 12px; border-radius:12px; font-weight:700; } .nx-app.nx-app-checkout .nx-price-badge{ display:none; align-items:center; justify-content:center; margin-top:8px; padding:9px 10px; border-radius:12px; font-weight:900; font-size:.9rem; background:color-mix(in oklab, var(--nx-p5) 14%, #fff); border:1px solid color-mix(in oklab, var(--nx-p5) 28%, #fff); color:#6b3a00; } .nx-app.nx-app-checkout .nx-price-badge.show{ display:flex; } .nx-app.nx-app-checkout .nx-price-badge.is-danger{ background:#fff0f0; border-color:#ffcaca; color:#9b1111; } .nx-app.nx-app-checkout .nx-btn[disabled]{ opacity:.62; cursor:not-allowed; filter:grayscale(.1); } .nx-app.nx-app-checkout .nx-handoff-card{ position:relative; overflow:hidden; border-radius:24px; padding:18px; background:linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,255,255,.44)); border:1px solid rgba(255,255,255,.58); box-shadow:0 24px 70px rgba(15,23,42,.12); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } .nx-app.nx-app-checkout .nx-handoff-gateway{ display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:14px; } .nx-app.nx-app-checkout .nx-handoff-cover{ width:58px; height:58px; border-radius:18px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:var(--nx-p2); border:1px solid rgba(0,0,0,.06); box-shadow:0 10px 26px rgba(15,23,42,.08); } .nx-app.nx-app-checkout .nx-handoff-cover img{ width:100%; height:100%; object-fit:cover; display:block; } .nx-app.nx-app-checkout .nx-handoff-title{ font-weight:950; font-size:1.08rem; } .nx-app.nx-app-checkout .nx-handoff-sub{ opacity:.72; margin-top:3px; font-size:.9rem; } .nx-app.nx-app-checkout .nx-handoff-progress{ height:9px; border-radius:999px; background:color-mix(in oklab, var(--nx-p1) 25%, #fff); overflow:hidden; margin:14px 0; } .nx-app.nx-app-checkout .nx-handoff-progress::before{ content:""; display:block; height:100%; width:42%; border-radius:inherit; background:linear-gradient(90deg, var(--nx-p5), var(--nx-p1)); animation:nxHandoffMove 1.35s ease-in-out infinite; } @keyframes nxHandoffMove{ 0%{transform:translateX(145%)} 50%{transform:translateX(15%)} 100%{transform:translateX(-145%)} } .nx-app.nx-app-checkout .nx-gateway-receipt{ margin-top:12px; padding:12px; border-radius:16px; background:rgba(255,255,255,.58); border:1px solid rgba(0,0,0,.06); } .nx-app.nx-app-checkout .nx-gateway-receipt form{ margin:0; } .nx-app.nx-app-checkout .nx-gateway-receipt input[type="submit"], .nx-app.nx-app-checkout .nx-gateway-receipt button, .nx-app.nx-app-checkout .nx-gateway-receipt .button{ width:100%; border-radius:14px !important; background:var(--nx-p5) !important; color:#fff !important; border:0 !important; padding:13px 16px !important; font-weight:900 !important; } .nx-app.nx-app-checkout .nx-handoff-fallback{ display:none; margin-top:12px; } .nx-app.nx-app-checkout .nx-handoff-fallback.show{ display:flex; } .nx-app.nx-app-checkout .nx-shipping-note{ margin-top:8px; padding:10px 12px; border-radius:12px; } .nx-app.nx-app-checkout .nx-note-free{ background:#eaffef; border:1px solid #b7f0c6; color:#0a6b3e; animation:nxPulse 2.2s ease-in-out infinite; } .nx-app.nx-app-checkout .nx-note-paid{ background:#fff7e6; border:1px solid #ffe1a1; color:#7a4b00; } @keyframes nxPulse{ 0%{ box-shadow:0 0 0 0 rgba(212,163,115,.35); transform:scale(1); } 70%{ box-shadow:0 0 0 12px rgba(212,163,115,0); transform:scale(1.01);} 100%{ box-shadow:0 0 0 0 rgba(212,163,115,0); transform:scale(1); } } .nx-app.nx-app-checkout .nx-recom-list{ display:flex; flex-direction:column; gap:10px; } .nx-app.nx-app-checkout .nx-recom-row{ display:flex; flex-direction:row-reverse; align-items:center; gap:12px; padding:10px; border:1px solid #eee; border-radius:12px; background:#fff; text-decoration:none; color:inherit; } .nx-app.nx-app-checkout .nx-recom-thumb{ width:64px; height:64px; border-radius:12px; overflow:hidden; background:var(--nx-p2); } .nx-app.nx-app-checkout .nx-recom-thumb img{ width:100%; height:100%; object-fit:cover; display:block; } .nx-app.nx-app-checkout .nx-recom-meta{ flex:1; display:flex; flex-direction:column; gap:4px; align-items:flex-start; } .nx-app.nx-app-checkout .nx-recom-title{ font-weight:600; font-size:.98rem; } .nx-app.nx-app-checkout .nx-recom-price{ font-weight:700; } .nx-app.nx-app-checkout .nx-final{ text-align:center; padding:16px; } .nx-app.nx-app-checkout .nx-final img{ max-width:180px; height:auto; margin-bottom:8px; border-radius:12px; border:1px solid #eee; } .nx-emoji{ font-size:56px; line-height:1; } .nx-app.nx-app-checkout .nx-final-icon{ width:120px; height:120px; margin:0 auto 8px; background: linear-gradient(135deg, var(--nx-p5), color-mix(in oklab, var(--nx-p5) 60%, var(--nx-p1))); -webkit-mask: url("https://img.icons8.com/?size=100&id=vnHYuLSwCOSl&format=png&color=000000") center/contain no-repeat; mask: url("https://img.icons8.com/?size=100&id=vnHYuLSwCOSl&format=png&color=000000") center/contain no-repeat; filter: drop-shadow(0 6px 18px rgba(0,0,0,.12)); } /* OTP modal */ .nx-app.nx-app-checkout .nx-otp-overlay{ position:fixed; inset:0; background:radial-gradient(1200px 600px at 50% 20%, rgba(0,0,0,.28), rgba(0,0,0,.55)); backdrop-filter: blur(8px); display:none; align-items:center; justify-content:center; z-index:999999; padding:24px; } .nx-app.nx-app-checkout .nx-otp-card{ width:min(480px,94vw); border-radius:24px; overflow:hidden; background:linear-gradient(to bottom right, rgba(255,255,255,.65), rgba(255,255,255,.35)); border:1px solid rgba(255,255,255,.45); box-shadow:0 20px 60px rgba(0,0,0,.18); } .nx-app.nx-app-checkout .nx-otp-head{ padding:14px 16px; font-weight:800; text-align:center; background:linear-gradient(90deg, var(--nx-p1), var(--nx-p5)); -webkit-background-clip:text; background-clip:text; color:transparent; } .nx-app.nx-app-checkout .nx-otp-body{ padding:16px; } .nx-app.nx-app-checkout .nx-otp-grid{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:12px 0; flex-direction: row-reverse; } .nx-app.nx-app-checkout .nx-otp-input{ width:56px; height:56px; border-radius:14px; border:0; background:rgba(255,255,255,.7); text-align:center; font-size:22px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); } @media(max-width:420px){ .nx-app.nx-app-checkout .nx-otp-input{ width:48px; height:48px; } } .nx-app.nx-app-checkout .nx-otp-note{ text-align:center; font-size:.9rem; opacity:.85; } .nx-app.nx-app-checkout .nx-otp-actions{ display:flex; gap:8px; margin-top:12px; justify-content:center; } .nxaa-btn-outline, .nx-app.nx-app-checkout .nx-otp-outline{ display:inline-flex;justify-content:center;align-items:center; padding:12px 14px;border-radius:14px;font-weight:800;cursor:pointer; background:transparent;color:var(--nx-p5); border:2px solid var(--nx-p5); transition:transform .08s ease, box-shadow .2s, opacity .2s; } .nxaa-btn-outline:hover, .nx-app.nx-app-checkout .nx-otp-outline:hover{ transform:translateY(-1px); box-shadow:0 8px 22px rgba(0,0,0,.10); } .nxaa-btn-outline[disabled], .nx-app.nx-app-checkout .nx-otp-outline[disabled]{ opacity:.5; cursor:not-allowed; transform:none; box-shadow:none; } /* Glassmorphic Toasts */ .nx-toast-container{ position: fixed; top: 24px; right: 24px; left: 24px; z-index: 1000000; display: flex; flex-direction: column; gap: 10px; align-items: center; pointer-events: none; } .nx-toast{ background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); color: #111; padding: 14px 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 10px 40px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.8); opacity: 0; transform: translateY(-10px) scale(0.95); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); display: flex; align-items: center; gap: 12px; font-weight: 600; min-width: min(90vw, 360px); max-width: 420px; text-align: right; pointer-events: auto; } .nx-toast.show{ opacity: 1; transform: translateY(0) scale(1); } .nx-toast-icon{ width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size:16px; } .nx-toast.success .nx-toast-icon{ background: #00b894; color: #fff; } .nx-toast.error .nx-toast-icon{ background: #ff4d4d; color: #fff; } .nx-toast.info .nx-toast-icon{ background: var(--nx-p5); color: #fff; } /* v2.6.5 — Dark palette sync: color-only, no layout/section changes */ html.nxpay-theme-dark, html[data-nxapp-theme="dark"], html[data-nxadm-theme="dark"], body.nxapp-theme-dark, body.nxadm-theme-dark, body.nxapp-dark, body.nx-dark .nx-app.nx-app-checkout{ --nxpay-bg: var(--nx-dark-bg, var(--nxpay-dark-bg,#071716)); --nxpay-text: var(--nx-dark-text, var(--nxpay-dark-text, color-mix(in srgb, var(--nx-p3,#fefae0) 88%, #fff 12%))); --nxpay-muted: var(--nx-dark-muted, color-mix(in srgb, var(--nx-p3,#fefae0) 54%, rgba(255,255,255,.50) 46%)); --nxpay-line: var(--nx-dark-line, var(--nxpay-dark-line, color-mix(in srgb, var(--nx-p5,#d4a373) 18%, rgba(255,255,255,.10)))); --nxpay-surface: var(--nx-dark-surface, var(--nxpay-dark-surface, color-mix(in srgb, var(--nxpay-bg) 76%, rgba(255,255,255,.13) 24%))); --nxpay-surface-2: var(--nx-dark-surface-2, color-mix(in srgb, var(--nxpay-bg) 90%, #000 10%)); --nxpay-surface-strong: var(--nx-dark-surface-strong, color-mix(in srgb, var(--nxpay-bg) 72%, rgba(255,255,255,.18) 28%)); --nxpay-chip: color-mix(in srgb, var(--nx-p5,#d4a373) 12%, transparent); } html.nxpay-theme-dark .nx-app.nx-app-checkout, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-app, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-app, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-app, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-app, body.nxapp-dark .nx-app.nx-app-checkout .nx-app, body.nx-dark .nx-app.nx-app-checkout .nx-app, .nx-app.nx-app-checkout.nxpay-dark{ background:var(--nxpay-bg)!important; color:var(--nxpay-text)!important; color-scheme:dark!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-container, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-container, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-container, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-container, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-container, body.nxapp-dark .nx-app.nx-app-checkout .nx-container, body.nx-dark .nx-app.nx-app-checkout .nx-container, .nx-app.nx-app-checkout.nxpay-dark .nx-container{ background: radial-gradient(680px 320px at 92% -12%, color-mix(in srgb,var(--nx-p5) 14%, transparent), transparent 72%), linear-gradient(180deg,var(--nxpay-bg),color-mix(in srgb,var(--nxpay-bg) 90%,#000 10%))!important; color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-card, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-card, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-card, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-card, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-card, body.nxapp-dark .nx-app.nx-app-checkout .nx-card, body.nx-dark .nx-app.nx-app-checkout .nx-card, .nx-app.nx-app-checkout.nxpay-dark .nx-card{ background: radial-gradient(520px 210px at 94% -14%, color-mix(in srgb,var(--nx-p5) 10%, transparent), transparent 70%), linear-gradient(145deg,var(--nxpay-surface),var(--nxpay-surface-2))!important; border-color:var(--nxpay-line)!important; box-shadow:0 16px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055)!important; color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-title, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-title, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-title, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-title, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-title, body.nxapp-dark .nx-app.nx-app-checkout .nx-title, body.nx-dark .nx-app.nx-app-checkout .nx-title, .nx-app.nx-app-checkout.nxpay-dark .nx-title, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-name, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-name, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-name, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-name, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-name, body.nxapp-dark .nx-app.nx-app-checkout .nx-name, body.nx-dark .nx-app.nx-app-checkout .nx-name, .nx-app.nx-app-checkout.nxpay-dark .nx-name, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-recom-title, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-recom-title, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-recom-title, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-recom-title, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-recom-title, body.nxapp-dark .nx-app.nx-app-checkout .nx-recom-title, body.nx-dark .nx-app.nx-app-checkout .nx-recom-title, .nx-app.nx-app-checkout.nxpay-dark .nx-recom-title, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-final h3, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-final h3, body.nx-dark .nx-app.nx-app-checkout .nx-final h3, .nx-app.nx-app-checkout.nxpay-dark .nx-final h3{ color:var(--nxpay-text)!important; -webkit-text-fill-color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-field label, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-field label, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-field label, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field label, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-field label, body.nxapp-dark .nx-app.nx-app-checkout .nx-field label, body.nx-dark .nx-app.nx-app-checkout .nx-field label, .nx-app.nx-app-checkout.nxpay-dark .nx-field label, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-field small, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-field small, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-field small, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field small, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-field small, body.nxapp-dark .nx-app.nx-app-checkout .nx-field small, body.nx-dark .nx-app.nx-app-checkout .nx-field small, .nx-app.nx-app-checkout.nxpay-dark .nx-field small, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-empty, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-empty, body.nx-dark .nx-app.nx-app-checkout .nx-empty, .nx-app.nx-app-checkout.nxpay-dark .nx-empty, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-handoff-sub, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-handoff-sub, body.nx-dark .nx-app.nx-app-checkout .nx-handoff-sub, .nx-app.nx-app-checkout.nxpay-dark .nx-handoff-sub, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-otp-note, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-otp-note, body.nx-dark .nx-app.nx-app-checkout .nx-otp-note, .nx-app.nx-app-checkout.nxpay-dark .nx-otp-note{ color:var(--nxpay-muted)!important; -webkit-text-fill-color:var(--nxpay-muted)!important; opacity:1!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-items .nx-item, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-items .nx-item, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nxapp-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nx-dark .nx-app.nx-app-checkout .nx-items .nx-item, .nx-app.nx-app-checkout.nxpay-dark .nx-items .nx-item{ border-bottom-color:color-mix(in srgb,var(--nx-p5) 18%,rgba(255,255,255,.12))!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-thumb, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-cover, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-recom-thumb, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-handoff-cover, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-thumb, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-cover, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-recom-thumb, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-handoff-cover, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-thumb, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-cover, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-recom-thumb, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-handoff-cover, body.nx-dark .nx-app.nx-app-checkout .nx-thumb, body.nx-dark .nx-app.nx-app-checkout .nx-cover, body.nx-dark .nx-app.nx-app-checkout .nx-recom-thumb, body.nx-dark .nx-app.nx-app-checkout .nx-handoff-cover, .nx-app.nx-app-checkout.nxpay-dark .nx-thumb, .nx-app.nx-app-checkout.nxpay-dark .nx-cover, .nx-app.nx-app-checkout.nxpay-dark .nx-recom-thumb, .nx-app.nx-app-checkout.nxpay-dark .nx-handoff-cover{ background:linear-gradient(145deg,var(--nxpay-surface-strong),var(--nxpay-surface-2))!important; border-color:var(--nxpay-line)!important; box-shadow:0 8px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-qty button, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-qty button, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-qty button, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-qty button, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-qty button, body.nxapp-dark .nx-app.nx-app-checkout .nx-qty button, body.nx-dark .nx-app.nx-app-checkout .nx-qty button, .nx-app.nx-app-checkout.nxpay-dark .nx-qty button, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-badge, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-badge, body.nx-dark .nx-app.nx-app-checkout .nx-badge, .nx-app.nx-app-checkout.nxpay-dark .nx-badge{ background:color-mix(in srgb,var(--nx-p5) 12%,var(--nxpay-bg) 88%)!important; border:1px solid color-mix(in srgb,var(--nx-p5) 24%,rgba(255,255,255,.12))!important; color:var(--nx-p5)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-remove, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-remove, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-remove, body.nx-dark .nx-app.nx-app-checkout .nx-remove, .nx-app.nx-app-checkout.nxpay-dark .nx-remove{ color:#fca5a5!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-totals, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-totals, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-totals, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-totals, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-totals, body.nxapp-dark .nx-app.nx-app-checkout .nx-totals, body.nx-dark .nx-app.nx-app-checkout .nx-totals, .nx-app.nx-app-checkout.nxpay-dark .nx-totals, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-recom-row, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-recom-row, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-recom-row, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-recom-row, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-recom-row, body.nxapp-dark .nx-app.nx-app-checkout .nx-recom-row, body.nx-dark .nx-app.nx-app-checkout .nx-recom-row, .nx-app.nx-app-checkout.nxpay-dark .nx-recom-row{ background:linear-gradient(145deg,var(--nxpay-surface),var(--nxpay-surface-2))!important; border-color:var(--nxpay-line)!important; color:var(--nxpay-text)!important; box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-grand, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-grand, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-grand, body.nx-dark .nx-app.nx-app-checkout .nx-grand, .nx-app.nx-app-checkout.nxpay-dark .nx-grand{ border-top-color:var(--nxpay-line)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-field input, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-field select, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-coupon input, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-method-fields input:not([type=radio]):not([type=checkbox]), html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-method-fields select, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-method-fields textarea, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-field input, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-field select, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-coupon input, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-method-fields input:not([type=radio]):not([type=checkbox]), html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-method-fields select, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-method-fields textarea, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field input, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field select, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-coupon input, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-method-fields input:not([type=radio]):not([type=checkbox]), body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-method-fields select, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-method-fields textarea, body.nx-dark .nx-app.nx-app-checkout .nx-field input, body.nx-dark .nx-app.nx-app-checkout .nx-field select, body.nx-dark .nx-app.nx-app-checkout .nx-coupon input, body.nx-dark .nx-app.nx-app-checkout .nx-method-fields input:not([type=radio]):not([type=checkbox]), body.nx-dark .nx-app.nx-app-checkout .nx-method-fields select, body.nx-dark .nx-app.nx-app-checkout .nx-method-fields textarea, .nx-app.nx-app-checkout.nxpay-dark .nx-field input, .nx-app.nx-app-checkout.nxpay-dark .nx-field select, .nx-app.nx-app-checkout.nxpay-dark .nx-coupon input, .nx-app.nx-app-checkout.nxpay-dark .nx-method-fields input:not([type=radio]):not([type=checkbox]), .nx-app.nx-app-checkout.nxpay-dark .nx-method-fields select, .nx-app.nx-app-checkout.nxpay-dark .nx-method-fields textarea{ background:linear-gradient(145deg,var(--nxpay-surface),var(--nxpay-surface-2))!important; border-color:var(--nxpay-line)!important; color:var(--nxpay-text)!important; -webkit-text-fill-color:var(--nxpay-text)!important; caret-color:var(--nx-p5)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.14)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-field input::placeholder, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-coupon input::placeholder, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field input::placeholder, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-coupon input::placeholder, body.nx-dark .nx-app.nx-app-checkout .nx-field input::placeholder, body.nx-dark .nx-app.nx-app-checkout .nx-coupon input::placeholder, .nx-app.nx-app-checkout.nxpay-dark .nx-field input::placeholder, .nx-app.nx-app-checkout.nxpay-dark .nx-coupon input::placeholder{ color:var(--nxpay-muted)!important; -webkit-text-fill-color:var(--nxpay-muted)!important; opacity:.82!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-field select option, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-field select option, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field select option, body.nx-dark .nx-app.nx-app-checkout .nx-field select option, .nx-app.nx-app-checkout.nxpay-dark .nx-field select option{ background:color-mix(in srgb,var(--nxpay-bg) 88%,#000 12%)!important; color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-actions, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-actions, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-actions, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-actions, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-actions, body.nxapp-dark .nx-app.nx-app-checkout .nx-actions, body.nx-dark .nx-app.nx-app-checkout .nx-actions, .nx-app.nx-app-checkout.nxpay-dark .nx-actions{ background:linear-gradient(135deg,color-mix(in srgb,var(--nxpay-bg) 72%,rgba(255,255,255,.16) 28%),color-mix(in srgb,var(--nxpay-bg) 90%,#000 10%))!important; border-top-color:var(--nxpay-line)!important; box-shadow:0 -16px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important; color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-btn-secondary, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-btn-secondary, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-btn-secondary, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-btn-secondary, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-btn-secondary, body.nxapp-dark .nx-app.nx-app-checkout .nx-btn-secondary, body.nx-dark .nx-app.nx-app-checkout .nx-btn-secondary, .nx-app.nx-app-checkout.nxpay-dark .nx-btn-secondary, html.nxpay-theme-dark .nxaa-btn-outline, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-otp-outline, body.nxapp-theme-dark .nxaa-btn-outline, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-otp-outline, body.nx-dark .nx-app.nx-app-checkout .nxaa-btn-outline, body.nx-dark .nx-app.nx-app-checkout .nx-otp-outline, .nx-app.nx-app-checkout.nxpay-dark .nxaa-btn-outline, .nx-app.nx-app-checkout.nxpay-dark .nx-otp-outline{ background:linear-gradient(145deg,var(--nxpay-surface),var(--nxpay-surface-2))!important; border-color:color-mix(in srgb,var(--nx-p5) 34%,rgba(255,255,255,.12))!important; color:var(--nx-p5)!important; -webkit-text-fill-color:var(--nx-p5)!important; box-shadow:0 10px 22px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-btn-primary, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-btn-primary, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-btn-primary, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-btn-primary, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-btn-primary, body.nxapp-dark .nx-app.nx-app-checkout .nx-btn-primary, body.nx-dark .nx-app.nx-app-checkout .nx-btn-primary, .nx-app.nx-app-checkout.nxpay-dark .nx-btn-primary{ background:linear-gradient(135deg,var(--nx-p5),color-mix(in srgb,var(--nx-p5) 68%,var(--nxpay-bg) 32%))!important; border-color:color-mix(in srgb,var(--nx-p5) 52%,rgba(255,255,255,.14))!important; color:#fff!important; -webkit-text-fill-color:#fff!important; box-shadow:0 14px 28px color-mix(in srgb,var(--nx-p5) 26%,rgba(0,0,0,.20)), inset 0 1px 0 rgba(255,255,255,.18)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-method, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-method-box, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-method-box.nx-method-box-a2a .nx-method, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-gateway-receipt, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-a2a-checkout-note, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-method, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-method-box, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-method-box.nx-method-box-a2a .nx-method, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-gateway-receipt, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-a2a-checkout-note, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-method, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-method-box, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-method-box.nx-method-box-a2a .nx-method, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-gateway-receipt, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-a2a-checkout-note, body.nx-dark .nx-app.nx-app-checkout .nx-method, body.nx-dark .nx-app.nx-app-checkout .nx-method-box, body.nx-dark .nx-app.nx-app-checkout .nx-method-box.nx-method-box-a2a .nx-method, body.nx-dark .nx-app.nx-app-checkout .nx-gateway-receipt, body.nx-dark .nx-app.nx-app-checkout .nx-a2a-checkout-note, .nx-app.nx-app-checkout.nxpay-dark .nx-method, .nx-app.nx-app-checkout.nxpay-dark .nx-method-box, .nx-app.nx-app-checkout.nxpay-dark .nx-method-box.nx-method-box-a2a .nx-method, .nx-app.nx-app-checkout.nxpay-dark .nx-gateway-receipt, .nx-app.nx-app-checkout.nxpay-dark .nx-a2a-checkout-note{ background:linear-gradient(145deg,var(--nxpay-surface),var(--nxpay-surface-2))!important; border-color:var(--nxpay-line)!important; box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.045)!important; color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-method-box.is-selected, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-method-box.is-selected, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-method-box.is-selected, body.nx-dark .nx-app.nx-app-checkout .nx-method-box.is-selected, .nx-app.nx-app-checkout.nxpay-dark .nx-method-box.is-selected{ border-color:color-mix(in srgb,var(--nx-p5) 50%,rgba(255,255,255,.14))!important; box-shadow:0 14px 32px color-mix(in srgb,var(--nx-p5) 18%,rgba(0,0,0,.22)),0 0 0 4px color-mix(in srgb,var(--nx-p5) 8%,transparent)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-timer, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-price-badge, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-timer, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-price-badge, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-timer, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-price-badge, body.nx-dark .nx-app.nx-app-checkout .nx-timer, body.nx-dark .nx-app.nx-app-checkout .nx-price-badge, .nx-app.nx-app-checkout.nxpay-dark .nx-timer, .nx-app.nx-app-checkout.nxpay-dark .nx-price-badge{ background:color-mix(in srgb,var(--nx-p5) 12%,var(--nxpay-bg) 88%)!important; border-color:color-mix(in srgb,var(--nx-p5) 30%,rgba(255,255,255,.14))!important; color:var(--nx-p5)!important; -webkit-text-fill-color:var(--nx-p5)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-price-badge.is-danger, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-price-badge.is-danger, body.nx-dark .nx-app.nx-app-checkout .nx-price-badge.is-danger, .nx-app.nx-app-checkout.nxpay-dark .nx-price-badge.is-danger, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-oos-badge, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-oos-badge, body.nx-dark .nx-app.nx-app-checkout .nx-oos-badge, .nx-app.nx-app-checkout.nxpay-dark .nx-oos-badge{ background:color-mix(in srgb,#ef4444 15%,var(--nxpay-bg) 85%)!important; border-color:color-mix(in srgb,#ef4444 38%,rgba(255,255,255,.14))!important; color:#fca5a5!important; -webkit-text-fill-color:#fca5a5!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-note-free, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-note-free, body.nx-dark .nx-app.nx-app-checkout .nx-note-free, .nx-app.nx-app-checkout.nxpay-dark .nx-note-free{ background:color-mix(in srgb,#16a34a 16%,var(--nxpay-bg) 84%)!important; border-color:color-mix(in srgb,#16a34a 36%,rgba(255,255,255,.12))!important; color:#bbf7d0!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-note-paid, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-note-paid, body.nx-dark .nx-app.nx-app-checkout .nx-note-paid, .nx-app.nx-app-checkout.nxpay-dark .nx-note-paid{ background:color-mix(in srgb,var(--nx-p5) 14%,var(--nxpay-bg) 86%)!important; border-color:color-mix(in srgb,var(--nx-p5) 34%,rgba(255,255,255,.12))!important; color:var(--nx-p5)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-handoff-card, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-handoff-card, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-handoff-card, body.nx-dark .nx-app.nx-app-checkout .nx-handoff-card, .nx-app.nx-app-checkout.nxpay-dark .nx-handoff-card, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-otp-card, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-otp-card, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-otp-card, body.nx-dark .nx-app.nx-app-checkout .nx-otp-card, .nx-app.nx-app-checkout.nxpay-dark .nx-otp-card{ background: radial-gradient(520px 210px at 94% -14%, color-mix(in srgb,var(--nx-p5) 12%, transparent), transparent 70%), linear-gradient(145deg,var(--nxpay-surface),var(--nxpay-surface-2))!important; border-color:var(--nxpay-line)!important; box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.055)!important; color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-handoff-progress, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-handoff-progress, body.nx-dark .nx-app.nx-app-checkout .nx-handoff-progress, .nx-app.nx-app-checkout.nxpay-dark .nx-handoff-progress, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-otp-input, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-otp-input, body.nx-dark .nx-app.nx-app-checkout .nx-otp-input, .nx-app.nx-app-checkout.nxpay-dark .nx-otp-input{ background:linear-gradient(145deg,var(--nxpay-surface-strong),var(--nxpay-surface-2))!important; border-color:var(--nxpay-line)!important; color:var(--nxpay-text)!important; -webkit-text-fill-color:var(--nxpay-text)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.14)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-final p, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-handoff-card p, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-final p, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-handoff-card p, body.nx-dark .nx-app.nx-app-checkout .nx-final p, body.nx-dark .nx-app.nx-app-checkout .nx-handoff-card p, .nx-app.nx-app-checkout.nxpay-dark .nx-final p, .nx-app.nx-app-checkout.nxpay-dark .nx-handoff-card p{ color:var(--nxpay-muted)!important; -webkit-text-fill-color:var(--nxpay-muted)!important; opacity:1!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-final .nx-card, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-final .nx-card, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-final .nx-card, body.nx-dark .nx-app.nx-app-checkout .nx-final .nx-card, .nx-app.nx-app-checkout.nxpay-dark .nx-final .nx-card{ background:linear-gradient(145deg,var(--nxpay-surface),var(--nxpay-surface-2))!important; } html.nxpay-theme-dark .nx-toast, html[data-nxapp-theme="dark"] .nx-toast, body.nxapp-theme-dark .nx-toast, body.nx-dark .nx-toast, .nx-app.nxpay-dark .nx-toast{ background:linear-gradient(145deg,var(--nxpay-surface),var(--nxpay-surface-2))!important; border-color:var(--nxpay-line)!important; color:var(--nxpay-text)!important; box-shadow:0 18px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-req, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-fa, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-req, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-fa, body.nx-dark .nx-app.nx-app-checkout .nx-req, body.nx-dark .nx-app.nx-app-checkout .nx-fa, .nx-app.nx-app-checkout.nxpay-dark .nx-req, .nx-app.nx-app-checkout.nxpay-dark .nx-fa{ background:color-mix(in srgb,#ef4444 13%,var(--nxpay-bg) 87%)!important; border-color:color-mix(in srgb,#ef4444 34%,rgba(255,255,255,.12))!important; color:#fca5a5!important; } @supports (padding: max(0px)){ html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-actions, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-actions, body.nx-dark .nx-app.nx-app-checkout .nx-actions, .nx-app.nx-app-checkout.nxpay-dark .nx-actions{ padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important; } } /* v2.6.12 — stable checkout fixes: action states, no row surface, real toman icon, autofill */ .nx-app.nx-app-checkout{ --nxpay-toman-url: url("/wp-content/uploads/2025/10/toman.svg"); } /* Rows must never become cards/surfaces. Only fields receive styling. */ html body .nx-app.nx-app-checkout .nx-form .row, html body .nx-app.nx-app-checkout .nx-form .row:hover, html body .nx-app.nx-app-checkout .nx-form .row:active, html body .nx-app.nx-app-checkout .nx-form .row:focus, html body .nx-app.nx-app-checkout .nx-form .row:focus-within, html body .nx-app.nx-app-checkout .row, html body .nx-app.nx-app-checkout .row:hover, html body .nx-app.nx-app-checkout .row:active, html body .nx-app.nx-app-checkout .row:focus, html body .nx-app.nx-app-checkout .row:focus-within, html body .nx-app.nx-app-checkout .form-row, html body .nx-app.nx-app-checkout .form-row:hover, html body .nx-app.nx-app-checkout .form-row:active, html body .nx-app.nx-app-checkout .form-row:focus, html body .nx-app.nx-app-checkout .form-row:focus-within{ background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; outline:0!important; filter:none!important; } /* Field focus is allowed, row focus is not. */ html body .nx-app.nx-app-checkout .nx-field input, html body .nx-app.nx-app-checkout .nx-field select, html body .nx-app.nx-app-checkout .nx-field textarea, html body .nx-app.nx-app-checkout .nx-coupon input, html body .nx-app.nx-app-checkout .nx-method-fields input:not([type=radio]):not([type=checkbox]), html body .nx-app.nx-app-checkout .nx-method-fields select, html body .nx-app.nx-app-checkout .nx-method-fields textarea{ transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important; } html body .nx-app.nx-app-checkout .nx-field input:focus, html body .nx-app.nx-app-checkout .nx-field select:focus, html body .nx-app.nx-app-checkout .nx-field textarea:focus, html body .nx-app.nx-app-checkout .nx-coupon input:focus, html body .nx-app.nx-app-checkout .nx-method-fields input:not([type=radio]):not([type=checkbox]):focus, html body .nx-app.nx-app-checkout .nx-method-fields select:focus, html body .nx-app.nx-app-checkout .nx-method-fields textarea:focus{ border-color:color-mix(in srgb,var(--nx-p5) 54%,rgba(15,23,42,.12))!important; box-shadow:0 0 0 4px color-mix(in srgb,var(--nx-p5) 11%,transparent), inset 0 1px 0 rgba(255,255,255,.08)!important; outline:0!important; } html.nxpay-theme-dark body .nx-app.nx-app-checkout .nx-field input, html.nxpay-theme-dark body .nx-app.nx-app-checkout .nx-field select, html.nxpay-theme-dark body .nx-app.nx-app-checkout .nx-field textarea, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field input, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field select, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-field textarea, body.nx-dark .nx-app.nx-app-checkout .nx-field input, body.nx-dark .nx-app.nx-app-checkout .nx-field select, body.nx-dark .nx-app.nx-app-checkout .nx-field textarea, .nx-app.nx-app-checkout.nxpay-dark .nx-field input, .nx-app.nx-app-checkout.nxpay-dark .nx-field select, .nx-app.nx-app-checkout.nxpay-dark .nx-field textarea, html.nxpay-theme-dark body .nx-app.nx-app-checkout .nx-coupon input, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-coupon input, body.nx-dark .nx-app.nx-app-checkout .nx-coupon input, .nx-app.nx-app-checkout.nxpay-dark .nx-coupon input{ background:linear-gradient(145deg,color-mix(in srgb,var(--nxpay-bg,#005755) 76%,rgba(255,255,255,.12) 24%),color-mix(in srgb,var(--nxpay-bg,#005755) 90%,#000 10%))!important; border-color:var(--nxpay-line,color-mix(in srgb,var(--nx-p5,#d4a373) 24%,rgba(255,255,255,.13)))!important; color:var(--nxpay-text,color-mix(in srgb,var(--nx-p3,#fefae0) 88%,#fff 12%))!important; -webkit-text-fill-color:var(--nxpay-text,color-mix(in srgb,var(--nx-p3,#fefae0) 88%,#fff 12%))!important; caret-color:var(--nx-p5)!important; } /* Keep browser/keyboard saved values from painting white in dark mode. */ html.nxpay-theme-dark body .nx-app.nx-app-checkout input:-webkit-autofill, html.nxpay-theme-dark body .nx-app.nx-app-checkout input:-webkit-autofill:hover, html.nxpay-theme-dark body .nx-app.nx-app-checkout input:-webkit-autofill:focus, html.nxpay-theme-dark body .nx-app.nx-app-checkout textarea:-webkit-autofill, html.nxpay-theme-dark body .nx-app.nx-app-checkout textarea:-webkit-autofill:hover, html.nxpay-theme-dark body .nx-app.nx-app-checkout textarea:-webkit-autofill:focus, html.nxpay-theme-dark body .nx-app.nx-app-checkout select:-webkit-autofill, html.nxpay-theme-dark body .nx-app.nx-app-checkout select:-webkit-autofill:hover, html.nxpay-theme-dark body .nx-app.nx-app-checkout select:-webkit-autofill:focus, body.nxapp-theme-dark .nx-app.nx-app-checkout input:-webkit-autofill, body.nxapp-theme-dark .nx-app.nx-app-checkout textarea:-webkit-autofill, body.nxapp-theme-dark .nx-app.nx-app-checkout select:-webkit-autofill, body.nx-dark .nx-app.nx-app-checkout input:-webkit-autofill, body.nx-dark .nx-app.nx-app-checkout textarea:-webkit-autofill, body.nx-dark .nx-app.nx-app-checkout select:-webkit-autofill, .nx-app.nx-app-checkout.nxpay-dark input:-webkit-autofill, .nx-app.nx-app-checkout.nxpay-dark textarea:-webkit-autofill, .nx-app.nx-app-checkout.nxpay-dark select:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px color-mix(in srgb,var(--nxpay-bg,#005755) 76%,rgba(255,255,255,.12) 24%) inset!important; box-shadow:0 0 0 1000px color-mix(in srgb,var(--nxpay-bg,#005755) 76%,rgba(255,255,255,.12) 24%) inset!important; -webkit-text-fill-color:var(--nxpay-text,color-mix(in srgb,var(--nx-p3,#fefae0) 88%,#fff 12%))!important; caret-color:var(--nx-p5)!important; border-color:var(--nxpay-line,color-mix(in srgb,var(--nx-p5,#d4a373) 24%,rgba(255,255,255,.13)))!important; transition:background-color 99999s ease-in-out 0s,color 99999s ease-in-out 0s!important; } /* Actionbar: standard app button text and deterministic step visibility. */ .nx-app.nx-app-checkout .nx-actions .nx-bar{ align-items:center!important; } .nx-app.nx-app-checkout .nx-actions .nx-btn, .nx-app.nx-app-checkout .nx-actions button.nx-btn, .nx-app.nx-app-checkout .nx-actions a.nx-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; min-height:50px!important; font-size:15.5px!important; line-height:1.55!important; font-weight:900!important; letter-spacing:-.01em!important; } .nx-app.nx-app-checkout.is-cart-empty .nx-actions #nxActionsBar .nx-btn{ flex:1 1 100%!important; width:100%!important; } @media(max-width:480px){ .nx-app.nx-app-checkout .nx-actions .nx-btn, .nx-app.nx-app-checkout .nx-actions button.nx-btn, .nx-app.nx-app-checkout .nx-actions a.nx-btn{font-size:15px!important;min-height:48px!important;padding:13px 12px!important;} } /* Remove link: text-only, no icon. */ .nx-app.nx-app-checkout .nx-remove{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:max-content!important; margin-top:6px!important; padding:5px 10px!important; border-radius:999px!important; background:color-mix(in srgb,#ef4444 9%,#fff 91%)!important; border:1px solid color-mix(in srgb,#ef4444 20%,rgba(15,23,42,.08))!important; color:#dc2626!important; -webkit-text-fill-color:#dc2626!important; font-size:12px!important; line-height:1.35!important; font-weight:900!important; text-decoration:none!important; transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important; } .nx-app.nx-app-checkout .nx-remove::before, .nx-app.nx-app-checkout .nx-remove::after{content:none!important;display:none!important;} .nx-app.nx-app-checkout .nx-remove:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(239,68,68,.13)!important;background:color-mix(in srgb,#ef4444 14%,#fff 86%)!important;} .nx-app.nx-app-checkout .nx-remove:active{transform:translateY(0) scale(.98)!important;} html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-remove, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-remove, body.nx-dark .nx-app.nx-app-checkout .nx-remove, .nx-app.nx-app-checkout.nxpay-dark .nx-remove{ background:color-mix(in srgb,#ef4444 14%,var(--nxpay-bg,#005755) 86%)!important; border-color:color-mix(in srgb,#ef4444 34%,rgba(255,255,255,.12))!important; color:#fca5a5!important; -webkit-text-fill-color:#fca5a5!important; box-shadow:none!important; } /* Real toman icon: no square background on the element itself. */ .nx-app.nx-app-checkout .woocommerce-Price-amount .screen-reader-text .nx-curr-ico, .nx-app.nx-app-checkout .woocommerce-Price-amount .screen-reader-text .nx-cur, .nx-app.nx-app-checkout .woocommerce-Price-amount .screen-reader-text .nx-cur-mask, .nx-app.nx-app-checkout .screen-reader-text .nx-curr-ico, .nx-app.nx-app-checkout .screen-reader-text .nx-cur, .nx-app.nx-app-checkout .screen-reader-text .nx-cur-mask{display:none!important;width:0!important;height:0!important;overflow:hidden!important;} .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-curr-ico, .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur, .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur-mask, .nx-app.nx-app-checkout .nxpay-toman-ico{ display:inline-block!important; width:1.08em!important; height:1.08em!important; min-width:1.08em!important; min-height:1.08em!important; margin-inline-start:.18em!important; vertical-align:-.22em!important; color:var(--nx-p5)!important; background:transparent!important; background-color:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; padding:0!important; overflow:visible!important; font-size:1em!important; line-height:1!important; filter:none!important; } .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-curr-ico::before, .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur-mask::before, .nx-app.nx-app-checkout .nxpay-toman-ico::before{ content:""!important; display:block!important; width:100%!important; height:100%!important; background:currentColor!important; background-color:currentColor!important; -webkit-mask:var(--nxpay-toman-url) center/contain no-repeat!important; mask:var(--nxpay-toman-url) center/contain no-repeat!important; border:0!important; box-shadow:none!important; border-radius:0!important; } .nx-app.nx-app-checkout img.nx-cur, .nx-app.nx-app-checkout img.nx-curr-ico{ background:transparent!important; background-color:transparent!important; border:0!important; box-shadow:none!important; filter:none!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-curr-ico, html.nxpay-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur, html.nxpay-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur-mask, html.nxpay-theme-dark .nx-app.nx-app-checkout .nxpay-toman-ico, body.nxapp-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-curr-ico, body.nxapp-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur, body.nxapp-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur-mask, body.nxapp-theme-dark .nx-app.nx-app-checkout .nxpay-toman-ico, body.nx-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-curr-ico, body.nx-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur, body.nx-dark .nx-app.nx-app-checkout .woocommerce-Price-amount > .nx-cur-mask, body.nx-dark .nx-app.nx-app-checkout .nxpay-toman-ico, .nx-app.nx-app-checkout.nxpay-dark .woocommerce-Price-amount > .nx-curr-ico, .nx-app.nx-app-checkout.nxpay-dark .woocommerce-Price-amount > .nx-cur, .nx-app.nx-app-checkout.nxpay-dark .woocommerce-Price-amount > .nx-cur-mask, .nx-app.nx-app-checkout.nxpay-dark .nxpay-toman-ico{ color:var(--nx-p5)!important; background:transparent!important; background-color:transparent!important; } /* v2.6.13 — badges, row neutrality, stable toman icon, actionbar states */ .nx-app.nx-app-checkout{ --nxpay-toman-url:url("/wp-content/uploads/2025/10/toman.svg"); } .nx-app.nx-app-checkout .nx-badge{ min-height:24px!important; padding:4px 9px!important; border-radius:999px!important; font-size:12px!important; line-height:1.25!important; font-weight:900!important; gap:5px!important; margin-right:6px!important; background:linear-gradient(135deg,color-mix(in srgb,var(--nx-p5) 10%,#fff 90%),color-mix(in srgb,var(--nx-p2) 30%,#fff 70%))!important; border:1px solid color-mix(in srgb,var(--nx-p5) 22%,rgba(15,23,42,.10))!important; color:color-mix(in srgb,var(--nx-p5) 78%,#111827 22%)!important; -webkit-text-fill-color:color-mix(in srgb,var(--nx-p5) 78%,#111827 22%)!important; box-shadow:0 8px 18px color-mix(in srgb,var(--nx-p5) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.82)!important; } .nx-app.nx-app-checkout .nx-req, .nx-app.nx-app-checkout .nx-fa{ background:linear-gradient(135deg,color-mix(in srgb,#ef4444 12%,#fff 88%),color-mix(in srgb,#fecaca 36%,#fff 64%))!important; border-color:color-mix(in srgb,#ef4444 25%,rgba(15,23,42,.08))!important; color:#b91c1c!important; -webkit-text-fill-color:#b91c1c!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-badge, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-badge, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-badge, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-badge, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-badge, body.nxapp-dark .nx-app.nx-app-checkout .nx-badge, body.nx-dark .nx-app.nx-app-checkout .nx-badge, .nx-app.nx-app-checkout.nxpay-dark .nx-badge{ background:linear-gradient(135deg,color-mix(in srgb,var(--nx-p5) 14%,var(--nxpay-bg,#005755) 86%),color-mix(in srgb,var(--nxpay-bg,#005755) 78%,rgba(255,255,255,.10) 22%))!important; border-color:color-mix(in srgb,var(--nx-p5) 32%,rgba(255,255,255,.12))!important; color:var(--nx-p5)!important; -webkit-text-fill-color:var(--nx-p5)!important; box-shadow:0 8px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.045)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-req, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-fa, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-req, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-fa, body.nx-dark .nx-app.nx-app-checkout .nx-req, body.nx-dark .nx-app.nx-app-checkout .nx-fa, .nx-app.nx-app-checkout.nxpay-dark .nx-req, .nx-app.nx-app-checkout.nxpay-dark .nx-fa{ background:linear-gradient(135deg,color-mix(in srgb,#ef4444 14%,var(--nxpay-bg,#005755) 86%),color-mix(in srgb,var(--nxpay-bg,#005755) 78%,rgba(255,255,255,.10) 22%))!important; border-color:color-mix(in srgb,#ef4444 36%,rgba(255,255,255,.12))!important; color:#fca5a5!important; -webkit-text-fill-color:#fca5a5!important; } .nx-app.nx-app-checkout .nx-form .row, .nx-app.nx-app-checkout .nx-form .row:hover, .nx-app.nx-app-checkout .nx-form .row:focus, .nx-app.nx-app-checkout .nx-form .row:focus-within, .nx-app.nx-app-checkout .nx-form .row:active, .nx-app.nx-app-checkout .nx-form .row.is-active, .nx-app.nx-app-checkout .row, .nx-app.nx-app-checkout .row:hover, .nx-app.nx-app-checkout .row:focus-within, .nx-app.nx-app-checkout .form-row, .nx-app.nx-app-checkout .form-row:hover, .nx-app.nx-app-checkout .form-row:focus-within{ background:transparent!important; background-image:none!important; border-color:transparent!important; box-shadow:none!important; outline:0!important; } .nx-app.nx-app-checkout input:-webkit-autofill, .nx-app.nx-app-checkout input:-webkit-autofill:hover, .nx-app.nx-app-checkout input:-webkit-autofill:focus, .nx-app.nx-app-checkout textarea:-webkit-autofill, .nx-app.nx-app-checkout select:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px color-mix(in srgb,var(--nxpay-bg,#005755) 78%,rgba(255,255,255,.10) 22%) inset!important; box-shadow:0 0 0 1000px color-mix(in srgb,var(--nxpay-bg,#005755) 78%,rgba(255,255,255,.10) 22%) inset!important; -webkit-text-fill-color:var(--nxpay-text,#fff)!important; caret-color:var(--nx-p5)!important; transition:background-color 99999s ease-in-out 0s!important; } .nx-app.nx-app-checkout .nx-actions .nx-bar.nxpay-empty-mode .nxpay-empty-shop, .nx-app.nx-app-checkout.is-cart-empty .nx-actions .nxpay-empty-shop{ flex:1 1 100%!important; width:100%!important; max-width:none!important; } .nx-app.nx-app-checkout .woocommerce-Price-amount .screen-reader-text .nx-curr-ico, .nx-app.nx-app-checkout .woocommerce-Price-amount .screen-reader-text .nx-cur, .nx-app.nx-app-checkout .woocommerce-Price-amount .screen-reader-text .nx-cur-mask, .nx-app.nx-app-checkout .woocommerce-Price-amount .screen-reader-text img.nx-cur, .nx-app.nx-app-checkout .screen-reader-text .nx-curr-ico, .nx-app.nx-app-checkout .screen-reader-text .nx-cur, .nx-app.nx-app-checkout .screen-reader-text .nx-cur-mask, .nx-app.nx-app-checkout .screen-reader-text img.nx-cur{ display:none!important;width:0!important;height:0!important;opacity:0!important;overflow:hidden!important; } .nx-app.nx-app-checkout .woocommerce-Price-amount .nx-curr-ico, .nx-app.nx-app-checkout .woocommerce-Price-amount .nxpay-toman-ico, .nx-app.nx-app-checkout .woocommerce-Price-amount .nx-cur-mask{ display:inline-block!important; width:1.08em!important; height:1.08em!important; min-width:1.08em!important; min-height:1.08em!important; margin-inline:0 .18em!important; vertical-align:-.20em!important; color:var(--nx-p5)!important; background:currentColor!important; background-color:currentColor!important; border:0!important; border-radius:0!important; box-shadow:none!important; outline:0!important; font-size:1em!important; line-height:1!important; -webkit-mask:var(--nxpay-toman-url) center/contain no-repeat!important; mask:var(--nxpay-toman-url) center/contain no-repeat!important; } .nx-app.nx-app-checkout .woocommerce-Price-amount img.nx-cur{ display:inline-block!important; width:1.08em!important; height:1.08em!important; min-width:1.08em!important; min-height:1.08em!important; margin-inline:0 .18em!important; vertical-align:-.20em!important; object-fit:contain!important; background:transparent!important; border:0!important; box-shadow:none!important; filter:none!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nx-curr-ico, html.nxpay-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nxpay-toman-ico, html.nxpay-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nx-cur-mask, body.nxapp-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nx-curr-ico, body.nxapp-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nxpay-toman-ico, body.nxapp-theme-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nx-cur-mask, body.nx-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nx-curr-ico, body.nx-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nxpay-toman-ico, body.nx-dark .nx-app.nx-app-checkout .woocommerce-Price-amount .nx-cur-mask, .nx-app.nx-app-checkout.nxpay-dark .woocommerce-Price-amount .nx-curr-ico, .nx-app.nx-app-checkout.nxpay-dark .woocommerce-Price-amount .nxpay-toman-ico, .nx-app.nx-app-checkout.nxpay-dark .woocommerce-Price-amount .nx-cur-mask{ color:var(--nx-p5)!important; background:var(--nx-p5)!important; background-color:var(--nx-p5)!important; filter:none!important; } .nx-app.nx-app-checkout .nx-recom-price .woocommerce-Price-amount > .nxpay-toman-ico:not(:first-child), .nx-app.nx-app-checkout .nx-recom-price .woocommerce-Price-amount > .nx-curr-ico:not(:first-child){ display:none!important; } /* v2.6.14 — definitive actionbar states + country/state bottom sheets */ .nx-app.nx-app-checkout .nx-actions .nx-bar{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; } .nx-app.nx-app-checkout.is-cart-empty .nx-actions .nx-bar, .nx-app.nx-app-checkout .nx-actions .nx-bar.nxpay-empty-mode{ grid-template-columns:1fr!important; } .nx-app.nx-app-checkout .nx-actions .nx-bar > .nx-btn{ width:100%!important; min-width:0!important; } .nxpay-native-select-source{ position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; clip:rect(0 0 0 0)!important; overflow:hidden!important; } .nxpay-select-trigger{ width:100%!important; min-height:52px!important; padding:0 14px!important; border-radius:14px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; cursor:pointer!important; border:1px solid color-mix(in srgb,var(--nx-p5) 22%,rgba(15,23,42,.10))!important; background:linear-gradient(135deg,rgba(255,255,255,.94),color-mix(in srgb,var(--nx-p3) 16%,#fff 84%))!important; color:#111827!important; font:inherit!important; font-weight:850!important; text-align:right!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 8px 18px rgba(15,23,42,.045)!important; } .nxpay-select-trigger::after{ content:""!important; width:9px!important; height:9px!important; border-left:2px solid currentColor!important; border-bottom:2px solid currentColor!important; transform:rotate(-45deg)!important; opacity:.75!important; flex:0 0 auto!important; } .nxpay-state-text-mode .nxpay-state-trigger{display:none!important;} .nxpay-state-sheet-mode input[name="billing_state"]{display:none!important;} .nxpay-sheet{ position:fixed!important; inset:0!important; z-index:999999!important; display:none!important; align-items:flex-end!important; justify-content:center!important; direction:rtl!important; font-family:"Vazir-Variable","NXAppVazir","Vazir","Vazirmatn",Tahoma,Arial,sans-serif!important; } .nxpay-sheet.is-open{display:flex!important;} .nxpay-sheet__bg{ position:absolute!important; inset:0!important; background:rgba(0,0,0,.46)!important; backdrop-filter:blur(14px)!important; -webkit-backdrop-filter:blur(14px)!important; } .nxpay-sheet__panel{ position:relative!important; width:min(680px,100%)!important; max-height:min(82dvh,720px)!important; border-radius:30px 30px 0 0!important; padding:18px 14px calc(14px + env(safe-area-inset-bottom,0px))!important; background: radial-gradient(420px 180px at 92% -16%,color-mix(in srgb,var(--nx-p5) 13%,transparent),transparent 72%), linear-gradient(180deg,color-mix(in srgb,var(--nx-p3) 12%,#fff 88%),#fff)!important; border:1px solid color-mix(in srgb,var(--nx-p5) 18%,rgba(15,23,42,.08))!important; border-bottom:0!important; box-shadow:0 -24px 72px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.90)!important; overflow:hidden!important; animation:nxpaySheetIn .22s cubic-bezier(.2,.85,.25,1) both!important; } .nxpay-sheet__panel::before{ content:""!important; position:absolute!important; top:9px!important; left:50%!important; transform:translateX(-50%)!important; width:46px!important; height:5px!important; border-radius:999px!important; background:color-mix(in srgb,var(--nx-p5) 46%,rgba(15,23,42,.18))!important; opacity:.88!important; } .nxpay-sheet__head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:14px 6px 12px!important; color:#111827!important; } .nxpay-sheet__title{ display:grid!important; gap:3px!important; text-align:right!important; } .nxpay-sheet__title b{font-size:18px!important;font-weight:950!important;color:color-mix(in srgb,var(--nx-p5) 78%,#111827 22%)!important;} .nxpay-sheet__title small{font-size:12px!important;color:#667085!important;} .nxpay-sheet__close{ width:38px!important; height:38px!important; border-radius:14px!important; border:1px solid color-mix(in srgb,var(--nx-p5) 18%,rgba(15,23,42,.08))!important; background:color-mix(in srgb,var(--nx-p5) 10%,#fff 90%)!important; color:color-mix(in srgb,var(--nx-p5) 78%,#111827 22%)!important; cursor:pointer!important; font-size:20px!important; line-height:1!important; font-weight:900!important; } .nxpay-sheet__search{ padding:0 4px 10px!important; } .nxpay-sheet__search input{ width:100%!important; height:46px!important; border-radius:15px!important; border:1px solid color-mix(in srgb,var(--nx-p5) 18%,rgba(15,23,42,.08))!important; background:rgba(255,255,255,.90)!important; color:#111827!important; padding:0 14px!important; outline:none!important; font:inherit!important; } .nxpay-sheet__list{ display:grid!important; gap:8px!important; max-height:calc(min(82dvh,720px) - 142px)!important; overflow:auto!important; padding:2px 4px 8px!important; -webkit-overflow-scrolling:touch!important; } .nxpay-sheet__item{ min-height:48px!important; border-radius:16px!important; border:1px solid color-mix(in srgb,var(--nx-p5) 14%,rgba(15,23,42,.08))!important; background:linear-gradient(145deg,rgba(255,255,255,.94),color-mix(in srgb,var(--nx-p3) 16%,#fff 84%))!important; color:#111827!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:10px 12px!important; cursor:pointer!important; font-weight:850!important; text-align:right!important; box-shadow:0 8px 18px rgba(15,23,42,.045),inset 0 1px 0 rgba(255,255,255,.80)!important; } .nxpay-sheet__item.is-selected{ border-color:color-mix(in srgb,var(--nx-p5) 46%,rgba(15,23,42,.10))!important; background:linear-gradient(135deg,color-mix(in srgb,var(--nx-p5) 16%,#fff 84%),color-mix(in srgb,var(--nx-p2) 30%,#fff 70%))!important; color:color-mix(in srgb,var(--nx-p5) 80%,#111827 20%)!important; } .nxpay-sheet__item.is-selected::after{ content:"✓"!important; width:24px!important; height:24px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:var(--nx-p5)!important; color:#fff!important; font-size:14px!important; flex:0 0 24px!important; } @keyframes nxpaySheetIn{from{transform:translateY(18px);opacity:.88}to{transform:translateY(0);opacity:1}} html.nxpay-theme-dark .nxpay-select-trigger, html[data-nxapp-theme="dark"] .nxpay-select-trigger, html[data-nxadm-theme="dark"] .nxpay-select-trigger, body.nxapp-theme-dark .nxpay-select-trigger, body.nxadm-theme-dark .nxpay-select-trigger, body.nxapp-dark .nxpay-select-trigger, body.nx-dark .nxpay-select-trigger, .nx-app.nxpay-dark .nxpay-select-trigger{ background:linear-gradient(145deg,color-mix(in srgb,var(--nxpay-bg,#005755) 74%,rgba(255,255,255,.10) 26%),color-mix(in srgb,var(--nxpay-bg,#005755) 90%,#000 10%))!important; border-color:color-mix(in srgb,var(--nx-p5) 30%,rgba(255,255,255,.12))!important; color:var(--nxpay-text)!important; box-shadow:0 8px 18px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.045)!important; } html.nxpay-theme-dark .nxpay-sheet__panel, html[data-nxapp-theme="dark"] .nxpay-sheet__panel, html[data-nxadm-theme="dark"] .nxpay-sheet__panel, body.nxapp-theme-dark .nxpay-sheet__panel, body.nxadm-theme-dark .nxpay-sheet__panel, body.nxapp-dark .nxpay-sheet__panel, body.nx-dark .nxpay-sheet__panel{ background: radial-gradient(420px 180px at 92% -16%,color-mix(in srgb,var(--nx-p5) 18%,transparent),transparent 72%), linear-gradient(180deg,color-mix(in srgb,var(--nxpay-bg,#005755) 72%,rgba(255,255,255,.14) 28%),color-mix(in srgb,var(--nxpay-bg,#005755) 92%,#000 8%))!important; border-color:color-mix(in srgb,var(--nx-p5) 30%,rgba(255,255,255,.12))!important; box-shadow:0 -24px 76px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07)!important; color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nxpay-sheet__head, html[data-nxapp-theme="dark"] .nxpay-sheet__head, body.nxapp-theme-dark .nxpay-sheet__head, body.nx-dark .nxpay-sheet__head{color:var(--nxpay-text)!important;} html.nxpay-theme-dark .nxpay-sheet__title b, html[data-nxapp-theme="dark"] .nxpay-sheet__title b, body.nxapp-theme-dark .nxpay-sheet__title b, body.nx-dark .nxpay-sheet__title b{color:var(--nx-p5)!important;} html.nxpay-theme-dark .nxpay-sheet__title small, html[data-nxapp-theme="dark"] .nxpay-sheet__title small, body.nxapp-theme-dark .nxpay-sheet__title small, body.nx-dark .nxpay-sheet__title small{color:var(--nxpay-muted)!important;} html.nxpay-theme-dark .nxpay-sheet__close, html[data-nxapp-theme="dark"] .nxpay-sheet__close, body.nxapp-theme-dark .nxpay-sheet__close, body.nx-dark .nxpay-sheet__close{ background:color-mix(in srgb,var(--nx-p5) 12%,var(--nxpay-bg,#005755) 88%)!important; border-color:color-mix(in srgb,var(--nx-p5) 28%,rgba(255,255,255,.12))!important; color:var(--nx-p5)!important; } html.nxpay-theme-dark .nxpay-sheet__search input, html[data-nxapp-theme="dark"] .nxpay-sheet__search input, body.nxapp-theme-dark .nxpay-sheet__search input, body.nx-dark .nxpay-sheet__search input{ background:linear-gradient(145deg,color-mix(in srgb,var(--nxpay-bg,#005755) 74%,rgba(255,255,255,.10) 26%),color-mix(in srgb,var(--nxpay-bg,#005755) 90%,#000 10%))!important; border-color:color-mix(in srgb,var(--nx-p5) 24%,rgba(255,255,255,.12))!important; color:var(--nxpay-text)!important; -webkit-text-fill-color:var(--nxpay-text)!important; } html.nxpay-theme-dark .nxpay-sheet__item, html[data-nxapp-theme="dark"] .nxpay-sheet__item, body.nxapp-theme-dark .nxpay-sheet__item, body.nx-dark .nxpay-sheet__item{ background: radial-gradient(180px 100px at 92% 0%,color-mix(in srgb,var(--nx-p5) 9%,transparent),transparent 70%), linear-gradient(145deg,color-mix(in srgb,var(--nxpay-bg,#005755) 74%,rgba(255,255,255,.10) 26%),color-mix(in srgb,var(--nxpay-bg,#005755) 90%,#000 10%))!important; border-color:color-mix(in srgb,var(--nx-p5) 22%,rgba(255,255,255,.10))!important; color:var(--nxpay-text)!important; box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.045)!important; } html.nxpay-theme-dark .nxpay-sheet__item.is-selected, html[data-nxapp-theme="dark"] .nxpay-sheet__item.is-selected, body.nxapp-theme-dark .nxpay-sheet__item.is-selected, body.nx-dark .nxpay-sheet__item.is-selected{ background:linear-gradient(145deg,color-mix(in srgb,var(--nx-p5) 18%,var(--nxpay-bg,#005755) 82%),color-mix(in srgb,var(--nxpay-bg,#005755) 84%,#000 16%))!important; border-color:color-mix(in srgb,var(--nx-p5) 52%,rgba(255,255,255,.14))!important; color:var(--nx-p5)!important; } /* v2.6.15 — country/state spacing, select chip, centered close, dark page uniformity */ .nx-app.nx-app-checkout .nxpay-native-row-source, .nx-app.nx-app-checkout .nx-field > p.form-row.nxpay-native-row-source, .nx-app.nx-app-checkout .nx-field > .form-row.nxpay-native-row-source{ display:none!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; visibility:hidden!important; } .nx-app.nx-app-checkout .nx-field:has(.nxpay-country-trigger), .nx-app.nx-app-checkout .nx-field:has(.nxpay-state-trigger){ gap:8px!important; } .nxpay-select-trigger{ position:relative!important; padding-inline:14px 118px!important; overflow:hidden!important; } .nxpay-select-trigger::after{ content:"انتخاب کنید"!important; position:absolute!important; left:10px!important; top:50%!important; transform:translateY(-50%)!important; width:auto!important; height:30px!important; min-width:92px!important; padding:0 12px!important; border:0!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; font-size:12px!important; font-weight:950!important; line-height:1!important; color:color-mix(in srgb,var(--nx-p5) 78%,#111827 22%)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--nx-p5) 12%,#fff 88%),color-mix(in srgb,var(--nx-p2) 36%,#fff 64%))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 18px color-mix(in srgb,var(--nx-p5) 10%,transparent)!important; opacity:1!important; flex:none!important; } html.nxpay-theme-dark .nxpay-select-trigger::after, html[data-nxapp-theme="dark"] .nxpay-select-trigger::after, html[data-nxadm-theme="dark"] .nxpay-select-trigger::after, body.nxapp-theme-dark .nxpay-select-trigger::after, body.nxadm-theme-dark .nxpay-select-trigger::after, body.nxapp-dark .nxpay-select-trigger::after, body.nx-dark .nxpay-select-trigger::after, .nx-app.nxpay-dark .nxpay-select-trigger::after{ color:var(--nx-p5)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--nx-p5) 15%,var(--nxpay-bg,#005755) 85%),color-mix(in srgb,var(--nxpay-bg,#005755) 78%,rgba(255,255,255,.10) 22%))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 18px rgba(0,0,0,.15)!important; } @media(max-width:420px){ .nxpay-select-trigger{padding-inline:12px 104px!important;} .nxpay-select-trigger::after{min-width:82px!important;font-size:11.5px!important;padding:0 10px!important;} } .nxpay-sheet__close{ display:inline-grid!important; place-items:center!important; align-items:center!important; justify-content:center!important; text-align:center!important; padding:0!important; line-height:0!important; font-size:0!important; } .nxpay-sheet__close::before{ content:"×"!important; display:block!important; font-size:24px!important; line-height:1!important; font-weight:900!important; transform:translateY(-1px)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-container, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-card, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-items, html.nxpay-theme-dark .nx-app.nx-app-checkout #nxItems, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-container, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-card, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-items, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout #nxItems, body.nxapp-theme-dark .nx-app.nx-app-checkout, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-container, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-card, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-items, body.nxapp-theme-dark .nx-app.nx-app-checkout #nxItems, body.nx-dark .nx-app.nx-app-checkout, body.nx-dark .nx-app.nx-app-checkout .nx-container, body.nx-dark .nx-app.nx-app-checkout .nx-card, body.nx-dark .nx-app.nx-app-checkout .nx-items, body.nx-dark .nx-app.nx-app-checkout #nxItems, .nx-app.nx-app-checkout.nxpay-dark, .nx-app.nx-app-checkout.nxpay-dark .nx-container, .nx-app.nx-app-checkout.nxpay-dark .nx-card, .nx-app.nx-app-checkout.nxpay-dark .nx-items, .nx-app.nx-app-checkout.nxpay-dark #nxItems{ background-color:var(--nxpay-bg,#005755)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-container, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-container, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-container, body.nx-dark .nx-app.nx-app-checkout .nx-container, .nx-app.nx-app-checkout.nxpay-dark .nx-container{ background-image:none!important; background:var(--nxpay-bg,#005755)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-card, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-card, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-card, body.nx-dark .nx-app.nx-app-checkout .nx-card, .nx-app.nx-app-checkout.nxpay-dark .nx-card{ background: radial-gradient(520px 210px at 94% -14%,color-mix(in srgb,var(--nx-p5) 10%,transparent),transparent 70%), linear-gradient(145deg,color-mix(in srgb,var(--nxpay-bg,#005755) 76%,rgba(255,255,255,.13) 24%),color-mix(in srgb,var(--nxpay-bg,#005755) 90%,#000 10%))!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout.is-cart-empty .nx-card, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout.is-cart-empty .nx-card, body.nxapp-theme-dark .nx-app.nx-app-checkout.is-cart-empty .nx-card, body.nx-dark .nx-app.nx-app-checkout.is-cart-empty .nx-card, .nx-app.nx-app-checkout.nxpay-dark.is-cart-empty .nx-card{ background: radial-gradient(520px 210px at 94% -14%,color-mix(in srgb,var(--nx-p5) 10%,transparent),transparent 70%), linear-gradient(145deg,color-mix(in srgb,var(--nxpay-bg,#005755) 76%,rgba(255,255,255,.13) 24%),color-mix(in srgb,var(--nxpay-bg,#005755) 90%,#000 10%))!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-empty, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-empty, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-empty, body.nx-dark .nx-app.nx-app-checkout .nx-empty, .nx-app.nx-app-checkout.nxpay-dark .nx-empty{ background:transparent!important; color:var(--nxpay-muted)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout::after, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout::after, body.nxapp-theme-dark .nx-app.nx-app-checkout::after, body.nx-dark .nx-app.nx-app-checkout::after, .nx-app.nx-app-checkout.nxpay-dark::after{ content:""!important; position:fixed!important; inset:0!important; pointer-events:none!important; z-index:-1!important; background:var(--nxpay-bg,#005755)!important; } /* v2.6.16 — close icon centering + hard actionbar step safety */ .nxpay-sheet__close{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; place-items:center!important; padding:0!important; text-align:center!important; line-height:1!important; font-size:0!important; overflow:hidden!important; } .nxpay-sheet__close::before{ content:"×"!important; position:absolute!important; inset:0!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; font-size:25px!important; line-height:1!important; font-weight:950!important; transform:none!important; color:currentColor!important; } .nx-app.nx-app-checkout[data-nx-step="2"] #nxShop, .nx-app.nx-app-checkout[data-nx-step="3"] #nxShop{ display:none!important; } .nx-app.nx-app-checkout[data-nx-step="3"] #nxActionsBar{ display:grid!important; grid-template-columns:1fr 1fr!important; } .nx-app.nx-app-checkout[data-nx-step="3"] #nxPrev, .nx-app.nx-app-checkout[data-nx-step="3"] #nxNext{ display:inline-flex!important; } .nx-app.nx-app-checkout .nx-price-badge.show{ white-space:normal!important; line-height:1.8!important; } /* v2.6.17 — route-isolated bottom sheets; never leak into other app routes */ .nxpay-sheet{ display:none!important; } .nxpay-sheet:not(.is-open), .nxpay-sheet.nxpay-orphan, body:not(.nxpay-order-active) .nxpay-sheet, .nx-app.nx-app-checkout:not(.nxpay-active-route) .nxpay-sheet{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; height:0!important; max-height:0!important; overflow:hidden!important; } body.nxpay-order-active .nx-app.nx-app-checkout.nxpay-active-route .nxpay-sheet.is-open{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; height:auto!important; max-height:none!important; overflow:visible!important; } body:not(.nxpay-order-active) .nxpay-sheet *, .nxpay-sheet.nxpay-orphan *{ display:none!important; } /* v2.7.0 — route native remove animation and lightweight dark item separators */ .nx-app.nx-app-checkout .nx-items .nx-item{will-change:height,opacity,transform,margin,padding;transform-origin:center right;transition:opacity .24s ease,transform .24s cubic-bezier(.2,.8,.2,1),height .28s cubic-bezier(.2,.8,.2,1),margin .28s ease,padding .28s ease,border-color .2s ease;} .nx-app.nx-app-checkout .nx-items .nx-item.is-removing{pointer-events:none!important;overflow:hidden!important;opacity:.62;transform:translate3d(-8px,-2px,0) scale(.985);filter:saturate(.88);} .nx-app.nx-app-checkout .nx-items .nx-item.is-remove-confirmed{opacity:0!important;transform:translate3d(-28px,-10px,0) scale(.955)!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-bottom-color:transparent!important;} .nx-app.nx-app-checkout .nx-totals.is-updating, .nx-app.nx-app-checkout #nxTotals.is-updating, .nx-app.nx-app-checkout #nxTotals2.is-updating{opacity:.74;transform:translateY(-1px) scale(.997);transition:opacity .18s ease,transform .18s ease;} .nx-app.nx-app-checkout.is-cart-empty #nxItems{animation:nxpayEmptyStateIn .32s cubic-bezier(.2,.8,.2,1) both;} @keyframes nxpayEmptyStateIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-items .nx-item, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-items .nx-item, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nxapp-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nx-dark .nx-app.nx-app-checkout .nx-items .nx-item, .nx-app.nx-app-checkout.nxpay-dark .nx-items .nx-item{background:transparent!important;box-shadow:none!important;border-bottom:1px solid color-mix(in srgb,var(--nx-p5,#d4a373) 14%,rgba(255,255,255,.10))!important;} html.nxpay-theme-dark .nx-app.nx-app-checkout #nxItems, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout #nxItems, body.nxapp-theme-dark .nx-app.nx-app-checkout #nxItems, body.nx-dark .nx-app.nx-app-checkout #nxItems, .nx-app.nx-app-checkout.nxpay-dark #nxItems{background:transparent!important;} /* v2.7.1 route native polish */ .nx-app.nx-app-checkout.nxpay-waiting-woo{opacity:.72;pointer-events:none;} .nx-app.nx-app-checkout .nx-items .nx-item{transition:opacity .22s ease,transform .22s ease,height .28s cubic-bezier(.2,.8,.2,1),margin .28s ease,padding .28s ease;border-radius:0;background:transparent!important;box-shadow:none!important;} .nx-app.nx-app-checkout .nx-items .nx-item.nxpay-removing{overflow:hidden;opacity:0;transform:translate(-18px,-4px) scale(.985);margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-bottom-color:transparent!important;} .nx-app.nx-app-checkout .nx-totals{transition:opacity .18s ease,transform .18s ease;} .nx-app.nx-app-checkout .nx-totals.nxpay-totals-updating{opacity:.72;transform:translateY(2px);} .nx-app.nx-app-checkout.is-cart-empty .nx-empty{animation:nxpayEmptyIn .28s ease both;} @keyframes nxpayEmptyIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}} html.nxpay-theme-dark .nx-app.nx-app-checkout, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout, body.nxapp-theme-dark .nx-app.nx-app-checkout, body.nx-dark .nx-app.nx-app-checkout, .nx-app.nx-app-checkout.nxpay-dark{background:var(--nxpay-bg)!important;} html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-items .nx-item, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nx-dark .nx-app.nx-app-checkout .nx-items .nx-item, .nx-app.nx-app-checkout.nxpay-dark .nx-items .nx-item{background:transparent!important;box-shadow:none!important;border-bottom:1px solid color-mix(in srgb,var(--nx-p5) 14%,rgba(255,255,255,.10))!important;} html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-totals, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-method-box, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-payments, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-totals, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-method-box, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-totals, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-method-box, body.nx-dark .nx-app.nx-app-checkout .nx-totals, body.nx-dark .nx-app.nx-app-checkout .nx-method-box, .nx-app.nx-app-checkout.nxpay-dark .nx-totals, .nx-app.nx-app-checkout.nxpay-dark .nx-method-box{background:linear-gradient(145deg,color-mix(in srgb,var(--nxpay-surface) 86%,rgba(255,255,255,.08)),var(--nxpay-surface-2))!important;border-color:var(--nxpay-line)!important;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);} html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-btn-primary, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-btn-primary, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-btn-primary, body.nx-dark .nx-app.nx-app-checkout .nx-btn-primary, .nx-app.nx-app-checkout.nxpay-dark .nx-btn-primary{background:var(--nx-p5)!important;color:#fff!important;box-shadow:0 12px 28px color-mix(in srgb,var(--nx-p5) 28%,transparent)!important;} /* v2.7.2 anti-FOUC guard */ .nx-app.nx-app-checkout.nxpay-css-ready{opacity:1;visibility:visible;} .nx-app-checkout.nxpay-css-ready + .nxpay-route-boot, body.nxpay-order-active .nxpay-route-boot{display:none!important;} /* v2.8.1 route-scoped chunks, keyboard-safe actionbar, field errors */ .nx-app.nx-app-checkout{--nxpay-keyboard-offset:0px;} .nx-app.nx-app-checkout .nx-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateY(calc(var(--nxpay-keyboard-offset,0px) * -1));will-change:transform;} .nx-app.nx-app-checkout.nxpay-keyboard-open .nx-actions{box-shadow:0 -18px 44px rgba(0,0,0,.16);} .nx-app.nx-app-checkout .nx-field{position:relative;} .nx-app.nx-app-checkout .nx-field-error{display:none;margin-top:7px;font-size:11.5px;font-weight:800;line-height:1.7;color:#ef4444;text-align:right;} .nx-app.nx-app-checkout .nx-field.has-error input, .nx-app.nx-app-checkout .nx-field.has-error select, .nx-app.nx-app-checkout .nx-field.has-error textarea{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.10)!important;} .nx-app.nx-app-checkout #nxNext.is-disabled, .nx-app.nx-app-checkout #nxNext[disabled]{opacity:.55!important;filter:saturate(.72);cursor:not-allowed!important;box-shadow:none!important;} .nx-app.nx-app-checkout .nx-empty-recommended-slot{margin-top:14px;} .nx-app.nx-app-checkout .nx-empty-loading{padding:12px 14px;border-radius:16px;text-align:center;font-weight:900;font-size:12.5px;color:var(--nx-p5,#d4a373);background:color-mix(in srgb,var(--nx-p5,#d4a373) 8%,transparent);border:1px solid color-mix(in srgb,var(--nx-p5,#d4a373) 16%,transparent);} body:not(.nxpay-order-active) .nxpay-sheet[data-nxpay-owner="checkout"]{display:none!important;} /* v2.8.1 — body-mounted route-owned bottom sheets: fix clipped/non-opening sheets in SPA */ body.nxpay-order-active .nxpay-sheet[data-nxpay-owner="checkout"].is-open{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; height:auto!important; max-height:none!important; overflow:visible!important; position:fixed!important; inset:0!important; z-index:2147482500!important; align-items:flex-end!important; touch-action:none!important; } body.nxpay-order-active .nxpay-sheet[data-nxpay-owner="checkout"].is-open *{ pointer-events:auto!important; } html.nxpay-sheet-open, body.nxpay-sheet-open-body{ overscroll-behavior:none!important; } body.nxpay-order-active .nxpay-sheet[data-nxpay-owner="checkout"].is-open .nxpay-sheet__panel{ transform:translate3d(0,0,0)!important; will-change:transform!important; } body:not(.nxpay-order-active) .nxpay-sheet[data-nxpay-owner="checkout"], .nxpay-sheet[data-nxpay-owner="checkout"].nxpay-orphan{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } /* v2.8.4 — native order load, stable actionbar, body-owned sheets, global OTP safety */ .nxpay-route-boot{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;max-height:0!important;overflow:hidden!important;} .nx-app.nx-app-checkout:not(.nxpay-css-ready){opacity:0!important;visibility:hidden!important;pointer-events:none!important;max-height:1px!important;overflow:hidden!important;contain:layout style paint!important;} .nx-app.nx-app-checkout.nxpay-css-ready{opacity:1!important;visibility:visible!important;max-height:none!important;overflow:visible!important;transition:opacity .12s ease;} body.nxapp-order-route-loading .nx-app.nx-app-checkout{opacity:0!important;visibility:hidden!important;pointer-events:none!important;} body.nxapp-order-route-loading .nx-otp-overlay, body.nxapp-order-route-loading .nxpay-sheet[data-nxpay-owner="checkout"]{display:none!important;visibility:hidden!important;opacity:0!important;} .nx-otp-overlay{position:fixed!important;inset:0!important;background:radial-gradient(1200px 600px at 50% 20%, rgba(0,0,0,.28), rgba(0,0,0,.55))!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:none;align-items:center!important;justify-content:center!important;z-index:2147482550!important;padding:24px!important;direction:rtl!important;} .nx-otp-overlay[style*="flex"],.nx-otp-overlay.is-open{display:flex!important;} .nx-otp-card{width:min(480px,94vw)!important;border-radius:24px!important;overflow:hidden!important;background:linear-gradient(to bottom right, rgba(255,255,255,.82), rgba(255,255,255,.52))!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 20px 60px rgba(0,0,0,.18)!important;} .nx-otp-head{padding:14px 16px!important;font-weight:900!important;text-align:center!important;background:linear-gradient(90deg,var(--nx-p1),var(--nx-p5))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;} .nx-otp-body{padding:16px!important;}.nx-otp-grid{display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:wrap!important;margin:12px 0!important;flex-direction:row-reverse!important;}.nx-otp-input{width:56px!important;height:56px!important;border-radius:14px!important;border:0!important;background:rgba(255,255,255,.76)!important;text-align:center!important;font-size:22px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important;}.nx-otp-note{text-align:center!important;font-size:.9rem!important;opacity:.85!important;}.nx-otp-actions{display:flex!important;gap:8px!important;margin-top:12px!important;justify-content:center!important;} html.nxpay-theme-dark .nx-otp-card,html[data-nxapp-theme="dark"] .nx-otp-card,body.nxapp-theme-dark .nx-otp-card,body.nx-dark .nx-otp-card{background:linear-gradient(145deg,color-mix(in srgb,var(--nxpay-surface,#201a14) 86%,rgba(255,255,255,.08)),var(--nxpay-surface-2,#16120f))!important;border-color:var(--nxpay-line,rgba(255,255,255,.12))!important;color:var(--nxpay-text,#f8fbf3)!important;} html.nxpay-theme-dark .nx-otp-input,html[data-nxapp-theme="dark"] .nx-otp-input,body.nxapp-theme-dark .nx-otp-input,body.nx-dark .nx-otp-input{background:color-mix(in srgb,var(--nxpay-bg,#101624) 76%,rgba(255,255,255,.12) 24%)!important;color:var(--nxpay-text,#fff)!important;box-shadow:inset 0 0 0 1px var(--nxpay-line,rgba(255,255,255,.12))!important;} .nx-app.nx-app-checkout .nx-actions{transform:translate3d(0,calc(var(--nxpay-keyboard-offset,0px) * -1),0)!important;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease!important;backface-visibility:hidden!important;contain:layout paint!important;} .nx-app.nx-app-checkout .nx-actions .nx-bar{min-height:50px!important;grid-auto-flow:column!important;align-items:stretch!important;} .nx-app.nx-app-checkout .nx-actions .nx-btn{height:50px!important;min-height:50px!important;max-height:50px!important;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease!important;-webkit-tap-highlight-color:transparent!important;appearance:none!important;} .nx-app.nx-app-checkout .nx-actions .nx-btn:focus,.nx-app.nx-app-checkout .nx-actions .nx-btn:active{outline:0!important;} .nx-app.nx-app-checkout .nx-actions .nx-btn-secondary{background:rgba(255,255,255,.88)!important;color:var(--nx-p5,#d4a373)!important;border-color:color-mix(in srgb,var(--nx-p5,#d4a373) 28%,rgba(0,0,0,.08))!important;} .nx-app.nx-app-checkout .nx-actions .nx-btn-primary{background:var(--nx-p5,#d4a373)!important;color:#fff!important;border-color:transparent!important;} html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-actions .nx-btn-secondary,html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-actions .nx-btn-secondary,body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-actions .nx-btn-secondary,body.nx-dark .nx-app.nx-app-checkout .nx-actions .nx-btn-secondary,.nx-app.nx-app-checkout.nxpay-dark .nx-actions .nx-btn-secondary{background:color-mix(in srgb,var(--nxpay-surface,#201a14) 76%,rgba(255,255,255,.08))!important;color:var(--nx-p5,#d4a373)!important;border-color:var(--nxpay-line,rgba(255,255,255,.12))!important;} .nxpay-select-trigger{position:relative!important;z-index:2!important;cursor:pointer!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;} body.nxpay-order-active .nxpay-sheet[data-nxpay-owner="checkout"].is-open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:fixed!important;inset:0!important;z-index:2147482600!important;align-items:flex-end!important;justify-content:center!important;transform:none!important;} body.nxpay-order-active .nxpay-sheet[data-nxpay-owner="checkout"].is-open .nxpay-sheet__bg{display:block!important;position:absolute!important;inset:0!important;pointer-events:auto!important;} body.nxpay-order-active .nxpay-sheet[data-nxpay-owner="checkout"].is-open .nxpay-sheet__panel{position:relative!important;z-index:1!important;transform:translate3d(0,0,0)!important;max-height:min(78vh,720px)!important;width:min(100%,680px)!important;} @media(max-width:420px){.nx-otp-input{width:48px!important;height:48px!important}.nx-app.nx-app-checkout .nx-actions .nx-btn{height:48px!important;min-height:48px!important;max-height:48px!important;}} @media(prefers-reduced-motion:reduce){.nx-app.nx-app-checkout .nx-actions,.nx-app.nx-app-checkout .nx-actions .nx-btn,.nx-app.nx-app-checkout.nxpay-css-ready{transition:none!important;}} /* v2.9.8 — remove button under quantity controls */ .nx-app.nx-app-checkout .nx-item-side{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-width:86px!important; } .nx-app.nx-app-checkout .nx-item-side .nx-qty{ width:100%!important; justify-content:center!important; } .nx-app.nx-app-checkout .nx-item-side .nx-remove{ margin-top:0!important; align-self:center!important; white-space:nowrap!important; } @media(max-width:480px){ .nx-app.nx-app-checkout .nx-items .nx-item{grid-template-columns:58px 1fr 82px!important;gap:10px!important;} .nx-app.nx-app-checkout .nx-item-side{min-width:82px!important;gap:7px!important;} .nx-app.nx-app-checkout .nx-item-side .nx-remove{padding:5px 9px!important;font-size:11.5px!important;} } /* v2.8.6 cart item price details */ .nx-app.nx-app-checkout .nx-item-main{min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start;} .nx-app.nx-app-checkout .nx-item-price,.nx-app.nx-app-checkout .nx-item-unit{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.6;color:rgba(33,27,20,.72);} .nx-app.nx-app-checkout .nx-item-price strong,.nx-app.nx-app-checkout .nx-item-unit strong{font-weight:850;color:#15110c;} .nx-app.nx-app-checkout .nx-item-price span,.nx-app.nx-app-checkout .nx-item-unit span{opacity:.68;font-weight:700;} html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-item-price,html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-item-unit,.nx-app.nx-app-checkout.nxpay-dark .nx-item-price,.nx-app.nx-app-checkout.nxpay-dark .nx-item-unit{color:rgba(255,255,255,.62);} html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-item-price strong,html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-item-unit strong,.nx-app.nx-app-checkout.nxpay-dark .nx-item-price strong,.nx-app.nx-app-checkout.nxpay-dark .nx-item-unit strong{color:rgba(255,255,255,.92);} .nx-app.nx-app-checkout.nxpay-reconciling-cart .nx-items,.nx-app.nx-app-checkout.nxpay-reconciling-cart .nx-actions{opacity:.42;pointer-events:none;} /* v2.8.7 — polished native cart remove animation + soft totals update */ .nx-app.nx-app-checkout .nx-items .nx-item{ background:transparent!important; box-shadow:none!important; transform-origin:72% 50%; will-change:height,opacity,transform,margin,padding; transition: opacity .26s ease, transform .30s cubic-bezier(.18,.84,.22,1), height .36s cubic-bezier(.18,.84,.22,1), margin .36s ease, padding .36s ease, border-color .22s ease, filter .22s ease; } .nx-app.nx-app-checkout .nx-items .nx-item.is-removing, .nx-app.nx-app-checkout .nx-items .nx-item.nxpay-remove-press{ overflow:hidden!important; pointer-events:none!important; opacity:.74!important; transform:translate3d(-4px,-1px,0) scale(.982)!important; filter:saturate(.92) brightness(.99); } .nx-app.nx-app-checkout .nx-items .nx-item.is-remove-confirmed, .nx-app.nx-app-checkout .nx-items .nx-item.nxpay-remove-exit{ opacity:0!important; transform:translate3d(-34px,-11px,0) scale(.948)!important; border-bottom-color:transparent!important; filter:saturate(.65) blur(.2px); } .nx-app.nx-app-checkout .nx-totals, .nx-app.nx-app-checkout #nxTotals, .nx-app.nx-app-checkout #nxTotals2{ transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1),filter .18s ease; } .nx-app.nx-app-checkout #nxTotals.nxpay-totals-out, .nx-app.nx-app-checkout #nxTotals2.nxpay-totals-out{ opacity:.36; transform:translateY(4px) scale(.992); filter:saturate(.88); } .nx-app.nx-app-checkout #nxTotals.nxpay-totals-in, .nx-app.nx-app-checkout #nxTotals2.nxpay-totals-in{ opacity:1; transform:translateY(0) scale(1); animation:nxpayTotalsSoftIn .24s cubic-bezier(.2,.8,.2,1) both; } @keyframes nxpayTotalsSoftIn{from{opacity:.18;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}} .nx-app.nx-app-checkout.is-cart-empty #nxItems, .nx-app.nx-app-checkout.nxpay-empty-revealing #nxItems{ animation:nxpayEmptyNativeIn .36s cubic-bezier(.18,.84,.22,1) both; } @keyframes nxpayEmptyNativeIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-items .nx-item, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item, body.nx-dark .nx-app.nx-app-checkout .nx-items .nx-item, .nx-app.nx-app-checkout.nxpay-dark .nx-items .nx-item{ background:transparent!important; box-shadow:none!important; border-bottom:1px solid color-mix(in srgb,var(--nxapp-p5,var(--nx-p5,#d4a373)) 12%,rgba(255,255,255,.09))!important; } html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-items .nx-item:last-child, html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-items .nx-item:last-child, .nx-app.nx-app-checkout.nxpay-dark .nx-items .nx-item:last-child{border-bottom-color:transparent!important;} @media(prefers-reduced-motion:reduce){ .nx-app.nx-app-checkout .nx-items .nx-item, .nx-app.nx-app-checkout #nxTotals, .nx-app.nx-app-checkout #nxTotals2{transition:none!important;animation:none!important;} } /* v2.8.8 — no-jump cart card, protected remove animation, correct light/dark lock */ .nx-app.nx-app-checkout .nx-card.nxapp-anim-governed, .nx-app.nx-app-checkout .nx-card.nxapp-anim-out, .nx-app.nx-app-checkout .nx-items.nxapp-anim-governed, .nx-app.nx-app-checkout .nx-items.nxapp-anim-out{ opacity:1!important; transform:none!important; filter:none!important; animation:none!important; } .nx-app.nx-app-checkout .nx-card[data-nxpay-anim-protected="1"], .nx-app.nx-app-checkout [data-nxpay-anim-protected="1"]{ animation:none!important; } .nx-app.nx-app-checkout .nx-items .nx-item{ contain:layout paint!important; backface-visibility:hidden!important; -webkit-font-smoothing:antialiased!important; } .nx-app.nx-app-checkout .nx-items .nx-item.is-removing, .nx-app.nx-app-checkout .nx-items .nx-item.is-remove-confirmed, .nx-app.nx-app-checkout .nx-items .nx-item.nxpay-remove-press, .nx-app.nx-app-checkout .nx-items .nx-item.nxpay-remove-exit{ will-change:height,opacity,transform,margin,padding,filter!important; overflow:hidden!important; } .nx-app.nx-app-checkout #nxTotals, .nx-app.nx-app-checkout #nxTotals2{ min-height:0!important; overflow:visible!important; } html[data-nxapp-theme="light"] .nx-app.nx-app-checkout, html[data-nxapp-theme-mode="light"] .nx-app.nx-app-checkout, body[data-nxapp-theme="light"] .nx-app.nx-app-checkout{ color-scheme:light!important; background:#fff!important; color:#222!important; } html[data-nxapp-theme="light"] .nx-app.nx-app-checkout:not(.nxpay-dark) .nx-card, html[data-nxapp-theme-mode="light"] .nx-app.nx-app-checkout:not(.nxpay-dark) .nx-card, body[data-nxapp-theme="light"] .nx-app.nx-app-checkout:not(.nxpay-dark) .nx-card{ background:#fff!important; color:#222!important; border-color:#eee!important; box-shadow:0 6px 22px rgba(0,0,0,.06)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html[data-nxapp-theme="light"] .nx-app.nx-app-checkout:not(.nxpay-dark) .nx-items .nx-item, html[data-nxapp-theme-mode="light"] .nx-app.nx-app-checkout:not(.nxpay-dark) .nx-items .nx-item, body[data-nxapp-theme="light"] .nx-app.nx-app-checkout:not(.nxpay-dark) .nx-items .nx-item{ background:transparent!important; box-shadow:none!important; border-bottom:1px dashed #eee!important; } html[data-nxapp-theme="light"] .nx-app.nx-app-checkout:not(.nxpay-dark) .nx-items .nx-item:last-child, html[data-nxapp-theme-mode="light"] .nx-app.nx-app-checkout:not(.nxpay-dark) .nx-items .nx-item:last-child{ border-bottom-color:transparent!important; } /* v2.9.5 — stable app-like order UI, dark card sync, currency icon */ .nx-app.nx-app-checkout>.nx-actions{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99998!important;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(15,23,42,.08)!important;backdrop-filter:blur(16px) saturate(140%)!important;-webkit-backdrop-filter:blur(16px) saturate(140%)!important}.nx-app.nx-app-checkout>.nx-actions .nx-bar{max-width:960px!important;margin:0 auto!important;display:flex!important;gap:10px!important;align-items:stretch!important}.nx-app.nx-app-checkout .nx-container{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}.nx-app.nx-app-checkout .nx-container .nx-actions{position:static!important;inset:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nx-app.nx-app-checkout .nx-name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;word-break:normal!important}.nx-app-checkout .woocommerce-Price-amount.amount{display:inline-flex!important;align-items:center!important;gap:5px!important;direction:rtl!important;unicode-bidi:isolate!important;white-space:nowrap!important}.nx-app-checkout .woocommerce-Price-amount.amount .nx-price-num{order:1!important;direction:rtl!important;unicode-bidi:isolate!important}.nx-app-checkout .woocommerce-Price-amount.amount .nx-cur,.nx-app-checkout .woocommerce-Price-amount.amount .nxpay-toman-img{order:2!important;width:1.15em!important;height:1.15em!important;object-fit:contain!important;display:inline-block!important;margin:0 4px 0 0!important;flex:0 0 auto!important} html[data-nxapp-theme="dark"] .nx-app-checkout,html[data-nxadm-theme="dark"] .nx-app-checkout,body.nxapp-theme-dark .nx-app-checkout{--nxpay-card-stable-bg:var(--nxapp-dark-hover,linear-gradient(135deg,color-mix(in srgb,var(--nxapp-dark-bg,var(--nxpay-bg,#071716)) 72%,#ffffff 12%),color-mix(in srgb,var(--nxapp-dark-bg,var(--nxpay-bg,#071716)) 58%,var(--nxapp-p5,var(--nx-p5,#d4a373)) 14%)));--nxpay-card-stable-border:var(--nxapp-dark-line-2,var(--nxpay-line,color-mix(in srgb,var(--nxapp-p5,var(--nx-p5,#d4a373)) 38%,rgba(255,255,255,.18))));--nxpay-card-stable-shadow:0 16px 42px rgba(0,0,0,.30),0 0 0 3px color-mix(in srgb,var(--nxapp-p5,var(--nx-p5,#d4a373)) 11%,transparent),inset 0 1px 0 rgba(255,255,255,.08)}html[data-nxapp-theme="dark"] .nx-app-checkout .nx-card,html[data-nxapp-theme="dark"] .nx-app-checkout .nx-card:hover,html[data-nxapp-theme="dark"] .nx-app-checkout .nx-card:focus-within,html[data-nxapp-theme="dark"] .nx-app-checkout .nx-card:active,html[data-nxadm-theme="dark"] .nx-app-checkout .nx-card,body.nxapp-theme-dark .nx-app-checkout .nx-card{background:var(--nxpay-card-stable-bg)!important;color:var(--nxapp-dark-text,var(--nxpay-text))!important;border-color:var(--nxpay-card-stable-border)!important;box-shadow:var(--nxpay-card-stable-shadow)!important;transform:none!important;filter:none!important}.nx-app-checkout .nx-card:hover{transform:none!important;filter:none!important} html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout>.nx-actions,html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout>.nx-actions,body.nxapp-theme-dark .nx-app.nx-app-checkout>.nx-actions{background:linear-gradient(180deg,color-mix(in srgb,var(--nxapp-dark-bg,#071716) 70%,transparent),color-mix(in srgb,var(--nxapp-dark-bg,#071716) 92%,#000 8%))!important;border-top:1px solid var(--nxapp-dark-line,var(--nxpay-line))!important;color:var(--nxapp-dark-text,var(--nxpay-text))!important} /* v2.10.2 — app free shipping note with real PNG image */ .nx-app.nx-app-checkout .nx-shipping-note{ position:relative!important; display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; align-items:center!important; gap:14px!important; margin-top:14px!important; padding:13px 15px!important; border-radius:22px!important; overflow:hidden!important; isolation:isolate!important; background: radial-gradient(260px 120px at 92% -18%, color-mix(in srgb,var(--nx-p5,#d4a373) 10%, transparent), transparent 72%), linear-gradient(135deg, color-mix(in srgb,var(--nx-p3,#fefae0) 52%, rgba(255,255,255,.82) 48%), color-mix(in srgb,var(--nx-p4,#faedcd) 44%, rgba(255,255,255,.62) 56%))!important; border:1px solid color-mix(in srgb,var(--nx-p5,#d4a373) 18%, rgba(255,255,255,.56))!important; box-shadow:0 12px 28px rgba(0,0,0,.09), inset 0 1px 0 rgba(255,255,255,.42)!important; color:color-mix(in srgb,var(--nx-p5,#d4a373) 78%, #111827 22%)!important; animation:none!important; backdrop-filter:blur(12px) saturate(1.10)!important; -webkit-backdrop-filter:blur(12px) saturate(1.10)!important; } .nx-app.nx-app-checkout .nx-shipping-note::before{ content:""!important; position:absolute!important; inset:auto -22px -44px auto!important; width:118px!important; height:118px!important; border-radius:999px!important; background:color-mix(in srgb,var(--nx-p5,#d4a373) 6%, transparent)!important; pointer-events:none!important; z-index:-1!important; } .nx-app.nx-app-checkout .nx-ship-visual{ width:78px!important; height:78px!important; min-width:78px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; line-height:0!important; } .nx-app.nx-app-checkout .nx-ship-img{ width:78px!important; height:78px!important; max-width:none!important; max-height:none!important; display:block!important; object-fit:contain!important; background:transparent!important; border:0!important; box-shadow:none!important; filter:none!important; -webkit-filter:none!important; transform:none!important; opacity:1!important; } .nx-app.nx-app-checkout .nx-ship-icon, .nx-app.nx-app-checkout .nx-ship-icon::before, .nx-app.nx-app-checkout .nx-ship-badge{ display:none!important; content:none!important; background:none!important; } .nx-app.nx-app-checkout .nx-ship-copy{ min-width:0!important; display:flex!important; flex-direction:column!important; gap:3px!important; line-height:1.7!important; } .nx-app.nx-app-checkout .nx-ship-title{ display:block!important; margin:0!important; color:var(--nx-p5,#d4a373)!important; -webkit-text-fill-color:var(--nx-p5,#d4a373)!important; font-size:14px!important; font-weight:1000!important; letter-spacing:-.02em!important; } .nx-app.nx-app-checkout .nx-ship-desc{ display:block!important; margin:0!important; color:color-mix(in srgb,var(--nx-p5,#d4a373) 64%, #1f2937 36%)!important; -webkit-text-fill-color:color-mix(in srgb,var(--nx-p5,#d4a373) 64%, #1f2937 36%)!important; font-size:12px!important; font-weight:800!important; } .nx-app.nx-app-checkout .nx-ship-desc .woocommerce-Price-amount, .nx-app.nx-app-checkout .nx-ship-desc .nx-price-num{ color:var(--nx-p5,#d4a373)!important; -webkit-text-fill-color:var(--nx-p5,#d4a373)!important; font-weight:1000!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-shipping-note, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-shipping-note, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-shipping-note, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-shipping-note, body.nxapp-dark .nx-app.nx-app-checkout .nx-shipping-note, body.nx-dark .nx-app.nx-app-checkout .nx-shipping-note, .nx-app.nx-app-checkout.nxpay-dark .nx-shipping-note{ background: radial-gradient(300px 130px at 88% -12%, color-mix(in srgb,var(--nx-p5,#d4a373) 12%, transparent), transparent 72%), linear-gradient(135deg, color-mix(in srgb,var(--nxpay-dark-bg,#071716) 76%, rgba(255,255,255,.12) 24%), color-mix(in srgb,var(--nxpay-dark-bg,#071716) 91%, #000 9%))!important; border-color:color-mix(in srgb,var(--nx-p5,#d4a373) 28%, rgba(255,255,255,.12))!important; box-shadow:0 14px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08)!important; } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-ship-desc, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-ship-desc, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-ship-desc, body.nx-dark .nx-app.nx-app-checkout .nx-ship-desc, .nx-app.nx-app-checkout.nxpay-dark .nx-ship-desc{ color:color-mix(in srgb,var(--nx-p5,#d4a373) 72%, rgba(255,255,255,.82) 28%)!important; -webkit-text-fill-color:color-mix(in srgb,var(--nx-p5,#d4a373) 72%, rgba(255,255,255,.82) 28%)!important; } @media(max-width:560px){ .nx-app.nx-app-checkout .nx-shipping-note{grid-template-columns:auto minmax(0,1fr)!important;padding:12px 12px!important;border-radius:20px!important;gap:10px!important;} .nx-app.nx-app-checkout .nx-ship-visual{width:70px!important;height:70px!important;min-width:70px!important;} .nx-app.nx-app-checkout .nx-ship-img{width:70px!important;height:70px!important;} } /* v2.10.5 language/direction sync */ .nx-app.nx-app-checkout[dir="ltr"]{direction:ltr!important;text-align:left!important;} .nx-app.nx-app-checkout[dir="rtl"]{direction:rtl!important;text-align:right!important;} .nx-app.nx-app-checkout[dir="ltr"] .nx-title, .nx-app.nx-app-checkout[dir="ltr"] .nx-line, .nx-app.nx-app-checkout[dir="ltr"] .nx-method, .nx-app.nx-app-checkout[dir="ltr"] .nx-field, .nx-app.nx-app-checkout[dir="ltr"] .nx-field label, .nx-app.nx-app-checkout[dir="ltr"] .nx-a2a-checkout-note, .nx-app.nx-app-checkout[dir="ltr"] .nx-recom-meta, .nx-app.nx-app-checkout[dir="ltr"] .nx-empty, .nx-app.nx-app-checkout[dir="ltr"] .nx-ship-copy, .nx-app.nx-app-checkout[dir="ltr"] .nx-ship-title, .nx-app.nx-app-checkout[dir="ltr"] .nx-ship-desc{direction:ltr!important;text-align:left!important;} .nx-app.nx-app-checkout[dir="ltr"] .nx-items .nx-item{direction:ltr!important;grid-template-columns:64px minmax(0,1fr) auto!important;} .nx-app.nx-app-checkout[dir="ltr"] .nx-item-main{align-items:flex-start!important;text-align:left!important;} .nx-app.nx-app-checkout[dir="ltr"] .nx-item-side{align-items:flex-end!important;} .nx-app.nx-app-checkout[dir="ltr"] .nx-coupon{direction:ltr!important;} .nx-app.nx-app-checkout[dir="ltr"] input, .nx-app.nx-app-checkout[dir="ltr"] textarea, .nx-app.nx-app-checkout[dir="ltr"] select{direction:ltr!important;text-align:left!important;} .nx-app.nx-app-checkout[dir="rtl"] input, .nx-app.nx-app-checkout[dir="rtl"] textarea, .nx-app.nx-app-checkout[dir="rtl"] select{direction:rtl!important;text-align:right!important;} .nx-app.nx-app-checkout[dir="ltr"] .woocommerce-Price-amount.amount, .nx-app.nx-app-checkout[dir="ltr"] .nxpay-mc-native, .nx-app.nx-app-checkout[dir="ltr"] .nxmc-card-converted, .nx-app.nx-app-checkout[dir="ltr"] .nx-price-num, .nx-app.nx-app-checkout[dir="ltr"] .nx-q, .nx-app.nx-app-checkout[dir="ltr"] #nxTimer{direction:ltr!important;unicode-bidi:isolate!important;} html.nxpay-checkout-ltr .nxpay-sheet[data-nxpay-owner="checkout"], html.nxpay-checkout-ltr .nxpay-sheet[data-nxpay-owner="checkout"] .nxpay-sheet__panel, html.nxpay-checkout-ltr .nxpay-sheet[data-nxpay-owner="checkout"] .nxpay-sheet__title, html.nxpay-checkout-ltr .nxpay-sheet[data-nxpay-owner="checkout"] .nxpay-sheet__item, html.nxpay-checkout-ltr .nx-otp-overlay, html.nxpay-checkout-ltr .nx-otp-card, html.nxpay-checkout-ltr #nxToastContainer .nx-toast{direction:ltr!important;text-align:left!important;} html.nxpay-checkout-rtl .nxpay-sheet[data-nxpay-owner="checkout"], html.nxpay-checkout-rtl .nxpay-sheet[data-nxpay-owner="checkout"] .nxpay-sheet__panel, html.nxpay-checkout-rtl .nxpay-sheet[data-nxpay-owner="checkout"] .nxpay-sheet__title, html.nxpay-checkout-rtl .nxpay-sheet[data-nxpay-owner="checkout"] .nxpay-sheet__item, html.nxpay-checkout-rtl .nx-otp-overlay, html.nxpay-checkout-rtl .nx-otp-card, html.nxpay-checkout-rtl #nxToastContainer .nx-toast{direction:rtl!important;text-align:right!important;} html.nxpay-checkout-ltr .nx-otp-grid{flex-direction:row!important;} /* v2.10.9 — dynamic dark nx-card, unclipped quantity controls, checkout action-bar bridge */ .nx-app.nx-app-checkout{ --nxpay-card-palette-bg: radial-gradient(520px 210px at 92% -16%,color-mix(in srgb,var(--nx-p5,#d4a373) 12%,transparent),transparent 72%), linear-gradient(145deg, color-mix(in srgb,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 88%,var(--nx-p1,#ccd5ae) 12%), color-mix(in srgb,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 92%,var(--nx-p5,#d4a373) 8%)); --nxpay-card-palette-border:color-mix(in srgb,var(--nx-p5,#d4a373) 44%,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 56%); --nxpay-card-palette-shadow: 0 16px 42px rgba(0,0,0,.30), 0 0 0 3px color-mix(in srgb,var(--nx-p5,#d4a373) 10%,transparent), inset 0 1px 0 color-mix(in srgb,var(--nx-p1,#ccd5ae) 12%,transparent); --nxpay-card-palette-text:color-mix(in srgb,var(--nx-p3,#fefae0) 90%,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 10%); --nxpay-card-palette-muted:color-mix(in srgb,var(--nx-p3,#fefae0) 58%,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 42%); } html.nxpay-theme-dark .nx-app.nx-app-checkout .nx-card, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-card, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-card, body.nxapp-theme-dark .nx-app.nx-app-checkout .nx-card, body.nxadm-theme-dark .nx-app.nx-app-checkout .nx-card, body.nxapp-dark .nx-app.nx-app-checkout .nx-card, body.nx-dark .nx-app.nx-app-checkout .nx-card, .nx-app.nx-app-checkout.nxpay-dark .nx-card{ background:var(--nxpay-card-palette-bg)!important; border-color:var(--nxpay-card-palette-border)!important; color:var(--nxpay-card-palette-text)!important; box-shadow:var(--nxpay-card-palette-shadow)!important; backdrop-filter:blur(18px) saturate(1.08)!important; -webkit-backdrop-filter:blur(18px) saturate(1.08)!important; } html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-card .nx-title, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-card .nx-name, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-card .nx-title, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-card .nx-name, .nx-app.nx-app-checkout.nxpay-dark .nx-card .nx-title, .nx-app.nx-app-checkout.nxpay-dark .nx-card .nx-name{ color:var(--nxpay-card-palette-text)!important; -webkit-text-fill-color:var(--nxpay-card-palette-text)!important; } html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-card .nx-item-price, html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-card .nx-item-unit, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-card .nx-item-price, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-card .nx-item-unit, .nx-app.nx-app-checkout.nxpay-dark .nx-card .nx-item-price, .nx-app.nx-app-checkout.nxpay-dark .nx-card .nx-item-unit{ color:var(--nxpay-card-palette-muted)!important; } .nx-app.nx-app-checkout .nx-items .nx-item{ contain:layout!important; overflow:visible!important; } .nx-app.nx-app-checkout .nx-item-side{ min-width:100px!important; width:max-content!important; overflow:visible!important; padding-inline:2px!important; } .nx-app.nx-app-checkout .nx-qty{ min-width:96px!important; width:max-content!important; overflow:visible!important; padding:2px 1px!important; isolation:isolate!important; } .nx-app.nx-app-checkout .nx-qty button{ box-sizing:border-box!important; flex:0 0 40px!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; margin:0 1px!important; overflow:visible!important; clip-path:none!important; -webkit-clip-path:none!important; border:1px solid color-mix(in srgb,var(--nx-p5,#d4a373) 42%,transparent)!important; background:color-mix(in srgb,var(--nx-p5,#d4a373) 10%,var(--nxpay-bg,#fff) 90%)!important; box-shadow:0 6px 16px color-mix(in srgb,var(--nx-p5,#d4a373) 10%,transparent),inset 0 1px 0 color-mix(in srgb,var(--nx-p1,#ccd5ae) 18%,transparent)!important; transform:translateZ(0)!important; } .nx-app.nx-app-checkout .nx-qty svg{ display:block!important; overflow:visible!important; flex:none!important; } html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-qty button, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-qty button, .nx-app.nx-app-checkout.nxpay-dark .nx-qty button{ background:color-mix(in srgb,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 84%,var(--nx-p5,#d4a373) 16%)!important; border-color:color-mix(in srgb,var(--nx-p5,#d4a373) 46%,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 54%)!important; box-shadow:0 8px 20px rgba(0,0,0,.20),inset 0 1px 0 color-mix(in srgb,var(--nx-p1,#ccd5ae) 10%,transparent)!important; } @media(max-width:420px){ .nx-app.nx-app-checkout .nx-item-side{min-width:96px!important;} .nx-app.nx-app-checkout .nx-qty{min-width:94px!important;gap:6px!important;} .nx-app.nx-app-checkout .nx-qty button{ flex-basis:38px!important; width:38px!important; min-width:38px!important; max-width:38px!important; height:38px!important; min-height:38px!important; max-height:38px!important; } } /* v2.10.10 — cart quantity slot geometry + sold-individually badge */ .nx-app.nx-app-checkout .nx-items .nx-item{ grid-template-columns:64px minmax(0,1fr) 116px!important; column-gap:12px!important; min-width:0!important; } .nx-app.nx-app-checkout .nx-item-main{min-width:0!important;overflow:hidden!important;} .nx-app.nx-app-checkout .nx-item-side{ width:116px!important; min-width:116px!important; max-width:116px!important; justify-self:stretch!important; align-self:center!important; padding:0!important; overflow:visible!important; } .nx-app.nx-app-checkout .nx-qty:not(.nx-qty--single){ display:grid!important; grid-template-columns:40px minmax(18px,1fr) 40px!important; align-items:center!important; justify-items:center!important; width:116px!important; min-width:116px!important; max-width:116px!important; gap:6px!important; padding:0!important; margin:0!important; overflow:visible!important; } .nx-app.nx-app-checkout .nx-qty:not(.nx-qty--single) button{ width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; margin:0!important; flex:none!important; } .nx-app.nx-app-checkout .nx-qty .nx-q{ display:block!important; width:100%!important; min-width:18px!important; margin:0!important; text-align:center!important; line-height:1!important; white-space:nowrap!important; } .nx-app.nx-app-checkout .nx-qty--single{ display:flex!important; align-items:center!important; justify-content:center!important; width:116px!important; min-width:116px!important; max-width:116px!important; min-height:40px!important; margin:0!important; padding:0!important; overflow:visible!important; } .nx-app.nx-app-checkout .nx-item-side .nx-single-badge{ position:static!important; inset:auto!important; top:auto!important; right:auto!important; bottom:auto!important; left:auto!important; z-index:auto!important; transform:none!important; float:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:88px!important; max-width:112px!important; min-height:34px!important; margin:0!important; padding:6px 12px!important; border-radius:999px!important; white-space:nowrap!important; line-height:1.2!important; font-size:12px!important; font-weight:900!important; color:var(--nx-p5,#d4a373)!important; background:color-mix(in srgb,var(--nx-p5,#d4a373) 10%,var(--nxpay-bg,#fff) 90%)!important; border:1px solid color-mix(in srgb,var(--nx-p5,#d4a373) 42%,transparent)!important; box-shadow:0 6px 16px color-mix(in srgb,var(--nx-p5,#d4a373) 9%,transparent)!important; } html[data-nxapp-theme="dark"] .nx-app.nx-app-checkout .nx-item-side .nx-single-badge, html[data-nxadm-theme="dark"] .nx-app.nx-app-checkout .nx-item-side .nx-single-badge, .nx-app.nx-app-checkout.nxpay-dark .nx-item-side .nx-single-badge{ color:color-mix(in srgb,var(--nx-p5,#d4a373) 88%,var(--nxpay-card-palette-text,#fff) 12%)!important; background:color-mix(in srgb,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 82%,var(--nx-p5,#d4a373) 18%)!important; border-color:color-mix(in srgb,var(--nx-p5,#d4a373) 52%,var(--nxpay-bg,var(--nxapp-dark-bg,#071716)) 48%)!important; } @media(max-width:480px){ .nx-app.nx-app-checkout .nx-items .nx-item{grid-template-columns:58px minmax(0,1fr) 104px!important;gap:8px!important;} .nx-app.nx-app-checkout .nx-item-side{width:104px!important;min-width:104px!important;max-width:104px!important;} .nx-app.nx-app-checkout .nx-qty:not(.nx-qty--single){grid-template-columns:36px minmax(16px,1fr) 36px!important;width:104px!important;min-width:104px!important;max-width:104px!important;gap:6px!important;} .nx-app.nx-app-checkout .nx-qty:not(.nx-qty--single) button{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;} .nx-app.nx-app-checkout .nx-qty--single{width:104px!important;min-width:104px!important;max-width:104px!important;} .nx-app.nx-app-checkout .nx-item-side .nx-single-badge{min-width:82px!important;max-width:102px!important;padding-inline:10px!important;font-size:11.5px!important;} } /* v2.10.11 — cart rows are not product links; only the thumbnail owns navigation */ .nx-app.nx-app-checkout .nx-items .nx-item{cursor:default!important;} .nx-app.nx-app-checkout .nx-items .nx-item > .nx-thumb{ position:relative!important; z-index:2!important; display:block!important; flex:none!important; pointer-events:auto!important; cursor:pointer!important; isolation:isolate!important; } .nx-app.nx-app-checkout .nx-items .nx-item > .nx-thumb::before, .nx-app.nx-app-checkout .nx-items .nx-item > .nx-thumb::after{content:none!important;display:none!important;inset:auto!important;} .nx-app.nx-app-checkout .nx-items .nx-item > :not(.nx-thumb){position:relative!important;z-index:3!important;pointer-events:auto!important;} /* v2.10.12 — item rows contain no implicit link; thumbnail button is the only route trigger */ .nx-app.nx-app-checkout .nx-items .nx-item > button.nx-thumb{ -webkit-appearance:none!important;appearance:none!important;border:0!important;padding:0!important;margin:0!important; font:inherit!important;text-align:inherit!important;line-height:0!important;background:var(--nx-p2)!important; } .nx-app.nx-app-checkout .nx-items .nx-item .nx-remove[type="button"]{ -webkit-appearance:none!important;appearance:none!important;font:inherit!important;cursor:pointer!important; }