/* Listing de productos — Lumbre Pura */

.listing-header {
  padding-block: var(--space-9) var(--space-7);
  border-bottom: 1px solid var(--color-border);
}

@media (min-width: 768px) {
  .listing-header { padding-block: var(--space-11) var(--space-8); }
}

.listing-header__title {
  font-family: var(--font-serif);
  font-size: var(--fs-3xl);
  line-height: var(--lh-tight);
  letter-spacing: var(--ls-tight);
  margin-top: var(--space-3);
}

@media (min-width: 768px) {
  .listing-header__title { font-size: var(--fs-display); }
}

.listing-header__intro {
  max-width: 60ch;
  margin-top: var(--space-4);
  font-size: var(--fs-md);
  line-height: var(--lh-snug);
  color: var(--color-fg-muted);
}

.listing-grid {
  padding-block: var(--space-7) var(--space-9);
}

@media (min-width: 768px) {
  .listing-grid { padding-block: var(--space-8) var(--space-11); }
}

.listing-grid__category {
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--color-walnut);
  margin: var(--space-7) 0 var(--space-5);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--color-border);
}

.listing-grid__category:first-child { margin-top: 0; }

.listing-grid__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-5) var(--space-4);
}

@media (min-width: 768px) {
  .listing-grid__items {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-7) var(--space-6);
  }
}

@media (min-width: 1280px) {
  .listing-grid__items { grid-template-columns: repeat(4, 1fr); }
}