/* Extra behavior surfaces; catalog and detail styling comes from the original site. */
[hidden] { display: none !important; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid #0d74ce; outline-offset: 3px; }
.skip-link { position:fixed;top:-70px;left:16px;z-index:1000001;background:#fff;color:#000;padding:12px 20px;border-radius:8px; }
.skip-link:focus { top:10px; }
.demo-footer { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:min(1360px,calc(100% - 32px));margin:0 auto;padding:0 0 34px;font-size:12px;color:var(--tokyo-muted); }
.demo-note { margin:12px 0 0;font-size:12px;line-height:1.7;color:#60646c; }
.demo-buy-button { min-height:46px;min-width:180px; }
.demo-auth-page { background:#f0f0f3; }
.demo-auth-page .demo-note { color:#60646c; }
.demo-auth-page .demo-footer { padding-top:20px; }
.demo-modal-open { overflow:hidden; }
.demo-modal-backdrop { position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;background:rgba(18,22,28,.48);backdrop-filter:blur(5px);padding:20px; }
.demo-dialog { width:min(100%,520px);max-height:90dvh;overflow:auto;border:1px solid #e0e1e6;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.22);color:#1c2024; }
.demo-dialog-wide { width:min(100%,1000px); }
.demo-dialog>header { display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid #e0e1e6; }
.demo-dialog h2 { font-size:18px;font-weight:800;margin:0;line-height:1.5; }
.demo-dialog-body { padding:22px;line-height:1.8; }
.demo-dialog-body>.tokyo-button { margin:6px 6px 0 0; }
.demo-icon-button { display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;background:#f0f0f3;border:0;border-radius:50%; }
.demo-payment-amount { font-size:38px;font-weight:800;text-align:center;margin:0 0 14px; }
.demo-info { background:#f6f7f9;border:1px solid #e0e1e6;padding:16px;border-radius:12px;font-size:13px;margin:16px 0;line-height:1.8; }
.demo-info p { margin:6px 0 0; }
.demo-agreement { display:flex;align-items:center;gap:10px;margin:18px 0;font-size:13px;cursor:pointer; }
.demo-agreement input { width:18px;height:18px;accent-color:#000; }
.demo-full-width { width:100%; }
button:disabled { opacity:.45;cursor:not-allowed; }
.demo-zoom { max-width:100%;max-height:73dvh;margin:auto;object-fit:contain; }
.demo-order-card { border:1px solid #e0e1e6;border-radius:16px;padding:18px;margin-bottom:16px; }
.demo-order-heading { display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#60646c;font-size:12px;overflow-wrap:anywhere; }
.demo-order-heading strong { color:#1c2024; }
.demo-order-product { display:flex;gap:14px;align-items:center;margin:18px 0; }
.demo-order-product img { width:60px;height:60px;border:1px solid #e0e1e6;border-radius:10px;object-fit:cover;flex-shrink:0; }
.demo-order-product>div { flex:1;min-width:0; }
.demo-order-product h3 { font-size:15px;font-weight:700;line-height:1.6;margin:0 0 4px;overflow-wrap:anywhere; }
.demo-order-product p { font-size:12px;line-height:1.6;color:#60646c;margin:0;overflow-wrap:anywhere; }
.demo-order-product>strong { font-size:18px;white-space:nowrap; }
.demo-order-actions { display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap; }
.demo-back-link { display:inline-block;color:#0d74ce;margin-top:14px; }
.demo-codes { white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;padding:18px;border:1px solid #e0e1e6;background:#f6f7f9;border-radius:10px;font:14px/2 monospace; }
.demo-totp-code { font-size:48px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:8px;margin-top:30px; }
.service-launcher { position:fixed;z-index:1040;right:20px;bottom:20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:126px;height:58px;padding:0 20px;border:0;border-radius:999px;color:#fff;background:#111827;box-shadow:0 12px 32px rgba(15,23,42,.28);font-size:16px;font-weight:800; }
.service-launcher i { font-size:21px; }
#toast { position:fixed;z-index:1000002;left:50%;bottom:34px;transform:translate(-50%,16px);max-width:calc(100% - 32px);padding:12px 20px;border-radius:12px;background:#1c2024;color:#fff;box-shadow:0 8px 32px #0002;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;text-align:center;font-size:14px; }
#toast.visible { opacity:1;transform:translate(-50%,0); }
.tokyo-description-body { overflow-x:auto; }
.tokyo-description-body img { height:auto; }
.tokyo-commodity-thumb,.tokyo-category-icon,.tokyo-mobile-category-chip-icon { object-fit:cover; }
#main-content:focus { outline:none; }
.payment-box { padding:19px;border:1px solid #dedfe4;border-radius:24px;background:#efeff2; }
.payment-box-title { display:flex;align-items:center;gap:7px;margin-bottom:13px;color:#60646c;font-size:13px;font-weight:600; }
.payment-options { display:flex;flex-wrap:wrap;gap:11px; }
.payment-option { display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;min-width:116px;max-width:100%;padding:11px 17px;border:1px solid #d7d8dd;border-radius:999px;background:#fff;color:#24272c;font-size:13px;font-weight:700;line-height:1.45;box-shadow:0 1px 2px #00000005;cursor:pointer;touch-action:manipulation; }
.payment-option>span:last-child { min-width:0;overflow-wrap:anywhere; }
.payment-option:hover:not(:disabled) { border-color:#9da4b2;background:#fafbff; }
.payment-option:active:not(:disabled) { transform:translateY(1px); }
.payment-icon { display:block;width:22px;height:22px;flex:0 0 22px;object-fit:contain;border-radius:5px; }
.payment-icon-fallback { display:grid;place-items:center;background:#e8edf6;color:#4b638a;font-size:12px; }
.payment-status { margin:12px 0 0;color:#60646c;font-size:12px;line-height:1.7; }
.demo-order-actions .payment-option { min-height:42px;padding:9px 14px; }
@media(max-width:575px){.payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-options .payment-option{min-width:0;width:100%;padding:10px 9px;gap:7px;font-size:12px}.payment-options .payment-icon{width:20px;height:20px;flex-basis:20px}}
.usdt-panel{margin:20px 0;padding:20px;border:1px solid #dbe6e1;border-radius:18px;background:#f9fcfa}.usdt-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.usdt-heading h2{font-size:17px;margin:0;font-weight:800}.usdt-heading>span{font-size:11px;border-radius:99px;padding:4px 9px;background:#e7f3ed;color:#268363}.usdt-amount{display:grid;gap:8px;justify-items:start}.usdt-amount>span{font-size:12px;color:#67766f}.usdt-amount strong{font-size:28px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.usdt-amount small{font-size:14px}.usdt-network-note{margin:18px 0;padding:12px 14px;border:1px solid #eedebd;border-radius:10px;background:#fffbef;color:#8d6d2b;font-size:12px;line-height:1.8}.usdt-qr{display:block;width:220px;max-width:100%;height:auto;margin:18px auto;background:#fff;border-radius:12px}.usdt-address{display:grid;gap:7px;margin:14px 0}.usdt-address>span{font-size:12px;color:#67766f}.usdt-address code{font:13px/1.9 monospace;color:#1e4a3a;overflow-wrap:anywhere;word-break:break-all;padding:13px;background:#edf5f0;border-radius:10px}#usdt-transfer-form{display:grid;gap:11px;margin-top:22px}#usdt-transfer-form>label{font-size:13px;font-weight:700}
@media(max-width:767px) {
 .demo-footer { padding-bottom:90px;gap:8px; }
 .service-launcher { right:14px;bottom:14px;min-width:118px;height:54px;padding:0 17px;font-size:15px; }
 .demo-modal-backdrop { padding:12px; }
 .demo-dialog { max-height:90dvh;border-radius:16px; }
 .demo-dialog-body { padding:18px; }
 .demo-dialog>header { padding:14px 18px; }
 .demo-order-card { padding:14px; }
 .demo-order-product { flex-wrap:wrap; }
 .demo-order-product>strong { margin-left:auto; }
 .demo-order-actions .tokyo-button { padding:9px 12px; }
 .demo-totp-code { font-size:36px;letter-spacing:4px; }
}
