/* ==========================================================================
   EMI SAVERS · QUIET BANKING — Personal Loan landing (personal-loan.css)
   Page components only; inherits the v2 system from style.css.
   ========================================================================== */

/* ---------- Hero ---------- */
.pl-hero-points li {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0.85rem;
}
.pl-hero-points i { color: #58d99a; margin-right: 0.4rem; }

/* ---------- Lender cards: application file cards ---------- */
.lender-card {
  position: relative;
  display: flex; flex-direction: column;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-card);
  padding: 1.6rem;
  transition: border-color var(--t-med) ease;
}
.lender-card:hover { border-color: var(--ink-900); }
.lender-card h3 { color: var(--text-strong); }
.lender-card p { color: var(--text-body); }

.lender-logo {
  flex-shrink: 0;
  width: 48px; height: 48px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1.5px solid var(--ink-900);
  border-radius: var(--r-ctrl);
  background: var(--white);
  color: var(--ink-900);
  font-weight: 760;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  transition: background-color var(--t-fast) ease, color var(--t-fast) ease;
}
.lender-card:hover .lender-logo { background: var(--ink-900); color: var(--white); transform: none; }

.lender-range {
  display: inline-block;
  padding: 0.18rem 0.6rem;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  font-size: 0.76rem;
  font-weight: 650;
  color: var(--text-body);
  background: var(--paper);
  white-space: nowrap;
}

/* Featured lender: single green keyline, no shouting */
.lender-card-featured { border-color: var(--green-500); box-shadow: none; }
.lender-card-featured .lender-range { color: var(--green-600); border-color: #bfe6d2; background: var(--green-050); }
.lender-flag { position: absolute; top: -0.85rem; right: 1.25rem; background: var(--white) !important; }

/* ---------- Responsive ---------- */
@media (max-width: 575.98px) {
  .pl-hero-points li { display: block; margin: 0.35rem 0; }
  .lender-card { padding: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  .lender-card:hover .lender-logo { transform: none; }
}