/* Fertighaus EU product lightbox image size override: Çok büyük */
:root {
  --fh-lightbox-main-max-width: min(92vw, 1580px);
  --fh-lightbox-main-max-height: 86vh;
}

/* Common Fertighaus/custom lightbox wrappers */
.fertighaus-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
.fh-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
.fh-gallery-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
.product-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
.fertighaus-modal-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
.lightbox-modal img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
[data-lightbox-overlay] img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb) {
  max-width: var(--fh-lightbox-main-max-width) !important;
  max-height: var(--fh-lightbox-main-max-height) !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* If the stage/container itself limits the image, expand it too */
.fertighaus-lightbox .stage,
.fertighaus-lightbox .lightbox-stage,
.fertighaus-lightbox .image-stage,
.fh-lightbox .stage,
.fh-lightbox .lightbox-stage,
.fh-lightbox .image-stage,
.fh-gallery-lightbox .stage,
.fh-gallery-lightbox .lightbox-stage,
.fh-gallery-lightbox .image-stage,
.product-lightbox .stage,
.product-lightbox .lightbox-stage,
.product-lightbox .image-stage,
.lightbox-modal .stage,
.lightbox-modal .lightbox-stage,
.lightbox-modal .image-stage,
[data-lightbox-overlay] .stage,
[data-lightbox-overlay] .lightbox-stage,
[data-lightbox-overlay] .image-stage {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: calc(var(--fh-lightbox-main-max-height) + 20px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Very broad but still lightbox-safe: full-screen dark overlays with a single opened image */
body:has(.fertighaus-lightbox) .fertighaus-lightbox,
body:has(.fh-lightbox) .fh-lightbox,
body:has(.fh-gallery-lightbox) .fh-gallery-lightbox,
body:has(.product-lightbox) .product-lightbox {
  overflow: hidden !important;
}

/* Thumbnail strip must stay small */
.fertighaus-lightbox .thumbs img,
.fertighaus-lightbox .thumbnail-strip img,
.fertighaus-lightbox [class*="thumb"] img,
.fh-lightbox .thumbs img,
.fh-lightbox .thumbnail-strip img,
.fh-lightbox [class*="thumb"] img,
.fh-gallery-lightbox .thumbs img,
.fh-gallery-lightbox .thumbnail-strip img,
.fh-gallery-lightbox [class*="thumb"] img,
.product-lightbox .thumbs img,
.product-lightbox .thumbnail-strip img,
.product-lightbox [class*="thumb"] img,
.lightbox-modal .thumbs img,
.lightbox-modal .thumbnail-strip img,
.lightbox-modal [class*="thumb"] img {
  max-width: 82px !important;
  max-height: 62px !important;
  width: 82px !important;
  height: 62px !important;
  object-fit: cover !important;
}

/* Mobile: use almost full width but keep controls visible */
@media (max-width: 900px) {
  :root {
    --fh-lightbox-main-max-width: 96vw;
    --fh-lightbox-main-max-height: 72vh;
  }

  .fertighaus-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
  .fh-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
  .fh-gallery-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
  .product-lightbox img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
  .lightbox-modal img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb),
  [data-lightbox-overlay] img:not(.thumb):not(.thumbnail):not(.gallery-thumb):not(.fh-thumb) {
    border-radius: 14px !important;
  }
}

/* Ultra-specific fallback for current gallery if image had inline width/max-width */
body .fertighaus-lightbox [style*="max-width"],
body .fh-lightbox [style*="max-width"],
body .fh-gallery-lightbox [style*="max-width"],
body .product-lightbox [style*="max-width"],
body .lightbox-modal [style*="max-width"] {
  max-width: var(--fh-lightbox-main-max-width) !important;
}