/* VoltASIC V9.7.14 — payment reassurance and payment-method visual guide */
.payment-brand-row{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;vertical-align:middle}.payment-brand-row.is-compact{gap:4px;flex-wrap:nowrap}.payment-brand{display:inline-flex;align-items:center;justify-content:center;min-height:21px;padding:2px 6px;border:1px solid rgba(15,23,42,.16);border-radius:5px;background:#fff;color:#111827;font-size:11px;font-weight:800;line-height:1;letter-spacing:-.02em;box-shadow:0 1px 2px rgba(15,23,42,.05)}.payment-brand-row.is-compact .payment-brand{min-height:18px;padding:1px 5px;font-size:9px}.payment-brand-visa{font-style:italic;letter-spacing:-.05em}.payment-brand-mc{gap:0;width:31px;padding:2px 4px}.payment-brand-mc i{display:block;width:12px;height:12px;border-radius:50%;background:#ef4444;margin:0 -2px}.payment-brand-mc i+i{background:#f59e0b}.payment-brand-apple{font-weight:700;letter-spacing:-.05em}.payment-brand-google b{font-size:12px;margin-right:2px}.topbar-card-summary{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.topbar .payment-brand{box-shadow:none}.footer-card-method{display:inline-flex!important;align-items:center;gap:5px}.product-card-method{display:inline-flex!important;align-items:center;gap:4px}.product-card-method small{font-size:inherit;color:inherit}.checkout-card-method-info{display:grid;gap:8px}.checkout-card-method-info .payment-brand-row{margin-top:2px}.checkout-card-method-info>small{opacity:.78;line-height:1.45}.card-guide-brands{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 2px;padding:10px 12px;border-radius:12px;background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.14)}.card-guide-brands>span:last-child{font-size:.88rem;font-weight:650}.card-guide-steps{display:grid;gap:12px;margin-top:14px}.card-guide-step{border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:14px;background:rgba(255,255,255,.02)}.card-guide-step-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.card-guide-step-head>b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:#172554;color:#fff;font-size:13px;flex:0 0 auto}.card-guide-step-head>strong{font-size:1rem}.card-guide-step p{margin:6px 0 10px;line-height:1.5}.card-guide-copy{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-guide-copy code,.card-guide-address{font-size:1.02em;font-weight:750;background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.22);border-radius:9px;padding:8px 10px}.card-guide-address{display:block;overflow-wrap:anywhere;margin-bottom:9px}.card-guide-keyline{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.card-guide-keyline span{padding:7px 9px;border-radius:8px;background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.12)}.card-guide-alert{margin-top:10px;padding:9px 10px;border-radius:9px;background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.20);font-size:.9rem;font-weight:650}.card-guide-shot{margin:10px 0 2px;max-width:390px}.card-guide-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(148,163,184,.24);box-shadow:0 8px 22px rgba(15,23,42,.08)}.card-guide-shot figcaption{margin-top:6px;font-size:.78rem;line-height:1.4;opacity:.72}.payment-visual-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.payment-visual-guide figure{margin:0;padding:10px;border:1px solid rgba(148,163,184,.25);border-radius:12px}.payment-visual-guide img{width:100%;height:auto;border-radius:9px;display:block}.payment-visual-guide figcaption{font-size:.8rem;line-height:1.35;margin-top:7px}@media(max-width:1250px){.topbar-payment-line .payment-brand-row{display:none}}@media(max-width:760px){.payment-visual-guide{grid-template-columns:1fr}.card-guide-shot{max-width:100%}.card-guide-step{padding:12px}.card-guide-brands{align-items:flex-start;flex-direction:column}.product-card-method small{display:none}}

/* V9.7.15 — mobile-first checkout + payment guide polish */
.card-guide-choice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 10px}
.card-guide-choice>span{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border:1px solid rgba(148,163,184,.30);border-radius:9px;background:#fff;color:#0f172a;font-weight:700}
.card-guide-choice>b{font-size:.78rem;opacity:.58;text-transform:uppercase}
.card-guide-choice .google-choice{font-weight:750}

@media(max-width:900px){
  .checkout-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .checkout-layout>.sticky{position:static!important;top:auto!important}
  .payment-result,.crypto-onramp-card,.payment-action-box{max-width:100%!important;min-width:0!important;overflow:hidden}
  .payment-grid{grid-template-columns:minmax(0,1fr)!important}
}

@media(max-width:760px){
  .checkout-layout{padding-left:12px!important;padding-right:12px!important}
  .checkout-layout .box{padding:16px!important;border-radius:14px!important}
  .checkout-layout .form-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .checkout-layout .field,.checkout-layout .field.full{grid-column:1/-1!important;min-width:0!important}
  .checkout-layout input,.checkout-layout select,.checkout-layout textarea{width:100%!important;max-width:100%!important;min-height:46px;font-size:16px!important}
  .checkout-layout textarea{min-height:104px}
  .checkout-layout button,.checkout-layout .btn{min-height:46px;touch-action:manipulation}
  .checkout-progress{overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:4px}
  .checkout-progress::-webkit-scrollbar{display:none}
  .checkout-step{min-width:88px;flex:0 0 auto}
  .checkout-security-note{align-items:flex-start!important;gap:8px!important}
  .payment-result-head,.crypto-onramp-head{align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important}
  .payment-result-head h3{font-size:1.22rem!important;line-height:1.2}
  .status-pill,.third-party-badge{max-width:100%;white-space:normal!important}
  .card-guide-brands{padding:10px!important;gap:8px!important}
  .card-guide-steps{gap:10px!important}
  .card-guide-step{padding:12px!important;border-radius:12px!important;min-width:0}
  .card-guide-step-head{align-items:flex-start!important;gap:9px!important}
  .card-guide-step-head>b{width:30px;height:30px}
  .card-guide-step-head>strong{font-size:.98rem!important;line-height:1.35}
  .card-guide-step p{font-size:.94rem;line-height:1.5;margin:7px 0 10px}
  .card-guide-copy{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .card-guide-copy code,.card-guide-address{width:100%!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word}
  .card-guide-copy .btn,.card-guide-step>.btn{width:100%!important}
  .card-guide-keyline{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
  .card-guide-keyline span{width:100%;box-sizing:border-box}
  .card-guide-shot{width:min(100%,360px)!important;max-width:100%!important;margin:10px auto 2px!important}
  .card-guide-shot img{width:100%!important;max-width:100%!important;height:auto!important}
  .card-guide-shot figcaption{font-size:.8rem!important}
  .card-guide-choice{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .card-guide-choice>b{text-align:center}
  .card-guide-choice>span{width:100%;justify-content:center;box-sizing:border-box}
  .payment-action-title{align-items:flex-start!important}
  .payment-action-title .step-chip{flex:0 0 auto}
  .payment-action-box .btn{width:100%!important}
  .payment-brand-row:not(.is-compact){max-width:100%}
}

@media(max-width:420px){
  .checkout-layout{padding-left:8px!important;padding-right:8px!important}
  .checkout-layout .box{padding:13px!important}
  .card-guide-step{padding:11px!important}
  .card-guide-step-head>strong{font-size:.94rem!important}
  .card-guide-step p{font-size:.9rem}
  .payment-brand{font-size:10px;padding:2px 5px}
}


/* V9.7.15 FINAL mobile checkout */
.card-guide-currency-note{font-weight:750}
@media(max-width:760px){
  body{overflow-x:hidden}
  .container{max-width:100%}
  .checkout-layout,.checkout-layout>*{min-width:0}
  .checkout-layout .box,.payment-result,.crypto-onramp-card,.payment-action-box,.instruction-auth,.shipping-next{box-sizing:border-box;max-width:100%}
  .order-created{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important}
  .order-created h2{overflow-wrap:anywhere;word-break:break-word}
  .order-total-big{font-size:1.35rem!important;overflow-wrap:anywhere}
  .payment-grid>div{min-width:0!important}
  .payment-grid strong{overflow-wrap:anywhere;word-break:break-word}
  .copy-mini{min-height:40px!important}
  .card-guide-address{font-size:.86rem!important;line-height:1.5}
  .card-guide-alert{font-size:.86rem!important;line-height:1.45}
  .checkout-card-method-info .payment-brand-row{gap:4px!important}
  .success-actions{display:grid!important;grid-template-columns:1fr!important}
  .success-actions .btn{width:100%!important}
}
@media(max-width:360px){
  .checkout-layout{padding-left:6px!important;padding-right:6px!important}
  .checkout-layout .box{padding:11px!important;border-radius:12px!important}
  .card-guide-step{padding:10px!important}
  .payment-brand-row:not(.is-compact){gap:3px!important}
  .payment-brand{font-size:9px!important;padding:2px 4px!important}
}

.footer-badge-stack{display:grid;gap:10px;margin:14px 0 0}.footer-badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.footer-badge-row .footer-card-method{flex:0 0 auto;max-width:100%}.footer-badge-row--currencies>span,.footer-badge-row--payments>span{flex:0 0 auto}@media(max-width:640px){.footer-badge-stack{gap:8px}.footer-badge-row{gap:8px}}