/**
 * Checkout granular: background à esquerda = meio (pix/boleto/cartão);
 * img no <p> à direita = bandeira do gateway.
 */
#paymentMethods .paymentMethodContent.granularPaymentLine {
  align-items: normal;
  padding: 5px 12px 5px 60px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
}

#paymentMethods .paymentMethodContent.granularPaymentLine.granularPmKind-card,
#paymentMethods .paymentMethodContent.granularPaymentLine.granularPmKind-debit {
  background-image: url(https://app.interago.com.br/App/Extensions/10/tag/img/paymentCreditCard.svg);
}

#paymentMethods .paymentMethodContent.granularPaymentLine.granularPmKind-boleto {
  background-image: url(https://app.interago.com.br/App/Extensions/10/tag/img/boleto.svg);
}

#paymentMethods .paymentMethodContent.granularPaymentLine.granularPmKind-pix {
  background-image: url(https://app.interago.com.br/App/Extensions/10/tag/img/pix.svg);
}

#paymentMethods .paymentMethodContent.granularPaymentLine.granularPmKind-picpay {
  background-image: url(https://app.interago.com.br/App/Extensions/10/tag/img/paymentPicPay.svg);
}

#paymentMethods .paymentMethodContent.granularPaymentLine.granularPmKind-manual {
  background-image: url(https://app.interago.com.br/App/Extensions/10/tag/img/paymentManual.svg);
}

#paymentMethods .paymentMethodContent.granularPaymentLine.granularPmKind-manual_pix {
  background-image: url(https://app.interago.com.br/App/Extensions/10/tag/img/pix.svg);
}

#paymentMethods .paymentMethodContent.granularPaymentLine .granularPmCopy {
  width: 100%;
  min-width: 0;
}

#paymentMethods .paymentMethodContent.granularPaymentLine .granularPmCopy h4,
#paymentMethods .paymentMethodContent.granularPaymentLine .granularPmCopy p {
  padding: 0;
  margin: 0;
  width: 100%;
}

#paymentMethods .paymentMethodContent.granularPaymentLine .granularPmCopy p {
  overflow: hidden;
}

#paymentMethods .paymentMethodContent.granularPaymentLine .granularPmGatewayIcon {
  max-width: 42px;
  float: right;
  margin-left: 8px;
}