Puppeteer - Why is modal hidden when emulating mobile device

Question

I am currently trying to automate a scenario where a non-filtered search is performed on a car sales webpage. which has a cookies modal when first loaded. My issue is that when I run the script to emulate a mobile device the modal is hidden but the webpage is non responsive which implies the modal is either in the background or out of the screen.

Has anyone had something of a similar issue that could help

const puppeteer = require('puppeteer');
const iPad = puppeteer.devices['iPad Pro'];

(async function()  {
    const browser = await puppeteer.launch({
        headless : false,
        slowMo: 50,
        defaultViewport: null,
        args: ['--start-maximized'] 
    });
    const page = await browser.newPage();
    await page.emulate(iPad);
    await page.goto('https://www.arnoldclark.com/').catch();
}) ();