/* SHEINIFY v1.5.5: fluid Zibll cashier options + refined native wallet popup. */
.flex.mb10:has(> .payment-method-radio) {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(84px,1fr));
  gap:9px;
  align-items:stretch;
  min-width:0;
}
.flex.mb10 > .payment-method-radio {
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:11px 6px!important;
  box-sizing:border-box;
  border-radius:11px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:7px;
  text-align:center;
}
.payment-method-radio > div:last-child {
  font-size:12px;
  line-height:1.4;
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.payment-method-radio > span,.payment-method-radio > svg {flex-shrink:0}
.flex.mb10 > .payment-method-radio.sfi-network-hidden {display:none!important}
.sfi-network-picker {margin:-3px 0 13px;padding:10px 12px;border-radius:10px;background:var(--muted-bg-color,#f1f5fc);}
.sfi-network-picker[hidden]{display:none!important}
.sfi-network-picker label {display:block;font-size:12px;margin-bottom:5px;color:var(--muted-color,#68768b)}
.sfi-network-picker select {width:100%;min-height:38px;padding:8px 10px;border-radius:8px;border:1px solid #b8c9ec;background:var(--main-bg-color,#fff);color:var(--main-color,#253756);font-size:13px}
@media(max-width:480px){.flex.mb10:has(> .payment-method-radio){grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:7px}}
.shop-confirm-modal .payment-methods .muted-color{overflow-wrap:anywhere;line-height:1.4}

#zibpay_modal:has(.sfi-wallet-invoice) .modal-dialog {width:min(820px,calc(100vw - 24px))!important;max-width:100%!important}
#zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .modal-pay-body{display:block;max-height:min(88vh,900px);overflow-y:auto;overscroll-behavior:contain}
#zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .modal-pay-body .row-5.hide-sm {display:none!important}
#zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .modal-pay-body .row-5:not(.hide-sm){width:100%!important}
#zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .pay-qrcon {width:100%;background:var(--main-bg-color,#fff);color:var(--main-color,#1d2943)}
#zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .pay-qrcon .qrcon {padding:20px 16px 0}
#zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .pay-qrcon .qrcon > :not(button){display:none!important}
#zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .pay-qrcon .pay-notice{display:none!important}
#zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .pay-qrcon .more-html {padding:0 18px 18px;overflow:hidden}

.sfi-wallet-invoice {text-align:left;font-family:inherit;font-size:14px;line-height:1.5;max-width:100%;color:inherit}
.sfi-wi-heading{text-align:center;display:grid;gap:2px;padding-bottom:10px}
.sfi-wi-heading strong{font-size:18px;color:var(--theme-color,#3370ff)}
.sfi-wi-eyebrow,.sfi-wi-network{font-size:12px;opacity:.75}
.sfi-wi-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:20px;align-items:start}
.sfi-wi-primary,.sfi-wi-secondary{min-width:0}

.sfi-wi-amount{padding:14px 16px;border:1px solid #b7d2fb;background:rgba(51,112,255,.07);border-radius:12px;margin:8px 0 8px}
.sfi-wi-inline-row{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap}
.sfi-wi-inline-label{font-size:13px;font-weight:700;color:var(--main-color,#273447);white-space:nowrap;flex:0 0 auto}
.sfi-wi-amount b{color:var(--theme-color,#3370ff);font-size:22px;letter-spacing:.1px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;flex:1 1 auto;min-width:0;white-space:nowrap}
.sfi-wi-copy{border:0;cursor:pointer;transition:all .18s ease}
.sfi-wi-copy-pill{padding:8px 12px;border-radius:999px;background:#3370ff;color:#fff;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;flex:0 0 auto;box-shadow:0 6px 18px rgba(51,112,255,.16)}
.sfi-wi-copy-pill:hover{background:#225fe9}
.sfi-wi-breakdown{font-size:12px;color:var(--muted-color,#68768b);line-height:1.6;margin-bottom:10px}

.sfi-wi-qr-block{display:grid;justify-items:center;gap:9px;padding:14px 12px;margin:10px 0;border-radius:12px;background:rgba(51,112,255,.055);border:1px solid rgba(51,112,255,.14)}
.sfi-wi-qr-block.is-disabled{background:rgba(150,165,190,.08);border-color:rgba(150,165,190,.18)}
.sfi-wi-qr{display:flex;align-items:center;justify-content:center;min-height:214px;min-width:214px;max-width:100%;padding:10px;border-radius:10px;background:#fff;color:#2c3e50;font-size:12px;text-align:center;margin:0 auto}
.sfi-wi-qr-placeholder{color:#6f7f93;background:rgba(150,165,190,.08)}
.sfi-wi-qr canvas{width:194px;height:194px;max-width:100%;image-rendering:pixelated;display:block;background:white}
.sfi-wi-qr-note{max-width:360px;text-align:center;color:var(--muted-color,#68768b);font-size:12px;line-height:1.55;margin:0}

.sfi-wi-address-panel{padding:12px 14px;border-radius:12px;background:rgba(122,145,189,.08);border:1px solid rgba(122,145,189,.18);display:grid;gap:10px;margin-top:8px}
.sfi-wi-address-row{align-items:center}
.sfi-wi-address{flex:1 1 auto;min-width:0;word-break:break-all;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--main-color,#223248);background:none;padding:0}
.sfi-wi-warning{margin:11px 0 9px;padding:10px;border-radius:8px;background:rgba(255,170,50,.12);color:var(--main-color,#273447);font-size:12px;line-height:1.65}
.sfi-wi-deadline{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted-color,#68768b);margin-bottom:12px}
.sfi-wi-clock{font-variant-numeric:tabular-nums;color:var(--theme-color,#3370ff);font-weight:700}
.sfi-wi-label{display:block;font-weight:600;font-size:13px;margin:9px 0 6px}
.sfi-wi-form input{box-sizing:border-box;width:100%;min-height:42px;border:1px solid #b5c9e5;border-radius:9px;background:var(--main-bg-color,#fff);color:inherit;padding:9px 12px;max-width:100%;font-size:14px}
.sfi-wi-submit{display:block;width:100%;margin-top:10px;background:#3370ff;border:0;border-radius:10px;color:white;padding:12px 12px;font-weight:700;cursor:pointer}
.sfi-wi-submit:disabled{opacity:.55;cursor:not-allowed}
.sfi-wi-contract{display:grid;gap:6px;font-size:12px;margin-bottom:10px;padding:10px 12px;border-radius:10px;background:rgba(51,112,255,.05);border:1px solid rgba(51,112,255,.12)}
.sfi-wi-contract code{word-break:break-all;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.sfi-wi-feedback{margin:11px 0 0;font-size:13px;line-height:1.5;color:var(--theme-color,#3370ff)}
.sfi-wi-feedback.is-error{color:#e44e4e}.sfi-wi-feedback.is-success{color:#18a56f}
.sfi-wi-review{font-size:11px;opacity:.75;line-height:1.5;margin-top:10px}

@media(max-width:860px){
  #zibpay_modal:has(.sfi-wallet-invoice) .modal-dialog {width:min(680px,calc(100vw - 18px))!important}
  .sfi-wi-layout{grid-template-columns:1fr;gap:14px}
  .sfi-wi-primary{order:1}.sfi-wi-secondary{order:2}
}
@media(max-width:620px){
  #zibpay_modal .pay-payment:has(.sfi-wallet-invoice) .pay-qrcon .more-html{padding:0 12px 16px}
  .sfi-wi-inline-row{flex-wrap:wrap;align-items:flex-start}
  .sfi-wi-amount b{font-size:20px;white-space:normal}
  .sfi-wi-address-row{align-items:flex-start}
  .sfi-wi-copy-pill{padding:7px 11px}
  .sfi-wi-qr{min-width:196px;min-height:196px;padding:7px}.sfi-wi-qr canvas{width:182px;height:182px}
}