/* Miles Hustler Store (21) · V19: international payments, crypto page, warnings. Added on top of v15/v17 (nothing overridden). */
.cr-total { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; }
.cr-coins { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(46%, 170px), 1fr)); }
.cr-coin { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 12px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); color: var(--ivory);
  cursor: pointer; text-align: center; transition: transform .25s, border-color .25s, box-shadow .25s; opacity: 0; transform: translateY(14px); animation: cr-in .5s ease forwards; }
.cr-coin:nth-child(2) { animation-delay: .06s } .cr-coin:nth-child(3) { animation-delay: .12s } .cr-coin:nth-child(4) { animation-delay: .18s }
.cr-coin:nth-child(5) { animation-delay: .24s } .cr-coin:nth-child(6) { animation-delay: .30s } .cr-coin:nth-child(7) { animation-delay: .36s }
@keyframes cr-in { to { opacity: 1; transform: none; } }
.cr-coin img { width: 48px; height: 48px; animation: coin-spin 9s linear infinite; filter: drop-shadow(0 0 8px rgba(255,215,0,.25)); }
@keyframes coin-spin { 0%, 70% { transform: rotateY(0); } 85% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } }
.cr-coin:hover, .cr-coin.is-on { transform: translateY(-3px) scale(1.04); border-color: var(--shine, #FFD700); box-shadow: 0 12px 30px rgba(255,215,0,.15); }
.cr-amt { font-weight: 800; color: var(--shine, #FFD700); font-variant-numeric: tabular-nums; }
.cr-nets { display: grid; gap: 8px; }
.cr-net .badge { margin-left: 4px; }
.cr-addr-wrap { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 12px 0; }
.cr-qr { background: #fff; padding: 10px; border-radius: 12px; min-width: 188px; min-height: 188px; }
.cr-qr img, .cr-qr canvas { display: block; }
.cr-addr { display: block; padding: 10px 12px; border-radius: 10px; background: #0f0d09; border: 1px solid rgba(255,215,0,.35); word-break: break-all; font-size: 15px; max-width: 520px; }
.cr-copy.ok { border-color: #4ade80; color: #4ade80; }
.cr-pay.flash { animation: cr-flash .7s ease; }
@keyframes cr-flash { 0% { box-shadow: 0 0 0 0 rgba(255,215,0,.5); } 100% { box-shadow: 0 0 0 16px rgba(255,215,0,0); } }
.cr-warn { border: 1px solid rgba(255,59,48,.65); background: rgba(255,59,48,.09); border-radius: 14px; padding: 14px 16px; color: #ffd9d6; }
.cr-warn strong { color: #ff6b61; }
.cr-warn-big ol { padding-left: 1.3em; line-height: 1.65; }
.ck-crypto-warn { margin-top: 12px; }
.bin { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.bin-pid { font-size: 22px; letter-spacing: 2px; }
.bin-qr { border-radius: 12px; background: #fff; padding: 8px; }
.bin .ent-steps { text-align: left; }
.pay-cards, .pay-coins { gap: 6px; }
.pay-coins img { border-radius: 50%; }
.ck-fx dd { font-size: 13px; }
.wallet-row { border-top: 1px solid var(--line); padding: 12px 0; display: grid; gap: 8px; }
@media (prefers-reduced-motion: reduce) { .cr-coin, .cr-coin img, .cr-pay.flash { animation: none !important; opacity: 1; transform: none; } }
