/* TBI Bank installment banner — single product page (see functions.php
   "TBI RATE BANNER"). Badge images stay in the layout (opacity swap, not
   display:none) so LiteSpeed lazy-load IntersectionObservers fire for the
   hover image too. */

.tbi-rate-banner {
	margin: 16px 0;
}

.tbi-rate-banner__badge {
	display: block;
	line-height: 0;
	max-width: 100%;
}
.tbi-rate-banner__badge .tbi-badge {
	height: auto;
	max-width: 100%;
	width: 440px; /* art is 610px wide; held back so the badge sits under the
	                 add-to-cart button without dominating the summary */
	vertical-align: top;
}

.tbi-rate-banner__amount {
	margin: 8px 0 4px;
	color: #e55a00;
	font-size: 16pt;
	font-weight: bold;
	line-height: 1.2;
}
.tbi-rate-banner__amount--fixed {
	font-size: 14pt;
}

.tbi-rate-banner__cta {
	display: inline-block;
	font-size: 14px;
	text-decoration: underline;
}