@font-face{font-family:InterCheckout;src:url('../fonts-inter.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--checkout-accent:#e0008e;--checkout-ink:#171717;--checkout-muted:#737373;--checkout-line:#e5e7eb;--checkout-green:#16a34a}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff}
body.checkout-reference-page{color:var(--checkout-ink);font-family:InterCheckout,Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
.checkout-reference-app{width:min(100%,448px);min-height:100vh;margin:0 auto;background:#f9fafb;overflow:hidden;box-shadow:0 0 16px rgba(0,0,0,.06)}
.checkout-reference-header{height:69px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-bottom:1px solid var(--checkout-line);background:#fff;box-shadow:0 1px 3px #0000000d}
.checkout-reference-header a{height:44px;display:flex;align-items:center;justify-content:center}.checkout-reference-header img{display:block;width:auto;height:44px;max-width:180px;object-fit:contain}
.checkout-progress{height:97.5px;display:flex;align-items:flex-start;padding:16px 32px;border-bottom:1px solid var(--checkout-line);background:#fff}
.checkout-step{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;color:#9ca3af;font-size:11px;line-height:16px;font-weight:600;text-align:center}.checkout-step:not(:last-child):after{content:"";position:absolute;left:50%;top:20px;width:100%;height:2px;background:#e5e7eb;z-index:0}.checkout-step span{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e5e7eb;color:#9ca3af}.checkout-step svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.checkout-step b{font-size:11px;line-height:16px}.checkout-step.active{color:var(--checkout-accent)}.checkout-step.active span,.checkout-step.complete span{background:var(--checkout-accent);color:#fff}.checkout-step.complete:after{background:var(--checkout-accent)}
.checkout-reference-main{padding:16px;display:flex;flex-direction:column;gap:24px;background:#f9fafb}
.reference-order-summary,.reference-form-card{width:100%;padding:16px;border:1px solid #f0f0f0;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000b}
.reference-order-summary h2{height:29px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--checkout-line);color:#6b7280;font-size:14px;line-height:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.reference-order-product{height:84px;display:flex;align-items:center;gap:12px}.reference-order-product>img{width:64px;height:64px;flex:0 0 64px;object-fit:cover;border:1px solid #e5e7eb;border-radius:6px}.reference-order-product>div{height:84px;display:flex;min-width:0;flex:1;flex-direction:column}.reference-order-product h3{height:20px;overflow:hidden;margin:0;color:#171717;font-size:14px;line-height:20px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.reference-order-product span{height:16px;margin-top:4px;color:#1f2937;font-size:12px;line-height:16px;font-weight:700}.reference-order-product small{height:16px;color:#6b7280;font-size:12px;line-height:16px}.reference-order-product strong{height:24px;margin-top:4px;color:var(--checkout-accent);font-size:16px;line-height:24px;font-weight:700}
.reference-order-totals{margin-top:16px;padding-top:12px;border-top:1px solid var(--checkout-line);color:#4b5563;font-size:14px;line-height:20px}.reference-order-totals>div{display:flex;align-items:center;justify-content:space-between;min-height:20px;margin-bottom:8px;gap:12px}.reference-order-totals b{font-weight:500}.reference-order-totals .discount{color:#16a34a;font-weight:500}.reference-order-totals .discount b{font-weight:500}.reference-order-totals .total{height:37px;margin:4px 0 0;padding-top:8px;border-top:1px solid var(--checkout-line);color:#171717;font-size:18px;line-height:28px;font-weight:700}.reference-order-totals .total b{font-weight:700}
#checkoutForm{display:flex;flex-direction:column;gap:24px}.reference-form-card{display:flex;flex-direction:column;gap:16px}.reference-form-card h2{height:28px;margin:0;color:#171717;font-size:18px;line-height:28px;font-weight:700}.reference-fields{display:flex;flex-direction:column;gap:12px}.reference-fields label{display:flex;flex-direction:column;gap:4px;color:#374151;font-size:14px;line-height:17px;font-weight:500}.reference-fields input{width:100%;height:36px;padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#171717;font:inherit;font-size:14px;line-height:20px;outline:0}.reference-fields input::placeholder{color:#9ca3af}.reference-fields input:focus{border-color:var(--checkout-accent);box-shadow:0 0 0 2px rgba(224,0,142,.12)}.checkout-delivery-step[hidden]{display:none}.reference-next,.reference-pay{height:48px;width:100%;border:1px solid #15803d;border-radius:6px;background:#16a34a;color:#fff;font:inherit;font-size:16px;line-height:20px;font-weight:700;cursor:pointer}.reference-next:hover,.reference-pay:hover{background:#15803d}.reference-payment{margin-top:0}.reference-payment>div{height:58px;display:flex;align-items:center;gap:10px;padding:10px;border:2px solid var(--checkout-accent);border-radius:10px;background:rgba(224,0,142,.025)}.reference-payment>div>span{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:#25a894;color:#fff;font-size:23px}.reference-payment>div>div{display:flex;flex:1;flex-direction:column}.reference-payment b{font-size:14px;line-height:18px}.reference-payment small{color:#6b7280;font-size:11px;line-height:15px}.reference-payment strong{padding:5px 7px;border-radius:999px;background:#eaf9ef;color:#237a49;font-size:10px;line-height:14px}.form-error{padding:10px;border:1px solid #f2cbd1;border-radius:6px;background:#fff0f1;color:#a51d2d;font-size:12px;line-height:17px}.form-error[hidden]{display:none}
.checkout-reference-footer{height:83px;padding:0 16px 24px;background:#f9fafb}.checkout-reference-footer>div{height:32px;display:flex;align-items:center;justify-content:center;gap:24px}.checkout-reference-footer>div>span{display:flex;align-items:center;gap:6px;color:#374151;font-size:11px;line-height:14px}.checkout-reference-footer>div>span:before{content:"✓";width:32px;height:32px;display:grid;place-items:center;border:1px solid #bbf7d0;border-radius:50%;background:#ecfdf5;color:#16a34a;font-size:14px}.checkout-reference-footer>div>span small{display:block;color:#6b7280;font-size:10px;line-height:13px}.checkout-reference-footer>div>span b{display:block;font-size:11px;line-height:14px;letter-spacing:.03em}.checkout-reference-footer p{height:15px;margin:12px 0 0;color:#9ca3af;font-size:10px;line-height:15px;text-align:center}
.reference-order-totals .shipping-method-label{font-weight:400}.reference-order-totals .shipping-price-label{font-weight:500}
.checkout-delivery-step{gap:16px}.cep-block{height:64px;display:flex;flex-direction:column;gap:4px}.cep-block>label,.address-details>label,.address-grid label{color:#374151;font-size:14px;line-height:17px;font-weight:500}.cep-row{height:36px;display:flex;align-items:center;gap:8px}.cep-input-wrap{position:relative;min-width:0;flex:1}.cep-input-wrap input{width:100%;height:36px;padding:6px 36px 6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#171717;font:inherit;font-size:14px;line-height:20px;outline:0}.cep-input-wrap input:focus{border-color:var(--checkout-accent);box-shadow:0 0 0 2px rgba(224,0,142,.12)}.cep-input-wrap span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#16a34a;font-size:16px;font-weight:700}.cep-row>span{width:72px;color:#374151;font-size:14px;line-height:20px;white-space:nowrap}.cep-row>span b{font-weight:700}.address-details{display:flex;flex-direction:column;gap:12px}.address-details[hidden],.shipping-options[hidden],.checkout-payment-step[hidden]{display:none}.address-details>label{display:flex;flex-direction:column;gap:4px}.address-details>label span{color:#9ca3af;font-weight:400}.address-details input{height:36px;width:100%;padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#171717;font:inherit;font-size:14px;line-height:20px;outline:0}.address-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px}.address-grid label{display:flex;flex-direction:column;gap:4px}.shipping-options{display:flex;flex-direction:column;gap:8px;padding-top:8px}.shipping-options h3{height:24px;margin:0;color:#171717;font-size:16px;line-height:24px;font-weight:700}.shipping-choice{position:relative;min-height:48px;display:flex;align-items:center;gap:12px;padding:12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#171717;cursor:pointer}.shipping-choice.selected{border-color:var(--checkout-accent);background:rgba(224,0,142,.025)}.shipping-choice .choice-radio{width:20px;height:20px;flex:0 0 20px;border:2px solid #d1d5db;border-radius:50%}.shipping-choice.selected .choice-radio{border-color:var(--checkout-accent);box-shadow:inset 0 0 0 4px #fff;background:var(--checkout-accent)}.shipping-choice>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.shipping-choice b{font-size:14px;line-height:20px}.shipping-choice small{margin-top:2px;color:#6b7280;font-size:12px;line-height:16px}.shipping-choice small.green{color:#15803d;font-weight:600}.shipping-choice>strong{font-size:14px;line-height:20px;font-weight:700}.shipping-choice em{position:absolute;right:12px;top:-9px;padding:2px 8px;border-radius:999px;background:#16a34a;color:#fff;font-size:10px;line-height:15px;font-style:normal;font-weight:700;text-transform:uppercase}.delivery-actions{display:flex;gap:8px;height:48px;margin-top:0}.delivery-back{width:50px;height:48px;display:grid;place-items:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer}.delivery-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.delivery-actions .reference-next{flex:1}.delivery-actions .reference-next:disabled{border-color:#d1d5db;background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.checkout-payment-step{gap:16px}.checkout-payment-step[hidden]{display:none}
@media(max-width:380px){.checkout-progress{padding-left:20px;padding-right:20px}.checkout-reference-main{padding:12px}.reference-order-summary,.reference-form-card{padding:14px}.reference-order-product h3{font-size:13px}.checkout-reference-footer{padding-left:10px;padding-right:10px}}
.address-form-stack{display:flex;flex-direction:column;gap:12px}.shipping-choice{font:inherit;text-align:left}.shipping-choice .shipping-copy{display:flex;min-width:0;flex:1;flex-direction:column}.shipping-choice .shipping-copy b{color:#171717}.shipping-choice .shipping-copy small{display:flex;align-items:center;gap:6px;min-width:0}.shipping-choice .shipping-logo{width:auto;height:14px;max-width:68px;object-fit:contain}.shipping-choice .shipping-fast{color:#15803d;font-size:11px;font-weight:500}.shipping-choice>strong{margin-left:auto;white-space:nowrap}.shipping-choice.selected .shipping-copy b{color:#171717}.shipping-choice:not(.selected):hover{border-color:#cbd5e1;background:#fafafa}.shipping-options .shipping-choice{width:100%}
.checkout-reference-footer{height:auto;margin-top:24px;padding:0 16px 24px;background:#f9fafb}.checkout-reference-footer .footer-badges{height:32px;display:flex;align-items:center;justify-content:center;gap:24px}.checkout-reference-footer .footer-badge{display:flex;align-items:center;gap:8px;color:#374151}.checkout-reference-footer .footer-badge-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex:0 0 32px;border:1px solid #d1fae5;border-radius:999px;background:#ecfdf5}.checkout-reference-footer .footer-badge-icon svg{width:16px;height:16px;color:#059669;stroke:#059669}.checkout-reference-footer .footer-badge>div:last-child{line-height:1.1}.checkout-reference-footer .footer-badge .text-\[11px\]{font-size:11px;font-weight:700;letter-spacing:.06em;color:#374151}.checkout-reference-footer .footer-badge .text-\[10px\]{font-size:10px;color:#6b7280}.checkout-reference-footer>p{height:15px;margin:12px 0 0;color:#9ca3af;font-size:10px;line-height:15px;text-align:center}
.checkout-reference-page section.checkout-personal-step[hidden],.checkout-reference-page section.checkout-delivery-step[hidden],.checkout-reference-page section.checkout-payment-step[hidden]{display:none!important}
.shipping-options-list{display:flex;flex-direction:column;gap:8px}.shipping-choice.selected{border-color:#009ee3;background:rgba(0,158,227,.05)}.shipping-choice .choice-radio{display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:none}.shipping-choice.selected .choice-radio{border-color:#009ee3;background:#fff;box-shadow:none}.shipping-choice .choice-radio-dot{display:none;width:10px;height:10px;border-radius:999px;background:#009ee3}.shipping-choice.selected .choice-radio-dot{display:block}.shipping-choice.selected .shipping-copy b{color:#111827}.cep-input-wrap span svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shipping-choice>span.shipping-copy{display:flex;min-width:0;flex:1;flex-direction:column}.shipping-choice>span.choice-radio{display:flex;width:20px;min-width:20px;height:20px;flex:0 0 20px;flex-direction:row!important}
.payment-reference-step{display:block;width:100%;padding:0}.payment-reference-stack{display:flex;flex-direction:column;gap:16px}.payment-address-summary{padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000b;color:#4b5563;font-size:12px;line-height:17px}.payment-address-summary strong{color:#171717;font-weight:700}.payment-pix-card{padding:16px;border:2px solid #009ee3;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000b}.payment-discount-badge,.payment-unavailable-badge{position:absolute;right:12px;top:-10px;padding:2px 8px;border-radius:4px;color:#fff;font-size:10px;line-height:15px;font-weight:700}.payment-discount-badge{background:#16a34a}.payment-pix-heading,.payment-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}.payment-radio{display:flex;width:20px;min-width:20px;height:20px;align-items:center;justify-content:center;border:2px solid #009ee3;border-radius:999px;background:#fff}.payment-radio-dot{display:block;width:10px;height:10px;border-radius:999px;background:#009ee3}.payment-radio.disabled{border-color:#d1d5db}.payment-pix-icon,.payment-card-icon{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:6px}.payment-pix-icon{background:linear-gradient(135deg,#32bcad,#1fa89b);color:#fff}.payment-pix-icon svg,.payment-card-icon svg{width:20px;height:20px}.payment-card-icon{background:#d1d5db;color:#6b7280}.payment-card-icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.payment-pix-label,.payment-card-heading>span:last-child{color:#1f2937;font-size:16px;line-height:20px;font-weight:700}.payment-pix-expiry,.payment-card-unavailable p{margin:0 0 12px;color:#6b7280;font-size:14px;line-height:20px}.payment-cpf-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.payment-cpf-field label{color:#374151;font-size:14px;line-height:20px;font-weight:700}.payment-cpf-field input{width:100%;height:36px;padding:6px 12px;border:1px solid #bfdbfe;border-radius:6px;background:rgba(239,246,255,.5);color:#171717;font:inherit;font-size:14px;line-height:20px;outline:0}.payment-cpf-field input:focus{border-color:#009ee3;box-shadow:0 0 0 2px rgba(0,158,227,.12)}.payment-pix-value{margin:0 0 12px;color:#374151;font-size:14px;line-height:20px}.payment-pix-value span{color:#16a34a;font-weight:700}.payment-finish{width:100%;height:48px}.payment-finish:disabled{border-color:#86efac;background:#86efac;color:#fff;cursor:not-allowed;opacity:.65}.payment-card-unavailable{padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#f3f4f6;box-shadow:0 1px 3px #0000000b;opacity:.75}.payment-unavailable-badge{background:#6b7280}.payment-card-heading{margin-bottom:8px}.payment-card-heading>span:last-child{color:#6b7280}.payment-card-unavailable p{margin:0;color:#6b7280}.payment-reference-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.payment-back{display:inline-flex;height:32px;align-items:center;justify-content:center;gap:4px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#4b5563;font:inherit;font-size:12px;line-height:16px;font-weight:500;cursor:pointer}.payment-back svg,.payment-secure svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.payment-secure{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:12px;line-height:16px}.payment-secure svg{width:16px;height:16px}.payment-reference-step .form-error{margin-top:0}