/* Section: usps — strip under the hero (homepages) and dark bullet card (quote page). */

/* Strip ---------------------------------------------------------------- */
.ex-usps--strip {
  background: var(--ex-white);
  border-top: .5px solid var(--ex-hairline-strong);
}
.ex-usps__list {
  /* Equal columns measured on the outer box (mockup: grid of 1fr cells, the hairline inside the cell). */
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}
.ex-usps__item {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: clamp(16px, 1.7vw, 24px) var(--ex-gutter);
}
.ex-usps__item + .ex-usps__item { border-left: .5px solid var(--ex-hairline-strong); }
.ex-usps__body { display: flex; flex-direction: column; min-width: 0; }
.ex-usps__title {
  font-size: 13.5px;
  font-weight: 700;
  line-height: normal; /* rendered: 16px line (strip 83.8px high) */
  letter-spacing: .06em;
  color: var(--ex-ink);
}
.ex-usps__text {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.4;
  color: var(--ex-text-soft);
}

/* Optional icon (not drawn in the mockups) */
.ex-usps__icon {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--ex-red);
}
.ex-usps__icon-img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ex-usps__icon--sm { width: 18px; height: 18px; margin-top: 1px; }

/* Card (quote page) ------------------------------------------------------
   Stands alone with the page gutter; a host column sets --ex-usps-gutter: 0. */
.ex-usps--card { padding-inline: var(--ex-usps-gutter, var(--ex-gutter)); }
.ex-usps__card {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 22px;
  background: var(--ex-dark);
}
.ex-usps__heading {
  margin: 0;
  font-size: var(--ex-fs-kicker);
  font-weight: 700;
  line-height: normal; /* rendered: 12px line (card 183px high in EXALCO-Quote) */
  letter-spacing: .22em;
  color: var(--ex-white);
}
.ex-usps__bullets {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ex-usps__bullet {
  display: flex;
  gap: 10px;
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--ex-white);
}
.ex-usps__mark { flex: none; width: 7px; height: 7px; margin-top: 5px; background: var(--ex-red); }
.ex-usps__bullet-body { display: flex; flex-direction: column; min-width: 0; }
.ex-usps__bullet-text { color: var(--ex-fg-muted); }

/* ≤899: the strip stacks (spec 02.2.1) */
@media (max-width: 899px) {
  .ex-usps__list { grid-auto-flow: row; }
  .ex-usps__item { padding-block: 14px; }
  .ex-usps__item + .ex-usps__item { border-left: 0; border-top: .5px solid var(--ex-hairline-strong); }
  .ex-usps__title { font-size: 13px; }
  .ex-usps__text { font-size: 12.5px; }
}