/* SupplyMe presentation layer. Never change the shared gateway selectors or code.
   Every selector is brand-scoped; uniquely named fonts are unused on other hosts. */
@font-face{font-family:SupplyMeCheckout;src:url('/supplyme-payment-assets/inter-1.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SupplyMeCheckout;src:url('/supplyme-payment-assets/inter-2.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:SupplyMeCheckout;src:url('/supplyme-payment-assets/inter-3.woff2') format('woff2');font-weight:600 900;font-display:swap}

html[data-store-brand="supply"]{
  --v8-bg:#080909;--v8-panel:#101112;--v8-panel-2:#151617;--v8-panel-3:#191b1d;
  --v8-line:#26282b;--v8-line-strong:#34373b;--v8-text:#f5f5f6;--v8-muted:#a1a3a7;--v8-subtle:#777b82;
  --v8-accent:#f5f5f6;--v8-accent-rgb:245,245,246;--v8-accent-ink:#101113;
  --v8-radius:16px;--v8-radius-sm:12px;--v8-radius-xs:8px;
  --color-bg:#080909;--color-card:#101112;--color-border:#34373b;
  --color-text-primary:#f5f5f6;--color-text-secondary:#a1a3a7;--color-text-muted:#777b82;
  --color-accent:#f5f5f6;--color-btn:#f5f5f6;--color-btn-hover:#fff;
  background:#080909!important;color-scheme:dark;
}
html[data-store-brand="supply"] body{
  height:auto!important;min-height:100vh!important;position:relative!important;isolation:isolate!important;
  background:#080909!important;background-image:none!important;letter-spacing:-.015em!important;
  color:#f5f5f6!important;font-family:SupplyMeCheckout,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.5!important;padding:1px 0 180px!important;
}
html[data-store-brand="supply"] body::before{
  content:none!important;display:none!important;background:none!important;
}
html[data-store-brand="supply"] body::after,
html[data-store-brand="supply"] .modal-overlay::before{
  --sm-rock-height:min(360px,32.2916667vw,40vh);
  content:""!important;display:block!important;position:absolute!important;inset:auto!important;
  left:50%!important;transform:translateX(-50%)!important;width:calc(var(--sm-rock-height) * 96 / 31)!important;
  bottom:0!important;height:var(--sm-rock-height)!important;
  z-index:0!important;pointer-events:none!important;background-color:transparent!important;
  background-image:linear-gradient(to bottom,#080909 0%,rgba(8,9,9,.76) 12%,rgba(8,9,9,.22) 38%,transparent 65%),linear-gradient(to right,#080909 0%,transparent 14%,transparent 86%,#080909 100%),url('/supplyme-payment-assets/rocks-footer-1920-a.webp')!important;
  background-position:center bottom!important;background-repeat:no-repeat!important;
  background-size:100% 100%,100% 100%,contain!important;opacity:.4!important;animation:none!important;
  filter:none!important;will-change:auto!important;
}
html[data-store-brand="supply"] .modal-overlay::before{position:fixed!important}
html[data-store-brand="supply"] button,
html[data-store-brand="supply"] input,
html[data-store-brand="supply"] .return-btn{font-family:inherit!important;letter-spacing:inherit!important}
html[data-store-brand="supply"] :is(button,a,input,[tabindex]):focus-visible{outline:2px solid #bfc3c9!important;outline-offset:4px!important}
html[data-store-brand="supply"] #paymentStage.v8-payment{width:min(1100px,calc(100% - 64px))!important;max-width:1100px!important;margin:36px auto 48px!important}
html[data-store-brand="supply"] #paymentStage .v8-topbar{gap:16px!important;margin-bottom:28px!important;padding:0 0 24px!important;border-bottom:1px solid #25272a!important}
html[data-store-brand="supply"] .brand-logo,
html[data-store-brand="supply"] #paymentStage .brand-logo,
html[data-store-brand="supply"] #selectionStage .brand-logo{
  width:36px!important;height:36px!important;flex:0 0 36px!important;border:0!important;border-radius:0!important;
  background:url('/supplyme-payment-assets/supplyme-mark.svg') center/contain no-repeat!important;box-shadow:none!important;
}
html[data-store-brand="supply"] .brand-logo :is(svg,.v9-brand-letter){display:none!important}
html[data-store-brand="supply"] .brand-name,
html[data-store-brand="supply"] #paymentStage .brand-name{font-size:21px!important;font-weight:600!important;letter-spacing:-.04em!important;color:#f5f5f6!important}
html[data-store-brand="supply"] #paymentStage .brand{gap:10px!important}
html[data-store-brand="supply"] .help-btn,
html[data-store-brand="supply"] #paymentStage .help-btn{width:36px!important;height:36px!important;background:#141516!important;border:1px solid #303237!important;border-radius:8px!important;color:#a1a3a7!important;box-shadow:none!important}
html[data-store-brand="supply"] #paymentStage .v8-status{background:#121415!important;border:1px solid #2d3033!important;border-radius:999px!important;color:#b3b6bc!important;min-height:32px!important;font-size:11px!important;font-weight:500!important;letter-spacing:0!important}
html[data-store-brand="supply"] #paymentStage .v8-status-dot{background:#92969d!important;box-shadow:none!important;width:5px!important;height:5px!important}
html[data-store-brand="supply"] #paymentStage .v8-steps{gap:12px!important;margin-bottom:16px!important}
html[data-store-brand="supply"] #paymentStage .v8-step{min-height:46px!important;border-radius:10px!important;background:#101112!important;border:1px solid #292c30!important;color:#a1a3a7!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;box-shadow:none!important}
html[data-store-brand="supply"] #paymentStage .v8-step b{width:23px!important;height:23px!important;border-radius:6px!important;background:#222428!important;border:1px solid #35383e!important;color:#d3d5d9!important;font-weight:500!important}
html[data-store-brand="supply"] #paymentStage .v8-step.done{background:#101112!important;border-color:#292c30!important;color:#a1a3a7!important}
html[data-store-brand="supply"] #paymentStage .v8-step.done b{background:#222428!important;border-color:#35383e!important;color:#d3d5d9!important}
html[data-store-brand="supply"] #paymentStage .v8-step.active{background:#191b1d!important;border-color:#42464c!important;color:#f5f5f6!important}
html[data-store-brand="supply"] #paymentStage .v8-step.active b{background:#f5f5f6!important;color:#101113!important;border-color:#f5f5f6!important}
html[data-store-brand="supply"] #paymentStage .v8-workbench{grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr)!important;gap:16px!important}
html[data-store-brand="supply"] #paymentStage .v8-panel{border-radius:16px!important;border:1px solid #303236!important;background:#101112!important;box-shadow:none!important}
html[data-store-brand="supply"] #paymentStage .v8-left{min-height:560px!important;padding:36px 28px!important;gap:26px!important;background:#101112!important}
html[data-store-brand="supply"] #paymentStage .v8-left::before{display:none!important;background:none!important}
html[data-store-brand="supply"] #paymentStage .v8-left-kicker{align-self:center!important;color:#a1a3a7!important;font-size:11px!important;font-weight:400!important;letter-spacing:.1em!important}
html[data-store-brand="supply"] #paymentStage .qr-wrapper{width:264px!important;height:264px!important;max-width:100%!important;max-height:none!important;border:0!important;border-radius:12px!important;background:#fff!important;padding:16px!important;box-shadow:none!important}
html[data-store-brand="supply"] #paymentStage #qrcode{width:100%!important;height:100%!important}
html[data-store-brand="supply"] #paymentStage #qrcode :is(canvas,img){display:block!important;width:100%!important;height:100%!important;image-rendering:pixelated!important}
html[data-store-brand="supply"] #paymentStage .amount-crypto-value{color:#f5f5f6!important;font-size:34px!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.045em!important;text-shadow:none!important}
html[data-store-brand="supply"] #paymentStage .network-tag{border-radius:6px!important;background:#1a1c1f!important;border:1px solid #34373b!important;color:#c4c7cd!important;font-weight:400!important}
html[data-store-brand="supply"] #paymentStage .v8-right{min-height:560px!important;padding:30px!important}
html[data-store-brand="supply"] #paymentStage .v8-detail-head{display:block!important;margin-bottom:23px!important}
html[data-store-brand="supply"] #paymentStage .v8-eyebrow{color:#8e929a!important;font-size:10px!important;font-weight:400!important;letter-spacing:.1em!important;margin-bottom:10px!important}
html[data-store-brand="supply"] #paymentStage .v8-title{font-size:30px!important;font-weight:500!important;letter-spacing:-.045em!important;line-height:1.15!important;max-width:none!important;text-wrap:initial!important}
html[data-store-brand="supply"] #paymentStage .v8-subtitle{color:#a1a3a7!important;font-size:13px!important;line-height:1.6!important;margin-top:10px!important}
html[data-store-brand="supply"] #paymentStage .timer-badge-wrap{margin-top:16px!important}
html[data-store-brand="supply"] #paymentStage .timer-badge,
html[data-store-brand="supply"] #selectionStage .timer-badge{min-width:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:7px 10px!important;border-radius:7px!important;background:#191b1d!important;border:1px solid #34373b!important;box-shadow:none!important}
html[data-store-brand="supply"] .timer-label,
html[data-store-brand="supply"] #paymentStage .timer-label{font-size:10px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#a1a3a7!important}
html[data-store-brand="supply"] .timer-text,
html[data-store-brand="supply"] #paymentStage #timerDisplayQ{font-size:12px!important;font-weight:500!important;color:#e6e8eb!important;letter-spacing:.035em!important}
html[data-store-brand="supply"] .timer-text.warn,
html[data-store-brand="supply"] #paymentStage #timerDisplayQ.warn{color:#e8c77a!important}
html[data-store-brand="supply"] .timer-text.danger,
html[data-store-brand="supply"] #paymentStage #timerDisplayQ.danger{color:#ee9e9e!important}
html[data-store-brand="supply"] #paymentStage .v8-address-label{color:#b7bac0!important;font-size:11px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
html[data-store-brand="supply"] #paymentStage .address-card{padding:14px!important;border-radius:8px!important;border:1px solid #34373b!important;background:#191b1d!important;box-shadow:none!important}
html[data-store-brand="supply"] #paymentStage .address-value{color:#c4c7cd!important;font-size:12px!important;line-height:1.7!important;font-weight:400!important}
html[data-store-brand="supply"] .address-emphasis{color:#f5f5f6!important;font-weight:500!important}
html[data-store-brand="supply"] #paymentStage .v8-copy-address,
html[data-store-brand="supply"] #selectionStage .pay-btn,
html[data-store-brand="supply"] .modal-overlay .return-btn{min-height:44px!important;border-radius:8px!important;border:1px solid #f5f5f6!important;background:#f5f5f6!important;color:#101113!important;box-shadow:none!important;font-size:12px!important;font-weight:500!important;text-decoration:none!important;transition:background-color .18s ease,border-color .18s ease!important;filter:none!important;transform:none!important}
html[data-store-brand="supply"] #paymentStage .v8-copy-address:hover,
html[data-store-brand="supply"] #selectionStage .pay-btn:hover,
html[data-store-brand="supply"] .modal-overlay .return-btn:hover{background:#fff!important;border-color:#fff!important;filter:none!important;transform:none!important}
html[data-store-brand="supply"] #selectionStage .pay-btn:disabled{background:#2b2e32!important;border-color:#34373b!important;color:#858b94!important;cursor:not-allowed!important}
html[data-store-brand="supply"] #paymentStage .v8-instructions{gap:0!important;margin-top:20px!important}
html[data-store-brand="supply"] #paymentStage .v8-instruction{grid-template-columns:23px minmax(0,1fr)!important;gap:10px!important;min-height:0!important;padding:9px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html[data-store-brand="supply"] #paymentStage .v8-instruction b{width:21px!important;height:21px!important;background:#24272b!important;color:#aeb2b9!important;border:1px solid #363a40!important;border-radius:6px!important;font-size:9px!important;font-weight:400!important}
html[data-store-brand="supply"] #paymentStage .v8-instruction p{color:#a1a3a7!important;font-size:12px!important;line-height:1.6!important;font-weight:400!important}
html[data-store-brand="supply"] #paymentStage .v8-live{font-weight:500!important;color:#e8e9eb!important;white-space:normal!important}
html[data-store-brand="supply"] #paymentStage .fee-notice{color:#c9c5b8!important;background:#1b1b19!important;border:1px solid #39382e!important;border-radius:8px!important;font-weight:400!important}
html[data-store-brand="supply"] #paymentStage .fee-notice svg{color:#b7b09a!important}
html[data-store-brand="supply"] #paymentStage .order-info{border-top:0!important;margin-top:12px!important;padding-top:0!important}
html[data-store-brand="supply"] #paymentStage .order-row{border-color:#2a2d31!important}
html[data-store-brand="supply"] #paymentStage .order-value{font-weight:400!important}
html[data-store-brand="supply"] #paymentStage .card-footer{border-color:#2a2d31!important}
html[data-store-brand="supply"] .v9-lang-switch{height:34px!important;width:82px!important;flex-basis:82px!important;border-radius:8px!important;border:1px solid #34373b!important;background:#17191b!important;color:#969ba3!important;font-size:10px!important;font-weight:500!important;letter-spacing:0!important}
html[data-store-brand="supply"] .v9-lang-thumb{width:36px!important;height:26px!important;border-radius:5px!important;background:#f5f5f6!important;box-shadow:none!important}
html[data-store-brand="supply"] .v9-lang-switch[data-lang="en"] .v9-lang-thumb{transform:translateX(38px)!important}
html[data-store-brand="supply"] #selectionStage.checkout-card{width:min(520px,calc(100% - 40px))!important;max-width:520px!important;margin:48px auto!important;background:#101112!important;border:1px solid #34373b!important;border-radius:16px!important;box-shadow:none!important}
html[data-store-brand="supply"] #selectionStage .card-header{padding:24px 24px 0!important}
html[data-store-brand="supply"] #selectionStage .amount-block{padding-top:32px!important;padding-bottom:12px!important}
html[data-store-brand="supply"] #selectionStage .amount-fiat{font-size:34px!important;font-weight:500!important;letter-spacing:-.045em!important}
html[data-store-brand="supply"] #selectionStage .select-trigger,
html[data-store-brand="supply"] #selectionStage .select-dropdown{border-radius:8px!important;background:#191b1d!important;border-color:#34373b!important;box-shadow:none!important}
html[data-store-brand="supply"] #selectionStage .select-trigger{min-height:48px!important}
html[data-store-brand="supply"] #selectionStage .dropdown-item{color:#d7d9dc!important;font-weight:400!important}
html[data-store-brand="supply"] #selectionStage .dropdown-item.selected{background:#303337!important;color:#fff!important}
html[data-store-brand="supply"] #selectionStage .dropdown-search{background:#191b1d!important;color:#f5f5f6!important;border-color:#34373b!important}
html[data-store-brand="supply"] #selectionStage .form-label{font-weight:400!important;font-size:12px!important;letter-spacing:0!important}
html[data-store-brand="supply"] #selectionStage .item-badge{background:#303337!important;color:#cdd1d7!important}
html[data-store-brand="supply"] #selectionStage .fee-notice{border:1px solid #39382e!important;background:#1b1b19!important;color:#c9c5b8!important;border-radius:7px!important;font-size:10px!important;font-weight:400!important}
html[data-store-brand="supply"] #selectionStage .fee-notice svg{color:#b7b09a!important}
html[data-store-brand="supply"] #selectionStage .select-text{font-weight:400!important}
html[data-store-brand="supply"] #selectionStage .amount-crypto-value{font-size:24px!important;font-weight:500!important}
html[data-store-brand="supply"] #selectionStage .order-value{font-weight:400!important}
html[data-store-brand="supply"] #selectionStage .card-footer a{color:#a1a3a7!important}
html[data-store-brand="supply"] #selectionStage .timer-ring{display:none!important}
html[data-store-brand="supply"] .modal-overlay{background:rgba(8,9,9,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:32px 20px!important;overflow-y:auto!important;align-items:center!important}
html[data-store-brand="supply"] .modal-overlay .modal-card{position:relative!important;max-width:480px!important;width:100%!important;flex-shrink:0!important;border:1px solid #34373b!important;border-radius:16px!important;background:#101112!important;box-shadow:none!important;animation:none!important}
html[data-store-brand="supply"] .modal-body{padding:40px 32px!important}
html[data-store-brand="supply"] .modal-body::before{content:"";display:block;width:40px;height:40px;margin:0 auto 30px;background:url('/supplyme-payment-assets/supplyme-mark.svg') center/contain no-repeat}
html[data-store-brand="supply"] .modal-overlay .modal-title{font-size:27px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.045em!important;color:#f5f5f6!important}
html[data-store-brand="supply"] .modal-overlay .modal-subtitle{font-size:13px!important;line-height:1.7!important;color:#a1a3a7!important}
html[data-store-brand="supply"] .modal-overlay .confirming-note{font-size:12px!important;color:#92969e!important}
html[data-store-brand="supply"] .modal-footer{background:transparent!important;border-color:#292c30!important;color:#777b82!important}
html[data-store-brand="supply"] .modal-footer a{color:#a1a3a7!important}
html[data-store-brand="supply"] .success-icon-wrap{background:#202326!important;box-shadow:none!important}
html[data-store-brand="supply"] .success-checkmark-circle{stroke:#c6cbd2!important}
html[data-store-brand="supply"] .success-checkmark-check{stroke:#f5f5f6!important}
html[data-store-brand="supply"] .confirming-spinner{border-color:#303337!important;border-top-color:#f5f5f6!important}
html[data-store-brand="supply"] .tx-hash-card{border-color:#34373b!important;background:#191b1d!important}
html[data-store-brand="supply"] .tx-hash-value{color:#f5f5f6!important;word-break:break-all!important}
html[data-store-brand="supply"] .tx-hash-text{color:#d4d7dd!important}
html[data-store-brand="supply"] .tx-hash-value:hover{background:#25282d!important}
html[data-store-brand="supply"] .toast{max-width:calc(100% - 32px)!important;border:1px solid #3b3f45!important;border-radius:10px!important;background:#191b1d!important;color:#f5f5f6!important;box-shadow:0 8px 30px #0005!important;font-size:12px!important;white-space:normal!important}
html[data-store-brand="supply"] .toast.error{border-color:#71464b!important;color:#efb8bf!important}

@media(max-width:900px){
  html[data-store-brand="supply"] #paymentStage.v8-payment{width:min(600px,calc(100% - 40px))!important;margin-top:26px!important}
  html[data-store-brand="supply"] #paymentStage .v8-workbench{grid-template-columns:1fr!important}
  html[data-store-brand="supply"] #paymentStage .v8-left,
  html[data-store-brand="supply"] #paymentStage .v8-right{min-height:0!important}
  html[data-store-brand="supply"] #paymentStage .v8-left{padding:28px!important;gap:22px!important}
  html[data-store-brand="supply"] #paymentStage .v8-right{padding:28px!important}
}
@media(max-width:600px){
  html[data-store-brand="supply"] body{padding-bottom:120px!important}
  html[data-store-brand="supply"] body::after,
  html[data-store-brand="supply"] .modal-overlay::before{
    --sm-rock-height:min(240px,80.7291667vw,35vh);
    width:calc(var(--sm-rock-height) * 192 / 155)!important;
    background-image:linear-gradient(to bottom,#080909 0%,rgba(8,9,9,.65) 24%,transparent 72%),linear-gradient(to right,#080909 0%,transparent 10%,transparent 90%,#080909 100%),url('/supplyme-payment-assets/rocks-footer-768-a.webp')!important;
  }
  html[data-store-brand="supply"] #paymentStage.v8-payment{width:calc(100% - 32px)!important;margin:22px auto 24px!important}
  html[data-store-brand="supply"] #paymentStage .v8-topbar{padding-bottom:20px!important;margin-bottom:20px!important;gap:10px!important}
  html[data-store-brand="supply"] #paymentStage .v8-status{display:none!important}
  html[data-store-brand="supply"] #paymentStage .help-btn{display:flex!important;margin-left:auto!important;width:32px!important;height:32px!important}
  html[data-store-brand="supply"] #paymentStage .v8-steps{gap:8px!important;margin-bottom:12px!important}
  html[data-store-brand="supply"] #paymentStage .v8-step{font-size:10px!important;gap:7px!important;padding:8px!important;line-height:1.5!important}
  html[data-store-brand="supply"] #paymentStage .v8-step b{flex:0 0 22px!important}
  html[data-store-brand="supply"] #paymentStage .v8-panel{border-radius:12px!important}
  html[data-store-brand="supply"] #paymentStage .v8-left{padding:24px 20px!important}
  html[data-store-brand="supply"] #paymentStage .v8-right{padding:24px 20px!important}
  html[data-store-brand="supply"] #paymentStage .qr-wrapper{width:240px!important;height:240px!important}
  html[data-store-brand="supply"] #paymentStage .v8-title{font-size:27px!important}
  html[data-store-brand="supply"] #paymentStage .amount-crypto-value{font-size:30px!important}
  html[data-store-brand="supply"] #selectionStage.checkout-card{width:calc(100% - 32px)!important;margin:24px auto!important}
  html[data-store-brand="supply"] #selectionStage .card-header{padding:20px 20px 0!important;flex-wrap:wrap!important}
  html[data-store-brand="supply"] #selectionStage .help-btn{display:flex!important;width:32px!important;height:32px!important}
  html[data-store-brand="supply"] .modal-body{padding:32px 24px!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-store-brand="supply"] *,
  html[data-store-brand="supply"] *::before,
  html[data-store-brand="supply"] *::after{animation:none!important;transition:none!important}
  html[data-store-brand="supply"] .success-checkmark-circle,
  html[data-store-brand="supply"] .success-checkmark-check{stroke-dashoffset:0!important}
}
