/* __LL-INFLOW-OFFERS-V1__  2026-09-19
   The offers content lived only in .ll-desk-offers, which is display:none below 1100px. Measured
   at 390px and 900px on every rail page: paymentLinkVisible = 0. Phones and small laptops had
   never seen the 10% fee discount or the /payment-plans/ link at all.
   This is the same copy, in the document flow, shown ONLY below 1100 so it can never appear
   alongside the rail. Everything is scoped under .ll-inflow-offers. */
.ll-inflow-offers{display:none}
@media (max-width:1099.98px){
  .ll-inflow-offers{
    display:grid;grid-template-columns:1fr;gap:14px;
    margin:28px auto;max-width:720px;
  }
  .ll-inflow-offers *{box-sizing:border-box}
  .ll-inflow-offers .lio-box{
    position:relative;background:#fffafa;
    border:1px solid rgba(255,196,108,.35);border-radius:14px;
    padding:20px 18px 18px;overflow:hidden;
    box-shadow:0 2px 14px rgba(20,51,80,.06);
  }
  .ll-inflow-offers .lio-box::before{
    content:"";position:absolute;top:0;left:0;right:0;height:4px;
    background:linear-gradient(90deg,#ffc46c 0%,#e8a449 30%,#c0107f 70%,#01696f 100%);
  }
  .ll-inflow-offers .lio-k{
    display:inline-flex;align-items:center;margin:0 0 9px;padding:.26rem .6rem;
    background:rgba(1,105,111,.08);color:#01696f;
    font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    border-radius:999px;
  }
  .ll-inflow-offers .lio-h{
    font-family:"Playfair Display",Georgia,serif;font-size:1.3rem;font-weight:800;
    color:#143350;line-height:1.14;margin:0 0 7px;letter-spacing:-.01em;
  }
  .ll-inflow-offers .lio-h em{font-style:italic;color:#c0107f}
  .ll-inflow-offers .lio-p{font-size:.92rem;line-height:1.55;color:#3a3a3a;margin:0 0 13px}
  .ll-inflow-offers .lio-a{
    display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.06em;
    text-transform:uppercase;color:#143350;text-decoration:none;
    border-bottom:2px solid rgba(255,196,108,.7);padding-bottom:2px;
  }
  .ll-inflow-offers .lio-a:hover{color:#c0107f;border-bottom-color:#c0107f}
  .ll-inflow-offers .lio-a:focus-visible{outline:2px solid #01696f;outline-offset:3px}
}
@media (min-width:560px) and (max-width:1099.98px){
  .ll-inflow-offers{grid-template-columns:1fr 1fr}
}
