.cc-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:#fff;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;color:#303030;--text: #303030;--muted: #85898c;--stroke: #e7eaeb;--strokeSoft: #e0e0e0;--fieldBg: #f7f7f7;--shadow-sm: 0px 2px 4px rgba(0, 0, 0, .05);--shadow-side: -4px 0px 20px rgba(0, 0, 0, .05);--blue: #0570de;--payText: #6fb1e5;--danger: #dc2727}.cc-root *{box-sizing:border-box}.cc-page{position:relative;width:min(1440px,100%);min-height:100vh;margin:0 auto;background:#fff}.cc-left{position:absolute;left:129px;top:0;width:408px;height:263px;display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:52px 0}.cc-back-col{width:12px;height:159px;display:flex;align-items:flex-start;padding:8px 0}.cc-back-btn{width:12px;height:12px;border:0;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.cc-left-main{width:380px;display:flex;flex-direction:column}.cc-logo-row{width:58px;height:32px;display:flex;align-items:center;gap:10px;padding:2px}.cc-logo-icon{width:28px;height:28px;background:#fff;box-shadow:var(--shadow-sm);border-radius:14px;display:grid;place-items:center}.cc-logo-text{font-family:Gabarito,Inter,system-ui;font-weight:500;font-size:14px;line-height:18px;color:#303030}.cc-left-info{width:380px;display:flex;flex-direction:column;gap:10px;padding:32px 0}.cc-subtitle{font-weight:500;font-size:16px;color:var(--muted);margin:0}.cc-amount-row{display:flex;align-items:center;gap:10px}.cc-amount{margin:0;font-weight:600;font-size:36px;line-height:44px;color:#303030}.cc-fx-label{font-size:13px;color:#ffffffd9;font-weight:500;margin-top:4px}.cc-fx-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;width:100%}.cc-fx-opt{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 0;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);color:#fff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;transition:background .15s,border-color .15s,transform .1s;min-width:120px}.cc-fx-opt:hover{background:#ffffff29}.cc-fx-opt.is-active{background:#ffffff38;border-color:#ffffff8c;box-shadow:0 4px 14px #0000001a}.cc-fx-flag{font-size:18px;line-height:1}.cc-fx-amt{letter-spacing:.01em}.cc-fx-note{font-size:12px;color:#ffffffbf;margin-top:2px}.cc-fx-note-sub{margin-top:0;opacity:.85}.cc-line-items{margin-top:22px;display:flex;flex-direction:column;gap:12px;color:#fff}.cc-line-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.cc-line-name,.cc-line-val{font-weight:600}.cc-line-sub{opacity:.95}.cc-line-tax{opacity:.9}.cc-line-muted{opacity:.85}.cc-line-divider{height:1px;background:#ffffff40;margin:4px 0}.cc-line-total{font-weight:700;font-size:16px}.cc-mobile-header{display:none}.cc-sidebar{position:absolute;right:0;top:0;width:772px;height:auto;min-height:100vh;background:#fff;box-shadow:var(--shadow-side)}.cc-sidebar-inner{padding-bottom:40px}.cc-h-contact{position:absolute;left:196px;top:113px;width:380px;font-weight:500;font-size:16px;color:#0b0b0b;margin:0}.cc-contact-field{position:absolute;left:196px;top:162px;width:380px;height:44px;display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--fieldBg);border:.8px solid var(--stroke);box-shadow:var(--shadow-sm);border-radius:7px}.cc-contact-label{font-weight:500;font-size:14px;color:#4d4d4d;white-space:nowrap}.cc-contact-input{border:0;outline:0;background:transparent;font-size:14px;color:#333;width:100%;margin-left:auto}.cc-form-wrap{position:absolute;left:196px;top:236px;width:385px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 0 24px}.cc-frame364{width:385px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.cc-card-block{width:385px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:30px;border:.5px solid var(--strokeSoft);border-radius:12px;background:#fff}.cc-pm-row{height:20px;display:flex;align-items:center;gap:14px}.cc-pm-dot{width:14px;height:14px;background:#30313d;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:5px;flex-shrink:0}.cc-pm-dot-inner{width:4px;height:4px;background:#fff;border-radius:50%}.cc-pm-text{font-weight:500;font-size:14px;color:#0b0b0b}.cc-field-title-row{width:353px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cc-field-title{font-weight:500;font-size:14px;color:#666}.cc-required-tag{font-weight:500;font-size:12px;letter-spacing:.04em;color:var(--danger);text-transform:uppercase;display:none}.cc-form-wrap.show-errors .group-invalid .cc-required-tag{display:inline}.cc-card-info{width:353px;display:flex;flex-direction:column;gap:4px}.cc-card-inputs{width:353px;display:flex;flex-direction:column}.cc-input-top{width:353px;height:34px;display:flex;align-items:center;padding:9px 15px;background:#fff;border:.8px solid var(--stroke);border-radius:7px 7px 0 0;position:relative;z-index:1}.cc-brands{margin-left:auto;display:flex;gap:3px;align-items:flex-start}.cc-brands svg{width:24px;height:16px;display:block}.cc-input-bottom{width:353px;height:34px;display:flex}.cc-input-bl{display:flex;align-items:center;padding:9px 15px;background:#fff;border:.8px solid var(--stroke);border-top:0;border-right:0;border-radius:0 0 0 7px;flex:1;position:relative;z-index:1}.cc-input-br{display:flex;align-items:center;padding:9px 15px;background:#fff;border:.8px solid var(--stroke);border-top:0;border-radius:0 0 7px;flex:1;position:relative;z-index:1}.cc-cvc-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);opacity:.74}.cc-input,.cc-select{width:100%;border:0;outline:0;background:transparent;font-family:inherit;font-size:14px;color:#000c;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cc-input::placeholder{color:#00000080}.cc-frame361{width:353px;display:flex;flex-direction:column;gap:22px}.cc-frame346{width:353px;display:flex;flex-direction:column;gap:4px}.cc-single-input{width:353px;height:34px;display:flex;align-items:center;padding:9px 15px;background:#fff;border:.8px solid var(--stroke);box-shadow:var(--shadow-sm);border-radius:7px;position:relative;z-index:1}.cc-frame360{width:353px;display:flex;flex-direction:column;gap:10px}.cc-billing-title{font-weight:500;font-size:14px;color:#666;margin:0 0 4px}.cc-address-wrap{width:353px;display:flex;flex-direction:column}.cc-select-top{width:353px;height:34px;display:flex;align-items:center;gap:8px;padding:7px 15px;background:#fff;border:.8px solid rgba(0,0,0,.1);border-radius:5px 5px 0 0;position:relative;z-index:1}.cc-chevron{flex-shrink:0;pointer-events:none}.cc-country-select{width:100%;height:34px;border:0;outline:0;background:transparent;font-size:14px;color:#333;-moz-appearance:none;appearance:none;-webkit-appearance:none}.cc-addr-line{width:353px;height:34px;display:flex;align-items:center;padding:7px 15px;background:#fff;border-width:0 .8px .8px .8px;border-style:solid;border-color:#0000001a;position:relative;z-index:1}.cc-frame352{width:353px;height:34px;display:flex}.cc-half-l{display:flex;align-items:center;padding:9px 15px;background:#fff;border-width:0 .8px .8px .8px;border-style:solid;border-color:#0000001a;border-radius:0 0 0 7px;flex:1;position:relative;z-index:1}.cc-half-r{display:flex;align-items:center;padding:9px 15px;background:#fff;border-width:0 .8px .8px 0;border-style:solid;border-color:#0000001a;border-radius:0 0 7px;flex:1;position:relative;z-index:1}.cc-err{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none;pointer-events:none}.cc-form-wrap.show-errors .is-invalid:not(:focus-within) .cc-err{display:block}.cc-form-wrap.show-errors #ccWrapNum.is-invalid .cc-brands,.cc-form-wrap.show-errors #ccWrapCvc.is-invalid .cc-cvc-icon{display:none}.cc-pay-btn{width:385px;height:47px;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--blue);box-shadow:0 3px 6px #00000005,0 1px 1px #00000008;border-radius:5px;border:0;cursor:pointer;transition:opacity .15s,filter .15s}.cc-pay-btn span{font-weight:600;font-size:16px}.cc-pay-btn[aria-disabled=true]{opacity:.55;filter:saturate(.7);cursor:pointer}.cc-pay-btn[aria-disabled=true] span{color:var(--payText)}.cc-pay-btn[aria-disabled=false] span{color:#fff}.cc-pay-btn:disabled{opacity:.55}.cc-footer-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;margin-top:12px}.cc-footer-row a,.cc-footer-row span{font-size:12px;font-weight:400;line-height:15.6px;color:#1a1a1a99;text-decoration:none;white-space:nowrap}.cc-footer-row a:hover{text-decoration:underline}.cc-footer-div{width:14px;height:0;border:1px solid rgba(26,26,26,.6);transform:rotate(-90deg);flex-shrink:0}.cc-powered{display:flex;align-items:center;gap:6px}.cc-input-top:focus-within,.cc-input-bl:focus-within,.cc-input-br:focus-within,.cc-single-input:focus-within,.cc-select-top:focus-within,.cc-addr-line:focus-within,.cc-half-l:focus-within,.cc-half-r:focus-within{border-color:#0570de!important;box-shadow:0 0 0 1px #0570de,0 0 0 3px #0570de2e!important;z-index:5}.cc-form-wrap.show-errors .is-invalid:not(:focus-within){border-color:var(--danger)!important;box-shadow:0 0 0 1px var(--danger),0 0 0 3px #dc27271a!important;z-index:6}.cc-form-wrap.show-errors .is-invalid:focus-within{border-color:#0570de!important;box-shadow:0 0 0 1px #0570de,0 0 0 3px #0570de2e!important}.cc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:#fff}.cc-overlay-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:14px;color:#303030}.cc-overlay-cancel{font-size:14px;color:#666;background:none;border:none;cursor:pointer}.cc-overlay iframe{width:100%;flex:1;border:0;background:#fff}.cc-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#ffffffbf}.cc-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:var(--blue);border-radius:50%;animation:cc-spin .7s linear infinite}@keyframes cc-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.cc-root{background:#f2f6fb}.cc-page{min-height:auto;padding:16px 0 28px;background:transparent}.cc-left{position:relative;left:auto;top:auto;width:100%;height:auto;padding:0;flex-direction:column;align-items:stretch;justify-content:flex-start}.cc-mobile-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;width:100%;padding:12px 16px;background:#f2f6fb}.cc-brand-back{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;cursor:pointer;font-size:15px;font-weight:600;color:#111827;text-decoration:none;-webkit-tap-highlight-color:transparent}.cc-brand-back svg{width:14px;height:14px;flex-shrink:0}.cc-brand-text{font-size:15px;font-weight:600;color:#111827;letter-spacing:-.01em;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-back-col,.cc-logo-row{display:none!important}.cc-left-main{width:calc(100% - 32px);max-width:460px;margin:4px auto;padding:8px 4px 12px;color:#111827}.cc-logo-text{color:#111827;font-weight:600}.cc-details-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:#374151;cursor:pointer;font-weight:500;font-size:14px;padding:6px 4px}.cc-details-caret{display:inline-flex;transition:transform .18s}.cc-details-caret.is-up{transform:rotate(180deg)}.cc-left-info{width:100%;padding:12px 0 0;align-items:center;text-align:center;gap:14px}.cc-subtitle,.cc-amount-row{display:none}.cc-view-details{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;border:1px solid #e0e7ff;color:#1e1b4b;padding:8px 16px;border-radius:999px;cursor:pointer;font-weight:600;font-size:14px;align-self:center}.cc-view-details svg{width:12px;height:12px}.cc-left:not(.is-open) .cc-line-items{display:none}.cc-left.is-open .cc-amount-row{display:flex;justify-content:center}.cc-sidebar{position:relative;width:100%;min-height:auto;box-shadow:none;background:transparent}.cc-sidebar-inner{padding:0 16px 18px}.cc-mobile-card{max-width:420px;margin:10px auto 0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:4px;box-shadow:0 1px #0000000a;padding:18px 16px 12px}.cc-h-contact,.cc-contact-field,.cc-form-wrap{position:static;width:100%;max-width:385px;margin:0 auto}.cc-h-contact{margin:8px 0 10px}.cc-contact-field{margin:0 0 18px}.cc-form-wrap{padding-bottom:10px}.cc-card-block,.cc-frame364,.cc-card-inputs,.cc-card-info,.cc-frame358,.cc-frame361,.cc-frame346,.cc-frame360,.cc-address-wrap,.cc-frame352,.cc-single-input,.cc-input-top,.cc-input-bottom,.cc-select-top,.cc-addr-line,.cc-field-title-row,.cc-pay-btn{width:100%}.cc-footer-row{width:100%;margin-top:6px}.cc-fx-group{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.cc-fx-label{color:#4b5563;font-size:13px}.cc-fx-note{color:#6b7280;font-size:12px;text-align:center}.cc-fx-options{justify-content:center}.cc-fx-opt{background:#fff;border-color:#0000001f;color:#111827;box-shadow:0 1px 2px #0000000a}.cc-fx-opt:hover{background:#f9fafb}.cc-fx-opt.is-active{background:#eef2ff;border-color:#6366f1;color:#1e1b4b;box-shadow:0 2px 8px #6366f12e}.cc-line-items{color:#111827;margin-top:4px;padding:0 4px}.cc-line-divider{background:#0000001a}.cc-line-sub,.cc-line-tax,.cc-line-muted{opacity:1;color:#4b5563}}@media (min-width: 1101px){.cc-details-toggle,.cc-view-details{display:none!important}}@media (min-width: 1101px){.cc-page{display:flex;min-height:100vh;max-width:100%;width:100%;margin:0}.cc-left{position:static;flex:0 0 50%;width:50%;height:auto;min-height:100vh;padding:56px 48px 56px 64px;justify-content:center;background:#f6f6f9;color:#111827}.cc-back-col{display:none}.cc-left-main{width:100%;max-width:420px}.cc-logo-row{width:100%;justify-content:flex-start}.cc-logo-text{color:#111827;font-weight:600}.cc-subtitle{color:#4b5563;margin:0 0 8px}.cc-amount-row{margin-top:12px;justify-content:flex-start}.cc-amount{color:#111827}.cc-fx-group{width:100%;align-items:flex-start;margin-top:18px}.cc-fx-label{color:#4b5563}.cc-fx-note{color:#6b7280;text-align:left}.cc-fx-options{justify-content:flex-start}.cc-fx-opt{background:#fff;border:1px solid rgba(0,0,0,.12);color:#111827;box-shadow:0 1px 2px #0000000a}.cc-fx-opt:hover{background:#f9fafb}.cc-fx-opt.is-active{background:#eef2ff;border-color:#6366f1;color:#1e1b4b;box-shadow:0 2px 8px #6366f12e}.cc-line-items{display:flex;color:#111827;margin-top:24px;padding:0}.cc-line-divider{background:#0000001a}.cc-line-sub,.cc-line-tax,.cc-line-muted{opacity:1;color:#4b5563}.cc-sidebar{position:static;flex:0 0 50%;width:50%;min-height:100vh;background:#fff;box-shadow:none}.cc-sidebar-inner{padding:0}.cc-mobile-card{max-width:420px;margin:0 auto;padding:96px 24px 48px;background:transparent;border:0;box-shadow:none}.cc-h-contact,.cc-contact-field,.cc-form-wrap{position:static;width:100%;max-width:100%;margin-left:auto;margin-right:auto}.cc-h-contact{margin:0 0 10px}.cc-contact-field{margin:0 0 18px}.cc-form-wrap{padding:0 0 24px}.cc-amount-row{display:flex}}@media (max-width: 1100px){.cc-amount-row{display:none}}

/* ===== 3-D Secure overlay overrides (v3) ===== */
.cc-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(15,15,20,.72);padding:24px}
.cc-overlay-card{position:relative;display:flex;flex-direction:column;width:min(430px,100%);height:min(760px,92vh);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.cc-overlay-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:14px;color:#303030;flex:0 0 auto}
.cc-overlay-cancel{font-size:14px;color:#666;background:none;border:none;cursor:pointer}
.cc-overlay-card iframe{width:100%;flex:1;border:0;background:#fff}
@media (max-width:640px){.cc-overlay{padding:12px}.cc-overlay-card{width:100%;max-width:480px;height:94vh;border-radius:24px}}

/* ===== Browser autofill trigger (Chrome/Edge/Safari) =====
   The onAnimationStart handlers on the card inputs only fire if an animation
   is (re)applied when the browser autofills saved card data. Without these
   two rules autofill fills the DOM but React state stays empty and Pay fails
   validation. Do not remove. */
@keyframes cc-autofill { from { opacity: 1; } to { opacity: 1; } }
.cc-input:-webkit-autofill,
.cc-contact-input:-webkit-autofill,
.cc-country-select:-webkit-autofill { animation-name: cc-autofill; animation-duration: .001s; }