/* Patch visual para o banner no checkout (sem tocar no CSS original) */
.checkout-promo-banner {
  /* Mesma largura das boxes: ocupa 100% do container onde as boxes vivem */
  width: 100%;
  max-width: 100%;
  /* centraliza quando houver max-width (definido via JS para igualar a box) */
  margin: 8px auto 12px;
  padding: 0;
  position: relative;
  z-index: 30;
}

.checkout-promo-banner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* Logos dos métodos de frete */
[data-shipping-logo-wrapper="true"] {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  vertical-align: middle;
}

img[data-shipping-logo="true"] {
  height: 18px;
  width: auto;
  max-width: 76px;
  object-fit: contain;
}

/* Logo Pix nas formas de pagamento */
[data-payment-logo-wrapper="true"] {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
  vertical-align: middle;
}

img[data-payment-logo="true"] {
  height: 18px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}