/*body {
	margin: 0;
	font-family: Arial, sans-serif;
	background-color: #121212;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
}*/

.loyalty-card {
	width: 100%;
	max-width: 360px;
	border-radius: 16px;
	overflow: hidden;
	background-color: var(--primary-base-color);
	color: var(--primary-contrast-color);
	box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.loyalty-card-header {
	padding: 16px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.loyalty-card-logo {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #000;
	margin-right: 12px;
}

.loyalty-card-logo img {
	max-width: 100%;
}

.loyalty-card-title {
	font-size: 18px;
	font-weight: bold;
}

.loyalty-card-body {
	padding: 16px;
}

.loyalty-card-section {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.loyalty-card-section label {
	font-size: 14px;
	opacity: 0.9;
}

.loyalty-card-section .value {
	font-size: 16px;
	font-weight: bold;
}

.loyalty-card .qr-container {
	text-align: center;
	margin-top: 12px;
}

.loyalty-card .qr-container img {
	width: 180px;
	height: 180px;
	background-color: #FFF;
	border-radius: 12px;
}

.loyalty-card .qr-code-text {
	text-align: center;
	font-size: 14px;
	margin-top: 12px;
}

.loyalty-card .footer-image img {
	width: 100%;
}