.dt-card__media {
  isolation: isolate;
}

.dt-card__media:has(.dt-directory-product-cover) img {
  filter: saturate(.76) brightness(.8);
}

.dt-directory-product-cover {
  position: absolute;
  z-index: 4;
  right: .55rem;
  bottom: .55rem;
  left: .55rem;
  display: grid;
  gap: .2rem;
  box-sizing: border-box;
  max-height: calc(100% - 1.1rem);
  padding: .65rem .72rem .62rem;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: .72rem;
  background: linear-gradient(145deg, rgba(15, 27, 54, .96), rgba(39, 57, 101, .94));
  box-shadow: 0 12px 28px rgba(12, 22, 45, .24);
  color: #fff;
  text-align: left;
  -webkit-overflow-scrolling: touch;
}

.dt-directory-product-cover__kicker {
  display: block;
  color: #f2cf76;
  font-size: .62rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dt-directory-product-cover__title {
  display: block;
  color: #fff;
  font-size: .8rem;
  font-weight: 800;
  line-height: 1.28;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.dt-directory-product-cover--long .dt-directory-product-cover__title {
  font-size: .75rem;
  line-height: 1.22;
}

.dt-directory-product-cover__scope {
  display: block;
  color: rgba(255, 255, 255, .9);
  font-size: .7rem;
  font-weight: 650;
  line-height: 1.3;
}

.dt-directory-product-cover__family {
  display: inline;
  color: rgba(255, 255, 255, .68);
  font: inherit;
  letter-spacing: .02em;
  text-transform: none;
}

@media (max-width: 700px) {
  .dt-directory-product-cover {
    right: .45rem;
    bottom: .45rem;
    left: .45rem;
    max-height: calc(100% - .9rem);
    padding: .58rem .62rem .56rem;
  }

  .dt-directory-product-cover__title {
    font-size: .78rem;
  }

  .dt-directory-product-cover--long .dt-directory-product-cover__title {
    font-size: .73rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dt-card__media:has(.dt-directory-product-cover) img {
    transition: none;
  }
}