/* Base CSS for SC Product Card Style - static part */
.product-miniature .thumbnail-container .product-thumbnail,
.product-miniature .thumbnail-container > a.product-thumbnail,
.product-miniature .thumbnail-top {
  /* dynamic styles (background, border, radius) are in front.custom.css */
}

.product-miniature .thumbnail-container .product-thumbnail img,
.product-miniature .thumbnail-top img {
  /* dynamic object-fit etc in front.custom.css */
}

/* Titles: bold + clamp 2 lines */
:is(#products, .scfa-section, section.featured-products)
  .product-miniature .product-description h2.h3.product-title {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
}

:is(#products, .scfa-section, section.featured-products)
  .product-miniature .product-description h2.h3.product-title > a,
:is(#products, .scfa-section, section.featured-products)
  .product-miniature h2.product-title a,
:is(#products, .scfa-section, section.featured-products)
  .product-miniature h3.product-title a,
:is(#products, .scfa-section, section.featured-products)
  .product-miniature .product-title a {
  font-weight: 700 !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  min-height: calc(2 * 1.25rem) !important;
  max-height: calc(2 * 1.25rem) !important;
  width: 100%;
  word-break: break-word;
  text-transform: none !important;
}
@supports not (-webkit-line-clamp: 2) {
  :is(#products, .scfa-section, section.featured-products)
    .product-miniature :is(h2.product-title a, h3.product-title a, .product-title a) {
    display: block !important;
    overflow: hidden !important;
  }
}