/* Reusable Brand Cards & Grid layout */
.rara-brands-grid {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: var(--spacing-sm) !important;
  width: 100% !important;
}

@media (max-width: 1200px) {
  .rara-brands-grid { grid-template-columns: repeat(5, 1fr) !important; }
}

@media (max-width: 991px) {
  .rara-brands-grid { grid-template-columns: repeat(4, 1fr) !important; }
}

@media (max-width: 768px) {
  .rara-brands-grid { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 480px) {
  .rara-brands-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

.rara-brand-card {
  height: 80px !important;
  background-color: var(--rara-bg-sec) !important;
  border: 1px solid var(--rara-border) !important;
  border-radius: var(--radius-sm) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  padding: var(--spacing-xs) !important;
}

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

.rara-brand-card__logo-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--rara-muted) !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.rara-brand-card:hover .rara-brand-card__logo-text {
  color: var(--rara-primary) !important;
}

.rara-brand-card__img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Brand Card Skeletons */
.rara-brand-card-skeleton {
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--rara-border) !important;
  height: 80px !important;
}