/* Dentora V3 1.2.1 — scoped visual sizing fix.
   Finder: fit complete product artwork with breathing room.
   About belief: cover entire media frame without empty bars.
   Does not modify CMS data, image sources or Finder selection logic. */

/* Finder media: override previous desktop and mobile image sizing rules. */
.dn-finder .finder-image {
  position: relative;
  width: 100%;
  height: clamp(250px, 27vw, 360px);
  min-height: 0;
  overflow: hidden;
  padding: 16px;
  box-sizing: border-box;
  display: grid;
  place-items: center;
}
.dn-finder .finder-image .finder-art {
  position: relative;
  inset: auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.dn-finder .finder-image .finder-art-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .10;
  filter: blur(24px) saturate(.7);
  pointer-events: none;
}
.dn-finder .finder-image img.finder-result-image {
  position: relative;
  inset: auto;
  z-index: 1;
  display: block;
  flex: 0 1 auto;
  width: auto !important;
  height: auto !important;
  max-width: 88% !important;
  max-height: 88% !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  transform: none !important;
  margin: auto;
}

/* Story brand card — its image should fill the full frame. */
.dn-about .about-belief-image {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.dn-about .about-belief-image > img,
.dn-about .about-belief-image img.about-img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 650px) {
  .dn-finder .finder-image {
    height: clamp(225px, 68vw, 310px);
    max-height: 310px;
    padding: 12px;
  }
  .dn-finder .finder-image img.finder-result-image {
    max-width: 86% !important;
    max-height: 86% !important;
  }
  .dn-about .about-belief-image { aspect-ratio: 4 / 3; }
}
