/* Expansions Page Styles (scoped, minimal, complements base.css) */
.hero-expansions {
  margin-top: 40px;
}
.hero-expansions .hero-inner {
  display: grid;
  gap: var(--space-4);
}
.hero-expansions .hero-tools {
  display: grid;
  gap: var(--space-3);
}
.hero-expansions .filters {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.expansion-card img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.expansion-card .price del {
  color: var(--color-gray-500);
}

.faq details {
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--color-border-light);
}
.faq details:last-child {
  border-bottom: 0;
}
.faq summary {
  cursor: pointer;
  font-family: var(--font-family-ui);
  font-weight: var(--font-weight-semibold);
}
.faq summary:focus-visible {
  outline: 2px solid var(--color-accent);
  border-radius: var(--radius-sm);
}

/* Stock list clarity */
.stock-item [data-stock-status] {
  font-weight: var(--font-weight-semibold);
}
.stock-in { color: var(--color-success); }
.stock-low { color: var(--color-warning); }
.stock-out { color: var(--color-danger); }

/* Responsive tweaks */
@media (max-width: 767px) {
  .hero-expansions .filters {
    justify-content: flex-start;
  }
}