/* MobileCity v9: isolated commerce workspace; does not replace approved storefront. */
.cx-workspace{position:fixed;inset:0;z-index:100;background:#f5f7fb;overflow:auto;color:#17223a;font:14px/1.55 'Segoe UI',Arial,sans-serif}.cx-workspace *,.cx-dialog *{box-sizing:border-box}.cx-top{height:76px;background:#fff;border-bottom:1px solid #e4e9f1;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px;position:sticky;top:0;z-index:3}.cx-logo{font-weight:800;font-size:22px;letter-spacing:-1px;direction:ltr;unicode-bidi:isolate;white-space:nowrap}.cx-logo b{color:#124bed}.cx-logo small{font-size:9px;letter-spacing:1px;margin-inline-start:10px;font-weight:600;border:1px solid #d9e4fb;padding:4px 7px;border-radius:5px;color:#6682b5}.cx-top-right{display:flex;align-items:center;gap:16px}.cx-lang{display:flex;align-items:center;gap:6px;font-size:12px}.cx-lang select{border:1px solid #dce4f0;background:white;border-radius:8px;padding:8px 10px;min-height:38px;font-size:12px;max-width:150px}.cx-testline{color:#8a6416;background:#fff8e8;padding:9px 38px;font-size:10px;letter-spacing:.4px;border-bottom:1px solid #efe4ca;display:flex;align-items:center;justify-content:space-between;gap:10px}.cx-testline b{font-size:10px}.cx-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100% - 118px)}.cx-rail{padding:32px 20px;background:#fff;border-inline-end:1px solid #e4e9f1}.cx-rail-label{font-size:9px;letter-spacing:1.6px;color:#8793a7;margin:0 12px 14px}.cx-nav{display:flex;flex-direction:column;gap:7px}.cx-nav button{display:flex;align-items:center;gap:11px;text-align:start;padding:12px 13px;border-radius:9px;font-size:12px;font-weight:600;min-height:46px;color:#63718b}.cx-nav button i{font-style:normal;font-size:15px;min-width:20px}.cx-nav button.active{color:#124bed;background:#edf2ff}.cx-nav button:hover{background:#f1f5fb}.cx-rail-footer{margin-top:34px;padding:17px 12px;border-top:1px solid #e4e9f1;font-size:10px;color:#8590a4;line-height:1.8}.cx-main{padding:34px 40px 50px;max-width:1330px;width:100%;margin:auto}.cx-eyebrow{font-size:9px;letter-spacing:1.8px;color:#70809c;font-weight:700}.cx-main h1{font-size:34px;letter-spacing:-1.3px;line-height:1.18;max-width:640px;margin:10px 0 13px}.cx-lead{color:#708099;font-size:13px;max-width:670px;line-height:1.8}.cx-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;margin-bottom:27px}.cx-hero-symbol{background:linear-gradient(140deg,#2363f5,#0c36b2);color:white;min-width:94px;height:94px;border-radius:24px;display:grid;place-items:center;font-size:33px;box-shadow:0 12px 26px #244bce20}.cx-section-head{display:flex;align-items:center;justify-content:space-between;margin:27px 0 14px;gap:12px}.cx-section-head h2{font-size:18px;letter-spacing:-.4px}.cx-muted{font-size:11px;color:#7a879b;line-height:1.65}.cx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.cx-stat{background:white;border:1px solid #e1e7f0;border-radius:12px;padding:18px 20px}.cx-stat small{display:block;color:#77849b;font-size:10px}.cx-stat strong{display:block;font-size:24px;font-weight:700;margin-top:4px;letter-spacing:-.7px}.cx-stat span{font-size:10px;color:#8c98a9}.cx-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cx-card{border:1px solid #dee6f2;background:white;border-radius:15px;padding:22px;position:relative}.cx-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.cx-mark{font-size:18px;font-weight:850;letter-spacing:-.4px;color:#16213b}.cx-mark.card{display:flex;gap:8px;align-items:center}.cx-mark.card:before{content:' ';display:block;width:28px;height:20px;border:2px solid #284ebf;border-radius:4px;box-shadow:inset 0 6px #e8efff}.cx-mark.iris{color:#104bc7;font-size:25px;font-style:italic;letter-spacing:1px}.cx-status{border-radius:20px;padding:4px 9px;background:#f0f3f8;color:#76839a;font-size:9px;display:inline-flex;align-items:center;gap:5px;font-weight:600}.cx-status.on{color:#207259;background:#edf8f2}.cx-status.warn{color:#986c1d;background:#fff6e3}.cx-status.off{color:#7c8598;background:#f2f4f7}.cx-status:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.cx-card h3{font-size:15px;margin-bottom:7px;letter-spacing:-.3px}.cx-card p{font-size:11px;color:#728199;line-height:1.8;margin:0 0 17px;max-width:390px}.cx-card-foot{display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid #edf1f7;padding-top:12px;font-size:10px;color:#7a879d}.cx-ship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cx-ship-card{border:1px solid #e1e7f0;border-radius:12px;padding:19px;background:#fff;min-height:162px;display:flex;flex-direction:column;gap:11px}.cx-ship-card.pending{background:#fafbfd}.cx-carrier-mark{font-size:15px;font-weight:750;min-height:25px;direction:ltr;unicode-bidi:isolate}.cx-ship-card small{font-size:10px;color:#7a879b}.cx-ship-card .cx-status{align-self:flex-start;margin-top:auto}.cx-note{display:flex;gap:12px;padding:15px 17px;border-radius:11px;border:1px solid #dae4fb;background:#edf3ff;color:#526a99;font-size:11px;line-height:1.7;margin-top:20px}.cx-note strong{display:block;font-weight:600;margin-bottom:3px}.cx-note.warning{background:#fff9ee;border-color:#f0e4c5;color:#8a6a2d}.cx-note>i{font-style:normal;min-width:18px;font-size:15px}.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;border:1px solid #dbe3f0;border-radius:9px;font-size:11px;font-weight:600;background:white;color:#30466c;cursor:pointer}.cx-btn.primary{background:#124bed;border-color:#124bed;color:white}.cx-btn:disabled{opacity:.5;cursor:not-allowed}.cx-btn:hover:not(:disabled){filter:brightness(.97)}.cx-link{font-size:11px;color:#124bed;padding:6px 0;text-align:start}.cx-dialog{border:0;padding:0;border-radius:18px;box-shadow:0 25px 90px #13244440;width:min(860px,calc(100% - 28px));max-height:92svh;overflow:auto;color:#17223a;font:13px/1.6 'Segoe UI',Arial,sans-serif;background:#fff}.cx-dialog::backdrop{background:#11234277;backdrop-filter:blur(4px)}.cx-dhead{padding:24px 26px 18px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e5eaf2;gap:20px}.cx-dhead h2{font-size:24px;letter-spacing:-.7px;margin-top:5px;line-height:1.2}.cx-close{width:37px;height:37px;background:#f3f6fa;border-radius:9px;font-size:22px;flex-shrink:0}.cx-dbody{padding:24px 26px}.cx-dbody .cx-note{margin-top:0;margin-bottom:20px}.cx-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding-top:19px;margin-top:20px;border-top:1px solid #e5eaf2}.cx-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;min-width:0}.cx-field input,.cx-field select,.cx-field textarea{border:1px solid #d4deed;border-radius:8px;background:#fff;min-height:42px;padding:10px 12px;font-size:12px;width:100%;font-weight:400}.cx-field textarea{min-height:80px;resize:vertical}.cx-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.cx-fields .full{grid-column:1/-1}.cx-ack{display:flex;gap:10px;align-items:flex-start;background:#f8faff;padding:12px;border-radius:9px;font-size:11px;line-height:1.7;margin-top:16px}.cx-ack input{width:17px;height:17px;margin:3px 0 0;flex-shrink:0;accent-color:#124bed}.cx-error{background:#fff0ef;color:#a93430;border:1px solid #f7c8c3;padding:14px 18px;margin:0 26px 24px;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.cx-order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.cx-order-card{background:#fff;border:1px solid #e0e6f0;border-radius:13px;padding:22px}.cx-order-card header{display:flex;justify-content:space-between;gap:12px}.cx-order-card h3{font-size:16px;letter-spacing:-.2px}.cx-order-card .cx-muted{margin:9px 0 15px}.cx-order-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid #edf0f6}.cx-costs{background:#f7f9fd;border:1px solid #e3e9f4;border-radius:12px;padding:18px 20px}.cx-costs>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:7px 0}.cx-costs .cx-cost-total{font-size:15px;font-weight:700;border-top:1px solid #dce4f3;margin-top:9px;padding-top:15px;color:#1549b8}.cx-costs small{font-size:10px;color:#8290a5;display:block}.cx-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.cx-recap{padding:19px;border:1px solid #e2e8f0;border-radius:12px}.cx-recap h3{font-size:13px;margin-bottom:10px}.cx-recap p{font-size:11px;color:#6a7890;margin:8px 0}.cx-pay-page{max-width:470px;margin:auto;text-align:center;padding:15px 0}.cx-pay-icon{margin:0 auto 17px;width:67px;height:57px;border-radius:13px;background:#edf3ff;color:#124bed;display:grid;place-items:center;font-size:20px;font-weight:800;direction:ltr}.cx-pay-amount{font-size:39px;font-weight:700;letter-spacing:-1px;margin:12px 0 16px}.cx-pay-page .cx-actions{display:grid;grid-template-columns:1fr 1fr}.cx-pay-page .cx-actions .primary{grid-column:1/-1}.cx-history{margin-top:22px;border-top:1px solid #e3e9f3;padding-top:17px}.cx-history h3{font-size:13px}.cx-history p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #f0f3f8;padding:10px 0;font-size:10px;color:#708099}.cx-history code{font-size:10px;overflow-wrap:anywhere}.cx-settings-row{display:grid;grid-template-columns:150px minmax(150px,1fr) minmax(140px,1fr);align-items:end;gap:15px;border-bottom:1px solid #edf1f6;padding:15px 0}.cx-settings-row .cx-ack{margin:0;padding:9px;background:none;align-self:center}.cx-language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:23px 0}.cx-language-card{padding:24px;border:1px solid #dce4f2;background:#fff;border-radius:13px;text-align:start;min-height:110px}.cx-language-card strong{display:block;font-size:21px;line-height:1.4}.cx-language-card small{font-size:10px;color:#8190a7}.cx-language-card.active{border:2px solid #124bed;color:#124bed;background:#f7faff}.cx-readiness{background:#fff;border:1px solid #e1e8f3;border-radius:13px;margin-top:23px;padding:8px 22px}.cx-readiness>div{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #edf1f7;font-size:12px}.cx-readiness>div:last-child{border-bottom:0}.cx-readiness i{font-style:normal;background:#f3f6fb;border:1px solid #dae2ef;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#7b8ba8;flex-shrink:0}.cx-checkout{padding:22px 0;margin:22px 0;border-top:1px solid #e2e8f1;border-bottom:1px solid #e2e8f1}.cx-checkout h3{font-size:16px;letter-spacing:-.3px;margin:0 0 11px}.cx-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 23px}.cx-choice{display:flex;gap:9px;align-items:flex-start;border:1px solid #dce4f0;border-radius:10px;padding:13px;background:#fff;cursor:pointer;font-size:12px}.cx-choice:has(input:checked){border-color:#124bed;background:#f5f8ff}.cx-choice input{accent-color:#124bed;margin:4px 0 0;width:16px;height:16px;flex-shrink:0}.cx-choice strong{display:block;font-size:12px}.cx-choice small{display:block;font-size:9px;color:#7a89a1;margin-top:3px}.cx-checkout .cx-lang{justify-content:flex-end;margin-bottom:12px}.cx-config-code{direction:ltr;unicode-bidi:isolate;display:inline-block}.cx-top [data-cx=close-work]{white-space:nowrap}.cx-dbody .cx-section-head{margin-top:0}.cx-workspace [dir=ltr],.cx-dialog [dir=ltr]{unicode-bidi:isolate}
@media(max-width:1100px){.cx-shell{grid-template-columns:205px minmax(0,1fr)}.cx-main{padding:28px}.cx-top{padding:0 26px}.cx-ship-grid{grid-template-columns:repeat(2,1fr)}.cx-main h1{font-size:30px}.cx-hero-symbol{min-width:78px;height:78px}.cx-stat{padding:16px}.cx-testline{padding-inline:26px}.cx-rail{padding-inline:15px}}
@media(max-width:760px){.cx-top{padding:0 17px;height:64px;gap:10px}.cx-logo{font-size:19px}.cx-logo small{display:none}.cx-top-right{gap:7px}.cx-lang select{max-width:110px;font-size:11px;padding:7px;min-height:37px}.cx-top [data-cx=close-work]{font-size:10px;padding:8px;min-height:37px}.cx-testline{padding:9px 17px;font-size:8px}.cx-testline>span{display:none}.cx-shell{display:block}.cx-rail{padding:10px 14px;border:0;border-bottom:1px solid #e1e8f3;background:white;position:sticky;top:64px;z-index:2}.cx-rail-label,.cx-rail-footer{display:none}.cx-nav{flex-direction:row;overflow:auto;gap:5px}.cx-nav button{font-size:10px;white-space:nowrap;padding:9px;min-height:38px;gap:4px}.cx-nav button i{min-width:14px;font-size:13px}.cx-main{padding:25px 17px}.cx-main h1{font-size:29px;letter-spacing:-1px;margin-top:9px}.cx-lead{font-size:12px}.cx-hero{gap:13px;margin-bottom:15px}.cx-hero-symbol{display:none}.cx-eyebrow{font-size:8px}.cx-stats{gap:8px;margin:20px 0}.cx-stat{padding:12px 10px}.cx-stat small{font-size:8px}.cx-stat strong{font-size:20px}.cx-stat span{font-size:8px}.cx-pay-grid{gap:10px}.cx-card{padding:16px}.cx-card-top{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px}.cx-card h3{font-size:13px}.cx-card p{font-size:10px}.cx-card-foot{flex-direction:column;align-items:flex-start;font-size:9px}.cx-ship-card{padding:16px;min-height:150px}.cx-carrier-mark{font-size:14px}.cx-section-head h2{font-size:17px}.cx-section-head .cx-btn{font-size:10px}.cx-note{font-size:10px;padding:13px;gap:8px}.cx-order-grid{grid-template-columns:1fr}.cx-dhead{padding:19px 18px 15px}.cx-dhead h2{font-size:22px}.cx-dbody{padding:19px 18px}.cx-columns{grid-template-columns:1fr}.cx-costs{padding:16px}.cx-fields{gap:13px}.cx-field{font-size:10px}.cx-field input,.cx-field textarea{font-size:13px;min-height:44px}.cx-actions .cx-btn{min-height:44px}.cx-ack{font-size:10px}.cx-settings-row{grid-template-columns:1fr 1fr;gap:10px}.cx-settings-row .cx-ack{grid-column:1/-1;padding:0}.cx-settings-row .cx-field{font-size:9px}.cx-settings-row .cx-field select{font-size:10px}.cx-language-grid{grid-template-columns:1fr 1fr;gap:10px}.cx-language-card{padding:20px}.cx-readiness{padding:5px 15px}.cx-readiness>div{font-size:11px}.cx-error{margin:0 18px 19px;font-size:11px}.cx-checkout .cx-choices{grid-template-columns:1fr}.cx-checkout h3{font-size:15px}.cx-choice{padding:13px}.cx-choice small{font-size:10px}.cx-pay-page .cx-actions{grid-template-columns:1fr}.cx-pay-page .cx-actions .primary{grid-column:auto}.cx-pay-amount{font-size:34px}}
@media(prefers-reduced-motion:reduce){.cx-workspace *,.cx-dialog *{scroll-behavior:auto!important;transition:none!important}}


/* iris-flow-v1 */

.iris-pay-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
  padding:18px 20px;
  border:1px solid #e0e7f2;
  border-radius:14px;
  background:#fff;
}

.iris-wordmark{
  display:block;
  font-size:33px;
  font-weight:800;
  letter-spacing:3px;
  color:#173c86;
  direction:ltr;
}

.iris-pay-head>div:first-child small{
  display:block;
  margin-top:-5px;
  font-size:8px;
  letter-spacing:3px;
  color:#78869b;
}

.iris-order-total{
  text-align:right;
}

.iris-order-total small,
.iris-amount-box small{
  display:block;
  font-size:8px;
  letter-spacing:1px;
  color:#7c899d;
  margin-bottom:3px;
}

.iris-order-total strong{
  font-size:24px;
  color:#143f9d;
}

.iris-choice-section{
  margin-top:25px;
}

.iris-choice-section h3{
  font-size:20px;
  margin-bottom:5px;
}

.iris-method-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-top:18px;
}

.iris-method-card{
  display:grid;
  grid-template-columns:52px 1fr 20px;
  align-items:center;
  gap:13px;
  padding:20px;
  min-height:120px;
  text-align:left;
  background:#fff;
  border:1px solid #dce4ef;
  border-radius:14px;
}

.iris-method-card:hover{
  border-color:#124bed;
  background:#f7f9ff;
}

.iris-method-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eef3ff;
  color:#124bed;
  font-size:24px;
}

