/* =====================================================================
   PrivateDrop — top-up modal (#pd-pay-v25), consolidated in v2.23
   Graphite surfaces · gold accent · one coin icon family (pd-coin-*-v2230)
   Phone compaction lives in privatedrop-mobile-v2104.css.
   ===================================================================== */
#pd-pay-v25{
  --p-bg:#17181c; --p-head:#1e1f23; --p-tile:#1e1f23; --p-tile-on:#24252a;
  --p-line:#2b2c30; --p-line-2:#35363a; --p-input:#121316;
  --p-text:#f4f4f6; --p-muted:#94959b; --p-gold:var(--pd2-gold); --p-gold-soft:rgb(var(--pd2-gold-rgb)/.55);
  position:fixed;inset:0;z-index:2147483000;font-family:Inter,Arial,sans-serif;color:var(--p-text)
}
#pd-pay-v25 *{box-sizing:border-box}
#pd-pay-v25 button{font-family:inherit}
.pd25-backdrop{position:absolute;inset:0;background:rgba(6,6,8,.76);backdrop-filter:blur(4px)}

/* shell */
#pd-pay-v25 .pd25-modal{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(720px,calc(100vw - 20px));max-height:min(700px,calc(100dvh - 20px));
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--p-bg);border:1px solid var(--p-line);border-radius:14px;
  box-shadow:0 30px 90px rgba(0,0,0,.6)
}
#pd-pay-v25 .pd25-head{height:62px;padding:0 18px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;background:var(--p-head);border-bottom:1px solid var(--p-line)}
#pd-pay-v25 .pd25-title{font-size:20px;line-height:24px;font-weight:800;letter-spacing:.02em}
#pd-pay-v25 .pd25-close{width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--p-muted);font-size:30px;line-height:1;cursor:pointer;transition:background .15s,color .15s}
#pd-pay-v25 .pd25-close:hover{background:#26272c;color:#fff}
#pd-pay-v25 .pd25-body{padding:14px 16px 8px;overflow:auto;flex:1 1 auto}

/* tabs */
#pd-pay-v25 .pd25-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;min-height:0;border:0;border-radius:11px;background:var(--p-input)}
#pd-pay-v25 .pd25-tab{height:38px;border:0;border-radius:8px;background:transparent;color:var(--p-muted);font-size:14px;font-weight:700;display:flex;gap:7px;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}
#pd-pay-v25 .pd25-tab svg{width:20px;height:20px}
#pd-pay-v25 .pd25-tab:hover{color:#fff;background:#1c1d21}
#pd-pay-v25 .pd25-tab.active{background:var(--p-gold);color:#16171a}

#pd-pay-v25 .pd25-section-title{margin:14px 0 7px;color:var(--p-muted);font-size:12px;font-weight:700;letter-spacing:.02em}

/* shared tile look: providers, methods, assets, card methods */
#pd-pay-v25 .pd25-provider,
#pd-pay-v25 .pd25-method,
#pd-pay-v25 .pd25-asset-card,
#pd-pay-v25 .pd25-paymethod{
  position:relative;border:1px solid var(--p-line);border-radius:11px;background:var(--p-tile);color:#fff;cursor:pointer;
  transition:border-color .15s,background .15s
}
#pd-pay-v25 .pd25-provider:hover:not(:disabled),
#pd-pay-v25 .pd25-method:hover:not(:disabled),
#pd-pay-v25 .pd25-asset-card:hover:not(:disabled),
#pd-pay-v25 .pd25-paymethod:hover:not(:disabled){border-color:var(--p-line-2);background:var(--p-tile-on)}
#pd-pay-v25 .pd25-provider.active,
#pd-pay-v25 .pd25-method.active,
#pd-pay-v25 .pd25-asset-card.active,
#pd-pay-v25 .pd25-paymethod.active{border-color:var(--p-gold-soft);background:var(--p-tile-on);box-shadow:inset 0 0 0 1px rgb(var(--pd2-gold-rgb)/.12)}
#pd-pay-v25 .pd25-provider:disabled,
#pd-pay-v25 .pd25-method:disabled,
#pd-pay-v25 .pd25-paymethod:disabled{cursor:not-allowed}
#pd-pay-v25 .pd25-provider:disabled,
#pd-pay-v25 .pd25-method:disabled{opacity:.45}

