From 2495edf188b6273078206a9346c7ca5714b10098 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= Date: Tue, 29 Sep 2026 14:14:06 -0300 Subject: [PATCH] fix: keep the payment page's styles off Mercado Pago's card form The rule sizing the PIX code field applied to every input in the payment area, turning the card form's instalment radios into tall boxes; the heading rule likewise reached the form's own headings. Both now apply only to the page's own elements. Co-Authored-By: Claude Opus 5.5 --- web/site-v2.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) 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}