/* Rehub responsive safety layer. Keep rules scoped and non-invasive. */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

img,
svg,
video,
iframe {
    max-width: 100%;
}

table {
    max-width: 100%;
}

@media (max-width: 1023px) {
    .woocommerce-account .rehub-account,
    .woocommerce-account .rehub-account main,
    .woocommerce-account .rehub-account section,
    .checkout-main-container,
    .cart-main-container {
        min-width: 0;
    }

    .woocommerce-account .rehub-account table,
    .woocommerce-cart table,
    .woocommerce-checkout table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .woocommerce-account .rehub-account .min-w-\[420px\],
    .woocommerce-account .rehub-account .min-w-\[520px\],
    .woocommerce-account .rehub-account .min-w-\[720px\] {
        min-width: 0;
        width: 100%;
    }

    .single-product .product,
    .single-product .summary,
    .single-product .woocommerce-product-gallery {
        min-width: 0;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .container {
        max-width: 100%;
    }

    pre,
    code {
        max-width: 100%;
        overflow-x: auto;
    }
}