/* Silicon Valley Lingo: Scaling the crypto asset picker chassis for high-performance mobile reflow. Pivoting to a fluid grid. */
.crypto-grid-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-bottom: 30px;
	width: 100%;
	box-sizing: border-box;
}
/* A-FUCKING-DOCS: We're depreciating hardcoded widths from the legacy build to mitigate horizontal overflow. The card now scales based on the parent container's real estate, maintaining 1:1 parity with the bank-wire UX while ensuring the UI doesn't break on narrow viewports. */
.crypto-option-card {
	flex: 1 1 260px;
	max-width: 350px;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 30px 15px;
	box-sizing: border-box;
	display: flex;
}
/* Silicon Valley Lingo: Ensuring the asset icons preserve geometry across all aspect ratios. */
.crypto-option-card .payment-method-icon {
	width: 100%;
	max-width: 180px;
	height: auto;
	object-fit: contain;
	margin: 0 auto 10px auto;
	order: 2;
	border-radius: 0;
}
.crypto-option-card .tariff-name {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	color: white;
	order: 1;
}
.crypto-option-card p {
	order: 3;
	margin: 0;
	font-size: 14px;
	color: #ccc;
	line-height: 1.4;
	min-height: auto;
	background: none;
	border: none;
	padding: 0;
}
/* Silicon Valley Lingo: Triggering the mobile-first collapse. Card stacks vertically to preserve the UX on legacy hardware and tight viewports. */
@media (max-width: 650px) {
	.crypto-option-card {
		flex: 1 1 100%;
		max-width: 100%;
	}
}