/* codex-footer-payment-grid-stable-20260910 */
/* Equal logo cells prevent unrelated storefront releases from stretching the footer. */
footer .money a.payment-logos {
	display: grid !important;
	grid-template-columns: repeat(8, 108px) !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	max-width: 920px !important;
	height: auto !important;
	margin: 0 auto !important;
	padding: 0 !important;
	line-height: 1 !important;
}

footer .money .payment-logo,
footer .money .payment-logo--erip {
	display: flex !important;
	width: 108px !important;
	height: 48px !important;
	min-width: 0 !important;
	flex: none !important;
	margin: 0 !important;
	padding: 6px 0 !important;
	box-sizing: border-box !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

footer .money .payment-logo__visual {
	transform: none !important;
	transform-origin: center !important;
}

footer .money .payment-logo--erip img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 88px !important;
	max-height: 36px !important;
	margin: 0 !important;
	transform: none !important;
	object-fit: contain !important;
}

@media (max-width: 991px) {
	footer .money a.payment-logos {
		grid-template-columns: repeat(4, 84px) !important;
		max-width: 360px !important;
		gap: 6px !important;
	}

	footer .money .payment-logo,
	footer .money .payment-logo--erip {
		width: 84px !important;
		height: 44px !important;
		padding: 4px 0 !important;
	}

	footer .money .payment-logo__visual {
		transform: scale(.75) !important;
	}

	footer .money .payment-logo--erip img {
		max-width: 72px !important;
		max-height: 30px !important;
	}
}

@media (max-width: 379px) {
	footer .money a.payment-logos {
		grid-template-columns: repeat(3, 84px) !important;
		max-width: 264px !important;
	}
}

/* codex-footer-payment-sprite-crop-20260910 */
/* Hide neighbouring marks from the shared transparent sprite in each logo cell. */
footer .money .payment-logo__visual--visa-secure {
	clip-path: inset(0 29%);
}

footer .money .payment-logo__visual--mastercard {
	clip-path: inset(0 20%);
}

footer .money .payment-logo__visual--mastercard-secure {
	clip-path: inset(0 23%);
}

footer .money .payment-logo__visual--belkart {
	clip-path: inset(0 32%);
}

footer .money .payment-logo__visual--belkart-secure,
footer .money .payment-logo__visual--bepaid {
	clip-path: inset(10% 0);
}
