/* Featured Category Cards Grid & layout */
.rara-cat-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: var(--spacing-sm) !important;
  background-color: var(--rara-bg-sec) !important;
  border: 1px solid var(--rara-border) !important;
  border-radius: var(--radius-md) !important;
  text-decoration: none !important;
  color: var(--rara-text) !important;
  text-align: center !important;
  transition: all 0.25s ease !important;
  height: 160px !important;
}

.rara-cat-card:hover {
  background-color: #ffffff !important;
  border-color: var(--rara-primary) !important;
  box-shadow: var(--shadow-hover) !important;
  transform: translateY(-4px) !important;
}

.rara-cat-card__icon-wrap {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  background-color: #f5f3ff !important;
  color: var(--rara-primary) !important;
  display: grid !important;
  place-items: center !important;
  margin-bottom: var(--spacing-sm) !important;
  transition: transform 0.25s ease !important;
}

.rara-cat-card:hover .rara-cat-card__icon-wrap {
  transform: scale(1.1) !important;
  background-color: var(--rara-primary) !important;
  color: #ffffff !important;
}

.rara-cat-card__name {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 4px 0 !important;
  color: var(--rara-text) !important;
  height: 40px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.rara-cat-card__count {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  color: var(--rara-muted) !important;
}

/* Category Card Skeletons */
.rara-cat-card-skeleton {
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--rara-border) !important;
  height: 160px !important;
  padding: var(--spacing-sm) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background-color: var(--rara-bg-sec) !important;
}

.rara-cat-card-skeleton__icon {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  margin-bottom: var(--spacing-sm) !important;
}

.rara-cat-card-skeleton__name {
  width: 70% !important;
  height: 14px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
}

.rara-cat-card-skeleton__count {
  width: 40% !important;
  height: 10px !important;
  border-radius: 4px !important;
}