/* providers */
#pd-pay-v25 .pd25-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#pd-pay-v25 .pd25-provider{min-height:60px;padding:8px 10px;display:flex;align-items:center;gap:9px;text-align:left}
#pd-pay-v25 .pd25-provider-logo{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:#26272c;color:#d6d7dc}
#pd-pay-v25 .pd25-provider-logo img{width:100%;height:100%;object-fit:cover}
#pd-pay-v25 .pd25-provider-logo svg{width:24px;height:24px}
#pd-pay-v25 .pd25-provider b{display:block;font-size:14px;line-height:16px}
#pd-pay-v25 .pd25-provider small{display:block;margin-top:2px;color:var(--p-muted);font-size:10.5px;line-height:12px}
#pd-pay-v25 .pd25-provider i{position:absolute;right:9px;bottom:9px;width:15px;height:15px;border:1.5px solid #5a5b61;border-radius:50%}
#pd-pay-v25 .pd25-provider.active i{border-color:var(--p-gold);background:var(--p-gold);box-shadow:inset 0 0 0 3px var(--p-tile-on)}

/* coins */
#pd-pay-v25 .pd25-coin{position:relative;width:40px;height:40px;flex:0 0 40px;display:inline-grid;place-items:center}
#pd-pay-v25 .pd25-coin>img{display:block;width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
#pd-pay-v25 .pd25-letter{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#2c2d33;color:#fff;font-size:18px;font-weight:800}
#pd-pay-v25 .pd25-netbadge{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;background:var(--p-tile);box-shadow:0 0 0 2px var(--p-tile)}
#pd-pay-v25 .pd25-method.active .pd25-netbadge{background:var(--p-tile-on);box-shadow:0 0 0 2px var(--p-tile-on)}
#pd-pay-v25 .pd25-netbadge img{display:block;width:100%;height:100%;object-fit:contain}

/* wallet: currency + network */
#pd-pay-v25 .pd25-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#pd-pay-v25 .pd25-method{min-height:72px;padding:10px;display:flex;align-items:center}
#pd-pay-v25 .pd25-method-copy{display:flex;flex-direction:column;margin-left:10px;text-align:left}
#pd-pay-v25 .pd25-method-copy b{font-size:15px;line-height:17px}
#pd-pay-v25 .pd25-method-copy small{margin-top:2px;color:var(--p-muted);font-size:11px}
#pd-pay-v25 .pd25-method-tag{position:absolute;right:8px;top:8px;padding:3px 6px;border-radius:6px;background:var(--p-input);color:#cfd0d5;font-size:10px;font-weight:800;letter-spacing:.02em}

/* provider assets */
#pd-pay-v25 .pd25-assets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#pd-pay-v25 .pd25-asset-card{min-height:84px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
#pd-pay-v25 .pd25-asset-card b{font-size:13px}

/* cards tab: three payment methods in a row */
#pd-pay-v25 .pd25-paymethods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#pd-pay-v25 .pd25-paymethod{min-height:118px;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}
#pd-pay-v25 .pd25-paymethod-logo{height:42px;width:42px;display:grid;place-items:center}
#pd-pay-v25 .pd25-paymethod-logo.wide{width:66px}
#pd-pay-v25 .pd25-paymethod-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}
#pd-pay-v25 .pd25-paymethod-copy b{display:block;font-size:14px;line-height:17px}
#pd-pay-v25 .pd25-paymethod-copy small{display:block;margin-top:2px;color:var(--p-muted);font-size:11px;line-height:13px}
#pd-pay-v25 .pd25-paymethod i{position:absolute;right:9px;top:9px;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--p-gold);background:var(--p-gold);box-shadow:inset 0 0 0 3px var(--p-tile-on)}
#pd-pay-v25 .pd25-paymethod em{position:absolute;right:8px;top:8px;padding:2px 7px;border-radius:999px;background:#26272c;color:var(--p-muted);font-size:10px;font-style:normal;font-weight:700}
#pd-pay-v25 .pd25-paymethod:disabled .pd25-paymethod-logo,
#pd-pay-v25 .pd25-paymethod:disabled .pd25-paymethod-copy{opacity:.55}

