/* DOSMOS Gallery Image Display Fix v1.0
   Scope only: homepage gallery lightbox + /gallery/ thumbnails.
   No popup, navigation, promo, Mystery Box, or other layout changes. */

/* HOME: clicked image must render with original brightness and full frame. */
body[data-page="home"] .home-gallery-lightbox-media,
body[data-page="home"] .home-gallery-lightbox-media::before,
body[data-page="home"] .home-gallery-lightbox-media::after{
  filter:none !important;
  -webkit-filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}
body[data-page="home"] .home-gallery-lightbox-media::before,
body[data-page="home"] .home-gallery-lightbox-media::after{
  display:none !important;
  content:none !important;
}
body[data-page="home"] #homeGalleryLightboxImage{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:78vh !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
  transform:none !important;
}

/* GALLERY PAGE: keep the exact square card size, but show the ENTIRE image. */
body[data-page="gallery"] .portal-gallery-item > img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#080808 !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
}

/* Gallery lightbox also always shows the full source image. */
body[data-page="gallery"] #portalLightboxImage{
  width:auto !important;
  height:auto !important;
  max-width:94vw !important;
  max-height:calc(100vh - 92px) !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
}

@media(max-width:820px){
  body[data-page="home"] #homeGalleryLightboxImage{
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:62vh !important;
    margin:auto !important;
  }
}