/* MAKMEESHOP V13.1 Premium Topup UI Patch
   Scope: page-topup only. Safe to load globally. */
:root{
  --topup-bg:#061327;
  --topup-card:rgba(8,25,51,.82);
  --topup-card-2:rgba(12,34,66,.72);
  --topup-line:rgba(118,166,255,.18);
  --topup-line-strong:rgba(255,184,43,.55);
  --topup-text:#f4f8ff;
  --topup-muted:#9eb1cc;
  --topup-orange:#ff7a18;
  --topup-yellow:#ffd74a;
  --topup-blue:#35a7ff;
  --topup-green:#22c55e;
  --topup-shadow:0 28px 90px rgba(0,0,0,.38);
}

body.page-topup{
  background:
    radial-gradient(circle at 10% 20%, rgba(0,116,255,.24), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(255,122,24,.08), transparent 24%),
    linear-gradient(180deg,#041024 0%,#07172e 58%,#06111f 100%)!important;
}
body.page-topup::before{opacity:.34!important;}
body.page-topup .footer{display:none!important;}
body.page-topup .pro-header.site-header{
  width:min(1560px,calc(100% - 48px))!important;
  margin-top:0!important;
  top:0!important;
  border-radius:0 0 22px 22px!important;
  background:rgba(5,17,35,.82)!important;
  border-top:0!important;
}

.topup-premium-shell{
  width:min(1440px,calc(100% - 48px));
  margin:0 auto;
  padding:36px 0 58px;
  color:var(--topup-text);
}
.topup-premium-hero{
  position:relative;
  min-height:250px;
  display:grid;
  grid-template-columns:210px minmax(0,1fr) 320px;
  gap:28px;
  align-items:center;
  padding:20px 0 36px;
  overflow:visible;
}
.topup-premium-hero::before{
  content:"";
  position:absolute;
  left:-110px;top:-45px;
  width:360px;height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(53,167,255,.22),rgba(53,167,255,.07) 42%,transparent 70%);
  border:1px solid rgba(53,167,255,.16);
  box-shadow:0 0 80px rgba(53,167,255,.16);
  pointer-events:none;
}
.topup-hero-orb{
  position:relative;
  z-index:1;
  width:170px;height:170px;
  border-radius:50%;
  display:grid;place-items:center;
  background:radial-gradient(circle,rgba(255,184,43,.17),rgba(20,72,140,.22) 47%,rgba(3,13,31,.25) 69%);
  border:1px solid rgba(53,167,255,.26);
  box-shadow:0 0 60px rgba(53,167,255,.25), inset 0 0 35px rgba(255,184,43,.09);
}
.topup-hero-orb::before,.topup-hero-orb::after{
  content:"";position:absolute;inset:-24px;border-radius:50%;border:1px solid rgba(53,167,255,.18);transform:rotate(-18deg);
}
.topup-hero-orb::after{inset:-52px;border-color:rgba(53,167,255,.08);transform:rotate(18deg);}
.topup-wallet-line{
  width:76px;height:56px;border:5px solid var(--topup-yellow);border-radius:17px;
  display:block;position:relative;box-shadow:0 0 24px rgba(255,184,43,.5);
}
.topup-wallet-line::before{content:"";position:absolute;right:10px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--topup-yellow);}
.topup-wallet-line::after{content:"";position:absolute;left:10px;top:-15px;width:54px;height:26px;border:5px solid var(--topup-yellow);border-bottom:0;border-radius:16px 16px 0 0;transform:rotate(-8deg);opacity:.9;}
.topup-hero-copy{position:relative;z-index:1;}
.topup-kicker{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;border-radius:999px;
  color:#ffdc74;background:rgba(255,184,43,.10);border:1px solid rgba(255,184,43,.48);
  font-weight:1000;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:14px;
}
.topup-hero-copy h1{
  margin:0 0 10px!important;
  font-size:clamp(42px,5vw,72px)!important;
  line-height:.98!important;
  color:#fff!important;
  letter-spacing:-.05em!important;
  text-shadow:0 18px 60px rgba(0,0,0,.35);
}
.topup-hero-copy p{margin:0;color:#b9c8de;font-size:18px;line-height:1.6;}
.topup-trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.topup-trust-row span{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:14px;
  color:#d9e7ff;background:rgba(255,255,255,.045);border:1px solid rgba(118,166,255,.16);
  font-weight:800;font-size:14px;
}
.topup-balance-premium{
  align-self:center;justify-self:end;
  width:310px;min-height:112px;
  position:relative;overflow:hidden;
  border-radius:20px!important;
  padding:22px 28px!important;
  background:linear-gradient(180deg,rgba(14,36,67,.86),rgba(8,22,44,.78))!important;
}
.topup-balance-premium small{display:block;color:#a9bbd5;font-weight:800;margin-bottom:8px;}
.topup-balance-premium strong{font-size:34px;color:#fff;letter-spacing:-.04em;}
.coin-stack{
  position:absolute;right:26px;top:24px;
  width:60px;height:60px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#ff8d18,#ffdc54);
  color:#5b2c00;font-size:30px;box-shadow:0 0 38px rgba(255,160,28,.38);
}

.topup-premium-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(360px,.95fr);
  gap:24px;
  align-items:stretch;
}
.topup-premium-card{
  border-radius:24px;
  border:1px solid var(--topup-line)!important;
  background:linear-gradient(180deg,rgba(11,32,61,.82),rgba(7,22,44,.78))!important;
  box-shadow:var(--topup-shadow)!important;
  backdrop-filter:blur(18px);
}
.topup-form-card{padding:28px;}
.topup-steps-card{padding:28px;}
.topup-card-title{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;}
.topup-card-icon{
  flex:0 0 42px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:rgba(255,184,43,.12);border:1px solid rgba(255,184,43,.24);color:#ffbd34;font-size:21px;
}
.topup-card-title h2{font-size:28px!important;line-height:1.1!important;margin:0 0 6px!important;color:#fff!important;letter-spacing:-.03em!important;}
.topup-card-title p{margin:0;color:#aabbd2;font-size:14px;line-height:1.55;}
.topup-form-section{margin-top:18px;}
.topup-form-section h3{margin:0 0 12px;color:#f4f8ff;font-size:15px;font-weight:1000;}
.topup-method-premium-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.topup-method-premium{
  position:relative;min-height:64px;padding:12px 14px;border-radius:15px;
  display:flex;align-items:center;gap:12px;cursor:pointer;
  border:1px solid rgba(118,166,255,.18);background:rgba(255,255,255,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.topup-method-premium input{position:absolute;opacity:0;pointer-events:none;}
.topup-method-premium:hover{transform:translateY(-2px);border-color:rgba(255,184,43,.34);}
.topup-method-premium.selected{border-color:#ffc542;background:linear-gradient(135deg,rgba(255,122,24,.16),rgba(255,216,74,.06));box-shadow:0 0 0 1px rgba(255,184,43,.22),0 16px 34px rgba(255,122,24,.12);}
.method-logo{
  width:42px;height:34px;border-radius:10px;display:grid;place-items:center;
  font-size:14px;font-weight:1000;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);
}
.method-promptpay{background:#eef6ff;color:#23589f;font-size:12px;line-height:1;}
.method-truewallet{background:linear-gradient(135deg,#ff3b30,#ff9d1e);font-size:24px;}
.method-usdt{background:linear-gradient(135deg,#26a17b,#63e6be);font-size:22px;color:white;}
.method-manual{background:rgba(53,167,255,.14);color:#cbe7ff;font-size:20px;}
.method-text{display:grid;gap:2px;min-width:0;}
.method-text strong{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.method-text small{color:#8fa4bf;font-size:11px;}
.topup-method-premium i{position:absolute;right:10px;top:9px;width:20px;height:20px;border-radius:50%;display:none;place-items:center;background:#ffd84d;color:#07111f;font-style:normal;font-size:12px;font-weight:1000;}
.topup-method-premium.selected i{display:grid;}
.topup-input-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.topup-input-group{display:grid;gap:8px;color:#f4f8ff;font-weight:900;font-size:14px;}
.topup-input-group small{font-weight:600;color:#8fa4bf;font-size:12px;}
.topup-input-shell{display:flex;align-items:center;gap:10px;height:52px;border:1px solid rgba(118,166,255,.18);background:rgba(255,255,255,.055);border-radius:13px;padding:0 14px;transition:border-color .18s ease,box-shadow .18s ease;}
.topup-input-shell:focus-within{border-color:rgba(53,167,255,.55);box-shadow:0 0 0 4px rgba(53,167,255,.10);}
.topup-input-shell b{color:#d9e9ff;min-width:16px;}
.topup-input-shell input{flex:1;border:0!important;background:transparent!important;color:#fff!important;outline:0!important;padding:0!important;min-width:0;}
.topup-input-shell input::placeholder{color:#7d8ea8;}
.topup-upload-premium{
  position:relative;min-height:92px;border:1px dashed rgba(200,220,255,.38);border-radius:16px;background:rgba(255,255,255,.025);
  display:flex;align-items:center;justify-content:center;gap:16px;text-align:left;padding:20px;cursor:pointer;overflow:hidden;
}
.topup-upload-premium:hover{border-color:rgba(255,184,43,.6);background:rgba(255,184,43,.035);}
.topup-upload-premium input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.upload-cloud{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(118,166,255,.16);font-size:25px;color:#dff0ff;}
.topup-upload-premium strong{display:block;color:#eaf4ff;font-size:15px;}
.topup-upload-premium small{display:block;color:#92a7c3;margin-top:4px;}
.topup-action-row{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:20px;}
.topup-submit-premium,.topup-history-button{min-height:56px;border-radius:14px;font-weight:1000;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;}
.topup-submit-premium{background:linear-gradient(135deg,#ff7a18,#ffd84d);color:#07111f;border:0;box-shadow:0 20px 46px rgba(255,122,24,.24);}
.topup-submit-premium:hover{transform:translateY(-2px);box-shadow:0 24px 58px rgba(255,122,24,.32);}
.topup-history-button{color:#cce7ff;background:rgba(53,167,255,.06);border-color:rgba(53,167,255,.26);}
.topup-history-button:hover{border-color:rgba(53,167,255,.55);background:rgba(53,167,255,.12);}
.topup-secure-note{margin:16px 0 0;color:#8fa4bf;font-size:13px;}

.topup-step-stack{display:grid;gap:16px;}
.topup-step-item{position:relative;min-height:88px;display:grid;grid-template-columns:54px 1fr 48px;gap:14px;align-items:center;padding:16px;border-radius:17px;background:rgba(255,255,255,.04);border:1px solid rgba(118,166,255,.15);}
.topup-step-item + .topup-step-item::before{content:"";position:absolute;left:42px;top:-17px;height:18px;border-left:1px dashed rgba(255,184,43,.35);}
.topup-step-item span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,184,43,.08);border:2px solid #ffac19;color:#ffcf64;font-size:21px;font-weight:1000;}
.topup-step-item strong{display:block;color:#fff;margin-bottom:5px;font-size:16px;}
.topup-step-item small{display:block;color:#91a6c2;line-height:1.55;}
.topup-step-item em{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(53,167,255,.08);font-style:normal;font-size:21px;}
.topup-tip-premium{margin-top:20px;border:1px solid rgba(255,184,43,.44);border-radius:16px;background:linear-gradient(180deg,rgba(255,184,43,.08),rgba(255,184,43,.035));padding:18px;color:#dce9fb;}
.topup-tip-premium strong{display:block;margin-bottom:8px;color:#fff;}
.topup-tip-premium p{margin:0;color:#aebfd6;line-height:1.65;}
.topup-auto-link{display:flex;margin-top:16px;min-height:48px;border-radius:14px;align-items:center;justify-content:center;background:rgba(53,167,255,.08);border:1px solid rgba(53,167,255,.22);color:#d5edff;font-weight:900;}

.topup-history-premium{margin-top:24px;padding:22px;}
.topup-history-head{margin-bottom:16px;}
.topup-table-wrap{overflow:auto;border:1px solid rgba(118,166,255,.15);border-radius:16px;background:rgba(255,255,255,.025);}
.topup-premium-table{width:100%;border-collapse:collapse;min-width:860px;}
.topup-premium-table th,.topup-premium-table td{padding:15px 18px;border-bottom:1px solid rgba(118,166,255,.12);text-align:center;vertical-align:middle;}
.topup-premium-table th{font-size:13px;color:#c5d3e8;background:rgba(255,255,255,.045);font-weight:1000;}
.topup-premium-table td{color:#e4efff;}
.topup-premium-table tr:last-child td{border-bottom:0;}
.table-method-chip{display:inline-flex;align-items:center;gap:10px;font-weight:900;}
.table-method-chip i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#eef6ff;color:#23589f;font-style:normal;font-size:11px;}
.topup-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:7px 10px;border-radius:10px;font-weight:1000;font-size:13px;background:rgba(148,163,184,.14);color:#cbd5e1;}
.status-approved{background:rgba(34,197,94,.18)!important;color:#58e58e!important;}
.status-pending{background:rgba(255,184,43,.16)!important;color:#ffd26f!important;}
.status-rejected{background:rgba(255,83,112,.16)!important;color:#ff8fa2!important;}
.slip-mini{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(53,167,255,.09);border:1px solid rgba(53,167,255,.18);color:#aee1ff;}
.topup-detail-mini{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:11px;background:rgba(53,167,255,.08);border:1px solid rgba(53,167,255,.23);color:#bfe5ff;font-weight:900;}
.topup-view-all{margin-top:12px;min-height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.035);border:1px solid rgba(118,166,255,.12);color:#d9e8fb;font-weight:1000;}
.topup-empty-premium{display:grid;gap:6px;text-align:center;padding:32px;color:#dce9fb;}
.topup-empty-premium small{color:#91a6c2;}

html[data-theme="light"] body.page-topup{
  background:linear-gradient(180deg,#edf6ff,#f8fbff)!important;
}
html[data-theme="light"] .topup-premium-card,
html[data-theme="light"] .topup-balance-premium{
  background:rgba(255,255,255,.86)!important;color:#0b1730!important;border-color:rgba(20,70,120,.14)!important;
  box-shadow:0 24px 70px rgba(25,87,160,.14)!important;
}
html[data-theme="light"] .topup-hero-copy h1,
html[data-theme="light"] .topup-card-title h2,
html[data-theme="light"] .topup-form-section h3,
html[data-theme="light"] .topup-step-item strong{color:#07111f!important;}
html[data-theme="light"] .topup-hero-copy p,
html[data-theme="light"] .topup-card-title p,
html[data-theme="light"] .topup-input-group small,
html[data-theme="light"] .topup-step-item small,
html[data-theme="light"] .topup-tip-premium p{color:#53657f!important;}
html[data-theme="light"] .topup-input-shell,
html[data-theme="light"] .topup-method-premium,
html[data-theme="light"] .topup-step-item,
html[data-theme="light"] .topup-table-wrap{background:rgba(12,45,82,.045)!important;border-color:rgba(12,45,82,.12)!important;}
html[data-theme="light"] .topup-input-shell input{color:#07111f!important;}
html[data-theme="light"] .method-text strong,
html[data-theme="light"] .topup-premium-table td{color:#07111f!important;}
html[data-theme="light"] .topup-premium-table th{color:#35506e;background:rgba(12,45,82,.055);}

@media (max-width:1120px){
  .topup-premium-hero{grid-template-columns:120px 1fr;}
  .topup-balance-premium{grid-column:1/-1;justify-self:stretch;width:auto;}
  .topup-hero-orb{width:120px;height:120px;}
  .topup-wallet-line{transform:scale(.75);}
  .topup-premium-grid{grid-template-columns:1fr;}
}
@media (max-width:820px){
  body.page-topup .pro-header.site-header{width:min(100% - 20px,1560px)!important;border-radius:18px!important;margin-top:10px!important;top:8px!important;}
  .topup-premium-shell{width:min(100% - 22px,1440px);padding-top:22px;}
  .topup-premium-hero{grid-template-columns:1fr;gap:14px;min-height:auto;padding-bottom:24px;}
  .topup-hero-orb{display:none;}
  .topup-hero-copy h1{font-size:38px!important;}
  .topup-trust-row span{width:100%;}
  .topup-form-card,.topup-steps-card,.topup-history-premium{padding:18px;}
  .topup-method-premium-grid{grid-template-columns:1fr 1fr;}
  .topup-input-row,.topup-action-row{grid-template-columns:1fr;}
  .topup-upload-premium{align-items:center;text-align:center;flex-direction:column;}
}
@media (max-width:520px){
  .topup-method-premium-grid{grid-template-columns:1fr;}
  .topup-card-title{gap:12px;}
  .topup-card-title h2{font-size:23px!important;}
  .topup-step-item{grid-template-columns:48px 1fr;}
  .topup-step-item em{display:none;}
}

/* V13.1 Payment Channel Destination Patch */
.topup-method-premium.is-disabled{opacity:.48;filter:grayscale(.25);cursor:not-allowed}.topup-method-premium.is-disabled:hover{transform:none;border-color:rgba(118,166,255,.18);box-shadow:none}.topup-method-premium.is-disabled input{cursor:not-allowed}.topup-channel-alert{padding:14px 16px;border-radius:14px;background:rgba(255,184,43,.10);border:1px solid rgba(255,184,43,.30);color:#ffdc7c;font-weight:900;margin-bottom:12px}.topup-channel-alert.small{font-size:13px;margin:12px 0 0}.topup-destination-section{margin-top:22px}.topup-destination-panels{display:grid}.topup-destination-card{display:none;grid-template-columns:minmax(0,1fr) 170px;gap:18px;padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,184,43,.055),rgba(53,167,255,.035));border:1px solid rgba(255,184,43,.24)}.topup-destination-card.is-active{display:grid}.topup-destination-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.topup-destination-head strong{display:block;color:#fff;font-size:17px;font-weight:1000}.topup-destination-head small{display:block;color:#9eb1cc;line-height:1.45;margin-top:3px}.topup-destination-rows{display:grid;gap:10px}.topup-destination-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:13px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.08)}.topup-destination-row span{color:#aebfd6;font-size:13px;font-weight:800}.topup-destination-row code{display:block;color:#fff;font-family:inherit;font-size:15px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}.topup-destination-row button{min-height:34px;border-radius:10px;border:1px solid rgba(255,184,43,.28);background:rgba(255,184,43,.10);color:#ffdc7c;font-weight:1000;cursor:pointer;padding:0 12px}.topup-destination-row button:hover{background:rgba(255,184,43,.18)}.topup-destination-note{margin:12px 0 0;color:#b9c8de;line-height:1.65;font-size:13px}.topup-destination-qr{border-radius:16px;border:1px dashed rgba(255,255,255,.18);background:rgba(0,0,0,.16);display:grid;place-items:center;align-content:center;gap:8px;padding:12px;min-height:160px}.topup-destination-qr img{width:130px;height:130px;object-fit:contain;background:#fff;border-radius:14px;padding:7px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.topup-destination-qr small{color:#9eb1cc;font-size:12px;font-weight:800}.topup-qr-empty{width:112px;height:112px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);color:#7789a4;font-size:24px;font-weight:1000}.topup-submit-premium:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25);transform:none!important;box-shadow:none!important}
@media(max-width:820px){.topup-destination-card{grid-template-columns:1fr}.topup-destination-row{grid-template-columns:1fr}.topup-destination-row button{width:100%}.topup-destination-qr{min-height:auto}.topup-destination-qr img{width:150px;height:150px}}
html[data-theme="light"] .topup-destination-card{background:rgba(255,255,255,.72);border-color:rgba(255,184,43,.35)}html[data-theme="light"] .topup-destination-head strong,html[data-theme="light"] .topup-destination-row code{color:#07111f!important}html[data-theme="light"] .topup-destination-row,html[data-theme="light"] .topup-destination-qr{background:rgba(12,45,82,.045)!important;border-color:rgba(12,45,82,.12)!important}


/* V13.1.12 Topup QR Responsive Fix
   Fixes oversized PromptPay/Wallet QR images uploaded from admin channels.
   Keep QR cards compact on desktop and all mobile breakpoints. */
body.page-topup .topup-form-card,
body.page-topup .topup-destination-section,
body.page-topup .topup-destination-panels,
body.page-topup .topup-destination-card,
body.page-topup .topup-destination-main,
body.page-topup .topup-destination-qr{
  min-width:0 !important;
  box-sizing:border-box !important;
}
body.page-topup .topup-form-card,
body.page-topup .topup-destination-card{
  overflow:hidden !important;
}
body.page-topup .topup-destination-card{
  grid-template-columns:minmax(0,1fr) minmax(150px,220px) !important;
  align-items:start !important;
}
body.page-topup .topup-destination-qr{
  width:100% !important;
  max-width:240px !important;
  justify-self:center !important;
  align-self:start !important;
  overflow:hidden !important;
  padding:14px !important;
  min-height:auto !important;
}
body.page-topup .topup-destination-qr img,
body.page-topup .topup-destination-section img,
body.page-topup .topup-destination-panels img,
body.page-topup img.topup-channel-qr-img{
  display:block !important;
  width:min(100%,190px) !important;
  max-width:190px !important;
  height:auto !important;
  max-height:190px !important;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  margin:0 auto !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:8px !important;
}
body.page-topup .topup-destination-row{
  min-width:0 !important;
}
body.page-topup .topup-destination-row code{
  min-width:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
@media(max-width:1120px){
  body.page-topup .topup-destination-card{
    grid-template-columns:minmax(0,1fr) minmax(140px,200px) !important;
  }
  body.page-topup .topup-destination-qr{max-width:220px !important;}
  body.page-topup .topup-destination-qr img,
  body.page-topup .topup-destination-section img,
  body.page-topup .topup-destination-panels img,
  body.page-topup img.topup-channel-qr-img{
    width:min(100%,175px) !important;
    max-width:175px !important;
    max-height:175px !important;
  }
}
@media(max-width:820px){
  body.page-topup .topup-destination-card{
    grid-template-columns:1fr !important;
  }
  body.page-topup .topup-destination-qr{
    max-width:240px !important;
    width:100% !important;
    margin:6px auto 0 !important;
  }
  body.page-topup .topup-destination-qr img,
  body.page-topup .topup-destination-section img,
  body.page-topup .topup-destination-panels img,
  body.page-topup img.topup-channel-qr-img{
    width:min(100%,180px) !important;
    max-width:180px !important;
    max-height:180px !important;
  }
}
@media(max-width:560px){
  body.page-topup .topup-destination-card{
    padding:14px !important;
    gap:12px !important;
  }
  body.page-topup .topup-destination-qr{
    max-width:190px !important;
    padding:10px !important;
    border-radius:14px !important;
  }
  body.page-topup .topup-destination-qr img,
  body.page-topup .topup-destination-section img,
  body.page-topup .topup-destination-panels img,
  body.page-topup img.topup-channel-qr-img{
    width:min(100%,150px) !important;
    max-width:150px !important;
    max-height:150px !important;
    padding:6px !important;
    border-radius:12px !important;
  }
}