/* NetStore UI: selos de pagamento do rodapé ([ns_payment_methods]) sobre o fundo escuro do .sv-footer */
.ns-pay{
  display:flex; flex-wrap:wrap; gap:8px; margin:0 !important; padding:0 !important; list-style:none !important; max-width:560px;
}
.ns-pay > li{
  display:flex; align-items:center; justify-content:center; box-sizing:border-box; height:32px; margin:0 !important; padding:0;
  list-style:none !important; background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
.ns-pay > li::before, .ns-pay > li::after{ content:none !important; display:none !important; }
.ns-pay .ns-pay-card{ width:50px; }
.ns-pay .ns-pay-card img{ display:block; width:50px; height:32px; max-width:none; }
.ns-pay .ns-pay-chip{ gap:6px; padding:0 10px 0 7px; }
.ns-pay .ns-pay-chip img{ display:block; width:18px; height:18px; max-width:none; }
/* o editor do rodapé põe um <br> depois de cada rótulo, e no celular ele abre um vão */
.sv-footer-bottom .sv-footer-payment > br, .sv-footer-bottom .sv-footer-security > br{ display:none; }
.ns-pay .ns-pay-chip span{
  color:#1B2430; font-size:12px; font-weight:700; line-height:1; letter-spacing:.02em; white-space:nowrap;
}

@media (max-width:544px){
  /* no celular o rodapé é centralizado */
  .ns-pay{ justify-content:center; max-width:340px; margin:0 auto !important; }
}