.vs-product-card {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.vs-product-card:hover img,
.recommended-products .card__container:hover img,
.template-search .card__container:hover img {
  transform: scale(1.05);
}

.vs-product-card:hover .vs-product-card__title,
.recommended-products .card__container:hover .card__title p,
.template-search .card__container:hover .card__title p {
  text-decoration: underline solid currentcolor;
}

.vs-product-card__header {
  overflow: hidden;
}

.vs_product-card__image {
  width: 100%;
  margin-bottom: 0.5em;
}

.vs_product-card__image img,
.recommended-products .card__container img,
.template-search .card__container img {
  width: 100%;
  object-fit: contain;
  transform: scale(1);
  transition: transform 0.3s ease;
}

.vs-product-card__artist,
.recommended-products .product-attribute__value {
  color: var(--color-content-base);
  text-transform: uppercase;
  margin: 0.5rem 0;
}

.recommended-products .product-attribute__value {
  text-transform: uppercase;
  font-family: var(--font_navigation_md);
  font-weight: var(--font_navigation_md_weight);
  font-size: large;
  letter-spacing: var(--font_navigation_md_letter);
  line-height: var(--font_navigation_md_line);
}

.vs-product-card__title,
.recommended-products .card__title p,
.template-search .card__title p {
  color: var(--color-content-base);
  text-decoration: underline solid transparent;
  transition: text-decoration 0.3s ease;
}

.vs-product-card__type {
  color: var(--color-content-base);
}

.vs-product-card__price {
  color: var(--color-content-base);
}

/* artist selector */
.recommended-products .product-attribute__value {
  display: block;
  font-size: var(--font_navigation_md_size);
}

.recommended-products .card__details--wrapper {
  row-gap: 0;
  padding-top: 0;
}

.recommended-products .card__title p {
  font-family: var(--font_body_lg);
  font-weight: var(--font_body_lg_weight);
  font-size: var(--font_body_lg_size);
  letter-spacing: var(--font_body_lg_letter);
  line-height: var(--font_body_lg_line);
  text-transform: var(--font_body_lg_text_transform);
}

.recommended-products .card__product-type p {
  color: var(--color-content-base);

  font-family: var(--font_body_xs);
  font-weight: var(--font_body_xs_weight);
  font-size: var(--font_body_xs_size);
  letter-spacing: var(--font_body_xs_letter);
  line-height: var(--font_body_xs_line);
  text-transform: var(--font_body_xs_text_transform);
}

.recommended-products .card__price p {
  font-family: var(--font_navigation_md);
  font-weight: var(--font_navigation_md_weight);
  font-size: var(--font_navigation_md_size);
  letter-spacing: var(--font_navigation_md_letter);
  line-height: var(--font_navigation_md_line);
  text-transform: var(--font_navigation_md_text_transform);
  color: var(--color-content-base);
}

@media (min-width: 768px) {
  .recommended-products .card__product-type p {
    font-size: var(--font_body_xs_size_md);
  }

  .recommended-products .card__price p {
    font-size: var(--font_navigation_md_size_md);
  }

  /* artist selector */
  .recommended-products .product-attribute__value {
    font-size: var(--font_navigation_md_size_md);
  }

  .recommended-products .card__title p {
    font-size: var(--font_body_lg_size_md);
  }
}

@media (min-width: 1024px) {
  .vs_product-card__image img,
  .recommended-products .card__container img {
    max-height: 454px;
  }
}