.catalog-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px; margin-top:24px; }
.catalog-pagination[hidden] { display:none; }
.enhanced-pagination { display:none; }
.js .ssr-pagination { display:none; }
.js .enhanced-pagination { display:contents; }
.ssr-pagination a { color:var(--green); font:700 11px ui-monospace,monospace; }
.summary a { color:var(--green); }
.filter-options ul { margin:0; padding:0; list-style:none; }
.filter-options li { padding:4px 0; font-size:11px; }
.filter-options li a { color:var(--ink); }
.catalog-pagination button { padding:8px 13px; border:1px solid var(--line); border-radius:5px; background:var(--card); color:var(--ink); cursor:pointer; font:700 11px ui-monospace,monospace; }
.catalog-pagination button:hover:not(:disabled) { border-color:var(--ink); background:var(--ink); color:white; }
.catalog-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.catalog-pagination button:focus-visible { outline:2px solid var(--green); outline-offset:3px; }
.catalog-list { display:flex; flex-direction:column; gap:16px; }
.provider-group { overflow:hidden; background:var(--card); border:1px solid var(--line); border-radius:7px; box-shadow:0 1px 3px rgba(20,24,22,.025); }
.provider-head { display:flex; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid var(--line); background:#f0efea; }
.provider-head > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; min-width:0; }
.provider-head a { color:var(--ink); font:700 13px ui-monospace,monospace; overflow-wrap:anywhere; text-decoration:none; }
.provider-head a:hover { text-decoration:underline; }
.provider-head small { color:var(--muted); font:500 9px ui-monospace,monospace; text-transform:uppercase; letter-spacing:.06em; }
.provider-mark { display:grid; flex:0 0 24px; width:24px; height:24px; place-items:center; border-radius:50%; background:var(--ink); color:white; font:700 11px ui-sans-serif,system-ui,sans-serif; }
.endpoint-list { padding:0 14px; }
.endpoint-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,40%); gap:20px; align-items:center; padding:14px 0; border-bottom:1px solid #ecebe6; }
.endpoint-row:last-child { border-bottom:0; }
.endpoint-main { min-width:0; }
.endpoint-title { display:flex; align-items:center; gap:8px; }
.endpoint-title > a { min-width:0; color:var(--ink); font:650 14px ui-sans-serif,system-ui,sans-serif; overflow-wrap:anywhere; text-decoration:none; }
.endpoint-title > a:hover { text-decoration:underline; }
.endpoint-title .method { flex:none; }
.endpoint-row p { margin:4px 0 8px; color:var(--muted); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.endpoint-row .chips { min-height:0; }
.endpoint-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; min-width:0; }
.endpoint-address { display:flex; min-width:0; flex:1; align-items:center; padding:7px 8px; border:1px solid #e3e2dc; border-radius:4px; background:#f4f3ef; color:#424844; }
.endpoint-address code { min-width:0; flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:9px; }
.endpoint-address button { border:0; background:transparent; color:var(--muted); cursor:pointer; font:700 9px ui-monospace,monospace; text-transform:uppercase; }
.endpoint-address button:hover { color:var(--ink); }
.card-description {
  display: -webkit-box;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.payment-pair { position:relative; cursor:help; white-space:nowrap; }
.payment-pair:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
.payment-pair::after { content:attr(data-tooltip); position:absolute; z-index:5; left:0; bottom:calc(100% + 7px); display:none; width:max-content; max-width:min(360px,75vw); padding:7px 9px; background:var(--ink); color:#fff; text-align:left; text-transform:none; letter-spacing:0; font:11px/1.35 ui-monospace,monospace; overflow-wrap:anywhere; white-space:normal; box-shadow:3px 3px 0 rgba(20,33,28,.2); }
.payment-pair:hover::after,.payment-pair:focus::after { display:block; }
.payment-pair i { box-sizing:border-box; display:inline-grid; width:16px; height:16px; margin:-3px 4px -3px 0; place-items:center; border-radius:50%; color:white; vertical-align:middle; font:800 10px/1 ui-sans-serif,system-ui,sans-serif; font-style:normal; }
.payment-pair .network-icon { margin-left:-7px; margin-right:6px; border:1px solid #ecece2; background:#65706b; }
.token-icon::after { content:'•'; }
.token-icon.usdc,.token-icon.usd { background:#2775ca; }.token-icon.usdc::after,.token-icon.usd::after { content:'$'; }
.token-icon.usdt { background:#26a17b; }.token-icon.usdt::after { content:'₮'; }
.token-icon.eth { background:#627eea; }.token-icon.eth::after { content:'◆'; font-size:8px; }
.token-icon.sol { background:#6d52d9; }.token-icon.sol::after { content:'S'; }
.token-icon.btc { background:#f7931a; }.token-icon.btc::after { content:'₿'; }
.token-icon.xrp { background:#23292f; }.token-icon.xrp::after { content:'X'; }
.token-icon.asset { background:#78817d; }.token-icon.asset::after { content:'A'; }
.network-icon::after { content:'◎'; }
.network-icon.base,.network-icon.base-sepolia { background:#0052ff; }.network-icon.base::after,.network-icon.base-sepolia::after { content:'B'; }
.network-icon.ethereum { background:#627eea; }.network-icon.ethereum::after { content:'◆'; font-size:7px; }
.network-icon.polygon,.network-icon.polygon-amoy { background:#8247e5; }.network-icon.polygon::after,.network-icon.polygon-amoy::after { content:'∞'; }
.network-icon.solana,.network-icon.solana-devnet { background:#6d52d9; }.network-icon.solana::after,.network-icon.solana-devnet::after { content:'S'; }
.network-icon.arbitrum { background:#28a0f0; }.network-icon.arbitrum::after { content:'A'; }
.network-icon.optimism { background:#ff0420; }.network-icon.optimism::after { content:'O'; }
.network-icon.avalanche { background:#e84142; }.network-icon.avalanche::after { content:'A'; }
.network-icon.bnb { background:#f0b90b; color:#241f13; }.network-icon.bnb::after { content:'B'; }
.network-icon.stellar { background:#111; }.network-icon.stellar::after { content:'S'; }
.network-icon.xrpl { background:#23292f; }.network-icon.xrpl::after { content:'X'; }
.card-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.details-button { border:1px solid #aeadA7; border-radius:4px; color:var(--ink); padding:6px 10px; background:transparent; text-decoration:none; font:700 10px ui-monospace,monospace; white-space:nowrap; }
.details-button:hover { border-color:var(--ink); background:var(--ink); color:white; }
.console-button { display:inline-block; margin-top:8px; padding:11px 15px; color:white; background:var(--green); border:1px solid var(--green); text-decoration:none; font:700 12px ui-monospace,monospace; }
.console-button:hover { filter:brightness(.88); }
.console-main { max-width:1240px; }
.console-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; margin:24px 0; }
.console-panel { min-width:0; padding:22px; border:1px solid var(--line); border-radius:7px; background:var(--card); box-shadow:0 1px 3px rgba(20,24,22,.025); }
.console-panel.full { grid-column:1/-1; }
.console-panel h2 { margin:0 0 16px; font-size:15px; font-weight:700; letter-spacing:-.01em; }
.console-panel label { display:block; margin:13px 0 6px; color:var(--muted); font-size:12px; font-weight:600; }
.console-panel input,.console-panel textarea,.console-panel select { box-sizing:border-box; width:100%; padding:10px; border:1px solid var(--line); border-radius:4px; outline:0; background:#fbfaf7; color:var(--ink); font:12px/1.5 ui-monospace,monospace; }
.console-panel input:focus,.console-panel textarea:focus,.console-panel select:focus { border-color:#858985; box-shadow:0 0 0 1px #858985; }
.console-panel input[readonly],.console-panel textarea:disabled { color:#6f7471; background:#f1f0eb; }
.console-panel textarea { min-height:130px; resize:vertical; }
.console-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.console-actions button { padding:10px 14px; border:1px solid var(--ink); border-radius:4px; background:var(--ink); color:white; cursor:pointer; font:700 11px ui-monospace,monospace; }
.console-actions button:hover:not(:disabled) { filter:brightness(.88); }
.console-actions button.secondary { background:transparent; color:var(--ink); }
.console-actions button:disabled { opacity:.5; cursor:not-allowed; }
.console-output { max-height:440px; margin:0; padding:16px; overflow:auto; border-radius:5px; background:#171b19; color:#dff7ea; white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.55 ui-monospace,monospace; }
.console-warning { padding:12px 14px; border-left:4px solid #b56b00; border-radius:0 4px 4px 0; background:#fff4d8; color:#65501f; }
.console-terms dl { display:grid; grid-template-columns:120px 1fr; gap:7px; }
.console-terms dd { margin:0; overflow-wrap:anywhere; }
.payment-review { width:min(680px,calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow:auto; padding:26px; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:8px; box-shadow:0 18px 60px rgba(20,33,28,.35); }
.payment-review::backdrop { background:rgba(20,33,28,.7); }
.payment-review h2 { margin:8px 0; font:700 30px Georgia,serif; }
.payment-review-lede { margin-top:0; color:var(--muted); }
.payment-review dl { display:grid; grid-template-columns:145px minmax(0,1fr); gap:8px 14px; padding:14px 0; border-block:1px solid var(--line); }
.payment-review dt { color:var(--muted); }
.payment-review dd { margin:0; overflow-wrap:anywhere; }
.payment-review code { font-size:12px; }
.payment-ack { display:grid!important; grid-template-columns:auto 1fr; align-items:start; gap:10px!important; color:var(--ink)!important; }
.payment-ack input { width:auto!important; margin:4px 0 0; accent-color:var(--green); }
.wallet-state { overflow-wrap:anywhere; color:var(--green); }
.detail-main { max-width:1040px; padding-top:34px; }
.merchant-main { max-width:1240px; }
.back { display:inline-flex; align-items:center; color:var(--muted); text-decoration:none; font-size:12px; font-weight:650; }
.back:hover { color:var(--ink); }
.detail-head { margin:42px 0 30px; }
.detail-head .category { color:var(--green); letter-spacing:.09em; }
.detail-head h1 { max-width:900px; margin:10px 0 14px; font-size:clamp(36px,5vw,58px); line-height:1.04; letter-spacing:-.04em; font-weight:650; overflow-wrap:anywhere; }
.detail-description { max-width:780px; margin:0; color:var(--muted); font-size:17px; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.console-relay-note { max-width:780px; margin:10px 0 0; color:var(--muted); font-size:13px; line-height:1.5; }
.detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:28px 0; }
.detail-panel { min-width:0; padding:21px; border:1px solid var(--line); border-radius:7px; background:var(--card); box-shadow:0 1px 3px rgba(20,24,22,.025); }
.detail-panel.full { grid-column:1/-1; }
.detail-panel h2 { margin:0 0 15px; font-size:14px; font-weight:700; letter-spacing:-.01em; }
.detail-panel dl { display:grid; grid-template-columns:130px minmax(0,1fr); gap:10px 14px; margin:0; }
.detail-panel dt { color:var(--muted); font-size:11px; }
.detail-panel dd { margin:0; font-size:12px; overflow-wrap:anywhere; }
.detail-panel dd code { color:var(--green); }
.detail-panel pre { max-height:420px; margin:0; padding:16px; overflow:auto; border-radius:5px; background:#171b19; color:#dff7ea; font-size:11px; line-height:1.55; }
.detail-links { display:flex; gap:14px; flex-wrap:wrap; margin:18px 0 0; }
.detail-links a { color:var(--green); font-size:12px; font-weight:650; }
.offering-page .console-button { border-radius:5px; }
.merchant-head { margin-bottom:24px; }
.merchant-summary { margin-bottom:28px; }
.merchant-stats { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 0 42px; }
.merchant-stats .detail-panel { padding:16px; }
.merchant-stats .detail-panel h2 { margin-bottom:11px; color:var(--muted); font:700 9px ui-monospace,monospace; text-transform:uppercase; letter-spacing:.09em; }
.merchant-stats .chips { min-height:0; }
.merchant-offerings-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:24px; align-items:start; }
.merchant-offerings-results { min-width:0; }
.merchant-category-filter { display:flex; flex-direction:column; gap:3px; padding:14px; border:1px solid var(--line); border-radius:7px; background:var(--card); }
.merchant-category-filter h2 { margin:0 0 9px; color:var(--muted); font:700 9px ui-monospace,monospace; text-transform:uppercase; letter-spacing:.09em; }
.merchant-category-filter button { display:flex; justify-content:space-between; gap:10px; width:100%; padding:8px; border:0; border-radius:4px; background:transparent; color:var(--muted); cursor:pointer; text-align:left; font:600 11px ui-sans-serif,system-ui,sans-serif; }
.merchant-category-filter button:hover { background:#f1f0eb; color:var(--ink); }
.merchant-category-filter button.active { background:var(--ink); color:white; }
.merchant-category-filter small { opacity:.7; font:600 9px ui-monospace,monospace; }
.merchant-offerings-head { margin-top:0; }
.merchant-offering-list { overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--card); }
.merchant-offering-row { margin:0 18px; padding:22px 0; border:0; border-bottom:1px solid #ecebe6; grid-template-columns:minmax(0,1fr) minmax(300px,40%); }
.merchant-offering-row .endpoint-title>a { font-size:16px; }
.merchant-offering-row p { margin:6px 0 11px; font-size:12px; }
.merchant-offering-row .endpoint-address { padding:9px 10px; }
@media(max-width:700px) { .detail-grid,.console-layout,.merchant-offerings-layout { grid-template-columns: 1fr; } .merchant-category-filter { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .merchant-category-filter h2 { grid-column:1/-1; } .detail-panel.full,.console-panel.full { grid-column: auto; } .card-footer { align-items: flex-end; } .endpoint-row { grid-template-columns:1fr; gap:10px; } .endpoint-actions { justify-content:stretch; } .endpoint-address { flex:1; } .provider-head > div { display:block; } .provider-head small { display:block; margin-top:2px; } .payment-review dl { grid-template-columns:1fr; gap:2px; } .payment-review dd { margin-bottom:8px; } }