@media (max-width: 620px) {
        html body #content#content#content .wc-block-grid__product-image:has(> .ti-product-badge) {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 34px !important;
            height: auto !important;
            min-height: 0 !important;
            margin: 0 0 12px !important;
            overflow: visible !important;
        }

        html body #content#content#content .wc-block-grid__product-image > .ti-product-badge {
            position: relative !important;
            inset: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            transform: none !important;
            flex: 0 0 auto !important;
            align-self: center !important;
            width: auto !important;
            max-width: calc(100% - 8px) !important;
            min-height: 44px !important;
            margin: 0 auto !important;
            padding: 6px 10px !important;
            white-space: normal !important;
            z-index: 1 !important;
        }

        html body #content#content#content .wc-block-grid__product-image > img {
            flex: 0 0 auto !important;
            margin-right: auto !important;
            margin-left: auto !important;
        }

        /*
         * Classic Woo loops place the owned badge in a dedicated, otherwise
         * zero-height product link before the thumbnail link. Give that link a
         * real header row so the badge and visible product subject cannot overlap.
         */
        html body #content#content#content ul.products li.product > a.woocommerce-LoopProduct-link:has(> .ti-product-badge),
        html body #content#content#content .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link:has(> .ti-product-badge) {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-sizing: border-box !important;
            width: 100% !important;
            height: 82px !important;
            min-height: 82px !important;
            margin: 0 !important;
            padding: 12px 8px 26px !important;
            overflow: visible !important;
            position: relative !important;
        }

        html body #content#content#content ul.products li.product > a.woocommerce-LoopProduct-link > .ti-product-badge,
        html body #content#content#content .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link > .ti-product-badge {
            position: relative !important;
            inset: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            transform: none !important;
            align-self: center !important;
            width: auto !important;
            max-width: calc(100% - 8px) !important;
            min-height: 44px !important;
            margin: 0 auto !important;
            padding: 6px 10px !important;
            white-space: normal !important;
            z-index: 1 !important;
        }

        html body #content#content#content ul.products li.product:has(> .ti-product-badge),
        html body #content#content#content .woocommerce ul.products li.product:has(> .ti-product-badge) {
            padding-top: 12px !important;
        }

        html body #content#content#content ul.products li.product > .ti-product-badge,
        html body #content#content#content .woocommerce ul.products li.product > .ti-product-badge {
            position: relative !important;
            inset: auto !important;
            top: auto !important;
            right: auto !important;
            bottom: auto !important;
            left: auto !important;
            transform: none !important;
            align-self: center !important;
            width: auto !important;
            max-width: calc(100% - 16px) !important;
            min-height: 44px !important;
            margin: 0 auto 34px !important;
            padding: 6px 10px !important;
            white-space: normal !important;
            z-index: 1 !important;
        }
    }
    

    html body .mfp-bg,
    html body .mfp-wrap {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
    html body .mfp-bg {
        z-index: 2147483645 !important;
    }
    html body .mfp-wrap,
    html body .mfp-container,
    html body .mfp-wrap .mfp-content {
        z-index: 2147483646 !important;
    }
    html body .mfp-wrap .mfp-content {
        pointer-events: auto !important;
    }
    html body .mfp-wrap .mfp-arrow,
    html body .mfp-wrap .mfp-close {
        z-index: 2147483647 !important;
        pointer-events: auto !important;
    }

    /* Specificity bridge for older destination-local single-product gallery rules. */
    html body.single-product.single-product > .mfp-bg.mfp-bg {
        z-index: 2147483645 !important;
    }
    html body.single-product.single-product > .mfp-wrap.mfp-wrap,
    html body.single-product.single-product > .mfp-wrap.mfp-wrap > .mfp-container.mfp-container,
    html body.single-product.single-product > .mfp-wrap.mfp-wrap > .mfp-container.mfp-container > .mfp-content.mfp-content {
        z-index: 2147483646 !important;
    }
    html body.single-product.single-product > .mfp-wrap.mfp-wrap > .mfp-container.mfp-container > button.mfp-arrow.mfp-arrow,
    html body.single-product.single-product > .mfp-wrap.mfp-wrap .mfp-close.mfp-close {
        z-index: 2147483647 !important;
        pointer-events: auto !important;
    }

    @media (max-width: 782px) {
        html body.single-product.single-product .mfp-wrap.mfp-wrap.mfp-gallery.mfp-gallery > .mfp-container.mfp-container.mfp-image-holder > .mfp-content.mfp-content {
            z-index: 1 !important;
        }
        html body.single-product.single-product .mfp-wrap.mfp-wrap.mfp-gallery.mfp-gallery > .mfp-container.mfp-container.mfp-image-holder > button.mfp-arrow.mfp-arrow {
            z-index: 10 !important;
            pointer-events: auto !important;
        }
    }

    html body .mwai-chat.mwai-window.mwai-open.mwai-open {
        z-index: 2147483500 !important;
        isolation: isolate !important;
    }
    html body .mwai-chat.mwai-window.mwai-open.mwai-open .mwai-window-box.mwai-window-box {
        position: relative !important;
        z-index: 2147483501 !important;
        pointer-events: auto !important;
    }
    html body:not(.mfp-zoom-out-cur):not(.mfp-ready) > .mfp-bg,
    html body:not(.mfp-zoom-out-cur):not(.mfp-ready) > .mfp-wrap {
        pointer-events: none;
    }