/**
 * Celsyn 360 Liquid — Bundle & Save panel (PDP) + cart/checkout savings rows.
 */
.celsyn-bundle { margin: var( --space-5 ) 0; }
.celsyn-bundle__heading {
	font-family: var( --font-display );
	font-weight: 600;
	font-size: var( --text-md );
	margin: 0 0 var( --space-3 );
}
.celsyn-bundle__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var( --space-3 );
}
.celsyn-bundle__tier {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	text-align: left;
	background: var( --env-surface );
	border: 1.5px solid var( --env-line-strong );
	border-radius: var( --radius-md );
	padding: var( --space-4 );
	cursor: pointer;
	transition: border-color var( --dur-fast ) var( --ease-standard ), background-color var( --dur-fast ) var( --ease-standard );
}
.celsyn-bundle__tier:hover { border-color: var( --celsyn-blue ); }
.celsyn-bundle__tier.is-selected {
	border-color: var( --celsyn-blue );
	border-width: 2px;
	background: rgb( var( --celsyn-blue-rgb ) / 0.06 );
}
.celsyn-bundle__tier-qty { font-weight: 700; font-size: var( --text-sm ); }
.celsyn-bundle__tier-discount { font-size: var( --text-xs ); font-weight: 600; color: var( --celsyn-blue ); }
.celsyn-bundle__tier-discount--none { color: var( --env-text-muted ); font-weight: 500; }
.celsyn-bundle__tier-badge {
	position: absolute;
	top: -9px;
	right: var( --space-3 );
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	background: var( --celsyn-blue );
	color: #fff;
	padding: 2px 8px;
	border-radius: var( --radius-pill );
}
.celsyn-bundle__tier-total {
	margin-top: var( --space-2 );
	font-family: var( --font-display );
	font-size: var( --text-lg );
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.celsyn-bundle__tier:focus-visible { outline: 2px solid var( --celsyn-blue ); outline-offset: 2px; }

@media ( max-width: 480px ) {
	.celsyn-bundle__grid { grid-template-columns: 1fr 1fr; gap: var( --space-2 ); }
	.celsyn-bundle__tier { padding: var( --space-3 ); }
}

/* Cart/checkout savings rows */
.celsyn-bundle-savings-row--savings th,
.celsyn-bundle-savings-row--savings td { color: var( --celsyn-success ); font-weight: 600; }