/* Use the full phone width for image-based editorial content. */
@media (max-width: 767px) {
    .collection-lightbox {
        padding: 64px 8px 24px;
        touch-action: auto;
    }
    .collection-lightbox__dialog {
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }
    .collection-lightbox__image {
        width: 100%;
        max-width: none;
        height: auto;
    }
    .collection-lightbox__close {
        top: max(12px, env(safe-area-inset-top));
        right: 12px;
        width: 44px;
        height: 44px;
    }
    .collection-lightbox__scroll-icon {
        left: auto;
        right: 12px;
        bottom: 16px;
    }
}