/**
 * MGIH Green Rewards — My Account presentation.
 */
.mgih-reward-highlight,
.mgih-rewards-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding:24px;
	margin:24px 0;
	border:1px solid #cfe3d5;
	border-radius:20px;
	background:linear-gradient(135deg,#f4fbf6,#ffffff);
	box-shadow:0 12px 34px rgba(5,59,42,.08);
}
.mgih-reward-highlight h3,
.mgih-rewards-header h2 { margin:.35rem 0 .5rem; color:#083d2c; }
.mgih-reward-highlight p,
.mgih-rewards-header p { margin:0; color:#54675f; }
.mgih-reward-kicker {
	display:inline-block;
	color:#087048;
	font-size:.76rem;
	font-weight:800;
	letter-spacing:.11em;
	text-transform:uppercase;
}
.mgih-reward-code-wrap { display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.mgih-reward-code {
	display:inline-block;
	padding:11px 14px;
	border:1px dashed #8bbda0;
	border-radius:10px;
	background:#fff;
	color:#063d2d;
	font:700 .92rem/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
	letter-spacing:.03em;
}
.mgih-reward-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:24px; }
.mgih-reward-card {
	display:grid;
	grid-template-columns:100px minmax(0,1fr);
	overflow:hidden;
	border:1px solid #d7e7dc;
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 28px rgba(5,59,42,.06);
}
.mgih-reward-percent {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px 12px;
	background:#087048;
	color:#fff;
	font-size:2rem;
	font-weight:900;
}
.mgih-reward-card-body { padding:20px; min-width:0; }
.mgih-reward-card-body h3 { margin:.35rem 0 .8rem; }
.mgih-reward-card-body p { margin:.75rem 0; color:#5c6d65; }
.mgih-reward-status {
	display:inline-flex;
	padding:5px 9px;
	border-radius:999px;
	background:#e8f6ed;
	color:#087048;
	font-size:.72rem;
	font-weight:800;
	text-transform:uppercase;
}
.mgih-reward-card--used .mgih-reward-percent,
.mgih-reward-card--expired .mgih-reward-percent,
.mgih-reward-card--revoked .mgih-reward-percent { background:#77857e; }
.mgih-reward-card--used .mgih-reward-status,
.mgih-reward-card--expired .mgih-reward-status,
.mgih-reward-card--revoked .mgih-reward-status { background:#eef1ef; color:#5e6b65; }
@media (max-width:780px) {
	.mgih-reward-highlight,.mgih-rewards-header { align-items:flex-start; flex-direction:column; }
	.mgih-reward-code-wrap { align-items:flex-start; width:100%; }
	.mgih-reward-grid { grid-template-columns:1fr; }
}
@media (max-width:480px) {
	.mgih-reward-card { grid-template-columns:1fr; }
	.mgih-reward-percent { padding:16px; }
}