/**
 * Apartment page: "მსგავსი ბინები" — four apartment cards in a row.
 *
 * The heading matches the page's other sections (the FAQ and the inspiration
 * above it): a bold first word, and here a link to the project's full list at
 * the far end of its row. Cards are the apartments list's own
 * (apartment-browser.css). Side padding follows the header's.
 */

.deka-similar {
  max-width: 112.5rem; /* 1800 — the header's width */
  margin-inline: auto;
  padding: 3.75rem var(--deka-space-lg) 0; /* the footer's top margin closes it */
}

.deka-similar__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: var(--deka-space-lg);
}

.deka-similar__title {
  font-family: var(--deka-font-display);
  font-size: 2rem; /* 32 */
  font-weight: var(--deka-weight-medium);
  line-height: 1.15;
  color: var(--deka-text);
}

.deka-similar__title strong { font-weight: var(--deka-weight-bold); }

.deka-similar__all {
  margin-left: auto;
  font-family: var(--deka-font-body);
  font-size: var(--deka-text-sm);
  font-weight: var(--deka-weight-semibold);
  color: var(--deka-text);
  text-decoration: none;
  white-space: nowrap;
}

.deka-similar__all::after { content: '\00a0\2192'; }

.deka-similar__all:hover { text-decoration: underline; text-underline-offset: 3px; }

.deka-similar__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--deka-space-md);
}

@media (max-width: 75rem) { /* 1200 */
  .deka-similar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 64rem) { /* 1024 */
  .deka-similar { padding-inline: var(--deka-space-md); }
}

@media (max-width: 40rem) { /* 640 */
  .deka-similar { padding: var(--deka-space-xl) 1.25rem 0; }
  .deka-similar__title { font-size: 1.5rem; }
  .deka-similar__grid { grid-template-columns: minmax(0, 1fr); }
}