/* WebLanka Payment Chart styles */
.wlk-pc-wrap{
	display:grid;
	grid-template-columns: 1fr;
	gap: 6px;
	margin-top: 10px;
	font-family: inherit;
}
.wlk-pc-row{
	display:grid;
	grid-template-columns: 28px 1fr auto;
	align-items:center;
	gap:10px;
	padding:8px 10px;
	border:1px solid rgba(0,0,0,0.08);
	border-radius:8px;
}
.wlk-pc-row-1{ background:#f9fafb; }
.wlk-pc-row-2{ background:#f7fcf7; }
.wlk-pc-row-3{ background:#f7f9ff; }

.wlk-pc-col-text{
	font-weight:600;
	font-size:14px;
}
.wlk-pc-col-price{
	font-weight:700;
	font-size:14px;
	white-space:nowrap;
}
.wlk-pc-icon{width:40px;height:40px;object-fit:contain;display:block}

/* Small screens keep as stacked rows; nothing to do. Larger screens behave nicely already. */