/* Qalamoun Market 3.2.5 — Listing fullscreen gallery hotfix
   Fixes black/blank fullscreen image viewer by giving fullscreen mode its own viewport geometry. */

body.qm-listing-gallery-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

.listing-app-v313 .listing-gallery-modern.is-fullscreen,
.listing-gallery-modern.is-fullscreen{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#050706!important;
  overflow:hidden!important;
  display:block!important;
  isolation:isolate!important;
}

.listing-gallery-modern.is-fullscreen .listing-gallery-track{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  display:flex!important;
  align-items:stretch!important;
  direction:ltr!important;
  will-change:transform!important;
}

.listing-app-v313 .listing-gallery-modern.is-fullscreen .listing-gallery-slide,
.listing-gallery-modern.is-fullscreen .listing-gallery-slide{
  flex:0 0 100vw!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:#050706!important;
  overflow:hidden!important;
}

.listing-app-v313 .listing-gallery-modern.is-fullscreen .listing-gallery-slide img,
.listing-gallery-modern.is-fullscreen .listing-gallery-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  transform:none!important;
}

.listing-gallery-modern.is-fullscreen .listing-gallery-count{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  transform:translateX(-50%)!important;
  z-index:2147483002!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.58)!important;
  color:#fff!important;
  font-size:12px!important;
  backdrop-filter:blur(12px)!important;
}

.listing-gallery-modern.is-fullscreen .listing-gallery-expand{
  position:fixed!important;
  top:calc(12px + env(safe-area-inset-top,0px))!important;
  left:12px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:2147483003!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.58)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;
  backdrop-filter:blur(14px)!important;
}

.listing-gallery-modern.is-fullscreen .listing-gallery-expand.is-close svg{
  display:none!important;
}

.listing-gallery-modern.is-fullscreen .listing-gallery-expand.is-close::before,
.listing-gallery-modern.is-fullscreen .listing-gallery-expand.is-close::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:20px;
  height:2px;
  border-radius:999px;
  background:#fff;
  transform-origin:center;
}
.listing-gallery-modern.is-fullscreen .listing-gallery-expand.is-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.listing-gallery-modern.is-fullscreen .listing-gallery-expand.is-close::after{transform:translate(-50%,-50%) rotate(-45deg)}

@media (max-width:700px){
  .listing-gallery-modern.is-fullscreen{
    height:100dvh!important;
    min-height:100dvh!important;
  }
  .listing-gallery-modern.is-fullscreen .listing-gallery-track,
  .listing-gallery-modern.is-fullscreen .listing-gallery-slide{
    height:100dvh!important;
    min-height:100dvh!important;
  }
}