.transparent-payment h2{font-size:24px;margin:16px 0 8px}
.transparent-payment>p{font-size:12px}
.transparent-payment details{background:#f5f4ef;border:1px solid #18254540;border-radius:6px;margin:8px 0;padding:12px}
.transparent-payment details[open]{border-color:var(--ink)}
.transparent-payment summary{cursor:pointer;font-weight:600}
.transparent-payment label,.transparent-payment form span{display:block;margin-top:8px;font-size:13px}
.transparent-payment input:not([hidden]),.transparent-payment select:not([hidden]),.mp-field{
 display:block;width:100%;min-width:0;min-height:44px;margin-top:4px;border:1px solid #18254566;border-radius:3px;background:var(--paper);color:var(--ink);font:inherit;
}
.transparent-payment input,.transparent-payment select{padding:6px 8px}
.transparent-payment .mp-field{height:44px;padding-inline:8px;overflow:hidden}
.transparent-payment .mp-field iframe{display:block;width:100%;height:100%;max-height:100%;border:0}
.mp-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.transparent-payment .button{min-height:44px;border:0;border-radius:50px}
#mp-result img{width:min(200px,100%);margin:10px 0}
#mp-result a{display:block;text-decoration:underline;margin-top:8px}
#mp-result button{margin-top:6px}

#mp-installments-note{display:block;margin-top:4px}

#checkout-content.show-pix-receipt .checkout-main{display:none}
@media(min-width:721px){#checkout-content.show-pix-receipt{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}}
.pix-receipt{min-width:0;padding:clamp(16px,3vw,28px);border:1px solid #18254518;border-radius:6px;background:#f5f4ef}
.pix-receipt h2{font-size:clamp(24px,4vw,34px);line-height:1.15;margin:8px 0}
.pix-receipt h2:focus{outline:none}
.pix-order{font-size:12px;overflow-wrap:anywhere}
.pix-total{font-weight:600}
.pix-code img{width:min(220px,100%);margin:16px auto;background:#fff;padding:10px}
.pix-code input{width:100%;min-height:44px;padding:8px;border:1px solid #18254540;border-radius:4px;font:inherit;color:inherit}
.pix-code .button{width:100%;min-height:44px;border:0;border-radius:50px}
.pix-back{background:none;border:0;text-decoration:underline;min-height:44px;margin-top:6px}
@media(max-width:720px){.pix-receipt{grid-row:1}}

.boleto-link{display:inline-block;padding:10px 0;text-decoration:underline}

#checkout-form .transparent-simulation-step{display:none}


.transparent-payment summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:30px}
.transparent-payment summary::-webkit-details-marker{display:none}
.transparent-payment summary::before{content:'';display:grid;place-items:center;width:18px;height:18px;flex:none;border:1px solid #18254555;border-radius:50%;background:#fff}
.transparent-payment details[open]>summary::before{content:'✓';background:var(--ink);border-color:var(--ink);color:#fff;font-size:12px}
.transparent-payment summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.payment-thanks img{width:56px;height:56px;margin-bottom:16px}
.payment-thanks .button{border-radius:50px}

#checkout-content.show-pix-receipt .transparent-actions{display:none}
.transparent-actions{margin-top:14px}
.transparent-actions>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.transparent-actions .transparent-finish{margin:0;min-height:44px;flex:1;border:0;border-radius:6px;padding:8px 12px}
.transparent-back{background:none;border:0;min-height:44px;white-space:nowrap}
.transparent-finish:disabled{opacity:.6}

.installment-summary{margin:4px 0 0;text-align:right;font-size:12px;color:#48536c;overflow-wrap:anywhere}
#checkout-content.show-pix-receipt .installment-summary{display:none}

@media(max-width:480px){
 .transparent-payment details{padding:10px}
 .transparent-payment select{max-width:100%}
 .pix-code input{min-width:0}
 .transparent-actions>div{flex-wrap:wrap}
 .transparent-actions .transparent-finish{min-width:0}
}