.iris-method-card strong{
  display:block;
  font-size:14px;
  color:#17233d;
}

.iris-method-card small{
  display:block;
  margin-top:5px;
  font-size:10px;
  line-height:1.55;
  color:#7b889c;
}

.iris-method-card>b{
  color:#124bed;
  font-size:20px;
}

.iris-demo-note{
  margin-top:20px;
  padding:13px 15px;
  border-radius:10px;
  background:#fff8e8;
  color:#886822;
  font-size:10px;
  line-height:1.6;
}

.iris-demo-note strong{
  display:block;
  margin-bottom:2px;
}

.iris-bank-title{
  margin-top:6px;
  font-size:21px;
}

.iris-bank-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:20px;
}

.iris-bank-card{
  min-height:128px;
  padding:15px 10px;
  border:1px solid #dce3ec;
  background:#fff;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  text-align:center;
}

.iris-bank-card:hover{
  border-color:#124bed;
  background:#f7f9ff;
}

.iris-bank-card small{
  min-height:35px;
  font-size:9px;
  line-height:1.35;
  color:#4d5b70;
}

.iris-bank-card strong{
  margin:auto 0;
  font-size:15px;
  color:#1f355e;
  direction:ltr;
}

.iris-qr-layout{
  display:grid;
  grid-template-columns:1fr 260px;
  gap:30px;
  align-items:center;
}

