/* ==========================================
   ADOPTVILLA — PET PHOTO FILL CONTAINER FIX
   Image fitting only — No logos or icons
   ========================================== */

/* 1. DAVO + TINKU MAX — INTRO PHOTOS */

html body .davo-story-page .ds-storyphoto {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

html body .davo-story-page .ds-storyphoto > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 2. DAVO + TINKU MAX — PHOTO MOSAICS */

html body .davo-story-page .ds-mosaic .ds-card > img,
html body .davo-story-page .ds-lifeimg > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 3. DAVO + TINKU MAX — FINAL PHOTO */

html body .davo-story-page
.ds-ending-layout .ds-fullphoto {
  position: relative !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
}

html body .davo-story-page
.ds-ending-layout .ds-fullphoto > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 4. ADOPTION STORIES — COMMUNITY CARDS */

html body .av-stories-page
.av-modern-story-image > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 5. ADOPTION STORIES — TINKU MAX FEATURE */

html body .av-stories-page .av-tinku-story-photo {
  position: relative !important;
  min-height: 300px !important;
  overflow: hidden !important;
}

html body .av-stories-page
.av-tinku-story-photo > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 6. ADOPTION STORIES — FULL STORY POPUP */

html body .av-stories-page
.av-story-detail-gallery > img,
html body .av-stories-page
.av-story-detail-dialog > img.av-story-detail-cover {
  display: block !important;
  width: 100% !important;
  height: clamp(240px, 35vw, 440px) !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 7. PUBLIC PET LISTING CARDS */

html body .public-home
.pet-image > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 8. PUBLIC PET DETAIL GALLERY */

html body .public-pet-gallery > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 9. MOBILE — FULL STORY PHOTOS */

@media (max-width: 600px) {
  html body .av-stories-page
  .av-story-detail-gallery > img,
  html body .av-stories-page
  .av-story-detail-dialog > img.av-story-detail-cover {
    height: 280px !important;
  }
}