.bbd-collection-card__image {
  aspect-ratio: var(--aspect-ratio);
  overflow: hidden;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }
}

.bbd-collection-card__title {
  margin-block: 0;
  padding-block: var(--padding-sm) 0;
}

.bbd-collection-card {
  position: relative;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  color: var(--color-foreground);

  &:hover,
  &:focus-visible {
    color: var(--color-foreground);

    .bbd-collection-card__image img {
      transform: scale(1.02);
    }
  }
}

.bbd-collection-card--title-on_top {
  .bbd-collection-card__title {
    position: absolute;
    z-index: var(--layer-raised);
    display: flex;
    justify-content: center;
    inset: 0;
    text-align: center;
    padding-block: var(--padding-lg);
  }
}