/* Trust Bar Alignment (grid for perfect column alignment) */

/* On hero/city header, force a 2-column grid so row 2 aligns
   directly under row 1 — keeps "NON FRANCHISE" aligned with the
   GPS icon column regardless of wrapping. */
.city-header .trust-bar {
  display: grid !important; /* override Bootstrap .d-flex */
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  column-gap: 24px;
  row-gap: 10px;
  align-items: center;
}

.city-header .trust-item {
  display: grid !important;            /* icon + text grid */
  grid-template-columns: 24px auto;    /* fixed icon column */
  column-gap: 8px;
  align-items: center;
  min-height: 32px;
}

.city-header .trust-item i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;                         /* consistent icon width */
  height: 24px;
  margin-right: 0;                      /* handled by grid gap */
}

/* Single-column on very small screens */
@media (max-width: 575.98px) {
  .city-header .trust-bar {
    grid-template-columns: 1fr !important;
  }
}