/* DEYNU SOCIAL FEED R56 — stable photo and video geometry.
 * Prevent mixed portrait/landscape images from resizing the post on swipe.
 * Scope: social feed and single-post feed cards only, not reels, stories, Explore,
 * or the property gallery. Original uploads, media paths and metadata unchanged.
 */
body.social-page .social-feed .social-post > .social-media.social-carousel {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 560px;
  overflow: hidden !important;
  background: #eaf0eb !important;
  contain: layout paint;
}
body.social-page .social-feed .social-post > .social-media.social-carousel > .social-carousel-track {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
body.social-page .social-feed .social-post > .social-media.social-carousel .social-carousel-slide {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  background: #eaf0eb !important;
}
body.social-page .social-feed .social-post > .social-media.social-carousel .social-carousel-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #eaf0eb !important;
}
body.social-page .social-feed .social-post > .social-media.social-carousel .social-carousel-slide video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  background: #101714 !important;
}
/* Controls remain within the fixed rectangle; images are never stretched. */
body.social-page .social-feed .social-post > .social-media.social-carousel > .social-carousel-nav,
body.social-page .social-feed .social-post > .social-media.social-carousel > .social-carousel-counter,
body.social-page .social-feed .social-post > .social-media.social-carousel > .social-carousel-dots {
  z-index: 6;
}
@media (max-width: 520px) {
  body.social-page .social-feed .social-post > .social-media.social-carousel {
    max-height: none;
  }
}