:root{color-scheme:light;--bg: #eee7dc;--bg-soft: #ffffff;--bg-card: rgba(255, 255, 255, .78);--text: #132018;--muted: #5e675f;--line: rgba(19, 32, 24, .12);--green: #134d2a;--green-dark: #0f3c21;--green-soft: #e8f3ea;--gold: #c7a257;--gold-soft: rgba(199, 162, 87, .14);--shadow: 0 24px 60px rgba(15, 25, 18, .12);--shadow-strong: 0 30px 80px rgba(15, 25, 18, .18);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}.context-loading{min-height:100vh;display:grid;place-items:center;align-content:center;background:#fff}.context-loading img{display:block;width:24px;height:auto}.context-loading .loading-spinner-image{animation:loading-spinner-rotate 1.8s linear infinite}@keyframes loading-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.context-error{min-height:100vh;display:grid;place-content:center;gap:8px;padding:24px;text-align:center;color:#241b2d;background:#fff}.context-error p,.context-error span{margin:0}.context-error img{width:28px;height:28px;margin:0 auto 4px;opacity:.7}.context-error p{font-size:.9rem;font-weight:400}.context-error span{font-size:.88rem;font-weight:400;color:#6b6870}body{margin:0;color:var(--text);background:radial-gradient(circle at 10% 10%,rgba(199,162,87,.16),transparent 18%),radial-gradient(circle at 88% 12%,rgba(19,77,42,.16),transparent 22%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.64),transparent 30%),linear-gradient(180deg,#f7f2e9,#efe6d8 42%,#ece3d4)}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}.checkout-page{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow-x:clip;animation:checkout-fade-in .65s ease-out both}@keyframes checkout-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.checkout-page.theme-makenji{--bg: #f2f2f2;--bg-card: rgba(255, 255, 255, .84);--text: #132018;--muted: #5f6b62;--line: rgba(19, 32, 24, .12);--green: #1f7a34;--green-dark: #155a27;--green-soft: #edf3ee;--gold: #c58a3a;--gold-soft: rgba(197, 138, 58, .14)}.checkout-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(19,77,42,.08) 0,rgba(19,77,42,.08) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(180deg,rgba(19,77,42,.05) 0,rgba(19,77,42,.05) 1px,transparent 1px) 0 0 / 72px 72px,radial-gradient(circle at 78% 10%,rgba(199,162,87,.14),transparent 20%),radial-gradient(circle at 12% 88%,rgba(19,77,42,.12),transparent 18%);opacity:.5;pointer-events:none}.checkout-shell{position:relative;flex:1 0 auto;z-index:1;width:min(1380px,calc(100% - 32px));margin:0 auto;padding:0 0 44px}.test-checkout-selector{position:fixed;top:10px;right:12px;z-index:20;display:flex;align-items:center;padding:0}.test-checkout-selector select{min-height:30px;padding:3px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:.7rem}.loading-shell{display:grid;gap:24px}.checkout-header{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:14px;padding:10px 0;border-radius:0;background:linear-gradient(180deg,#111,#050505);box-shadow:0 16px 36px #00000038;border:1px solid rgba(255,255,255,.06);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.checkout-header-copy{display:flex;align-items:center;gap:0;padding:0 16px}.checkout-logo{width:72px;height:auto;flex:0 0 auto;display:block}.card h2,.status-panel h2,.success-card h2{margin:0;letter-spacing:-.02em}.eyebrow,.section-label,.field-label{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.9rem}.checkout-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr);gap:24px;align-items:start}.left-column,.right-column{display:grid;gap:18px}.left-column{position:sticky;top:20px;align-self:start}.right-column{align-self:start}.checkout-grid>.right-column{position:static}.card{background:var(--bg-card);border:1px solid rgba(19,32,24,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);padding:22px}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:.86rem;font-weight:700}.badge-soft{color:var(--green-dark);background:#c7a2571f}.badge-success{color:#fff;background:var(--green)}.merchant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.merchant-grid>div{padding-top:4px}.merchant-name-field strong{font-size:1.1rem;line-height:1.35}.merchant-document-field strong{font-size:.9rem;line-height:1.3;letter-spacing:.01em}.merchant-grid strong,.info-row strong,.info-stack strong,.address-block strong{display:block;margin-top:6px;font-size:1rem}.info-stack{display:grid;gap:4px}.order-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.order-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.order-item:last-child{border-bottom:0;padding-bottom:0}.order-item-copy{display:grid;gap:4px}.order-item-copy strong{line-height:1.35}.order-item-price{font-weight:800;white-space:nowrap}.totals{margin-top:18px;display:grid;gap:10px}.totals>div,.info-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.totals>div span{color:var(--muted)}.totals-highlight{margin-top:8px;padding:16px;border-radius:var(--radius-md);background:linear-gradient(180deg,#134d2a14,#c7a25714);border:1px solid rgba(19,77,42,.08)}.totals-highlight strong{font-size:1.65rem;letter-spacing:-.03em}.address-block{font-style:normal;display:grid;gap:6px}.methods-grid{display:grid;gap:12px}.method-card{width:100%;border:1px solid var(--line);background:linear-gradient(180deg,#fffffff5,#f7f2e9eb);border-radius:20px;padding:18px 18px 17px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.method-card:hover:not(:disabled){transform:translateY(-1px);border-color:#1f7a3447;box-shadow:0 14px 28px #0f25120f}.method-card:disabled{opacity:.55;cursor:not-allowed}.method-card.is-selected{border-color:#134d2a80;box-shadow:0 18px 36px #0f191217;background:linear-gradient(180deg,#134d2a14,#fffffffa)}.method-card-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.method-card-top strong{display:block;font-size:1.02rem}.method-card p{margin:0;color:var(--muted)}.method-card-kicker{margin-top:2px!important;font-size:.84rem;color:var(--green-dark)!important}.radio{width:18px;height:18px;border-radius:50%;border:2px solid rgba(19,77,42,.4);display:inline-flex;align-items:center;justify-content:center}.radio.is-selected:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #c7a25729}.callout-card,.success-card,.status-panel{display:grid;gap:10px}.primary-button,.text-button{border:0;border-radius:999px}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 20px;background:linear-gradient(180deg,#1b5f35,#0f3c21);color:#fff;font-weight:800;box-shadow:0 16px 30px #0f191233}.primary-button:disabled{opacity:.7;cursor:wait}.primary-button.wide{width:100%}.payment-note{margin:0;padding:12px 14px;border-radius:var(--radius-md);background:#134d2a0f;color:var(--green-dark);line-height:1.45}.text-button{background:transparent;color:var(--green);padding:0;font-weight:700}.summary-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:7px;border:0;border-radius:50%;background:transparent}.summary-toggle img{width:100%;height:100%;display:block}.customer-shipping-content{display:grid;gap:18px}.customer-shipping-section+.customer-shipping-section{padding-top:18px;border-top:1px solid var(--line)}.pix-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}.pix-card{overflow:hidden}.pix-payment-anchor{scroll-margin-top:12px}.pix-generating-card{display:flex;align-items:center;gap:14px}.pix-generating-card h2,.pix-generating-card p{margin:0}.pix-generating-card>div:last-child{display:grid;gap:5px}.qrcode-frame{background:linear-gradient(180deg,#fff,#f7f2e9);border:1px solid rgba(19,32,24,.08);border-radius:24px;padding:18px;display:grid;place-items:center}.qrcode-grid{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(21,1fr);gap:2px}.qrcode-cell{border-radius:2px;background:#eff3ee}.qrcode-cell.is-on{background:#101411}.qrcode-image{width:100%;max-width:100%;display:block;border-radius:16px}.pix-copy-area{display:grid;gap:16px}.status-line{display:flex;align-items:center;gap:10px;color:var(--green-dark);font-weight:700}.step-strip{display:flex;flex-direction:column;flex-wrap:wrap;gap:3px;align-items:flex-start}.step-strip span{min-height:26px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;background:#f5f7f2;color:var(--muted);font-size:.84rem;font-weight:600}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #1f7a341f}.copy-field{display:grid;gap:8px}.copy-field textarea{width:100%;resize:none;border:1px solid var(--line);border-radius:18px;background:#ffffffeb;padding:14px;color:var(--text);line-height:1.5;font-size:.78rem;overflow-y:hidden;scrollbar-width:none}.copy-field textarea::-webkit-scrollbar{display:none}.card-payment-form{display:grid;gap:14px}.card-kind-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:14px;background:#eef1eb}.card-kind-tabs button{min-height:44px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-size:1.02rem;font-weight:700}.card-kind-tabs button.is-selected{background:#fff;color:var(--green-dark);border-color:var(--green);box-shadow:0 8px 18px #0f251214}.payment-field{display:grid;gap:8px}.payment-field input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:14px;background:#ffffffeb;padding:0 14px;color:var(--text);outline:none}.payment-field select{width:100%;min-height:50px;border:1px solid var(--line);border-radius:14px;background:#f1f3f1;padding:0 42px 0 14px;color:var(--text);font:inherit;font-weight:700;outline:none;cursor:pointer}.payment-field select:focus{border-color:#1f7a3485;box-shadow:0 0 0 4px #1f7a341a}.payment-field select:disabled{cursor:not-allowed;opacity:.65}.payment-field input:focus{border-color:#1f7a3485;box-shadow:0 0 0 4px #1f7a341a}.payment-field-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.payment-result{display:grid;gap:4px;border-radius:14px;padding:12px;font-size:.92rem}.payment-result.is-success{background:linear-gradient(180deg,#134d2a17,#fffffff0);color:var(--green-dark)}.payment-result.is-pending{background:linear-gradient(180deg,#c7a25729,#fffffff5);color:#7a5d12}.payment-result.is-error{background:#fff2f0;color:#8a2d20}.action-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:14px;align-items:end}.expires-box{display:grid;gap:5px;justify-items:start;text-align:left}.copy-feedback{color:var(--green-dark);font-size:.82rem;font-weight:700}.checkout-footer{position:relative;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:center;margin-top:auto;padding:8px 2px 6px;color:var(--muted);font-size:.78rem}.checkout-footer a{font-weight:700}.footer-security{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:6px;white-space:nowrap}.footer-security>span{white-space:nowrap}.footer-security img{width:16px;height:16px;display:block}.checkout-footer .footer-version{position:absolute;right:2px;text-align:right}.status-panel,.success-card,.loading-card{animation:fadeUp .36s ease both}.status-panel{border-style:dashed;background:linear-gradient(180deg,#134d2a0f,#fffffff0)}.loading-card{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;min-height:180px}.loading-pulse{width:120px;height:120px;border-radius:28px;background:linear-gradient(90deg,#eaede7,#dfe4db,#eaede7);background-size:200% 100%;animation:shimmer 1.3s linear infinite}.loading-lines{display:grid;gap:12px}.loading-lines span{height:18px;border-radius:999px;background:linear-gradient(90deg,#eaede7,#dfe4db,#eaede7);background-size:200% 100%;animation:shimmer 1.3s linear infinite}.loading-lines span:nth-child(2){width:72%}.loading-lines span:nth-child(3){width:52%}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(31,122,52,.18);border-top-color:var(--green);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.checkout-grid{grid-template-columns:1fr}.left-column{position:static}.checkout-grid>.right-column{position:static;top:auto}.right-column{max-height:none;overflow:visible}.pix-layout{grid-template-columns:1fr}}@media (max-width: 760px){.checkout-shell{width:min(100% - 20px,100%);padding-top:0}.checkout-header{align-items:flex-start;width:calc(100% + 20px);margin-left:-10px;margin-right:-10px;padding:8px 12px}.checkout-header-copy{align-items:flex-start;padding:0}.merchant-grid{grid-template-columns:1fr}.checkout-logo{width:64px}.card{padding:18px;border-radius:22px}.pix-heading{display:grid;gap:10px;margin-bottom:14px}.pix-heading .pix-status{justify-self:center;min-height:30px;padding:0 12px;font-size:.78rem}.pix-layout{gap:14px}.qrcode-frame{width:min(100%,220px);margin:0 auto;padding:12px;border-radius:20px}.step-strip span{min-height:24px;font-size:.78rem}.copy-field textarea{min-height:76px}.order-item{grid-template-columns:minmax(0,1fr) auto}.order-item-price{grid-column:auto;margin-top:0}.action-row,.payment-field-grid{grid-template-columns:1fr}.loading-card{grid-template-columns:1fr;justify-items:start}.checkout-header-text h1{max-width:none}.checkout-footer{flex-direction:column;gap:6px;padding:8px 0 10px;text-align:center}.checkout-footer .footer-version{position:static!important;right:auto;text-align:center;font-size:.68rem}}