diff --git a/web/site-v2.css b/web/site-v2.css index f91eb01..1fe33a6 100644 --- a/web/site-v2.css +++ b/web/site-v2.css @@ -224,7 +224,8 @@ section+section{border-top:0} .checkout{max-width:760px;margin:20px auto 0} .checkout #checkoutStatus:not(:empty){padding:16px 18px;border-radius:var(--raio);background:var(--verde-fundo);border:1px solid #BFE6CE;color:#14532D;font-size:15px} #checkoutActions{margin-top:12px} -#checkoutActions input{height:44px;border-radius:var(--raio2);border:1px solid #D6D6D6;padding:0 12px} +/* Only our own fields: Mercado Pago's card form (its instalment radios) keeps its own styles. */ +#checkoutActions .pixBox input{height:44px;border-radius:var(--raio2);border:1px solid #D6D6D6;padding:0 12px} /* The payment pages: paying on the left, the order summary on the right */ html:is([data-rota="pagamento"],[data-rota="pix"]) .checkout{max-width:1040px;margin-top:8px} html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start} @@ -235,7 +236,7 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te .pagCab{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px} .pagCab h3{font-size:26px;font-weight:800;letter-spacing:-.02em} .pagVolta{font-size:14px;color:var(--texto2)} -.pagEsq h4{font-size:17px;font-weight:800;margin-bottom:12px} +#checkoutActions > h4,#checkoutActions .pixBox > h4{font-size:17px;font-weight:800;margin-bottom:12px} .pagNota{font-size:14px;color:var(--texto2);margin:4px 0 16px;line-height:1.5} .pagResumo{position:sticky;top:var(--topo-passos,128px);border:1px solid var(--linha);border-radius:16px;background:#fff;padding:20px 22px} .pagResumo h4{font-size:17px;font-weight:800;margin-bottom:10px}