/* Featured brands — image fills card; text gets its own space */
.featured-brands-grid .brand-card-item,
.small-card .brand-card-item {
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: hsl(var(--white));
}

.brand-card-item .brand-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.brand-card-item .brand-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  line-height: 0;
  background: hsl(var(--light));
}

.brand-card-item .brand-thumb img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  margin: 0;
  padding: 0;
  transition: transform 0.35s ease;
}

.brand-card-item:hover .brand-thumb img {
  transform: scale(1.05);
}

.brand-card-item .title {
  display: block;
  margin: 0;
  padding: 0.55rem 0.4rem;
  font-size: 0.875rem;
  line-height: 1.25;
  background: hsl(var(--white));
  color: hsl(var(--heading-color));
}

.brand-card-item:hover .title {
  color: hsl(var(--base));
}

@media (max-width: 575px) {
  .brand-card-item .title {
    font-size: 0.75rem;
    padding: 0.45rem 0.3rem;
  }
}