/* Page-specific styles for solution-healthcare-dentist-customer-ai-store */
/* Add overrides here — never edit compat.css for page-specific changes */

/* ---------- "What Our Patients Say" quote marks ----------
   quote.png is a 40x40 mark, but it was rendering at 321x260 - an 8x upscale
   with object-fit:cover, which is the giant blurred blob at the top of each
   testimonial card.

   compat.css has a rule that makes "a photo that leads a card" fill the card
   width inside a fixed 260px frame. Its author already hit this exact problem
   and carved out exceptions for icons and avatars
   (:not([class*="icon"]):not([src*="icon"]):not(.rounded-circle)) - the
   comment there even says it "was blowing a 40x40 mark up to 531x260". This
   file is named quote.png and carries .img-responsive, so it matches none of
   those exceptions and slips through.

   Size it as the small decorative mark it is. !important rather than a
   specificity duel: that rule is (0,7,2) thanks to its five :not() clauses. */
.card2 > img[src*="quote"] {
  width: 40px !important;
  height: 40px !important;
  max-height: none !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  display: block;
  margin-bottom: .75rem;
}