.iris-qr-copy h3{
  margin:14px 0 8px;
  font-size:24px;
}

.iris-qr-copy p{
  color:#66758c;
  line-height:1.75;
}

.iris-amount-box{
  display:inline-block;
  margin-top:18px;
  padding:12px 15px;
  border-radius:10px;
  background:#f2f6ff;
}

.iris-amount-box strong{
  display:block;
  font-size:25px;
  color:#124bed;
}

.iris-qr-demo{
  text-align:center;
}

.iris-qr-demo>small{
  display:block;
  margin-top:10px;
  font-size:8px;
  color:#9a7422;
}

.iris-fake-qr{
  position:relative;
  width:210px;
  height:210px;
  margin:auto;
  border:13px solid #17223a;
  background:
    linear-gradient(90deg,#17223a 12px,transparent 12px) 0 0/28px 28px,
    linear-gradient(#17223a 12px,transparent 12px) 0 0/28px 28px,
    #fff;
}

.iris-fake-qr i{
  position:absolute;
  width:48px;
  height:48px;
  border:9px solid #17223a;
  background:#fff;
}

.iris-fake-qr i:nth-child(1){
  top:8px;
  left:8px;
}

.iris-fake-qr i:nth-child(2){
  top:8px;
  right:8px;
}

.iris-fake-qr i:nth-child(3){
  bottom:8px;
  left:8px;
}

.iris-fake-qr span{
  position:absolute;
  inset:0;
  margin:auto;
  width:60px;
  height:28px;
  display:grid;
  place-items:center;
  background:white;
  color:#124bed;
  font-weight:800;
  font-size:11px;
}

.iris-redirect{
  max-width:590px;
  margin:auto;
  text-align:center;
  padding:10px 0;
}

.iris-redirect-bank{
  padding:25px;
  border:1px solid #dce4ef;
  border-radius:14px;
  background:#fafcff;
}

.iris-redirect-bank small{
  display:block;
  font-size:8px;
  letter-spacing:1.2px;
  color:#8390a3;
}

.iris-redirect-bank strong{
  display:block;
  margin-top:10px;
  font-size:27px;
  color:#16386f;
}

.iris-redirect h3{
  margin:25px 0 8px;
  font-size:22px;
}

.iris-redirect p{
  color:#68778d;
}

.iris-security{
  margin-top:20px;
  padding:13px;
  border-radius:9px;
  background:#edf8f2;
  color:#28705a;
  font-size:10px;
  font-weight:600;
}

@media(max-width:760px){

  .iris-pay-head{
    align-items:flex-start;
  }

  .iris-wordmark{
    font-size:27px;
  }

  .iris-order-total strong{
    font-size:20px;
  }

  .iris-method-grid{
    grid-template-columns:1fr;
  }

  .iris-bank-grid{
    grid-template-columns:1fr 1fr;
  }

  .iris-qr-layout{
    grid-template-columns:1fr;
  }

  .iris-qr-demo{
    margin-top:10px;
  }
}

@media(max-width:430px){

  .iris-pay-head{
    flex-direction:column;
  }

  .iris-order-total{
    text-align:left;
  }

  .iris-bank-grid{
    grid-template-columns:1fr;
  }
}