/* AxentraGaming purchase/detail screens — reference layout in fixed black + orange theme.
   Product art is never synthesized by CSS: missing owner-uploaded images leave a dark frame. */
:root{--ax-orange:#ff7a00;--ax-orange-hot:#ff8a12;--ax-orange-soft:rgba(255,122,0,.13);--ax-black:#050505;--ax-panel:#0b0b0b;--ax-border:rgba(255,122,0,.25);--ax-muted:#928c85}
/* Common payment cards */
.buy-payment-methods{display:flex;flex-direction:column!important;gap:12px!important;width:100%;margin-top:14px}
.buy-section-title{font-size:.78rem!important;font-weight:800!important;letter-spacing:.085em!important;color:#aaa39b!important;margin:0 0 2px!important}
.payment-method-card{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important;min-height:74px!important;padding:14px 15px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:#101010!important;color:#f5f3f0!important;text-align:left!important;box-shadow:none!important;transition:border-color .15s ease,background .15s ease,transform .15s ease!important}
.payment-method-card:active{transform:scale(.995)}
.payment-method-card.is-selected,.payment-method-card.balance-payment-card{border-color:rgba(255,122,0,.65)!important;background:linear-gradient(120deg,rgba(255,122,0,.11),#101010 68%)!important}
.payment-method-card.is-disabled,.payment-method-card:disabled{opacity:.45!important;cursor:not-allowed!important;filter:saturate(.55)!important}
.payment-method-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 52px!important;width:52px!important;height:52px!important;border-radius:13px!important;border:1px solid rgba(255,122,0,.3)!important;background:#19130e!important;font-size:1.55rem!important}
.payment-method-text{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:4px!important}
.payment-method-text b{font-size:1.02rem!important;line-height:1.25!important;font-weight:750!important;color:#f5f3f0!important}
.payment-method-text small{font-size:.84rem!important;line-height:1.4!important;color:#a39b92!important;white-space:normal!important;overflow-wrap:anywhere!important}
.payment-method-arrow{flex:0 0 auto!important;color:#ff9224!important;font-size:1.1rem!important}
.buy-payment-note{font-size:.8rem;color:#928c85;line-height:1.55;padding:2px 2px 0}
/* Full-screen purchase surface on phones; no blank top half or clipped modal. */
#modal-buy.modal-backdrop{z-index:1400!important;padding:0!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important;background:rgba(0,0,0,.9)!important;backdrop-filter:blur(10px)!important}
#modal-buy .modal.purchase-modal{position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;width:min(100%,760px)!important;max-width:760px!important;height:100dvh!important;max-height:100dvh!important;margin:0 auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:22px 18px calc(24px + env(safe-area-inset-bottom))!important;border:1px solid rgba(255,122,0,.35)!important;border-radius:22px 22px 0 0!important;background:#080808!important;color:#f5f3f0!important;box-shadow:0 0 40px rgba(255,122,0,.08)!important}
#modal-buy .modal-title{flex:0 0 auto!important;font-size:1.6rem!important;line-height:1.2!important;letter-spacing:-.025em!important;color:#fff!important;margin:0 56px 18px 0!important}
#modal-buy .modal-close{position:sticky!important;z-index:10!important;top:0!important;align-self:flex-end!important;float:none!important;margin:0 0 -49px auto!important;width:44px!important;height:44px!important;min-width:44px!important;border:1px solid rgba(255,122,0,.35)!important;border-radius:50%!important;background:#101010!important;color:#fff!important;font-size:1.6rem!important}
#modal-buy .modal-body.purchase-modal-body{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important;margin-top:0!important;padding:0!important;overflow:visible!important}
.buy-product-panel{display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important;overflow:hidden!important;border:1px solid rgba(255,122,0,.24)!important;border-radius:20px!important;background:#0b0b0b!important}
.buy-product-art{display:block!important;width:100%!important;aspect-ratio:1/1!important;min-height:0!important;max-height:none!important;background:#0b0b0b!important;overflow:hidden!important;border-bottom:1px solid rgba(255,122,0,.15)!important}
.buy-product-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;border-radius:0!important;background:#0b0b0b!important}
.buy-product-art.image-failed{background:#0b0b0b!important;background-image:none!important}
.buy-product-copy{display:flex!important;flex-direction:column!important;gap:10px!important;padding:21px 20px 20px!important;min-width:0!important}
.buy-kicker{color:#b4aaa0!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.09em!important}
.buy-product-name{color:#f7f4ef!important;font-size:clamp(1.3rem,5.7vw,2rem)!important;line-height:1.2!important;font-weight:850!important;overflow-wrap:anywhere!important}
#buy-duration-wrap{display:none!important}
.buy-variant-hint{color:#938d86!important;font-size:.83rem!important;line-height:1.45!important}
.buy-variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin-top:6px!important}
.buy-variant-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;min-width:0!important;padding:10px!important;border:1px solid rgba(255,122,0,.22)!important;border-radius:17px!important;background:#101010!important;color:#fff!important;text-align:left!important;white-space:normal!important;box-shadow:none!important;transition:border-color .16s ease,background .16s ease!important}
.buy-variant-card.is-selected{border-color:#ff8b1a!important;background:rgba(255,122,0,.09)!important;box-shadow:0 0 0 1px rgba(255,122,0,.14),0 6px 22px rgba(255,122,0,.05)!important}
.buy-variant-card:disabled{opacity:.42!important;cursor:not-allowed!important}
.buy-variant-art{display:block!important;aspect-ratio:1/1!important;width:100%!important;overflow:hidden!important;border-radius:13px!important;background:#0b0b0b!important}
.buy-variant-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#0b0b0b!important}
.buy-variant-art:empty{background:#0b0b0b!important}
.buy-variant-platform{align-self:flex-start!important;max-width:100%!important;padding:5px 8px!important;border-radius:999px!important;border:1px solid rgba(255,122,0,.25)!important;background:rgba(255,122,0,.08)!important;color:#ffb15a!important;font-size:.72rem!important;font-weight:750!important;overflow-wrap:anywhere!important}
.buy-variant-card strong{font-size:.9rem!important;line-height:1.3!important;font-weight:800!important;overflow-wrap:anywhere!important}
.buy-variant-price{font-family:var(--font-mono,monospace)!important;font-size:1.02rem!important;font-weight:850!important;color:#ff8b1a!important;overflow-wrap:anywhere!important;margin-top:auto!important}
.buy-variant-card small{font-size:.72rem!important;color:#928c85!important;line-height:1.35!important}
.buy-price-row{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-top:3px!important;padding-top:15px!important;border-top:1px solid rgba(255,122,0,.16)!important}
.buy-product-price{font-family:var(--font-mono,monospace)!important;font-size:clamp(1.9rem,7vw,2.5rem)!important;line-height:1.15!important;font-weight:900!important;color:#ff8c1b!important;overflow-wrap:anywhere!important}
.buy-product-balance{font-size:.84rem!important;color:#9b948c!important;overflow-wrap:anywhere!important}
.buy-stock-note{display:block!important;color:#9b948c!important;font-size:.82rem!important}
.buy-manual-payment{min-width:0!important;padding:17px!important;border:1px solid rgba(255,122,0,.22)!important;border-radius:18px!important;background:#0b0b0b!important}
.buy-back-methods{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0 0 15px!important;border:0!important;background:transparent!important;color:#ff9a2e!important;font-weight:750!important}
.buy-manual-bank{flex-direction:column!important;gap:12px!important;padding:15px!important;border:1px solid rgba(255,122,0,.2)!important;border-radius:15px!important;background:#101010!important}
.buy-manual-bank>div{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;min-width:0!important}
.buy-manual-bank>div span{color:#9a938b!important;flex:0 0 auto!important}
.buy-manual-bank>div b{color:#f4f0eb!important;text-align:right!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.buy-mono{font-family:var(--font-mono,monospace)!important}
.buy-copy-button{align-self:center!important;border:0!important;background:transparent!important;color:#ff9a2e!important;font-weight:750!important;padding:10px!important}
#buy-crypto-warning{display:block!important;color:#9a938b!important;line-height:1.55!important}
.buy-crypto-networks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important}
.buy-crypto-networks button{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;padding:13px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:13px!important;background:#101010!important;color:#f4f0eb!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
.buy-crypto-networks button.is-selected{border-color:#ff8b1a!important;background:rgba(255,122,0,.11)!important}
.buy-crypto-networks button small{color:#9b948c!important;line-height:1.4!important}
.buy-crypto-networks button:disabled{opacity:.4!important}
.buy-manual-fields{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:14px!important}
.buy-manual-fields .form-group{margin:0!important}
.buy-manual-submit{margin-top:13px!important;min-height:52px!important;border-radius:15px!important;color:#100a05!important;font-weight:850!important;background:linear-gradient(100deg,#ff9826,#ff7300)!important;border:1px solid #ff9220!important;box-shadow:0 6px 20px rgba(255,122,0,.18)!important}
.buy-manual-result{margin-top:13px!important;padding:14px!important;border-radius:13px!important;border:1px solid rgba(255,122,0,.25)!important;background:#101010!important;color:#f4f0eb!important;overflow-wrap:anywhere!important}
.buy-delivered-key{padding:12px!important;background:#080808!important;border:1px solid rgba(255,122,0,.2)!important;border-radius:10px!important;font-family:var(--font-mono,monospace)!important;word-break:break-all!important}
.buy-refund-note{margin:0!important;text-align:center!important;color:#77716a!important;font-size:.8rem!important;line-height:1.5!important}
#buy-external-payments>.buy-section-title{margin-top:3px!important}
#buy-key-box{white-space:pre-wrap!important;word-break:break-all!important}
/* Controls share the black/orange design, not the default purple/blue theme. */
#modal-buy .form-input,#modal-buy .form-select,#modal-buy .form-textarea{background:#101010!important;color:#f4f0eb!important;border:1px solid rgba(255,122,0,.22)!important;border-radius:12px!important;min-height:46px!important}
#modal-buy .form-input:focus,#modal-buy .form-select:focus,#modal-buy .form-textarea:focus{outline:0!important;border-color:#ff8b1a!important;box-shadow:0 0 0 2px rgba(255,122,0,.1)!important}
#modal-buy .btn-primary{background:linear-gradient(100deg,#ff9826,#ff7300)!important;border-color:#ff870f!important;color:#120a03!important;font-weight:850!important}
.pay-toggle{display:flex;align-items:center;gap:.65rem;font-size:.9rem;cursor:pointer;color:var(--text-primary,#f4f0eb)}
.pay-toggle input{accent-color:#ff7a00;width:18px;height:18px;flex:0 0 auto}
.pay-method-toggles{display:flex;flex-direction:column;gap:.65rem;padding:13px;border-radius:14px;border:1px solid rgba(255,122,0,.2);background:rgba(255,122,0,.035)}
#product-pay-filters button.on{background:#ff7a00!important;color:#170d04!important;border-color:#ff9a2c!important}
#admin-product-payments-tbody code{color:#ffab52;white-space:nowrap}
/* Product detail screen, similar spatial hierarchy to the reference. */
#modal-pview .pv-variant-art:empty{background:#0b0b0b!important;background-image:none!important}
#modal-pview .pv-variant-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:760px){
  #modal-buy .modal.purchase-modal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding:18px 16px calc(20px + env(safe-area-inset-bottom))!important}
  #modal-buy .modal-title{font-size:1.5rem!important;margin-bottom:15px!important}
  .buy-product-copy{padding:18px 17px!important}
  .payment-method-card{min-height:70px!important;padding:12px!important}
  .payment-method-icon{width:48px!important;height:48px!important;flex-basis:48px!important}
  .buy-variant-grid{gap:10px!important}
  .buy-variant-card{padding:8px!important}
}
@media(min-width:761px){
  #modal-buy.modal-backdrop{align-items:center!important;padding:20px!important}
  #modal-buy .modal.purchase-modal{height:auto!important;max-height:92vh!important;border-radius:24px!important;padding:24px!important}
  .buy-product-panel{display:grid!important;grid-template-columns:minmax(220px,.85fr) minmax(0,1fr)!important;align-items:stretch!important}
  .buy-product-art{height:100%!important;aspect-ratio:1/1!important;border-bottom:0!important;border-right:1px solid rgba(255,122,0,.15)!important}
  .buy-product-copy{padding:22px!important}
}

/* Final guarantee: owner-uploaded photos only; no generated initials/icons/art fallbacks. */
.product-card .image-fallback,.product-card .art-ini,.product-img-placeholder::before,.product-img-placeholder::after,.product-img.image-failed::before,.product-img.image-failed::after,#pv-art .image-fallback,#pv-art .art-ini,.pv-variant-art .image-fallback,.pv-variant-art .art-ini,.buy-product-art .image-fallback,.buy-variant-art .image-fallback{display:none!important;content:none!important;background-image:none!important}
.product-img-placeholder,.product-img.image-failed,#pv-art.image-failed,.pv-variant-art:empty,.buy-product-art:empty,.buy-product-art.image-failed,.buy-variant-art:empty,.buy-variant-art.image-failed{background:#0b0b0b!important;background-image:none!important}

/* The grouped-product screen mirrors the reference catalogue: title + option cards; each option opens its own checkout. */
#modal-pview .pv-back{display:inline-flex!important;align-items:center!important;gap:8px!important;align-self:flex-start!important;margin:0 0 10px!important;padding:10px 15px!important;border-radius:999px!important;border:1px solid rgba(255,122,0,.22)!important;background:#101010!important;color:#f3eee8!important;font-weight:800!important}
#modal-pview.has-variants .pv-art{display:none!important}
#modal-pview.has-variants .pv-body{padding-top:24px!important}
#modal-pview.has-variants .pv-variant-grid{margin-top:10px!important}
#modal-pview .pv-variant-art:empty{background:#0b0b0b!important;background-image:none!important}
#modal-pview .pv-variant-art img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
#modal-pview .pv-actions{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:8px!important}
#modal-pview .pv-actions .btn{min-height:50px!important;border-radius:14px!important}
#modal-pview .pv-actions .btn-primary{background:linear-gradient(100deg,#ff9826,#ff7300)!important;border-color:#ff870f!important;color:#120a03!important;font-weight:850!important}
#modal-pview .buy-refund-note{margin-top:8px!important}

/* Group pages follow the reference layout: back link, title, option count, two-column variant cards. */
.pv-count-badge{align-self:flex-start;padding:7px 12px;border-radius:999px;background:#101010;border:1px solid rgba(255,122,0,.24);color:#aaa39b;font-size:.8rem;font-weight:750}
#modal-pview.has-variants #pv-cat,#modal-pview.has-variants #pv-safety,#modal-pview.has-variants #pv-desc{display:none!important}
#modal-pview.has-variants .pv-body{gap:13px!important}
#modal-pview.has-variants .pv-name{margin:8px 0 0!important}
#modal-pview.has-variants .pv-actions{margin-top:10px!important}


/* Authentication visibility guard. Drawer anchors use display:flex!important above;
   these selectors ensure that unauthenticated-only links remain hidden even if JS/CSS order varies. */
[hidden],
.nav-mobile-drawer a[style*="display:none"],
.nav-mobile-drawer a[style*="display: none"],
.nav-mobile-drawer a[style*="display: none !important"],
[data-admin-only][style*="display:none"],
[data-admin-only][style*="display: none"],
[data-admin-only][style*="display: none !important"] { display:none!important; }

/* Admin-configured bank transfer memo shown in both top-up and product checkout. */
.buy-iban-description{margin-top:.8rem;padding:.85rem;border:1px solid rgba(255,126,22,.28);border-radius:12px;background:rgba(255,126,22,.055)}
.buy-iban-description>div>span{display:block;color:var(--text-muted);font-size:.78rem;margin-bottom:.35rem}
.buy-iban-description-text{margin:0;color:var(--text-bright);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.buy-iban-description .buy-copy-button{margin-top:.6rem}

.buy-iban-description-hint{display:block;margin-top:.45rem;color:var(--text-muted);font-size:.78rem;line-height:1.45}