/* Tema compartilhado do checkout e pagamento; sem mudanças na integração. */
:root{--bg:#f7f7f7;--card:#fff;--text:#2c2c2c;--ink:#2c2c2c;--muted:#777;--line:#e7e7e7;--pink:#219807;--pink-dark:#197506;--green:#219807;--grad:linear-gradient(135deg,#219807,#197506);--grad-green:linear-gradient(135deg,#219807,#197506)}
body{font-family:Poppins,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.checkout-page,.page{max-width:680px;background:var(--bg);padding-bottom:32px}
.checkout-head,.head{background:#080808;color:#fcf8f0;border:0;padding:20px 24px;box-shadow:none}
.brand img,.checkout-head .brand-logo{box-shadow:none;border:1px solid #d3ba7a}
.wordmark{font-family:Poppins,Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.7px;text-transform:none;gap:5px}
.wordmark .w1,.checkout-head .wordmark .w1{color:#fcf8f0;font-style:normal;-webkit-text-fill-color:#fcf8f0}
.wordmark .w2{background:none;color:#d3ba7a;-webkit-text-fill-color:#d3ba7a;font-style:normal}
.checkout-head .back-link{color:#fcf8f0}.safe,.checkout-head .checkout-safe{color:#d3ba7a}
.checkout-card,.card{background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:none;margin:18px 20px;padding:24px}
.checkout-card h2,.card h2{font-size:16px;font-weight:600;margin-bottom:20px}
.progress{padding-top:14px}
.checkout-head .progress li.current .p-dot{background:#d3ba7a;color:#241e11;box-shadow:0 0 0 3px rgba(211,186,122,.15)}
.checkout-head .progress li.current:before{background:#d3ba7a}
.checkout-head .progress li.done .p-dot{background:#219807;border-color:#219807}
.checkout-head .progress li.done:before{background:#219807}
.checkout-head .progress li.done .p-name{color:#8acb79}
.field input,.field select{border-radius:4px;border-color:#dcdcdc;background:white;min-height:46px}
.field input:focus,.field select:focus{border-color:#ad8b42;box-shadow:0 0 0 3px rgba(211,186,122,.16)}
.field label{color:#555;font-weight:500}
.volt-btn,.ship-option,.pay-option,.addr-card,.cep-ok{border-radius:4px}
.volt-btn.active{border-color:#ad8b42;background:#faf7ef}.volt-btn.active b{color:#80632b}
.need .volt-btn{border-color:#e5484d;background:#fff5f5}
.need .volt-btn b{color:#d92d33}
.ship-option:has(input:checked){border-color:#219807;background:#f6fbf4}
.ship-option input{accent-color:#219807}
.pay-option{border-color:#219807;background:#f6fbf4}
.oc-price,.oc-total b,.summary-line.total b,.pay-amount{color:#2c2c2c;background:none;-webkit-text-fill-color:#2c2c2c}
.next-btn,.checkout-cta,.copy{background:#219807;color:#fff;border-radius:4px;box-shadow:none;font-weight:600;min-height:52px}
.next-btn:hover,.checkout-cta:hover,.copy:hover{background:#197506;box-shadow:none}
.checkout-cta:after,.next-btn:after{display:none}
.prev-btn,.review-edit,.addr-edit{color:#80632b}
.prev-strong{background:#faf7ef;border:1px solid #e8dfc9;border-radius:4px}
.status-pill{background:#faf7ef;color:#80632b;font-weight:500}
.status-pill i{background:#ad8b42;animation:none}
.amount{font-size:40px;font-weight:600;letter-spacing:-1px}
.expire{background:#faf7ef;border:1px solid #eee8d9;border-radius:4px;color:#555}
.expire b{color:#80632b}
.qr-wrap{background:#fff;border:1px solid #d3ba7a;border-radius:5px;box-shadow:none}
.code{background:#fafafa;border:1px dashed #c9c9c9;border-radius:4px}
.code span{color:#444}
.steps li{color:#555}.steps li span{background:#faf7ef;color:#80632b;font-weight:600}
.line{color:#555}.line.total{color:#2c2c2c;font-weight:600}
.paid-ico{background:#219807;box-shadow:none}
.copy.done{background:#197506}
.trust{flex-wrap:wrap;row-gap:8px}
button:focus-visible,a:focus-visible{outline:3px solid #ad8b42;outline-offset:3px}
button:disabled{cursor:default}
@media(max-width:480px){.checkout-head,.head{padding:16px}.checkout-card,.card{margin:12px;padding:18px}.wordmark{font-size:20px}.safe{font-size:10px}.progress .p-name{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}