/* ==========================================================
   Stella Fyti Heights — trust.css
   Two Airbnb trust badges, side by side
   ========================================================== */

.trust {
  padding: clamp(3rem, 7vw, 6rem) var(--gutter);
  background: var(--color-bg);
}

.trust__list {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); /* the wide banner needs more room to stay readable */
  gap: 1.5rem;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.trust__item {
  display: grid;
  place-items: center;       /* centers each badge vertically so both cards match in height */
  padding: 2rem;
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 4px;
}

.trust__item img {
  width: 100%;
  height: auto;
}

.trust__item--score img {
  max-width: 20rem;          /* ~2x the badge's native resolution: stays sharp on retina screens */
}

.trust__item--banner img {
  max-width: 49rem;          /* native width of the banner image */
}

/* Tablet and mobile: stack the badges */
@media (max-width: 899px) {
  .trust__list {
    grid-template-columns: minmax(0, 1fr);
    max-width: 40rem;
  }
}

@media (max-width: 599px) {
  .trust {
    padding-inline: 1rem;
  }

  .trust__item {
    padding: 1.25rem 0.75rem;
  }
}