/* Shop Board Games page-specific styles */

.games-filter {
  gap: 12px;
  margin-bottom: var(--space-4);
}
.games-filter select,
.games-filter input[type="search"] {
  max-width: 180px;
}
.games-list {
  margin-bottom: var(--space-8);
}
.game-card {
  min-height: 380px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}
.game-card img {
  width: 100%;
  border-radius: var(--radius-md);
  aspect-ratio: 4/3;
  object-fit: cover;
  margin-bottom: var(--space-3);
}
.game-card h2 {
  font-size: var(--font-size-lg);
}
.game-card .game-price {
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--color-primary);
  margin-top: auto;
}
.offers-section .offer-card {
  border-left: 6px solid var(--color-primary);
}
.review-rating {
  font-size: 1.25rem;
  color: var(--color-warning);
  margin-bottom: var(--space-2);
}
.top-sellers-list {
  gap: var(--space-4);
  margin-bottom: 0;
}
.top-sellers-list li {
  flex: 1 1 280px;
  margin-right: var(--space-4);
  margin-bottom: var(--space-4);
}
.categories-list .category-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  min-height: 120px;
  border-left: 4px solid var(--color-primary);
  cursor: pointer;
  transition: box-shadow var(--transition-fast), background var(--transition-fast);
}
.categories-list .category-card:hover,
.categories-list .category-card:focus-visible {
  background: var(--color-gray-50);
  box-shadow: var(--shadow-lg);
}
.gifts-list .gift-card,
.designers-list .designer-card {
  min-height: 170px;
}
.gifts-list ul {
  margin-top: var(--space-2);
  padding-left: var(--space-4);
}
@media (max-width: 900px) {
  .grid-cols-3 { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 650px) {
  .grid-cols-3,
  .grid-cols-2 {
    grid-template-columns: 1fr !important;
  }
  .games-filter > * {
    flex: 1 1 100%;
    min-width: 0;
  }
  .games-list, .offers-section .special-offers, .game-reviews, .gifts-list, .designers-list, .testimonials-list, .categories-list {
    grid-template-columns: 1fr !important;
  }
}