/* form */
#pd-pay-v25 .pd25-form{margin-top:12px}
#pd-pay-v25 .pd25-form label{display:block;margin-bottom:6px;color:var(--p-muted);font-size:12px;font-weight:700}
#pd-pay-v25 .pd25-input-wrap{position:relative}
#pd-pay-v25 .pd25-input{width:100%;height:44px;padding:0 70px 0 14px;border:1px solid var(--p-line-2);border-radius:10px;background:var(--p-input);color:#fff;font-size:15px;font-weight:600;outline:none;transition:border-color .15s}
#pd-pay-v25 .pd25-input:focus,
#pd-pay-v25 .pd25-input:focus-visible{border-color:#55565c;outline:none}
#pd-pay-v25 .pd25-input-wrap>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#cfd0d5;font-size:13px;font-weight:800}
#pd-pay-v25 .pd25-rate{margin-top:6px;color:var(--p-muted);font-size:11.5px}

/* promo: icon | input | apply */
#pd-pay-v25 .pd25-promo{margin-top:10px;padding:0;border:0;background:transparent}
#pd-pay-v25 .pd25-promo-title,#pd-pay-v25 .pd25-promo-note,#pd-pay-v25 .pd25-promo-strip{display:none}
#pd-pay-v25 .pd25-promo-row{display:flex;align-items:center;min-height:44px;border:1px solid var(--p-line-2);border-radius:10px;background:var(--p-input);overflow:hidden}
#pd-pay-v25 .pd25-promo-icon{width:44px;flex:0 0 44px;display:grid;place-items:center;color:#8d8e94}
#pd-pay-v25 .pd25-promo-icon svg{width:20px;height:20px}
#pd-pay-v25 .pd25-promo-input{height:42px;min-width:0;flex:1 1 auto;padding:0 8px;border:0;background:transparent;color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;outline:none}
#pd-pay-v25 .pd25-promo-input::placeholder{color:#6e6f75;opacity:1}
#pd-pay-v25 .pd25-promo-btn{width:46px;min-width:46px;height:42px;padding:0;border:0;border-left:1px solid var(--p-line);background:transparent;color:var(--p-gold);font-size:18px;font-weight:900;cursor:pointer}
#pd-pay-v25 .pd25-promo-btn:disabled{opacity:.55;cursor:not-allowed}
#pd-pay-v25 .pd25-promo-btn-applied{color:#82d99a;cursor:default}
#pd-pay-v25 .pd25-promo-error .pd25-promo-row{border-color:#c95d64}

/* invoices / status */
#pd-pay-v25 .pd25-invoice{margin-top:12px;padding:14px;border:1px solid var(--p-line);border-radius:11px;background:var(--p-tile)}
#pd-pay-v25 .pd25-row{display:grid;grid-template-columns:125px 1fr auto;gap:10px;align-items:center;margin:8px 0}
#pd-pay-v25 .pd25-row>span{color:var(--p-muted)}
#pd-pay-v25 .pd25-mono{font-family:Consolas,monospace;word-break:break-all}
#pd-pay-v25 .pd25-copy,#pd-pay-v25 .pd25-openpay{height:34px;padding:0 12px;border:1px solid var(--p-line-2);border-radius:8px;background:#26272c;color:#fff;font-weight:700;cursor:pointer}
#pd-pay-v25 .pd25-copy:hover,#pd-pay-v25 .pd25-openpay:hover{border-color:#55565c}
#pd-pay-v25 .pd25-status{margin-top:12px;color:#c4c5ca}
#pd-pay-v25 .pd25-success{color:#85e697;font-weight:800}
#pd-pay-v25 .pd25-error{min-height:18px;margin-top:8px;color:#ff7c7c;font-size:13px}
#pd-pay-v25 .pd25-provider-summary{display:flex;align-items:center;gap:12px}
#pd-pay-v25 .pd25-provider-summary b{display:block;font-size:16px}
#pd-pay-v25 .pd25-provider-summary small{display:block;margin-top:3px;color:var(--p-muted)}
#pd-pay-v25 .pd25-provider-invoice .pd25-openpay{width:100%;height:42px;margin-top:12px}

