.badge-full { background-color: #dcfce7; color: #166534; }
.badge-partial { background-color: #fef9c3; color: #854d0e; }
.badge-limited { background-color: #fee2e2; color: #991b1b; }
.feature-tag { display: inline-block; padding: 2px 8px; margin: 2px; border-radius: 9999px; font-size: 0.7rem; background: #f1f5f9; color: #475569; }
.card-hover:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.cat-btn.active { background-color: #2563eb; color: #fff; border-color: #2563eb; }
@media (max-width: 480px) {
  header h1 { font-size: 1.25rem; }
  .card-grid { grid-template-columns: 1fr; }
  body { overflow-x: hidden; }
}
@media (min-width: 768px) {
  .card-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .card-grid { grid-template-columns: repeat(3, 1fr); }
}