/* Listing-card hooks are applied through Elementor/MyListing wrapper classes. */
.as-home .as-listing-grid {
  display: grid;
  gap: clamp(18px, 2.4vw, 28px);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.as-home .as-listing-card {
  background: var(--as-surface);
  border: 1px solid var(--as-border);
  border-radius: var(--as-radius-card);
  box-shadow: 0 14px 38px rgb(44 74 128 / 9%);
  overflow: clip;
}

.as-home .as-listing-card :where(a, button) {
  min-height: var(--as-touch-target);
}

@media (max-width: 1024px) {
  .as-home .as-listing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .as-home .as-listing-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}