/* skins */
#pd-pay-v25 .pd25-skinback{width:100%;margin-top:12px;min-height:88px;border:1px solid var(--p-line-2);border-radius:11px;background:linear-gradient(135deg,#23252b,#1b1c21);color:#fff;cursor:pointer}
#pd-pay-v25 .pd25-skinback:disabled{opacity:.55;cursor:not-allowed}
#pd-pay-v25 .pd25-skinback span{font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#44bdff,#7b7aff);color:transparent;-webkit-background-clip:text;background-clip:text}
#pd-pay-v25 .pd25-skin-state{margin-top:10px;color:#c1c2c7;font-size:13px}

/* footer */
#pd-pay-v25 .pd25-foot{flex:0 0 auto;padding:12px 16px 14px;background:var(--p-head);border-top:1px solid var(--p-line)}
#pd-pay-v25 .pd25-credit{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:15px;font-weight:800}
#pd-pay-v25 .pd25-credit strong{font-size:19px}
#pd-pay-v25 .pd25-main{width:100%;height:46px;border:0;border-radius:11px;background:linear-gradient(180deg,var(--pd2-gold-hi) 0%,var(--pd2-gold) 55%,#e3bd00 100%);color:#15130a;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgb(var(--pd2-gold-rgb)/.18),inset 0 1px 0 rgba(255,255,255,.45);transition:filter .15s}
#pd-pay-v25 .pd25-main:hover:not(:disabled){filter:brightness(1.05)}
#pd-pay-v25 .pd25-main:disabled{background:#3a3624;color:rgba(255,255,255,.5);box-shadow:none;cursor:not-allowed}
#pd-pay-v25 .pd25-hint{min-height:12px;margin-top:5px;text-align:center;color:#8f9096;font-size:10.5px}

@media(max-width:780px){
  #pd-pay-v25 .pd25-modal{width:calc(100vw - 8px);max-height:calc(100dvh - 8px);border-radius:12px}
  #pd-pay-v25 .pd25-body{padding:10px 9px 6px}
  #pd-pay-v25 .pd25-title{font-size:18px}
  #pd-pay-v25 .pd25-assets{grid-template-columns:repeat(3,1fr)}
  #pd-pay-v25 .pd25-row{grid-template-columns:1fr}
  #pd-pay-v25 .pd25-paymethods{gap:6px}
  #pd-pay-v25 .pd25-paymethod{min-height:104px;padding:12px 6px 10px;gap:7px}
  #pd-pay-v25 .pd25-paymethod-logo{width:36px;height:36px}
  #pd-pay-v25 .pd25-paymethod-logo.wide{width:56px}
  #pd-pay-v25 .pd25-paymethod-copy b{font-size:12px;line-height:14px}
  #pd-pay-v25 .pd25-paymethod-copy small{font-size:10px}
  #pd-pay-v25 .pd25-paymethod em{top:5px;right:5px;padding:1px 5px;font-size:9px}
  #pd-pay-v25 .pd25-coin,#pd-pay-v25 .pd25-coin>img{width:36px;height:36px}
  #pd-pay-v25 .pd25-coin{flex-basis:36px}
}


/* =====================================================================
   v2.25 - compact top-up modal (reference: top-up photo)
   Shell: header, tab track, "payment methods for [pill]", method tiles,
   then a darker bottom sheet: amount row + box, promo, +N% strip, CTA, note.
   ===================================================================== */
