/* Feonix — finance-display framework styles.
 * Thérapie layout: the total price, then an approved finance line beneath it.
 * The finance line is provider-rendered (Klarna widget / Humm approved markup);
 * we only lay out the row. No figure is styled here because none is authored here. */

.fin-price {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* The total — always shown, regardless of finance availability. */
.fin-price .fin-total {
  font-weight: 600;
  line-height: 1.2;
}

/* The finance line container sits directly beneath the total. Unscoped so it
   works in any host — the static .fin-price wrapper AND dynamic hosts like the
   LHR picker's .lhr-finance. */
.fin-line {
  font-family: 'Montserrat', sans-serif;
  font-size: 12.5px;
  line-height: 1.45;
  color: var(--mid, #52485E);
}

/* The provider widgets (Stripe messaging iframe / Humm) inject their own markup;
   we just bound the width so the line aligns under the price. */
.fin-stripe-msg,
.fin-humm {
  max-width: 340px;
}