/* Checkout: one centered column, from access details to the Pix payment. */
body[data-stage="checkout"]{--action:#111;--accent:#111;--action-hover:#292929;--caramel:#111;background:#fff;color:#111}
body[data-stage="checkout"] #header{border:0}
.checkout-topbar{height:27px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:8px;font-weight:700;letter-spacing:1px}
.checkout-topbar svg{width:11px;height:11px;opacity:.7}
.checkout-topbar i{width:1px;height:9px;background:#ffffff60}
.checkout-header{max-width:480px;padding:18px 20px 16px;margin:auto;display:flex;align-items:center;gap:10px}
.checkout-back{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e3e3e3;border-radius:3px;background:#fff;flex-shrink:0}
.checkout-back svg{width:18px;height:18px;color:#666}
body[data-stage="checkout"] .checkout-header .brand{display:block;line-height:0;width:84px;height:60px;min-height:60px;position:relative;overflow:hidden}
body[data-stage="checkout"] .checkout-header .brand-image{position:absolute;left:-12px;top:-26px;display:block;width:108px;height:108px;object-fit:contain;filter:invert(1)}
#checkout-header-price{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
body[data-stage="checkout"] .checkout-wrap{width:100%;max-width:480px;padding:0 20px;margin:0 auto}
.checkout-stage{display:block;min-height:0}
.checkout-hero-banner{border:1px solid #222;border-radius:4px;overflow:hidden}
.checkout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0 18px;border-bottom:1px solid #e5e5e5}
.checkout-heading h1{font:800 23px/1.2 var(--sans);letter-spacing:-.7px;margin:0}
.checkout-heading>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#888;white-space:nowrap}
.checkout-heading>span svg{width:12px;height:12px}
body[data-stage="checkout"] .checkout-form{width:100%;padding:0;border:0;border-radius:0;background:transparent}
.checkout-step{padding:21px 0 24px;border-bottom:1px solid #e5e5e5}
.checkout-step-title{display:flex;align-items:center;gap:9px;font:750 14px/1.3 var(--sans);letter-spacing:-.1px;margin:0 0 16px}
.checkout-step-title>span{width:21px;height:21px;flex-shrink:0;display:grid;place-items:center;border-radius:3px;background:#111;color:white;font-size:11px;font-weight:700}
.checkout-intro{font-size:12px;line-height:1.5;color:#777;margin:-1px 0 20px}
body[data-stage="checkout"] .field{gap:8px;margin:0 0 16px}
body[data-stage="checkout"] .field>span:first-child{font-size:11px;font-weight:700}
.checkout-input{display:block;position:relative}
.checkout-input>svg{position:absolute;left:15px;top:16px;width:17px;height:17px;color:#8a8a8a;pointer-events:none}
body[data-stage="checkout"] .checkout-input input{min-height:50px;height:50px;padding:13px 15px 13px 42px;border:1px solid #ddd;border-radius:3px;font-size:14px;font-weight:400}
.checkout-input input::placeholder{color:#999;opacity:1}
.checkout-data-note{display:flex;align-items:flex-start;gap:10px;background:#f7f7f7;border-radius:3px;padding:15px;margin-top:19px;font-size:11px;line-height:1.6}
.checkout-data-note>svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;color:#666}
.checkout-data-note strong{font-weight:700;font-size:11px}
.checkout-data-note ul{list-style:none;padding:0;margin:6px 0 0;color:#777;font-size:11px}
.checkout-data-note li::before{content:'✓';margin-right:7px;color:#999}
body[data-stage="checkout"] .order-summary{order:initial;width:100%;background:transparent;border:0;border-bottom:1px solid #e5e5e5;padding:21px 0 24px;border-radius:0}
.checkout-plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:18px;border:1px solid #111;border-radius:3px}
.checkout-plan-label{font-size:8px;font-weight:700;line-height:1.5;letter-spacing:1px;color:#777;margin:0 0 5px}
body[data-stage="checkout"] .checkout-plan-card h3{font:800 17px/1.25 var(--sans);letter-spacing:-.3px;margin:0}
.checkout-plan-price{font-size:16px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.checkout-plan-detail{grid-column:1/-1;font-size:12px;line-height:1.6;color:#777;margin:0}
.checkout-savings{grid-column:1/-1;font-size:11px;font-weight:600;color:#444;margin:0}
body[data-stage="checkout"] .checkout-plan-switch{gap:8px;margin:10px 0}
body[data-stage="checkout"] .checkout-plan-switch button{min-height:38px;font-size:11px;font-weight:600;border-radius:3px;background:#fff;border:1px solid #ddd;color:#777;transform:none}
body[data-stage="checkout"] .checkout-plan-switch button[aria-pressed="true"]{background:#111;color:#fff;border-color:#111}
.checkout-inclusions{padding:17px 18px;border:1px solid #e5e5e5;border-radius:3px}
.checkout-plan-card + .checkout-inclusions{margin-top:10px}
body[data-stage="checkout"] .checkout-inclusions h3{font:700 12px/1.4 var(--sans);letter-spacing:0;margin:0 0 12px}
.checkout-inclusions ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.checkout-inclusions li{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;color:#777}
.checkout-inclusions li>svg{width:15px;height:15px;flex-shrink:0;border:1px solid #ddd;padding:2px;color:#888;margin-top:1px}
body[data-stage="checkout"] .bump-title{font-size:11px;font-weight:600;margin:19px 0 10px;color:#777}
body[data-stage="checkout"] .bump{padding:16px;gap:11px;border:1px dashed #bbb;border-radius:3px;background:#f8f8f8;margin:0 0 10px;transform:none}
body[data-stage="checkout"] .bump:has(input:checked){border-style:solid;border-color:#111;background:#f0f0f0}
body[data-stage="checkout"] .bump input{accent-color:#111;width:17px;height:17px;margin-top:2px;cursor:pointer}
body[data-stage="checkout"] .bump strong{font-size:12px;line-height:1.5}
body[data-stage="checkout"] .bump p{font-size:11px;line-height:1.6;color:#777;margin-top:7px}
body[data-stage="checkout"] .bump b{font-size:11px;color:#111;margin-top:9px}
body[data-stage="checkout"] .order-line{font-size:11px;padding:8px 0;line-height:1.5;gap:12px;color:#777}
body[data-stage="checkout"] .order-line b{white-space:nowrap;color:#111}
body[data-stage="checkout"] .order-total{border:0;padding:18px 0 0;margin-top:8px;gap:12px}
.order-total>span{font-size:12px;font-weight:400;color:#777}
.order-total>div{text-align:right;display:grid;gap:4px}
#order-total{font:800 25px/1.1 var(--sans);letter-spacing:-.7px;white-space:nowrap;font-variant-numeric:tabular-nums}
.order-total small{font-size:10px;color:#999}
.checkout-pix{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid #111;border-radius:3px}
.checkout-pix>svg{width:24px;height:24px;flex-shrink:0}
.checkout-pix>div{display:grid;gap:4px}
.checkout-pix strong{font-size:13px;font-weight:700}
.checkout-pix>div>span{font-size:11px;line-height:1.5;color:#777}
.checkout-pix-check{margin-left:auto;display:grid;place-items:center;width:17px;height:17px;background:#111;color:white;border-radius:50%;flex-shrink:0}
.checkout-pix-check svg{width:12px;height:12px}
body[data-stage="checkout"] .checkout-pending{background:#f7f7f7;color:#777;border-color:#e5e5e5;font-size:11px;margin:12px 0 0;padding:10px 12px}
body[data-stage="checkout"] #purchase{display:flex;align-items:center;justify-content:center;min-height:52px;gap:6px;margin-top:15px;background:#111;border:1px solid #111;color:white;border-radius:3px;font-size:13px;font-weight:700;box-shadow:none;transform:none}
body[data-stage="checkout"] #purchase:hover{background:#292929;box-shadow:none}
body[data-stage="checkout"] #purchase:disabled{opacity:.45;cursor:not-allowed}
body[data-stage="checkout"] #purchase:disabled:hover{background:#111}
#purchase>svg{width:17px;height:17px;margin-left:3px}
.checkout-payment-note{font-size:10px;line-height:1.6;color:#999;text-align:center;margin:10px 6px 0}
.checkout-assurances{display:grid;gap:10px;padding-top:24px}
.checkout-assurance{display:flex;gap:12px;padding:18px;border:1px solid #e5e5e5;border-radius:3px}
.checkout-guarantee{background:#f6f6f6;border-color:#f6f6f6}
.checkout-assurance>svg{width:21px;height:21px;color:#666;flex-shrink:0}
.checkout-assurance h2{font:750 12px/1.45 var(--sans);letter-spacing:0;margin:0 0 7px}
.checkout-assurance p{font-size:11px;line-height:1.7;color:#777;margin:0}
.checkout-assurance p strong{font-weight:700;color:#222}
.checkout-footer{max-width:480px;margin:0 auto;padding:24px 20px 35px;text-align:center}
body[data-stage="checkout"] .checkout-footer .brand{display:block;line-height:0;width:84px;height:60px;min-height:60px;position:relative;overflow:hidden;margin:0 auto}
body[data-stage="checkout"] .checkout-footer .brand-image{position:absolute;left:-12px;top:-26px;width:108px;height:108px;object-fit:contain;display:block;filter:invert(1)}
.checkout-footer>p{font-size:10px;color:#999;margin:8px 0 6px}
.checkout-footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:0 18px;margin-top:12px}
.checkout-footer .footer-links button{font-size:10px;min-height:36px;color:#888;text-decoration:underline;text-underline-offset:3px}
body[data-stage="checkout"] :is(button,input):focus-visible{outline:2px solid #111;outline-offset:3px}
@media(max-width:380px){
 .checkout-header{padding:12px 16px}
 body[data-stage="checkout"] .checkout-wrap{padding:0 16px}
 .checkout-heading h1{font-size:21px}
 .checkout-heading>span{font-size:8px}
 .checkout-plan-card,.checkout-inclusions,.checkout-assurance{padding:15px}
 .checkout-plan-price{font-size:14px}
 body[data-stage="checkout"] .bump{padding:14px}
}