#pd-pay-v25.pdt{--pdt-u:clamp(.8px,calc(100vw / 1900),1px);position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:calc(var(--pdt-u) * 12);font-family:Inter,"Segoe UI",Arial,sans-serif;color:#fff}
.pdt *{box-sizing:border-box}
.pdt button{font-family:inherit}
.pdt-backdrop{position:absolute;inset:0;background:var(--pd2-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.pdt-modal{position:relative;display:flex;flex-direction:column;width:min(calc(var(--pdt-u) * 700),100%);max-height:calc(100dvh - 24px);overflow:hidden;background:var(--pd2-raised);border-radius:calc(var(--pdt-u) * 22);box-shadow:var(--pd2-shadow-modal)}
.pdt-head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--pdt-u) * 12);height:calc(var(--pdt-u) * 70);padding:0 calc(var(--pdt-u) * 24) 0 calc(var(--pdt-u) * 30);flex:0 0 auto}
.pdt-title{margin:0;font-size:calc(var(--pdt-u) * 22);line-height:calc(var(--pdt-u) * 26);font-weight:600;letter-spacing:0}
.pdt-close{display:grid;place-items:center;width:calc(var(--pdt-u) * 36);height:calc(var(--pdt-u) * 36);padding:0;border:0;border-radius:calc(var(--pdt-u) * 8);background:transparent;color:#8e9096;cursor:pointer}
.pdt-close svg{width:calc(var(--pdt-u) * 17);height:calc(var(--pdt-u) * 17)}
.pdt-close:hover{color:var(--pd2-text);background:var(--pd2-s4)}
.pdt-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a3b40 transparent}
.pdt-top{padding:0}
.pdt #pd25-content{padding:calc(var(--pdt-u) * 20) calc(var(--pdt-u) * 30) calc(var(--pdt-u) * 24);background:var(--pd2-s1);border-top:1px solid var(--pd2-line)}

