.fraction-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 15px;
	margin-top: 25px;
}
.pkg-card {
	background: #fff;
	border: 1px solid var(--conv-border);
	padding: 15px;
	border-radius: 12px;
	text-align: center;
	transition: transform 0.2s;
}
.pkg-card:hover { border-color: var(--conv-primary); transform: translateY(-3px); }
.pkg-val { display: block; font-size: 1.5rem; font-weight: 800; color: var(--conv-primary); }
.pkg-name { font-size: 0.75rem; color: var(--conv-muted); text-transform: uppercase; font-weight: 700; }

.compare-box {
	background: #f1f5f9;
	padding: 15px;
	border-radius: 8px;
	margin-top: 20px;
	font-size: 0.85rem;
	border-left: 4px solid var(--conv-primary);
}