/* Fit the complete image inside a phone viewport, including landscape mode. */
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
    .elementor-lightbox .elementor-lightbox-item {
        padding: 70px 16px;
    }

    .elementor-lightbox .swiper-zoom-container .elementor-lightbox-image {
        width: auto;
        height: auto;
        min-width: 0;
        min-height: 0;
        max-width: calc(100vw - 32px);
        max-height: calc(100vh - 160px);
        max-height: calc(100dvh - 160px);
        object-fit: contain;
    }

    .mfp-wrap .mfp-image-holder {
        padding-right: 16px;
        padding-left: 16px;
    }

    .mfp-wrap .mfp-image-holder img.mfp-img {
        width: auto;
        height: auto;
        min-width: 0;
        min-height: 0;
        max-width: calc(100vw - 32px);
        /* Override Magnific Popup's inline height, reserving room for controls. */
        max-height: calc(100vh - 80px) !important;
        max-height: calc(100dvh - 80px) !important;
        object-fit: contain;
    }
}