/* ═══════════════════════════════════════════════════════════════════════
   FastFixCell.com — Parts Shop v3.0
   Glass Cards + Neon Price Tags + Grid Layout
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Shop Grid ──────────────────────────────────────────────── */
.shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--space-6);
}

/* ── Shop Card ──────────────────────────────────────────────── */
.shop-card {
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: var(--border-default);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  transition: all var(--transition-base);
}
.shop-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-xl), var(--shadow-glow-blue);
  border-color: var(--border-glow);
}
.shop-card-image {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: var(--surface-3);
}
.shop-card-body {
  padding: var(--space-5);
}
.shop-card-body h4 {
  font-size: var(--text-sm);
  font-weight: var(--font-bold);
  margin-bottom: var(--space-2);
  color: var(--text-primary);
}
.shop-card-body .shop-price {
  font-size: var(--text-xl);
  font-weight: var(--font-black);
  color: var(--primary-300);
  margin-bottom: var(--space-3);
}
.shop-card-body .shop-meta {
  font-size: var(--text-xs);
  color: var(--text-muted);
  margin-bottom: var(--space-4);
}
.shop-card-body .btn { width: 100%; }

/* ── Shop Filters ───────────────────────────────────────────── */
.shop-filters {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-bottom: var(--space-8);
}
.shop-filter-chip {
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-full);
  background: var(--surface-2);
  border: var(--border-default);
  color: var(--text-secondary);
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.shop-filter-chip:hover {
  background: var(--surface-3);
  color: var(--text-primary);
}
.shop-filter-chip.active {
  background: rgba(37, 99, 235, 0.15);
  border-color: rgba(37, 99, 235, 0.3);
  color: var(--primary-300);
  box-shadow: var(--primary-glow);
}

/* ── Shop Category Section ──────────────────────────────────── */
.shop-category {
  margin-bottom: var(--space-12);
}
.shop-category-title {
  font-size: var(--text-2xl);
  font-weight: var(--font-extrabold);
  margin-bottom: var(--space-2);
  color: var(--text-primary);
}
.shop-category-count {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-bottom: var(--space-6);
}