/* tab track */
.pdt-tabs{margin:0 calc(var(--pdt-u) * 30) calc(var(--pdt-u) * 20);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:calc(var(--pdt-u) * 50);padding:3px;border-radius:calc(var(--pdt-u) * 12);background:var(--pd2-well);box-shadow:inset 0 0 0 1px var(--pd2-line)}
.pdt-tab{display:flex;align-items:center;justify-content:center;gap:calc(var(--pdt-u) * 10);min-width:0;border:0;border-radius:calc(var(--pdt-u) * 10);background:transparent;color:#9b9ca1;font-size:calc(var(--pdt-u) * 16);font-weight:500;cursor:pointer;transition:background .15s,color .15s}
.pdt-tab svg{width:calc(var(--pdt-u) * 18);height:calc(var(--pdt-u) * 18);flex:0 0 auto}
.pdt-tab:hover{color:#fff}
.pdt-tab.active{background:var(--pd2-s4);color:var(--pd2-text);box-shadow:inset 0 0 0 1px var(--pd2-line-2),var(--pd2-hi)}
.pdt-bolt{display:inline-flex;margin-left:-3px}
.pdt-bolt svg{width:calc(var(--pdt-u) * 17);height:calc(var(--pdt-u) * 17)}

/* method tiles */
.pdt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--pdt-u) * 7) calc(var(--pdt-u) * 8);margin-top:0}
.pdt-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--pdt-u) * 10);height:calc(var(--pdt-u) * 125);padding:calc(var(--pdt-u) * 10);border:1px solid transparent;border-radius:calc(var(--pdt-u) * 14);background:var(--pd2-s3);color:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.pdt-tile:hover:not(:disabled){background:var(--pd2-s4);border-color:var(--pd2-line-2)}
.pdt-tile.active{border-color:var(--pd2-gold-line-2);background:linear-gradient(180deg,var(--pd2-gold-wash-2),var(--pd2-gold-wash)),var(--pd2-s3);box-shadow:inset 0 0 0 1px var(--pd2-gold-line)}
.pdt-tile:disabled{cursor:default}
.pdt-tile:disabled .pdt-tile-logo,.pdt-tile:disabled b{opacity:.45}
.pdt-tile b{font-size:calc(var(--pdt-u) * 15);line-height:calc(var(--pdt-u) * 18);font-weight:600;text-align:center}
.pdt-tile-logo{display:grid;place-items:center;width:calc(var(--pdt-u) * 46);height:calc(var(--pdt-u) * 46);color:#e7e8ea}
.pdt-tile-logo.wide{width:calc(var(--pdt-u) * 74)}
.pdt-tile-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:calc(var(--pdt-u) * 8)}
.pdt-tile-logo svg{display:block}
.pdt-tile-logo svg{width:calc(var(--pdt-u) * 34);height:calc(var(--pdt-u) * 34)}
.pdt-soon{position:absolute;top:0;right:0;padding:3px calc(var(--pdt-u) * 7);border-radius:0 calc(var(--pdt-u) * 9) 0 calc(var(--pdt-u) * 7);background:var(--pd2-s4);color:var(--pd2-text-2);box-shadow:inset 0 0 0 1px var(--pd2-line-2);font-size:calc(var(--pdt-u) * 10);line-height:calc(var(--pdt-u) * 12);font-style:normal;font-weight:600}
.pdt-tile-wide{grid-column:1/-1;height:calc(var(--pdt-u) * 84)}
/* crypto: currencies of the selected method */
.pdt-sub{margin:calc(var(--pdt-u) * 20) 0 calc(var(--pdt-u) * 10);color:#8b8c90;font-size:calc(var(--pdt-u) * 14);line-height:calc(var(--pdt-u) * 18)}
.pdt-assets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--pdt-u) * 8)}
.pdt-asset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--pdt-u) * 10);min-width:0;height:calc(var(--pdt-u) * 110);padding:calc(var(--pdt-u) * 10) calc(var(--pdt-u) * 8);border:1px solid transparent;border-radius:calc(var(--pdt-u) * 12);background:var(--pd2-s3);color:#fff;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.pdt-asset:hover{background:var(--pd2-s4);border-color:var(--pd2-line-2)}
.pdt-asset.active{border-color:var(--pd2-gold-line-2);background:linear-gradient(180deg,var(--pd2-gold-wash-2),var(--pd2-gold-wash)),var(--pd2-s3)}
.pdt-asset-ico{display:grid;place-items:center;flex:0 0 auto;width:calc(var(--pdt-u) * 40);height:calc(var(--pdt-u) * 40)}
.pdt-asset-ico img{display:block;width:100%;height:100%;object-fit:contain}
.pdt-asset-ico i{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--pd2-s4);font-size:calc(var(--pdt-u) * 16);font-style:normal;font-weight:700}
.pdt-asset-txt{display:flex;flex-direction:column;align-items:center;gap:calc(var(--pdt-u) * 2);min-width:0;max-width:100%}
.pdt-asset-txt b{font-size:calc(var(--pdt-u) * 15);line-height:calc(var(--pdt-u) * 18);font-weight:600}
.pdt-asset-txt small{max-width:100%;overflow:hidden;color:#7f8187;font-size:calc(var(--pdt-u) * 11.5);line-height:calc(var(--pdt-u) * 14);white-space:nowrap;text-overflow:ellipsis}
.pdt-skinsback{font-size:calc(var(--pdt-u) * 22);font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,#eed8a3,#dcbc7c 50%,#b38f52);-webkit-background-clip:text;background-clip:text;color:transparent}

/* bottom sheet */
.pdt-bottom{padding:calc(var(--pdt-u) * 30) calc(var(--pdt-u) * 24) calc(var(--pdt-u) * 24);background:var(--pd2-s2);border-top:1px solid var(--pd2-line)}
.pdt-row{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--pdt-u) * 10);min-height:calc(var(--pdt-u) * 28);margin-bottom:calc(var(--pdt-u) * 16)}
.pdt-label{color:#8b8c90;font-size:calc(var(--pdt-u) * 15)}
.pdt-rate{color:#7f8187;font-size:calc(var(--pdt-u) * 13);white-space:nowrap}
.pdt-chips{display:flex;gap:calc(var(--pdt-u) * 6)}
.pdt-chip{height:calc(var(--pdt-u) * 28);padding:0 calc(var(--pdt-u) * 10);border:0;border-radius:calc(var(--pdt-u) * 6);background:var(--pd2-s3);color:var(--pd2-text-3);box-shadow:inset 0 0 0 1px var(--pd2-line);font-size:calc(var(--pdt-u) * 14);font-weight:500;cursor:pointer;white-space:nowrap}
.pdt-chip:hover{color:var(--pd2-text)}
.pdt-chip.active{background:var(--pd2-gold-wash-2);color:var(--pd2-gold-hi);box-shadow:inset 0 0 0 1px var(--pd2-gold-line)}
.pdt-amount{display:flex;align-items:center;gap:calc(var(--pdt-u) * 7);height:calc(var(--pdt-u) * 80);padding:0 calc(var(--pdt-u) * 20) 0 calc(var(--pdt-u) * 16);border-radius:calc(var(--pdt-u) * 14);background:var(--pd2-well);box-shadow:inset 0 0 0 1px var(--pd2-line-2);cursor:text}
.pdt-amount input{min-width:1ch;max-width:60%;padding:0;border:0;outline:0;background:transparent;color:#fff;font-family:inherit;font-size:calc(var(--pdt-u) * 30);font-weight:500;line-height:1;-moz-appearance:textfield}
.pdt-amount input::-webkit-outer-spin-button,.pdt-amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pdt-unit{color:#6f7176;font-size:calc(var(--pdt-u) * 30);font-weight:500;line-height:1}
.pdt-min{margin-left:auto;color:#e2e3e5;font-size:calc(var(--pdt-u) * 14);font-weight:600;white-space:nowrap}
.pdt-state{padding:calc(var(--pdt-u) * 16) calc(var(--pdt-u) * 18);border-radius:calc(var(--pdt-u) * 10);background:var(--pd2-s3);color:var(--pd2-text-2);font-size:calc(var(--pdt-u) * 14);line-height:calc(var(--pdt-u) * 20)}

/* promo */
.pdt-promo{display:flex;align-items:center;gap:calc(var(--pdt-u) * 16);height:calc(var(--pdt-u) * 60);margin-top:calc(var(--pdt-u) * 12);padding:0 calc(var(--pdt-u) * 8) 0 calc(var(--pdt-u) * 16);border-radius:calc(var(--pdt-u) * 14);background:var(--pd2-well);box-shadow:inset 0 0 0 1px var(--pd2-line-2)}
.pdt-promo-icon{display:grid;place-items:center;color:var(--pd2-gold)}
.pdt-promo-icon svg{width:calc(var(--pdt-u) * 20);height:calc(var(--pdt-u) * 20)}
.pdt-promo-input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:#fff;font-family:inherit;font-size:calc(var(--pdt-u) * 15);font-weight:500;text-transform:uppercase}
.pdt-promo-input::placeholder{color:#6f7176;text-transform:none}
.pdt-promo-btn{display:grid;place-items:center;width:calc(var(--pdt-u) * 44);height:calc(var(--pdt-u) * 44);flex:0 0 auto;padding:0;border:0;border-radius:calc(var(--pdt-u) * 10);background:var(--pd2-gold-fill);box-shadow:var(--pd2-gold-bevel);color:#15130a;cursor:pointer}
.pdt-promo-btn svg{width:calc(var(--pdt-u) * 20);height:calc(var(--pdt-u) * 20)}
.pdt-promo-btn:disabled{cursor:default}
.pdt-promo.is-error{box-shadow:inset 0 0 0 1px rgba(255,107,107,.6)}
/* the global gold :focus-visible ring must not hit the promo field; an applied code is inert */
#pd-pay-v25 .pdt-promo-input:focus,#pd-pay-v25 .pdt-promo-input:focus-visible{outline:none;box-shadow:none}
.pdt-promo:not(.is-applied):focus-within{box-shadow:inset 0 0 0 1px var(--pd2-gold-line-2)}
.pdt-promo.is-applied .pdt-promo-input{pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none}
.pdt-promo.is-applied{cursor:default}

/* +N% deposit bonus strip: flat 42px band, gold wash fading out to both sides */
.pdt-bonus-strip{display:flex;align-items:center;justify-content:center;height:calc(var(--pdt-u) * 42);margin-top:calc(var(--pdt-u) * 14);border-radius:calc(var(--pdt-u) * 4);background:linear-gradient(90deg,rgb(var(--pd2-gold-rgb)/0) 0%,rgb(var(--pd2-gold-rgb)/.1) 20%,rgb(var(--pd2-gold-rgb)/.2) 40%,rgb(var(--pd2-gold-rgb)/.2) 60%,rgb(var(--pd2-gold-rgb)/.1) 80%,rgb(var(--pd2-gold-rgb)/0) 100%);color:#fff;font-size:calc(var(--pdt-u) * 16.5);line-height:1;font-weight:500;letter-spacing:.01em;text-transform:uppercase}
.pdt-bonus-strip b{color:var(--pd2-gold);font-weight:500}

/* CTA */
.pdt-error{margin-top:calc(var(--pdt-u) * 8);color:#ff7b7b;font-size:calc(var(--pdt-u) * 13);line-height:calc(var(--pdt-u) * 18)}
.pdt-error:empty{display:none}
.pdt-main{display:flex;align-items:center;justify-content:center;gap:calc(var(--pdt-u) * 8);width:100%;height:calc(var(--pdt-u) * 65);margin-top:calc(var(--pdt-u) * 14);border:0;border-radius:calc(var(--pdt-u) * 14);background:var(--pd2-gold-fill);box-shadow:var(--pd2-gold-bevel),0 10px 28px rgb(var(--pd2-gold-rgb)/.16);color:#15130a;font-size:calc(var(--pdt-u) * 20);font-weight:700;cursor:pointer;transition:background .15s}
.pdt-main:hover:not(:disabled){background:var(--pd2-gold-fill-hover)}
.pdt-main:disabled{background:var(--pd2-s4);color:var(--pd2-text-3);box-shadow:none;cursor:default}
.pdt-main b{font-weight:800}
.pdt-main .pdt-coin{width:calc(var(--pdt-u) * 22);height:calc(var(--pdt-u) * 22)}
.pdt-main s{color:rgba(21,19,10,.45);font-weight:500;text-decoration-thickness:2px}
.pdt-hint:empty{display:none}
.pdt-hint{margin-top:calc(var(--pdt-u) * 8);color:#9b9ca1;font-size:calc(var(--pdt-u) * 12);text-align:center}
.pdt-note{margin:calc(var(--pdt-u) * 16) calc(var(--pdt-u) * 40) 0;color:#626367;font-size:calc(var(--pdt-u) * 12.5);line-height:calc(var(--pdt-u) * 17);text-align:center}

/* invoices keep the existing pd25 blocks, inside the sheet */
.pdt #pd25-dynamic:not(:empty){margin-top:calc(var(--pdt-u) * 12)}
.pdt .pd25-invoice{border-radius:calc(var(--pdt-u) * 10)}

@media (max-width:560px){
  #pd-pay-v25.pdt{--pdt-u:1px;align-items:center;padding:8px}
  .pdt-modal{width:100%;max-height:calc(100dvh - 16px);border-radius:18px}
  .pdt-head{height:56px;padding:0 8px 0 16px}
  .pdt-title{font-size:18px}
  .pdt-top{padding:0}
  .pdt #pd25-content{padding:14px 12px 16px}
  .pdt-tabs{height:44px;margin:0 12px 14px}
  .pdt-tab{font-size:14px;gap:6px}
  .pdt-tab svg{width:16px;height:16px}
  .pdt-grid{gap:8px;margin-top:0}
  .pdt-sub{margin:14px 0 8px;font-size:13px}
  .pdt-assets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .pdt-asset{height:84px;gap:6px;padding:8px 4px;border-radius:10px}
  .pdt-asset-ico{width:32px;height:32px}
  .pdt-asset-txt b{font-size:13px;line-height:15px}
  .pdt-asset-txt small{font-size:10px;line-height:12px}
  .pdt-tile{height:96px;gap:6px;padding:8px 4px}
  .pdt-tile b{font-size:12px;line-height:14px}
  .pdt-tile-logo{width:32px;height:32px}
  .pdt-tile-logo.wide{width:48px}
  .pdt-tile b{max-width:100%;white-space:normal;overflow-wrap:normal}
  .pdt-bottom{padding:16px 12px calc(12px + env(safe-area-inset-bottom))}
  .pdt-row{margin-bottom:10px}
  .pdt-note{margin:12px 6px 0}
  .pdt-row{flex-wrap:wrap;row-gap:8px}
  .pdt-chips{gap:4px}
  .pdt-chip{height:26px;padding:0 7px;font-size:12px}
  .pdt-amount{height:60px;padding:0 14px}
  .pdt-amount input,.pdt-unit{font-size:24px}
  .pdt-promo{height:50px;margin-top:10px}
  .pdt-promo-btn{width:36px;height:36px}
  .pdt-bonus-strip{height:38px;margin-top:10px;font-size:14.5px}
  .pdt-main{height:54px;margin-top:14px;font-size:17px}
  .pdt-note{font-size:11px}
}
