body#upgrade.body-recharge-compact #mac-user-buy-root.member-wrap {
	max-width: 1180px !important;
	padding: 20px 12px 36px !important;
}

body#upgrade.body-recharge-compact .recharge-center {
	display: grid !important;
	gap: 12px !important;
}

body#upgrade.body-recharge-compact .recharge-hero {
	align-items: center !important;
	display: grid !important;
	gap: 18px !important;
	grid-template-columns: 165px minmax(0, 1fr) !important;
	min-height: 112px !important;
	padding: 18px 22px !important;
}

body#upgrade.body-recharge-compact .recharge-hero::after {
	display: none !important;
}

body#upgrade.body-recharge-compact .recharge-hero__copy h1 {
	color: #ffd36b !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
}

body#upgrade.body-recharge-compact .recharge-hero__copy p {
	font-size: 13px !important;
	line-height: 1.5 !important;
	margin: 8px 0 0 !important;
}

body#upgrade.body-recharge-compact .recharge-hero__metrics {
	display: grid !important;
	gap: 10px !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body#upgrade.body-recharge-compact .recharge-metric {
	align-items: center !important;
	background: rgba(8, 20, 38, .74) !important;
	border: 1px solid rgba(70, 132, 198, .18) !important;
	border-radius: 6px !important;
	display: grid !important;
	gap: 9px !important;
	grid-template-columns: 32px minmax(0, 1fr) !important;
	min-height: 62px !important;
	padding: 9px 11px !important;
}

body#upgrade.body-recharge-compact .recharge-metric > i {
	align-items: center !important;
	background: rgba(246, 196, 92, .13) !important;
	border: 1px solid rgba(246, 196, 92, .34) !important;
	border-radius: 50% !important;
	color: #ffd36b !important;
	display: flex !important;
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: 900 !important;
	height: 30px !important;
	justify-content: center !important;
	width: 30px !important;
}

body#upgrade.body-recharge-compact .recharge-metric small {
	font-size: 11px !important;
	margin: 0 0 3px !important;
}

body#upgrade.body-recharge-compact .recharge-metric strong {
	display: block !important;
	font-size: 14px !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
}

body#upgrade.body-recharge-compact .recharge-metric strong em {
	font-size: 10px !important;
	margin: 0 0 0 3px !important;
}

body#upgrade.body-recharge-compact .recharge-final-card {
	border-radius: 8px !important;
	padding: 22px 26px !important;
}

body#upgrade.body-recharge-compact .recharge-final-header {
	gap: 14px !important;
	grid-template-columns: minmax(120px, 1fr) auto auto !important;
	margin: 0 0 16px !important;
	padding: 0 0 13px !important;
}

body#upgrade.body-recharge-compact .recharge-final-header h2 {
	font-size: 23px !important;
}

body#upgrade.body-recharge-compact .recharge-final-pill {
	font-size: 12px !important;
	padding: 8px 13px !important;
}

body#upgrade.body-recharge-compact .recharge-final-header p {
	font-size: 12px !important;
}

body#upgrade.body-recharge-compact .recharge-package-grid {
	gap: 10px !important;
	grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
}

body#upgrade.body-recharge-compact .recharge-package-card {
	border-radius: 7px !important;
	gap: 6px !important;
	min-height: 138px !important;
	padding: 14px 10px !important;
}

body#upgrade.body-recharge-compact .recharge-package-card strong {
	font-size: 32px !important;
}

body#upgrade.body-recharge-compact .recharge-package-card strong span {
	font-size: 12px !important;
	margin-top: 5px !important;
}

body#upgrade.body-recharge-compact .recharge-package-card b {
	font-size: 18px !important;
}

body#upgrade.body-recharge-compact .recharge-package-card small {
	font-size: 11px !important;
}

body#upgrade.body-recharge-compact .recharge-pay-methods {
	margin: 16px 0 12px !important;
}

body#upgrade.body-recharge-compact .recharge-pay-title {
	font-size: 14px !important;
	margin-bottom: 8px !important;
}

body#upgrade.body-recharge-compact .recharge-pay-grid {
	gap: 10px !important;
}

body#upgrade.body-recharge-compact .recharge-pay-card {
	border-radius: 7px !important;
	flex-direction: row !important;
	gap: 10px !important;
	min-height: 68px !important;
	padding: 12px 15px !important;
}

body#upgrade.body-recharge-compact .recharge-pay-card img {
	height: 34px !important;
	width: 34px !important;
}

body#upgrade.body-recharge-compact .recharge-pay-copy {
	justify-content: flex-start !important;
	width: auto !important;
}

body#upgrade.body-recharge-compact .recharge-pay-copy strong {
	font-size: 13px !important;
	white-space: nowrap !important;
}

body#upgrade.body-recharge-compact .recharge-final-notice {
	margin: 12px 0 0 !important;
	min-height: 46px !important;
	padding: 10px 14px !important;
}

body#upgrade.body-recharge-compact .recharge-final-notice strong,
body#upgrade.body-recharge-compact .recharge-final-notice span {
	font-size: 12px !important;
}

body#upgrade.body-recharge-compact .recharge-submit-btn {
	border-radius: 7px !important;
	font-size: 16px !important;
	height: 48px !important;
	line-height: 48px !important;
	margin-top: 12px !important;
	width: 320px !important;
}

body#upgrade.body-recharge-compact .recharge-tips {
	margin-top: 10px !important;
	max-width: 100% !important;
	min-height: 38px !important;
}

body#upgrade.body-recharge-compact .recharge-info-grid {
	grid-template-columns: 1fr !important;
	margin-top: 0 !important;
}

body#upgrade.body-recharge-compact .recharge-notes {
	padding: 16px 20px !important;
}

body#upgrade.body-recharge-compact .recharge-notes .recharge-section-head {
	margin-bottom: 10px !important;
	padding-bottom: 9px !important;
}

body#upgrade.body-recharge-compact .recharge-notes ul {
	display: grid !important;
	gap: 8px 26px !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body#upgrade.body-recharge-compact .recharge-notes li {
	font-size: 12px !important;
}

@media (min-width: 901px) {
	body#upgrade.body-recharge-compact #mac-user-buy-root.member-wrap > #member.recharge-center-page#member {
		align-items: start !important;
		display: grid !important;
		gap: 16px !important;
		grid-template-columns: minmax(0, 1fr) 220px !important;
		max-width: 1180px !important;
	}

	body#upgrade.body-recharge-compact #member.recharge-center-page #left.mc-sidebar#left {
		max-width: 220px !important;
		width: 220px !important;
	}
}

@media (max-width: 900px) {
	body#upgrade.body-recharge-compact .recharge-hero {
		grid-template-columns: 1fr !important;
	}

	body#upgrade.body-recharge-compact .recharge-hero__metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 560px) {
	body#upgrade.body-recharge-compact .recharge-final-card {
		padding: 16px !important;
	}

	body#upgrade.body-recharge-compact .recharge-final-header {
		align-items: flex-start !important;
		grid-template-columns: 1fr !important;
	}

	body#upgrade.body-recharge-compact .recharge-final-header p {
		text-align: left !important;
	}

	body#upgrade.body-recharge-compact .recharge-package-grid,
	body#upgrade.body-recharge-compact .recharge-hero__metrics,
	body#upgrade.body-recharge-compact .recharge-notes ul {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body#upgrade.body-recharge-compact .recharge-pay-grid {
		grid-template-columns: 1fr !important;
	}

	body#upgrade.body-recharge-compact .recharge-submit-btn {
		width: 100% !important;
	}
}