/*
 * WB_ITEM_GALLERY_CSS_TEST_FIX_V2
 *
 * Desktop diagnostic:
 * completely bypass the current gallery grid sizing.
 */

@media (min-width: 576px) {

    body.wb-item-page .wb-item-media {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.wb-item-page .wb-item-gallery {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        gap: 14px !important;

        container-type: normal !important;
    }

    body.wb-item-page .wb-item-thumbs {
        display: flex !important;
        flex: 0 0 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;

        flex-direction: column !important;
        gap: 10px !important;

        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;

        overflow: visible !important;
    }

    body.wb-item-page .wb-item-thumb {
        display: block !important;

        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;

        flex: 0 0 72px !important;
    }

    body.wb-item-page .wb-item-thumb img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
    }

    body.wb-item-page .wb-item-photo {
        display: block !important;

        flex: 1 1 0% !important;

        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: 1 / 1 !important;
    }

    body.wb-item-page .wb-item-photo__image {
        display: block !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: fill !important;
    }
}