/* Evergreen Square - theme-matched Financing Options.
   Uses the existing website tokens and typography. All rules are scoped
   to this component so the user's other sections remain unchanged. */
.brands-finance .financing-options {
  width: 100%;
  max-width: none;
  margin: 40px 0 0;
  padding: 30px 32px 32px;
  border: 1px solid var(--navy-light, #142f3d);
  border-top: 3px solid var(--gold, #d8b977);
  border-radius: 3px;
  background: var(--navy, #091e2b);
  color: #fff;
  box-shadow: none;
}
.brands-finance .financing-options h3 {
  margin: 0 0 26px;
  padding-left: 16px;
  border-left: 2px solid var(--gold, #d8b977);
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.025em;
  text-align: left;
}
.brands-finance .financing-options-logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(150px, 0.9fr);
  align-items: stretch;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.brands-finance .financing-options-bank,
.brands-finance .financing-options-more {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 118px;
  margin: 0;
  padding: 16px 18px;
  border: 1px solid var(--line, #e2e5e2);
  border-radius: 2px;
  background: var(--paper, #f8f7f3);
}
.brands-finance .financing-options-bank img {
  display: block;
  flex: 0 1 auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 82px;
  object-fit: contain;
  /* Retain the original colours of every brochure logo. */
  filter: none;
  opacity: 1;
}
.brands-finance .financing-options-piramal img { width: 154px; }
.brands-finance .financing-options-aditya img { width: 61px; }
.brands-finance .financing-options-canfin img { width: 114px; }
.brands-finance .financing-options-bandhan img { width: 182px; }
.brands-finance .financing-options-more {
  flex-direction: column;
  gap: 9px;
  padding: 17px 12px;
  border-color: rgba(216, 185, 119, 0.46);
  background: var(--navy-light, #142f3d);
  color: #fff;
  text-align: center;
}
.brands-finance .financing-options-more strong {
  color: var(--gold-light, #f3dca5);
  font-size: 46px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.045em;
  white-space: nowrap;
}
.brands-finance .financing-options-more span {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  word-spacing: 0.1em;
}
/* Keep four clear lender cards on tablets and give the count its own strip. */
@media (max-width: 1100px) {
  .brands-finance .financing-options { padding: 26px; }
  .brands-finance .financing-options-logos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }
  .brands-finance .financing-options-more {
    grid-column: 1 / -1;
    flex-direction: row;
    gap: 15px;
    min-height: 74px;
    padding: 14px 20px;
  }
  .brands-finance .financing-options-more strong { font-size: 38px; }
}
@media (max-width: 680px) {
  .brands-finance .financing-options {
    margin-top: 30px;
    padding: 24px 18px 20px;
  }
  .brands-finance .financing-options h3 {
    margin-bottom: 22px;
    padding-left: 13px;
    font-size: 25px;
  }
  .brands-finance .financing-options-logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .brands-finance .financing-options-bank {
    min-height: 108px;
    padding: 15px 12px;
  }
  .brands-finance .financing-options-bank img { max-height: 76px; }
  .brands-finance .financing-options-aditya img { width: 56px; }
  .brands-finance .financing-options-canfin img { width: 105px; }
  .brands-finance .financing-options-more { min-height: 74px; }
  .brands-finance .financing-options-more strong { font-size: 38px; }
  .brands-finance .financing-options-more span { font-size: 13px; }
}
@media (max-width: 360px) {
  .brands-finance .financing-options { padding: 22px 14px 16px; }
  .brands-finance .financing-options h3 { font-size: 23px; }
  .brands-finance .financing-options-logos { gap: 10px; }
  .brands-finance .financing-options-bank { padding-inline: 9px; }
}