html.afc-detail-media-open,
body.afc-detail-media-open {
    overflow: hidden !important;
    touch-action: none;
}

.afc-detail-fullscreen-trigger {
    cursor: zoom-in;
}

.afc-detail-fullscreen-lightbox {
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    place-items: center;
    background: rgba(2, 12, 23, .96);
}

.afc-detail-fullscreen-lightbox.is-open {
    display: grid;
}

.afc-detail-fullscreen-lightbox img {
    display: block;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    max-width: 100vw;
    max-height: 100vh;
    max-height: 100dvh;
    object-fit: contain;
    object-position: center;
    background: #fff;
}

.afc-detail-fullscreen-close {
    position: fixed;
    z-index: 2147483001;
    top: max(10px, env(safe-area-inset-top));
    right: max(10px, env(safe-area-inset-right));
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 14px;
    color: #fff;
    background: rgba(5, 20, 36, .78);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
    font-size: 31px;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 980px) {
    .afc-blog-media-shell,
    .afc-testimonial-main-media,
    .pp-product-image,
    .product-detail-media,
    .promo-detail-image,
    .afc-blog-carousel-stage {
        width: calc(100vw - 12px) !important;
        min-height: min(78vh, 720px) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        padding: 8px !important;
        border-radius: 18px !important;
    }

    .afc-blog-media-shell.is-small,
    .afc-blog-media-shell.is-medium,
    .afc-blog-media-shell.is-large,
    .afc-blog-media-shell.is-wide,
    .afc-testimonial-main-media.is-small,
    .afc-testimonial-main-media.is-medium,
    .afc-testimonial-main-media.is-large,
    .afc-testimonial-main-media.is-wide {
        width: calc(100vw - 12px) !important;
        min-height: min(78vh, 720px) !important;
        padding: 8px !important;
    }

    .afc-blog-main-image-button,
    .afc-testimonial-main-image-button,
    .afc-blog-carousel-track,
    .afc-blog-carousel-slide {
        width: 100% !important;
        height: 100% !important;
        min-height: calc(min(78vh, 720px) - 16px) !important;
    }

    .afc-blog-main-image,
    .afc-blog-main-video,
    .afc-testimonial-main-media img,
    .afc-testimonial-main-media video,
    .afc-testimonial-main-media iframe,
    .pp-product-image img,
    .product-detail-media img,
    .promo-detail-image img,
    .promo-detail-image.is-portrait img,
    .promo-detail-image.is-square img,
    .afc-blog-carousel-slide img,
    .afc-blog-carousel-slide video,
    .afc-blog-carousel-slide iframe {
        display: block !important;
        width: 100% !important;
        height: calc(min(78vh, 720px) - 16px) !important;
        max-width: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
        border-radius: 12px !important;
    }

    .afc-blog-carousel-stage {
        padding-right: 46px !important;
        padding-left: 46px !important;
        padding-bottom: 58px !important;
    }

    .afc-blog-carousel-stage .afc-blog-carousel-track,
    .afc-blog-carousel-stage .afc-blog-carousel-slide {
        min-height: calc(min(78vh, 720px) - 66px) !important;
    }

    .afc-blog-carousel-stage .afc-blog-carousel-slide img,
    .afc-blog-carousel-stage .afc-blog-carousel-slide video,
    .afc-blog-carousel-stage .afc-blog-carousel-slide iframe {
        height: calc(min(78vh, 720px) - 66px) !important;
    }
}

@media (min-width: 761px) {
    .afc-detail-fullscreen-lightbox {
        background: rgba(2, 12, 23, .92);
    }

    .afc-detail-fullscreen-lightbox img {
        width: auto;
        height: auto;
        max-width: calc(100vw - 48px);
        max-height: calc(100vh - 48px);
        border-radius: 14px;
    }
}