.its-payment-methods-list__item-label .its-payment-icons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

.its-payment-methods-list__item-label .its-payment-icons--right {
	margin-left: auto;
}

/* Negative margin compensates the label's column-gap: 12px, leaving ~6px between name and icons. */
.its-payment-methods-list__item-label .its-payment-icons--title {
	margin-left: -6px;
}

.its-payment-methods-list__item-label .its-payment-icons__img {
	height: 24px;
	width: auto;
	max-width: none;
	/* WC core sets margin/position on `#payment ul.payment_methods li img` (higher specificity) — force-reset so only flex gap controls spacing. */
	margin: 0 !important;
	padding: 0;
	position: static;
	vertical-align: middle;
	display: block;
}

/* Apple/Google badges sit in their own bordered chip (white bg, thin neutral border).
   #payment prefix beats WC core `#payment ul.payment_methods li img { padding: 0 }`. */
.woocommerce-checkout #payment ul.payment_methods li .its-payment-icons--title img.its-payment-icons__img {
	height: 12px;
	padding: 5px 7px;
	border: 1px solid var(--its-color-neutral-300, #c2c2c2);
	border-radius: 6px;
	background-color: #fff;
	box-sizing: content-box;
}