/**
 * Similar listings grid.
 *
 * Cards are the shared .listing-card (Views/Shared/Partials/_ListingCard.cshtml, styled by
 * shared.css + _listing-card.css), rendered by Views/RentalObject/_NewSimilarObjects.cshtml
 * on the listing page and on the rented-out (410) page.
 *
 * Markup:
 *   <div class="similar-grid" id="similar-grid">
 *     <article class="listing-card">…</article>
 *   </div>
 *   <div class="similar-more"><a class="btn btn--secondary" href="…">…</a></div>   <!-- optional -->
 */

.similar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-4);
}

.similar-more {
  display: flex;
  justify-content: center;
  margin-top: var(--s-4);
}

@media (max-width: 1100px) {
  .similar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .similar-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}