/* Copied from CamboPost payment UI on MacBook Air */
.acceptedPayments{margin:18px 0 4px;padding:15px 18px;border:1px solid #303847;border-radius:14px;background:#181e28;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 5px 18px rgba(0,0,0,.14)}
.acceptLabel{font-size:12px;font-weight:800;color:#edf1f7}
.acceptBrands{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.acceptBadge{display:inline-flex;align-items:center;justify-content:center;height:27px;padding:0 10px;border-radius:6px;font-size:9px;font-weight:950;letter-spacing:.65px;line-height:1}
.abaBadge{background:#047d9a;color:#fff}
.khqrBadge{background:#e51e2a;color:#fff}
.paymentMethodMark{display:inline-flex;height:24px;align-items:center;border-radius:6px;padding:0 8px;font-size:8px;font-weight:950;letter-spacing:.55px;line-height:1;white-space:nowrap}
.paymentMethodMark.bank{background:linear-gradient(90deg,#087e9b 0 54%,#e51e2a 54%);color:#fff}
.paymentMethodMark.bakongMark{background:#e51e2a;color:#fff}
.acceptedPayments.footerAccept,.acceptedPayments.miniAccept{margin:0;padding:0;border:0;background:transparent;box-shadow:none;justify-content:flex-start}
.acceptedPayments.compactAccept{margin:10px 0 0;padding:10px 12px;gap:10px}
.acceptedPayments.compactAccept .acceptLabel{font-size:9px;color:#9ba5b2}
.acceptedPayments.compactAccept .acceptBadge{height:24px;padding:0 9px;font-size:8px}
@media(max-width:700px){.acceptedPayments{justify-content:flex-start;padding:12px 13px}.acceptLabel{font-size:11px}.acceptedPayments.footerAccept,.acceptedPayments.miniAccept{padding:0}}

/* Joined ABA + KHQR mark — matched to CamboPost reference */
.acceptCombo{display:inline-flex;align-items:stretch;height:34px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.34);box-shadow:0 3px 9px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.38);vertical-align:middle}
.acceptAba,.acceptKhqr{position:relative;display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 13px;color:#fff;font-size:13px;font-weight:900;line-height:1;letter-spacing:.6px;text-shadow:0 1px 1px rgba(0,0,0,.34)}
.acceptAba{min-width:63px;background:linear-gradient(180deg,#29b6db 0%,#0b8eab 46%,#047d9a 72%,#056a83 100%)}
.acceptKhqr{min-width:72px;background:linear-gradient(180deg,#ff4b52 0%,#ef2935 42%,#e51e2a 72%,#bf1520 100%);box-shadow:inset 1px 0 rgba(255,255,255,.26)}
.acceptAba:before,.acceptKhqr:before{content:"";position:absolute;inset:0 0 50%;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0));pointer-events:none}
.acceptedPayments.compactAccept .acceptCombo{height:31px;border-radius:7px}
.acceptedPayments.compactAccept .acceptAba,.acceptedPayments.compactAccept .acceptKhqr{font-size:11px;padding:0 11px}
.footerAccept .acceptCombo,.miniAccept .acceptCombo{height:30px;border-radius:7px}
.footerAccept .acceptAba,.footerAccept .acceptKhqr,.miniAccept .acceptAba,.miniAccept .acceptKhqr{font-size:10px;padding:0 10px;min-width:54px}

/* Distinct payment method icons: ABA KHQR != Bakong KHQR */
.payMethodIcon{width:54px;height:54px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex:0 0 auto;border:1px solid rgba(255,255,255,.13);box-shadow:0 4px 12px rgba(0,0,0,.22)}
.abaKhqrIcon{background:#0c7893}
.abaIconTop{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#1698b9,#096d86);color:#fff;font-size:13px;font-weight:950;letter-spacing:1.5px}
.abaIconBottom{height:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff3c4b,#db1728);color:#fff;font-size:7px;font-weight:950;letter-spacing:.5px}
.bakongIcon{background:#e51e2a;padding:8px}
.bakongIcon img{width:100%;height:100%;object-fit:contain;display:block}
.payMethodMini{width:42px;height:42px;border-radius:8px}
.payMethodMini .abaIconTop{font-size:10px;letter-spacing:1px}
.payMethodMini .abaIconBottom{height:14px;font-size:6px}
.payMethodMini.bakongIcon{padding:6px}
.payment-choice .payMethodIcon,.checkout-methods .payMethodIcon{width:54px;height:54px}
.qr-head .payMethodMini{margin-left:4px}
@media(max-width:560px){.payment-choice .payMethodIcon,.checkout-methods .payMethodIcon{width:48px;height:48px}.payMethodMini{width:38px;height:38px}}

/* Payment polish v2 */
.payMethodIcon{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:13px!important;overflow:hidden}
.payMethodIcon img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.payment-choice>button>span:nth-child(2),.checkout-methods>button>span:nth-child(2){min-width:0}
.payment-choice>button>span:nth-child(2) b,.checkout-methods>button>span:nth-child(2) b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.payment-choice>button>span:nth-child(2) small,.checkout-methods>button>span:nth-child(2) small{white-space:normal;line-height:1.45}

.acceptedPayments{position:relative;overflow:hidden;background:linear-gradient(145deg,#181e28 0%,#141a23 58%,#111720 100%);border-color:#303947;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.20)}
.acceptedPayments:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 0,rgba(255,199,44,.055),transparent 38%);pointer-events:none}
.acceptedPayments>*{position:relative;z-index:1}
.acceptLabel{letter-spacing:.1px;color:#aeb6c2!important;font-weight:750!important}
.acceptComboImg{height:38px;width:auto;max-width:190px;display:block;filter:drop-shadow(0 5px 9px rgba(0,0,0,.26))}
.acceptedPayments.compactAccept{min-height:57px;padding:10px 15px;gap:13px;border-radius:13px}
.acceptedPayments.compactAccept .acceptLabel{font-size:10px!important}
.acceptedPayments.compactAccept .acceptComboImg{height:36px}
.footerAccept .acceptComboImg{height:29px}
.miniAccept .acceptComboImg{height:29px}
.footerAccept,.miniAccept{overflow:visible;background:transparent!important;box-shadow:none!important}
.footerAccept:before,.miniAccept:before{display:none}
@media(max-width:560px){
 .acceptedPayments.compactAccept{min-height:53px;padding:9px 11px;gap:9px}
 .acceptedPayments.compactAccept .acceptComboImg{height:33px}
 .acceptLabel{font-size:9px!important}
}

/* Official ABA Bank mark — do not alter bank logo */
.abaOfficialIcon{background:#fff!important;padding:4px!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important}
.abaOfficialIcon img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;border-radius:8px}
.payMethodMini.abaOfficialIcon{padding:3px!important}

/* Unified payment selector */
.payment-radio{
  width:22px;height:22px;min-width:22px;border-radius:50%;
  border:2px solid #66717f;background:transparent;position:relative;
  display:inline-block;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.payment-choice button.active .payment-radio,
.checkout-methods button.active .payment-radio{
  border-color:#ffc72c;box-shadow:0 0 0 2px rgba(255,199,44,.08);
}
.payment-choice button.active .payment-radio:after,
.checkout-methods button.active .payment-radio:after{
  content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;
  transform:translate(-50%,-50%);border-radius:50%;background:#ffc72c;
  box-shadow:0 0 8px rgba(255,199,44,.35);
}
.payment-choice button:not(.active) .payment-radio,
.checkout-methods button:not(.active) .payment-radio{border-color:#65707f}

/* Final bank icon presentation */
.abaOfficialIcon{
  background:#006f83!important;
  padding:0!important;
  border:0!important;
  border-radius:13px!important;
  overflow:hidden!important;
  box-shadow:0 5px 14px rgba(0,0,0,.24)!important;
}
.abaOfficialIcon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.06);
  border-radius:0!important;
}
.payMethodMini.abaOfficialIcon{padding:0!important}

.bakongIcon{
  background:#e51e2a!important;
  padding:8px!important;
  border:0!important;
  border-radius:13px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.22)!important;
}
.bakongIcon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}
.payMethodMini.bakongIcon{padding:6px!important}

/* FINAL payment method icon lock — list and QR summary must be identical */
.payMethodIcon.abaKhqrIcon,
.payMethodIcon.bakongIcon{
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.payMethodIcon.abaKhqrIcon img,
.payMethodIcon.bakongIcon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
}
.qr-payment-method .payMethodIcon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
.qr-payment-method .payMethodIcon img,
.qr-payment-method img[src*="aba-khqr-ui"],
.qr-payment-method img[src*="bakong-ui"]{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
}
.qr-head .payMethodMini{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  margin-left:4px!important;
  background:transparent!important;
}

/* We accept — premium compact pass */
.acceptedPayments.compactAccept{
  min-height:54px!important;
  padding:9px 14px!important;
  gap:12px!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),
    #111821!important;
  border:1px solid #2b3541!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 22px rgba(0,0,0,.16)!important;
}
.acceptedPayments.compactAccept:before{
  background:radial-gradient(circle at 72% -20%,rgba(255,199,44,.07),transparent 42%)!important;
}
.acceptedPayments.compactAccept .acceptLabel{
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.45px!important;
  color:#9ca6b4!important;
  white-space:nowrap;
}
.acceptedPayments.compactAccept .acceptBrands{
  display:flex;align-items:center;
}
.acceptedPayments.compactAccept .acceptComboImg{
  height:32px!important;
  width:auto!important;
  max-width:128px!important;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.24))!important;
}
.footerAccept .acceptLabel,.miniAccept .acceptLabel{
  color:#909aa8!important;
  font-weight:750!important;
  letter-spacing:.3px!important;
}
.footerAccept .acceptComboImg,.miniAccept .acceptComboImg{
  height:27px!important;
  width:auto!important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.20))!important;
}
@media(max-width:560px){
  .acceptedPayments.compactAccept{min-height:50px!important;padding:8px 10px!important;gap:9px!important}
  .acceptedPayments.compactAccept .acceptComboImg{height:29px!important;max-width:116px!important}
  .acceptedPayments.compactAccept .acceptLabel{font-size:8px!important}
}

/* === v45 Khmer payment label + horizontal ABA KHQR SVG === */
.acceptedPayments .acceptLabel{
  font-family:"Noto Sans Khmer","Inter",sans-serif!important;
  letter-spacing:0!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:#d7dde5!important;
}
.acceptedPayments .acceptComboImg{
  height:34px!important;
  width:auto!important;
  max-width:132px!important;
  object-fit:contain!important;
  display:block!important;
}
.footerAccept .acceptLabel,.miniAccept .acceptLabel{font-size:9px!important;color:#aeb6c2!important}
.footerAccept .acceptComboImg,.miniAccept .acceptComboImg{height:28px!important;max-width:112px!important}
.acceptedPayments.compactAccept .acceptLabel{font-size:10px!important;color:#b8c0cb!important}
.acceptedPayments.compactAccept .acceptComboImg{height:34px!important;max-width:132px!important}
@media(max-width:560px){
  .acceptedPayments .acceptLabel{font-size:8px!important}
  .acceptedPayments.compactAccept .acceptComboImg{height:30px!important;max-width:116px!important}
}

/* === v46 Official ABA + KHQR logos only === */
.acceptedPayments,
.acceptedPayments.compactAccept,
.acceptedPayments.footerAccept,
.acceptedPayments.miniAccept{
  min-height:0!important;
  margin:0!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.acceptedPayments:before{display:none!important}
.acceptedPayments .officialPayLogos{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:10px!important;min-height:38px;
}
.acceptedPayments .acceptAbaOfficial{
  display:block!important;width:38px!important;height:38px!important;
  object-fit:contain!important;object-position:center!important;flex:0 0 auto;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.28));
}
.acceptedPayments .acceptKhqrOfficial{
  display:block!important;width:auto!important;height:23px!important;max-width:96px!important;
  object-fit:contain!important;flex:0 0 auto;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.22));
}
.footerAccept,.miniAccept{justify-content:flex-start!important}
.footerAccept .officialPayLogos,.miniAccept .officialPayLogos{gap:9px!important}
.footerAccept .acceptAbaOfficial,.miniAccept .acceptAbaOfficial{width:34px!important;height:34px!important}
.footerAccept .acceptKhqrOfficial,.miniAccept .acceptKhqrOfficial{height:20px!important;max-width:84px!important}
@media(max-width:560px){
  .acceptedPayments .officialPayLogos{gap:8px!important;min-height:34px}
  .acceptedPayments .acceptAbaOfficial{width:34px!important;height:34px!important}
  .acceptedPayments .acceptKhqrOfficial{height:20px!important;max-width:82px!important}
}

/* === v47 Payment Options Lockup === */
.acceptedPayments{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:14px!important;flex-wrap:nowrap!important;
}
.acceptedPayments .acceptLabel{
  display:inline-block!important;
  font-family:"Noto Sans Khmer","Inter",sans-serif!important;
  font-size:12px!important;font-weight:800!important;line-height:1.15!important;
  letter-spacing:0!important;color:#f0f3f7!important;white-space:nowrap!important;
}
.acceptedPayments .officialPayLogos{
  display:flex!important;align-items:center!important;gap:8px!important;min-height:42px!important;
}
.acceptedPayments .payBrand{
  width:80px!important;height:42px!important;border-radius:8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;flex:0 0 auto!important;
  box-shadow:0 7px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.acceptedPayments .abaBrand{background:#056d84!important;border:1px solid rgba(255,255,255,.08)!important}
.acceptedPayments .abaBrand .acceptAbaOfficial{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 46%!important;
  filter:none!important;display:block!important;
}
.acceptedPayments .khqrBrand{background:#e1232e!important;border:1px solid #f04b54!important}
.acceptedPayments .khqrBrand .acceptKhqrOfficial{
  width:66px!important;height:auto!important;max-width:none!important;
  object-fit:contain!important;filter:brightness(0) invert(1)!important;display:block!important;
}
.footerAccept .acceptLabel,.miniAccept .acceptLabel{font-size:10px!important}
.footerAccept .payBrand,.miniAccept .payBrand{width:66px!important;height:34px!important;border-radius:7px!important}
.footerAccept .khqrBrand .acceptKhqrOfficial,.miniAccept .khqrBrand .acceptKhqrOfficial{width:55px!important}
@media(max-width:560px){
  .acceptedPayments{gap:9px!important}
  .acceptedPayments .acceptLabel{font-size:8px!important}
  .acceptedPayments .officialPayLogos{gap:6px!important;min-height:32px!important}
  .acceptedPayments .payBrand{width:62px!important;height:32px!important;border-radius:6px!important}
  .acceptedPayments .khqrBrand .acceptKhqrOfficial{width:51px!important}
}

/* === v48 ABA official asset: no crop, no custom card === */
.acceptedPayments .abaBrand{
  width:auto!important;height:auto!important;
  background:transparent!important;border:0!important;
  box-shadow:none!important;overflow:visible!important;border-radius:0!important;
}
.acceptedPayments .abaBrand .acceptAbaOfficial{
  width:42px!important;height:42px!important;
  object-fit:contain!important;object-position:center!important;
  filter:none!important;display:block!important;
}
.footerAccept .abaBrand .acceptAbaOfficial,
.miniAccept .abaBrand .acceptAbaOfficial{width:38px!important;height:38px!important}
.acceptedPayments .khqrBrand{width:66px!important;height:34px!important}
.acceptedPayments .officialPayLogos{gap:9px!important;align-items:center!important}
@media(max-width:560px){
  .acceptedPayments .abaBrand .acceptAbaOfficial{width:36px!important;height:36px!important}
  .acceptedPayments .khqrBrand{width:62px!important;height:32px!important}
}

/* === v48 final ABA full official logo sizing === */
.acceptedPayments .abaBrand .acceptAbaOfficial{
  width:50px!important;height:50px!important;
  object-fit:contain!important;object-position:center!important;
}
.acceptedPayments .khqrBrand{
  width:72px!important;height:38px!important;
}
.acceptedPayments .khqrBrand .acceptKhqrOfficial{width:60px!important}
.footerAccept .abaBrand .acceptAbaOfficial,
.miniAccept .abaBrand .acceptAbaOfficial{width:46px!important;height:46px!important}
.footerAccept .khqrBrand,.miniAccept .khqrBrand{width:70px!important;height:36px!important}
.footerAccept .khqrBrand .acceptKhqrOfficial,
.miniAccept .khqrBrand .acceptKhqrOfficial{width:58px!important}
@media(max-width:560px){
 .acceptedPayments .abaBrand .acceptAbaOfficial{width:42px!important;height:42px!important}
 .acceptedPayments .khqrBrand{width:66px!important;height:34px!important}
 .acceptedPayments .khqrBrand .acceptKhqrOfficial{width:55px!important}
}

/* === v49 CamboPost-style payment lockup === */
.acceptedPayments{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.acceptedPayments .acceptLabel{
  font-family:"Noto Sans Khmer","Inter",sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  color:#eef2f7!important;
  white-space:nowrap!important;
}
.acceptedPayments .officialPayLogos{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:28px!important;
}
.acceptedPayments .payBrand{
  height:28px!important;
  min-width:48px!important;
  padding:0 9px!important;
  border-radius:5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
  box-shadow:0 1px 2px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.18)!important;
  flex:0 0 auto!important;
}
.acceptedPayments .abaBrand{
  background:linear-gradient(180deg,#19a6c2 0%,#0b7c98 100%)!important;
  border:1px solid #08728a!important;
}
.acceptedPayments .abaWord{
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.8px!important;
  transform:translateY(.5px);
}
.acceptedPayments .abaRedMark{
  position:absolute!important;
  width:3px!important;
  height:7px!important;
  top:3px!important;
  right:6px!important;
  border-radius:2px!important;
  background:#e41f2b!important;
  transform:skew(-6deg)!important;
}
.acceptedPayments .khqrBrand{
  min-width:52px!important;
  background:linear-gradient(180deg,#f62c3b 0%,#dc1728 100%)!important;
  border:1px solid #d71927!important;
}
.acceptedPayments .khqrBrand .acceptKhqrOfficial{
  width:43px!important;
  height:auto!important;
  max-width:none!important;
  display:block!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
.footerAccept .acceptLabel,.miniAccept .acceptLabel{font-size:8px!important}
.footerAccept .payBrand,.miniAccept .payBrand{height:24px!important;min-width:42px!important;padding:0 7px!important;border-radius:4px!important}
.footerAccept .abaWord,.miniAccept .abaWord{font-size:11px!important}
.footerAccept .abaRedMark,.miniAccept .abaRedMark{width:3px!important;height:6px!important;top:3px!important;right:5px!important}
.footerAccept .khqrBrand,.miniAccept .khqrBrand{min-width:46px!important}
.footerAccept .khqrBrand .acceptKhqrOfficial,.miniAccept .khqrBrand .acceptKhqrOfficial{width:38px!important}
@media(max-width:560px){
  .acceptedPayments{gap:7px!important}
  .acceptedPayments .acceptLabel{font-size:7.5px!important}
  .acceptedPayments .officialPayLogos{gap:3px!important}
  .acceptedPayments .payBrand{height:23px!important;min-width:40px!important;padding:0 6px!important}
  .acceptedPayments .abaWord{font-size:10px!important}
  .acceptedPayments .khqrBrand{min-width:44px!important}
  .acceptedPayments .khqrBrand .acceptKhqrOfficial{width:36px!important}
}

/* v49b final CamboPost proportions */
.footerAccept .abaBrand,.miniAccept .abaBrand{width:42px!important;min-width:42px!important}
.footerAccept .khqrBrand,.miniAccept .khqrBrand{width:46px!important;min-width:46px!important}
.footerAccept .khqrBrand .acceptKhqrOfficial,.miniAccept .khqrBrand .acceptKhqrOfficial{width:38px!important}
.footerAccept .acceptLabel,.miniAccept .acceptLabel{font-size:8.5px!important}
.acceptedPayments.compactAccept .abaBrand{width:48px!important;min-width:48px!important}
.acceptedPayments.compactAccept .khqrBrand{width:52px!important;min-width:52px!important}
.acceptedPayments.compactAccept .khqrBrand .acceptKhqrOfficial{width:43px!important}
/* v69 ABA Mobile direct-open button */
.aba-open-button{width:100%;min-height:54px;margin:12px 0 14px;border:1px solid #1594c1;background:linear-gradient(135deg,#0e789f,#12a0d1);color:#fff;border-radius:14px;display:flex;align-items:center;gap:10px;padding:8px 13px;text-align:left;box-shadow:0 12px 30px #007ca533,inset 0 1px 0 #ffffff24;transition:.2s}
.aba-open-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.aba-open-button:active{transform:scale(.99)}
.aba-open-button.hidden{display:none!important}.aba-open-button.not-ready{opacity:.62;filter:saturate(.7);box-shadow:none}
.aba-open-logo{width:40px;height:40px;border-radius:10px;background:transparent;display:grid;place-items:center;overflow:visible;flex:0 0 40px}.aba-open-logo img{width:40px;height:40px;object-fit:contain;display:block;max-width:none}
.aba-open-copy{min-width:0;flex:1}.aba-open-copy small{display:block;color:#d9f5ff;font-size:7px;line-height:1.1;margin-bottom:3px}.aba-open-copy b{display:block;font-size:11px;line-height:1.1;font-weight:900}
.aba-open-button>svg{width:17px;height:17px;flex:0 0 auto}
@media(min-width:901px){.aba-open-button{display:none!important}}
@media(max-width:560px){.aba-open-button{min-height:52px;margin:10px 0 12px;border-radius:12px;padding:8px 11px}.aba-open-logo{width:38px;height:38px;flex-basis:38px}.aba-open-logo img{width:38px;height:38px}.aba-open-copy b{font-size:10px}}
/* v70 static ABA KHQR */
.qr-save-button{width:100%;min-height:54px;margin:10px 0 13px;border:1px solid #1594c1;background:linear-gradient(135deg,#0e789f,#12a0d1);color:#fff;border-radius:14px;display:flex;align-items:center;gap:10px;padding:8px 13px;text-align:left;box-shadow:0 12px 30px #007ca533,inset 0 1px 0 #ffffff24;transition:.2s}
.qr-save-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.qr-save-button:active{transform:scale(.99)}
.qr-save-button>svg{width:17px;height:17px;flex:0 0 auto}
.static-aba-account{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 0 2px;font-size:7px;color:#7e8995}.static-aba-account b{color:#dfe5eb;font-size:8px}.static-aba-account span{color:#75808c}
.payment-choice button:disabled,.checkout-methods button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.55)}.payment-choice button:disabled .payment-radio,.checkout-methods button:disabled .payment-radio{opacity:.45}
@media(max-width:560px){.qr-save-button{min-height:52px;margin:9px 0 11px;border-radius:12px;padding:8px 11px}.static-aba-account{font-size:6.5px;flex-wrap:wrap}.static-aba-account b{font-size:7.5px}}
/* v71 single KHQR + currency guard */
.static-currency-warning span{color:#ffb45f!important}.single-method button{cursor:default}.single-method .payment-radio{display:none}

/* === v55 ABA logo polish === */
.payMethodIcon.abaKhqrIcon{
  border-radius:14px!important;
  overflow:hidden!important;
  background:#006f84!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.08)!important;
}
.payMethodIcon.abaKhqrIcon img{
  border-radius:14px!important;
  transform:none!important;
}
.payMethodMini.abaKhqrIcon,
.qr-payment-method .payMethodIcon.abaKhqrIcon{
  border-radius:11px!important;
}
.payMethodMini.abaKhqrIcon img,
.qr-payment-method .payMethodIcon.abaKhqrIcon img{
  border-radius:11px!important;
}
.aba-open-logo{
  border-radius:11px!important;
  overflow:hidden!important;
  box-shadow:0 6px 15px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.08)!important;
}
.aba-open-logo img{
  border-radius:11px!important;
}

/* === v56 ABA icon: smaller clean logo inside card === */
.payMethodIcon.abaKhqrIcon{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:14px!important;
  overflow:visible!important;
}
.payMethodIcon.abaKhqrIcon img{
  width:88%!important;
  height:88%!important;
  margin:auto!important;
  border-radius:0!important;
  object-fit:contain!important;
  box-shadow:none!important;
}
.payMethodMini.abaKhqrIcon img,
.qr-payment-method .payMethodIcon.abaKhqrIcon img{
  width:90%!important;
  height:90%!important;
}
.aba-open-logo{
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.aba-open-logo img{
  width:34px!important;
  height:34px!important;
  border-radius:0!important;
  object-fit:contain!important;
}

/* === v57 Official ABA Mobile artwork everywhere === */
.payMethodIcon.abaKhqrIcon{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.payMethodIcon.abaKhqrIcon img{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  border-radius:14px!important;
  box-shadow:none!important;
  transform:none!important;
}
.payMethodMini.abaKhqrIcon,
.qr-payment-method .payMethodIcon.abaKhqrIcon{
  border-radius:11px!important;
}
.payMethodMini.abaKhqrIcon img,
.qr-payment-method .payMethodIcon.abaKhqrIcon img{
  border-radius:11px!important;
}
.aba-open-logo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.aba-open-logo img{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  border-radius:10px!important;
}
.acceptedPayments .abaBrand{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  border-radius:9px!important;
}
.acceptedPayments .acceptAbaOfficialIcon{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  border-radius:9px!important;
}
.footerAccept .abaBrand,.miniAccept .abaBrand{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  border-radius:7px!important;
}
.footerAccept .acceptAbaOfficialIcon,.miniAccept .acceptAbaOfficialIcon{
  border-radius:7px!important;
}
@media(max-width:560px){
  .acceptedPayments.compactAccept .abaBrand{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
  }
}

/* === v58 Balanced ABA + KHQR pair (matches approved mockup) === */
.acceptedPayments .officialPayLogos{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.acceptedPayments .payBrand{
  height:38px!important;
  padding:0!important;
  border-radius:9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-shadow:0 4px 12px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.acceptedPayments .abaBrand{
  width:58px!important;
  min-width:58px!important;
  height:38px!important;
  background:linear-gradient(180deg,#159fbe 0%,#087e99 100%)!important;
  border:1px solid #0b7189!important;
}
.acceptedPayments .acceptAbaOfficialIcon{
  width:58px!important;
  height:58px!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  transform:none!important;
}
.acceptedPayments .khqrBrand{
  width:72px!important;
  min-width:72px!important;
  height:38px!important;
  background:linear-gradient(180deg,#f42b3a 0%,#db1728 100%)!important;
  border:1px solid #cb1424!important;
}
.acceptedPayments .khqrBrand .acceptKhqrOfficial{
  width:59px!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1)!important;
}
.acceptedPayments.compactAccept .abaBrand{
  width:58px!important;
  min-width:58px!important;
  height:38px!important;
}
.acceptedPayments.compactAccept .khqrBrand{
  width:72px!important;
  min-width:72px!important;
  height:38px!important;
}
.footerAccept .abaBrand,.miniAccept .abaBrand{
  width:52px!important;
  min-width:52px!important;
  height:34px!important;
  border-radius:8px!important;
}
.footerAccept .khqrBrand,.miniAccept .khqrBrand{
  width:64px!important;
  min-width:64px!important;
  height:34px!important;
  border-radius:8px!important;
}
.footerAccept .acceptAbaOfficialIcon,.miniAccept .acceptAbaOfficialIcon{
  width:52px!important;
  height:52px!important;
}
.footerAccept .khqrBrand .acceptKhqrOfficial,.miniAccept .khqrBrand .acceptKhqrOfficial{
  width:52px!important;
}
@media(max-width:560px){
  .acceptedPayments{gap:8px!important}
  .acceptedPayments .officialPayLogos{gap:6px!important}
  .acceptedPayments.compactAccept .abaBrand{
    width:52px!important;
    min-width:52px!important;
    height:34px!important;
    border-radius:8px!important;
  }
  .acceptedPayments.compactAccept .khqrBrand{
    width:64px!important;
    min-width:64px!important;
    height:34px!important;
    border-radius:8px!important;
  }
  .acceptedPayments.compactAccept .acceptAbaOfficialIcon{
    width:52px!important;
    height:52px!important;
  }
  .acceptedPayments.compactAccept .khqrBrand .acceptKhqrOfficial{
    width:52px!important;
  }
}

/* === v59 Mobile payment badges — compact balanced size === */
@media(max-width:560px){
  .acceptedPayments{
    gap:6px!important;
  }
  .acceptedPayments .acceptLabel{
    font-size:7.5px!important;
    white-space:nowrap!important;
  }
  .acceptedPayments .officialPayLogos{
    gap:5px!important;
  }
  .acceptedPayments .abaBrand,
  .acceptedPayments.compactAccept .abaBrand,
  .footerAccept .abaBrand,
  .miniAccept .abaBrand{
    width:42px!important;
    min-width:42px!important;
    height:28px!important;
    border-radius:7px!important;
  }
  .acceptedPayments .khqrBrand,
  .acceptedPayments.compactAccept .khqrBrand,
  .footerAccept .khqrBrand,
  .miniAccept .khqrBrand{
    width:52px!important;
    min-width:52px!important;
    height:28px!important;
    border-radius:7px!important;
  }
  .acceptedPayments .acceptAbaOfficialIcon,
  .acceptedPayments.compactAccept .acceptAbaOfficialIcon,
  .footerAccept .acceptAbaOfficialIcon,
  .miniAccept .acceptAbaOfficialIcon{
    width:42px!important;
    height:42px!important;
  }
  .acceptedPayments .khqrBrand .acceptKhqrOfficial,
  .acceptedPayments.compactAccept .khqrBrand .acceptKhqrOfficial,
  .footerAccept .khqrBrand .acceptKhqrOfficial,
  .miniAccept .khqrBrand .acceptKhqrOfficial{
    width:43px!important;
  }
}
@media(max-width:380px){
  .acceptedPayments .abaBrand,
  .acceptedPayments.compactAccept .abaBrand,
  .footerAccept .abaBrand,
  .miniAccept .abaBrand{
    width:38px!important;
    min-width:38px!important;
    height:26px!important;
  }
  .acceptedPayments .khqrBrand,
  .acceptedPayments.compactAccept .khqrBrand,
  .footerAccept .khqrBrand,
  .miniAccept .khqrBrand{
    width:47px!important;
    min-width:47px!important;
    height:26px!important;
  }
  .acceptedPayments .acceptAbaOfficialIcon,
  .acceptedPayments.compactAccept .acceptAbaOfficialIcon,
  .footerAccept .acceptAbaOfficialIcon,
  .miniAccept .acceptAbaOfficialIcon{
    width:38px!important;
    height:38px!important;
  }
  .acceptedPayments .khqrBrand .acceptKhqrOfficial,
  .acceptedPayments.compactAccept .khqrBrand .acceptKhqrOfficial,
  .footerAccept .khqrBrand .acceptKhqrOfficial,
  .miniAccept .khqrBrand .acceptKhqrOfficial{
    width:39px!important;
  }
}


/* === v60 payment brands — smaller across desktop + mobile === */
.acceptedPayments{
  gap:8px!important;
  padding:10px 12px!important;
}
.acceptedPayments .acceptLabel{
  font-size:8.5px!important;
}
.acceptedPayments .officialPayLogos{
  gap:6px!important;
  min-height:30px!important;
}
.acceptedPayments .payBrand{
  height:30px!important;
  border-radius:7px!important;
}
.acceptedPayments .abaBrand,
.acceptedPayments.compactAccept .abaBrand{
  width:44px!important;
  min-width:44px!important;
  height:30px!important;
}
.acceptedPayments .khqrBrand,
.acceptedPayments.compactAccept .khqrBrand{
  width:54px!important;
  min-width:54px!important;
  height:30px!important;
}
.acceptedPayments .acceptAbaOfficialIcon,
.acceptedPayments.compactAccept .acceptAbaOfficialIcon{
  width:44px!important;
  height:44px!important;
}
.acceptedPayments .khqrBrand .acceptKhqrOfficial,
.acceptedPayments.compactAccept .khqrBrand .acceptKhqrOfficial{
  width:45px!important;
}
.footerAccept .abaBrand,.miniAccept .abaBrand{
  width:38px!important;
  min-width:38px!important;
  height:26px!important;
}
.footerAccept .khqrBrand,.miniAccept .khqrBrand{
  width:46px!important;
  min-width:46px!important;
  height:26px!important;
}
.footerAccept .acceptAbaOfficialIcon,.miniAccept .acceptAbaOfficialIcon{
  width:38px!important;
  height:38px!important;
}
.footerAccept .khqrBrand .acceptKhqrOfficial,
.miniAccept .khqrBrand .acceptKhqrOfficial{
  width:38px!important;
}

/* payment method selector icons */
.payment-choice .payMethodIcon,
.checkout-methods .payMethodIcon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:10px!important;
}
.payment-choice button,
.checkout-methods button{
  min-height:56px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
}
.payMethodMini,
.qr-payment-method .payMethodIcon{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:9px!important;
}
.aba-open-logo{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
}
.aba-open-logo img{
  width:34px!important;
  height:34px!important;
}
.qr-save-button,
.aba-open-button{
  min-height:48px!important;
}

/* mobile: keep logos compact and balanced */
@media(max-width:560px){
  .acceptedPayments{
    gap:6px!important;
    padding:8px 9px!important;
  }
  .acceptedPayments .acceptLabel{
    font-size:7px!important;
  }
  .acceptedPayments .officialPayLogos{
    gap:4px!important;
    min-height:24px!important;
  }
  .acceptedPayments .abaBrand,
  .acceptedPayments.compactAccept .abaBrand,
  .footerAccept .abaBrand,
  .miniAccept .abaBrand{
    width:36px!important;
    min-width:36px!important;
    height:24px!important;
    border-radius:6px!important;
  }
  .acceptedPayments .khqrBrand,
  .acceptedPayments.compactAccept .khqrBrand,
  .footerAccept .khqrBrand,
  .miniAccept .khqrBrand{
    width:44px!important;
    min-width:44px!important;
    height:24px!important;
    border-radius:6px!important;
  }
  .acceptedPayments .acceptAbaOfficialIcon,
  .acceptedPayments.compactAccept .acceptAbaOfficialIcon,
  .footerAccept .acceptAbaOfficialIcon,
  .miniAccept .acceptAbaOfficialIcon{
    width:36px!important;
    height:36px!important;
  }
  .acceptedPayments .khqrBrand .acceptKhqrOfficial,
  .acceptedPayments.compactAccept .khqrBrand .acceptKhqrOfficial,
  .footerAccept .khqrBrand .acceptKhqrOfficial,
  .miniAccept .khqrBrand .acceptKhqrOfficial{
    width:36px!important;
  }

  .payment-choice .payMethodIcon,
  .checkout-methods .payMethodIcon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  .payment-choice button,
  .checkout-methods button{
    min-height:52px!important;
    gap:8px!important;
  }
  .payMethodMini,
  .qr-payment-method .payMethodIcon{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
  }
  .aba-open-logo{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
  .aba-open-logo img{
    width:32px!important;
    height:32px!important;
  }
  .qr-save-button,
  .aba-open-button{
    min-height:46px!important;
    padding:7px 10px!important;
  }
}

@media(max-width:380px){
  .acceptedPayments .abaBrand,
  .acceptedPayments.compactAccept .abaBrand,
  .footerAccept .abaBrand,
  .miniAccept .abaBrand{
    width:34px!important;
    min-width:34px!important;
    height:22px!important;
  }
  .acceptedPayments .khqrBrand,
  .acceptedPayments.compactAccept .khqrBrand,
  .footerAccept .khqrBrand,
  .miniAccept .khqrBrand{
    width:42px!important;
    min-width:42px!important;
    height:22px!important;
  }
}