<!doctype html>
<html lang="en">
<head >
    <meta charset="utf-8"/>
<meta name="title" content="Cornish Food &amp; Drink | Delivered To Your Door UK Wide Cornish Food Delivered | Cornish Food Box Company"/>
<meta name="description" content="Buy better food. Order your food shopping from over 200 Cornish farmers &amp; food producers. Support British farmers &amp; avoid the supermarkets. Easy online ordering &amp; fast tracked delivery UK wide."/>
<meta name="keywords" content="best cornish food delivery, veg box delivery, order free range meat, buy fresh fish, buy seafood, grocery delivery, cornwall food, order cornish food, buy food cornwall, cornish hampers, cornish hamper store, cornish company, buy cornish cheese, bakery cornwall, buy upf free food, where to be natural food, best food uk, buy sustainable food, buy british food"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Cornish Food &amp; Drink | Delivered To Your Door UK Wide Cornish Food Delivered | Cornish Food Box Company</title>
<link  rel="stylesheet" type="text/css"  media="all" href="http://www.thecornishfoodboxcompany.co.uk/static/version1779463306/frontend/Cornish/hyva/en_GB/css/styles.css" />
<link  rel="icon" type="image/x-icon" href="http://www.thecornishfoodboxcompany.co.uk/media/favicon/stores/1/favicon-32x32.png" />
<link  rel="shortcut icon" type="image/x-icon" href="http://www.thecornishfoodboxcompany.co.uk/media/favicon/stores/1/favicon-32x32.png" />
<script type="text/javascript">
if(window.location.pathname.indexOf("/checkout/onepage/success") >= 0){
    document.write( ' <img height="1" width="1" style="display:none;" alt="" src="//www.googleadservices.com/pagead/conversion/965877833/?label=HepzCMKfxVcQycDIzAM&amp;guid=ON&amp;script=0"/>');
}
</script>

<meta name="facebook-domain-verification" content="vdpkbasuqm1n1oxqfsw6bdyp1ggt8u" />

<meta name="google-site-verification" content="fulh2x6ctXSMXUZpu5egWWknrXxI8rI9aeDNAgjGuXg" />

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1148412829299731');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1148412829299731&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<meta name="p:domain_verify" content="VDCzSCRl1yYCIcIxj9Vn1HEBEednEwqW"/>
              <!-- Google Analytics Added by Mageplaza --><!-- Global site tag (gtag.js) - Google Analytics --><script async
            src="https://www.googletagmanager.com/gtag/js?id=G-GSLQBPJQQT"></script><script>
        window.dataLayer = window.dataLayer || [];

        function gtag(){window.dataLayer.push(arguments);}

        gtag('js', new Date());

        gtag('set', {'currency': 'GBP'});
        gtag('set', {'link_attribution': true});
        gtag('set', {'anonymize_ip': false});
        gtag('set', {'allow_ad_personalization_signals': true});
          gtag(
            'config',
            'G-GSLQBPJQQT',
            {}        );
        </script><!-- End Google Analytics -->  <!-- Facebook Pixel Added by Mageplaza --> <script>
            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
                n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
                n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
                t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
                document,'script','https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '526103287576204');
            fbq('track', "PageView");</script> <noscript><img height="1" width="1" style="display:none" alt="Facebook Pixel" src="https://www.facebook.com/tr?id=526103287576204&ev=PageView&noscript=1"/></noscript><!-- End Facebook Pixel -->  <!-- Google Tag Manager Added by Mageplaza --><!-- Global site tag (gtag.js) - Google Analytics 4 --><script>(function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            });
            var f                          = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WCPVFWB');</script><script>

        window.dataLayer = window.dataLayer || [];

        function gtag () {
            window.dataLayer.push(arguments);
        }

        gtag('js', new Date());

        </script><!-- End Google Tag Manager -->    <script>
    var BASE_URL = 'http://www.thecornishfoodboxcompany.co.uk/';
    var THEME_PATH = 'http://www.thecornishfoodboxcompany.co.uk/static/version1779463306/frontend/Cornish/hyva/en_GB';
    var COOKIE_CONFIG = {
        "expires": null,
        "path": "\u002F",
        "domain": ".www.thecornishfoodboxcompany.co.uk",
        "secure": false,
        "lifetime": "86400",
        "cookie_restriction_enabled": false    };
    var CURRENT_STORE_CODE = 'default';
    var CURRENT_WEBSITE_ID = '1';

    window.hyva = window.hyva || {}

    window.cookie_consent_groups = window.cookie_consent_groups || {}
    window.cookie_consent_groups['necessary'] = true;

    window.cookie_consent_config = window.cookie_consent_config || {};
    window.cookie_consent_config['necessary'] = [].concat(
        window.cookie_consent_config['necessary'] || [],
        [
            'user_allowed_save_cookie',
            'form_key',
            'mage-messages',
            'private_content_version',
            'mage-cache-sessid',
            'last_visited_store',
            'section_data_ids'
        ]
    );</script> <script>
    'use strict';
    (function( hyva, undefined ) {

        function lifetimeToExpires(options, defaults) {

            const lifetime = options.lifetime || defaults.lifetime;

            if (lifetime) {
                const date = new Date;
                date.setTime(date.getTime() + lifetime * 1000);
                return date;
            }

            return null;
        }

        function generateRandomString() {

            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
                length = 16;

            let formKey = '',
                charactersLength = allowedCharacters.length;

            for (let i = 0; i < length; i++) {
                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
            }

            return formKey;
        }

        const sessionCookieMarker = {noLifetime: true}

        const cookieTempStorage = {};

        const internalCookie = {
            get(name) {
                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
                return v ? v[2] : null;
            },
            set(name, value, days, skipSetDomain) {
                let expires,
                    path,
                    domain,
                    secure,
                    samesite;

                const defaultCookieConfig = {
                    expires: null,
                    path: '/',
                    domain: null,
                    secure: false,
                    lifetime: null,
                    samesite: 'lax'
                };

                const cookieConfig = window.COOKIE_CONFIG || {};

                expires = days && days !== sessionCookieMarker
                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;

                path = cookieConfig.path || defaultCookieConfig.path;
                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
                secure = cookieConfig.secure || defaultCookieConfig.secure;
                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;

                document.cookie = name + "=" + encodeURIComponent(value) +
                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
                    (path ? '; path=' + path : '') +
                    (domain ? '; domain=' + domain : '') +
                    (secure ? '; secure' : '') +
                    (samesite ? '; samesite=' + samesite : 'lax');
            },
            isWebsiteAllowedToSaveCookie() {
                const allowedCookies = this.get('user_allowed_save_cookie');
                if (allowedCookies) {
                    const allowedWebsites = JSON.parse(unescape(allowedCookies));

                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
                }
                return false;
            },
            getGroupByCookieName(name) {
                const cookieConsentConfig = window.cookie_consent_config || {};
                let group = null;
                for (let prop in cookieConsentConfig) {
                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
                    if (cookieConsentConfig[prop].includes(name)) {
                        group = prop;
                        break;
                    }
                }
                return group;
            },
            isCookieAllowed(name) {
                const cookieGroup = this.getGroupByCookieName(name);
                return cookieGroup
                    ? window.cookie_consent_groups[cookieGroup]
                    : this.isWebsiteAllowedToSaveCookie();
            },
            saveTempStorageCookies() {
                for (const [name, data] of Object.entries(cookieTempStorage)) {
                    if (this.isCookieAllowed(name)) {
                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
                        delete cookieTempStorage[name];
                    }
                }
            }
        };

        hyva.getCookie = (name) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
            }

            return internalCookie.get(name);
        }

        hyva.setCookie = (name, value, days, skipSetDomain) => {
            const cookieConfig = window.COOKIE_CONFIG || {};

            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
                cookieTempStorage[name] = {value, days, skipSetDomain};
                return;
            }
            return internalCookie.set(name, value, days, skipSetDomain);
        }


        hyva.setSessionCookie = (name, value, skipSetDomain) => {
            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
        }

        hyva.getBrowserStorage = () => {
            const browserStorage = window.localStorage || window.sessionStorage;
            if (!browserStorage) {
                console.warn('Browser Storage is unavailable');
                return false;
            }
            try {
                browserStorage.setItem('storage_test', '1');
                browserStorage.removeItem('storage_test');
            } catch (error) {
                console.warn('Browser Storage is not accessible', error);
                return false;
            }
            return browserStorage;
        }

        hyva.postForm = (postParams) => {
            const form = document.createElement("form");

            let data = postParams.data;

            if (! postParams.skipUenc && ! data.uenc) {
                data.uenc = btoa(window.location.href);
            }
            form.method = "POST";
            form.action = postParams.action;

            Object.keys(postParams.data).map(key => {
                const field = document.createElement("input");
                field.type = 'hidden'
                field.value = postParams.data[key];
                field.name = key;
                form.appendChild(field);
            });

            const form_key = document.createElement("input");
            form_key.type = 'hidden';
            form_key.value = hyva.getFormKey();
            form_key.name="form_key";
            form.appendChild(form_key);

            document.body.appendChild(form);

            form.submit();
        }

        hyva.getFormKey = function () {
            let formKey = hyva.getCookie('form_key');

            if (!formKey) {
                formKey = generateRandomString();
                hyva.setCookie('form_key', formKey);
            }

            return formKey;
        }

        hyva.formatPrice = (value, showSign, options = {}) => {
            const groupSeparator = options.groupSeparator;
            const decimalSeparator = options.decimalSeparator
            delete options.groupSeparator;
            delete options.decimalSeparator;
            const formatter = new Intl.NumberFormat(
                'en\u002DGB',
                Object.assign({
                    style: 'currency',
                    currency: 'GBP',
                    signDisplay: showSign ? 'always' : 'auto'
                }, options)
            );
            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
                formatter.formatToParts(value).map(({type, value}) => {
                    switch (type) {
                        case 'currency':
                            return '\u00A3' || value;
                        case 'minusSign':
                            return '- ';
                        case 'plusSign':
                            return '+ ';
                        case 'group':
                            return groupSeparator !== undefined ? groupSeparator : value;
                        case 'decimal':
                            return decimalSeparator !== undefined ? decimalSeparator : value;
                        default :
                            return value;
                    }
                }).reduce((string, part) => string + part) :
                formatter.format(value);
        }

 const formatStr = function (str, nStart) {
            const args = Array.from(arguments).slice(2);

            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
                const idx = parseInt(n) - nStart;

                if (args[idx] === null || args[idx] === void 0) {
                    return m;
                }
                return p.length % 2
                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
                    : p.replace('%%', '%') + n;
            })
        }

 hyva.str = function (string) {
            const args = Array.from(arguments);
            args.splice(1, 0, 1);

            return formatStr.apply(undefined, args);
        }

 hyva.strf = function () {
            const args = Array.from(arguments);
            args.splice(1, 0, 0);

            return formatStr.apply(undefined, args);
        }

        /**
         * Take a html string as `content` parameter and
         * extract an element from the DOM to replace in
         * the current page under the same selector,
         * defined by `targetSelector`
         */
        hyva.replaceDomElement = (targetSelector, content) => {
            
            const parser = new DOMParser();
            const doc = parser.parseFromString(content, 'text/html');
            const contentNode = doc.querySelector(targetSelector);

            
            if (!contentNode || !document.querySelector(targetSelector)) {
                return;
            }

             hyva.activateScripts(contentNode);
             document.querySelector(targetSelector).replaceWith(contentNode);

            
            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
            hyva.initMessages();
        }

        hyva.removeScripts = (contentNode) => {
            const scripts = contentNode.getElementsByTagName('script');
            for (let i = 0; i < scripts.length; i++) {
                scripts[i].parentNode.removeChild(scripts[i]);
            }
            const templates = contentNode.getElementsByTagName('template');
            for (let i = 0; i < templates.length; i++) {
                const container = document.createElement('div');
                container.innerHTML = templates[i].innerHTML;
                hyva.removeScripts(container);
                templates[i].innerHTML = container.innerHTML;
            }
        }

        hyva.activateScripts = (contentNode) => {
 const scripts = Array.from(contentNode.getElementsByTagName('script'));

            
            for (const original of scripts) {
                const script = document.createElement('script');
                original.type && (script.type = original.type);
                script.innerHTML = original.innerHTML;

                
                original.parentNode.removeChild(original)

                
                document.head.appendChild(script);
            }

            return contentNode;
        }

 const replace = {['+']: '-', ['/']: '_', ['=']: ','};
        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);

        let currentTrap;

        const focusableElements = (rootElement) => {
            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
            return Array.from(rootElement.querySelectorAll(selector))
                .filter(el => {
                    return el.style.display !== 'none'
                        && !el.disabled
                        && el.tabIndex !== -1
                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
                })
        }

        const focusTrap = (e) => {
            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
            if (!isTabPressed) return;

            const focusable = focusableElements(currentTrap)
            const firstFocusableElement = focusable[0]
            const lastFocusableElement = focusable[focusable.length - 1]

            e.shiftKey
                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
        };

        hyva.releaseFocus = (rootElement) => {
            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
                currentTrap.removeEventListener('keydown', focusTrap)
                currentTrap = null
            }
        }
        hyva.trapFocus = (rootElement) => {
            if (!rootElement) return;
            hyva.releaseFocus()
            currentTrap = rootElement
            rootElement.addEventListener('keydown', focusTrap)
            const firstElement = focusableElements(rootElement)[0]
            firstElement && firstElement.focus()
        }

 hyva.safeParseNumber = (rawValue) => {
            const number = rawValue ? parseFloat(rawValue) : null;

            return Array.isArray(number) || isNaN(number) ? rawValue : number;
        }

 const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {

            const camelCase = toCamelCase(name);
 const key = '__hyva_bool_' + name

            return new Proxy(Object.assign(
                additionalMethods,
                {
                    [key]: !!value,
                    [name]() {return !!this[key]},
                    ['!' + name]() {return !this[key]}, 
                    ['not' + camelCase]() {return !this[key]},
                    ['toggle' + camelCase]() {this[key] = !this[key]},
                    [`set${camelCase}True`]() {this[key] = true},
                    [`set${camelCase}False`]() {this[key] = false},
                }
            ), {
                set(target, prop, value) {
                    return prop === name
                        ? (target[key] = !!value)
                        : Reflect.set(...arguments);
                }
            })
        }

                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
         window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())

    }( window.hyva = window.hyva || {} ));</script> <script>
    if (!window.IntersectionObserver) {
        window.IntersectionObserver = function (callback) {
            this.observe = el => el && callback(this.takeRecords());
            this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
            this.disconnect = () => {};
            this.unobserve = () => {};
        }
    }</script></head>
<body id="html-body" class="cms-cfb-default-home-hyva cms-index-index page-layout-1column">
 <!--Analytics Added by Mageplaza GTM -->     <!--Facebook Pixel Added by Mageplaza GTM -->        <!-- Google Tag Manager (noscript) Added by Mageplaza--><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCPVFWB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager DataLayer Added by Mageplaza-->  <script>
                    dataLayer.push({"ecommerce":{"currencyCode":"GBP"}});</script>  <!-- End Google Tag Manager DataLayer Added by Mageplaza--> <input name="form_key" type="hidden" value="nbVUHyenGwhM60Ze" />
    <noscript>
        <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal">
            <div class="container text-center">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong>
                    <span>
                        For the best experience on our site, be sure to turn on Javascript in your browser.                    </span>
                </p>
            </div>
        </section>
    </noscript>


<script>
    document.body.addEventListener('touchstart', () => {}, {passive: true})
</script>
<div class="page-wrapper"><header class="page-header"> <script>
    'use strict';

    function initAwRbslider(config) {
        return {
            options: Object.assign({
                autoplay: true,
                pauseTimeBetweenTransitions: 3000,
                slideTransitionSpeed: 500,
                isStopAnimationMouseOnBanner: true,
                animation: 'fade',
                isRandomOrderImage: false,
                sliderListSelector: '.uk-slideshow',
                sliderItemSelector: '.aw-rbslider-item'
            }, config),

            slideshow: {options: {}},

            /**
             * Initialize widget
             */
            initSlider() {
                /*if (this.options.isRandomOrderImage) {
                    this._randomSort();
                }*/

                this.slideshow = window.awRbslider(this.$el, {
                    autoplay: this.options.autoplay,
                    autoplayInterval: this.options.pauseTimeBetweenTransitions,
                    duration: this.options.slideTransitionSpeed,
                    pauseOnHover: this.options.isStopAnimationMouseOnBanner,
                    animation: this.options.animation
                });
                this.loadSlides();

                
                this.slideshow.resize = () => this.resizeBanner(this.slideshow, this.$el);

                if (this.options.bannerSchedule.length > 0) {
                    if (!this.timeValidator([this.options.bannerSchedule[0]])) {
                        this.delayedUpdate(this.options.bannerSchedule[0]);
                    }
                    if (this.timeValidator(this.options.bannerSchedule)) {
                        this.sendRequest(this.options.bannerId);
                    }
                }
            },

            loadSlider() {
                if (! window.awRbslider) {
                    let callbacks = [];
                    window.awRbslider = {'-isLoading': (callback) => callbacks.push(callback)};
                    const script = document.createElement('script');
                    script.src = 'http\u003A\u002F\u002Fwww.thecornishfoodboxcompany.co.uk\u002Fstatic\u002Fversion1779463306\u002Ffrontend\u002FCornish\u002Fhyva\u002Fen_GB\u002FHyva_AheadworksRbslider\u002Fjs\u002Fcomponents\u002Fslideshow.js';
                    script.onload = () => {
                        callbacks.map(callback => callback())
                        callbacks = [];
                    };
                    document.head.append(script);
                }
                if (window.awRbslider['-isLoading']) {
                    window.awRbslider['-isLoading'](() => this.loadSlider())
                }
                if (! window.awRbslider['-isLoading']) {
                    this.initSlider();
                }
            },

            
            pauseOnEnter() {
                if (this.slideshow.options.pauseOnHover) {
                    this.slideshow.hovering = true;
                }
            },
            resumeOnLeave() {
                this.slideshow.hovering = false;
            },

            /**
             * Recalculate the width and height of the banner
             */
            resizeBanner(slideshow, componentRoot) {
                let width;
                const mainContent = componentRoot.closest('#maincontent, .page-wrapper');

                
                if (slideshow.slides.length) {
                    width = slideshow.slides[0].querySelector('img.aw-rbslider__img').naturalWidth;
                }
                if (mainContent) {
                    if (mainContent.getBoundingClientRect().width < width) {
                        width = mainContent.getBoundingClientRect().width;
                    }
                    componentRoot.style.width = width + 'px';
                }
                
                if (slideshow.options.height === 'auto' && slideshow.slides.length) {
                    slideshow.slides[0].style.height = '';
                    const height = slideshow.slides[0].getBoundingClientRect().height;
                    slideshow.container.style.height = height + 'px';
                    slideshow.slides.map(slide => {
                        slide.style.height = height + 'px';
                        slide.style.position = 'positon';

                    });
                }
            },

            /**
             * Lazy load slides
             */
            loadSlides() {
                this.slideshow.slides.forEach((slideElem, index) => {
                    if (index) {
                        const slideImg = slideElem.querySelector('img.aw-rbslider__img');
                        if (slideImg && slideImg.dataset.src) {
                            slideImg.addEventListener('load', () => slideImg.classList.add('is-loaded'));
                            slideImg.src = slideImg.dataset.src;
                            slideImg.removeAttribute('data-src');
                        }
                    }
                });
            },

            /**
             * Compare current time with schedule
             */
            timeValidator(schedule) {
                const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
                let isValid = false;

                schedule.forEach(item => {
                    if (currentDateMinute === Math.floor(new Date(item).getTime() / 1000 / 60))  {
                        isValid = true;
                    }
                });

                return isValid;
            },

            /**
             * Send request for clean banner cache
             */
            sendRequest(bannerId) {
                fetch(this.options.cacheCleanUrl, {
                    method: 'post',
                    headers: {
                        contentType: 'application/json'
                    },
                    body: JSON.stringify({bannerId})
                });
            },

            /**
             * Schedule call to sendRequest for future schedule item
             */
            delayedUpdate(futureTime) {
                const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
                const interval = Math.floor(new Date(futureTime).getTime() / 1000 / 60) - currentDateMinute;

                if (interval > 0) {
                    setTimeout(() => this.sendRequest(self.options.bannerId), interval);
                }
            },

            /**
             * @private
             */
            _randomSort () {
                const sliderListSelector = this.options.sliderListSelector,
                      sliderItemSelector = this.options.sliderItemSelector;

                this.$el.querySelector(sliderListSelector)
                    .innerHTML = Array.from(this.$el.querySelectorAll(sliderListSelector + ' ' + sliderItemSelector))
                        .sort(() => Math.random() - 0.5)
                        .map(item => item.outerHTML)
                        .join('');

            }
        };
    }</script> <script>
function awRbsliderClickTracker(config, formKey) {
    return {
        clickTracked: false,

        trackClick(event) {
            if (this.clickTracked) return;
            this.clickTracked = true;

            const { bannerId, slideId, url } = config;
            if (bannerId && slideId && url) {

               fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    body: new URLSearchParams({
                        slide_id: slideId,
                        banner_id: bannerId,
                        ajax: 'true',
                        form_key: formKey,
                    }),
                    keepalive: true
                }).catch((error) => {
                    console.error('Click tracking fetch failed:', error);
                });
            }
        },

        trackMouseDown(event) {
            if (event.which === 2 || event.which === 3) {
                this.trackClick();
            }
        }
    };
}</script><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white
   contentarea"
   href="#contentarea">
    <span>
        Skip to Content    </span>
</a><script>
    function initHeader () {
        return {
            searchOpen: false,
            cart: {},
            isCartOpen: false,
            getData(data) {
                if (data.cart) { this.cart = data.cart }
            },
            isCartEmpty() {
                return !this.cart.summary_count
            },
            toggleCart(event) {
                if (event.detail && event.detail.isOpen !== undefined) {
                    this.isCartOpen = event.detail.isOpen
                    if (!this.isCartOpen && this.$refs && this.$refs.cartButton) {
                        this.$refs.cartButton.focus()
                    }
                } else {
                                        this.isCartOpen = true
                }
            }
        }
    }
    function initCompareHeader() {
        return {
            compareProducts: null,
            itemCount: 0,
            receiveCompareData(data) {
                if (data['compare-products']) {
                    this.compareProducts = data['compare-products'];
                    this.itemCount = this.compareProducts.count;
                }
            }
        }
    }
</script>
<div
    id="header"
    class="shadow-md"
    x-data="initHeader()"
    @private-content-loaded.window="getData(event.detail.data)"
>
    
<div class="corn-olive text-white text-sm leading-5 p-2 hidden md:hidden xl:block 2xl:block lg:block">
    <div class="relative container flex">
        <div class="w-full"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="http://www.thecornishfoodboxcompany.co.uk/blog">RECIPES</a> | <a href="http://www.thecornishfoodboxcompany.co.uk/about-us">About us</a> | <a href="http://www.thecornishfoodboxcompany.co.uk/delivery">Delivery info</a></div></div>
        <div class="w-1/4 flex text-center justify-end">
            <div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="tel:+441872211533">01872 211533</a> | <a href="http://www.thecornishfoodboxcompany.co.uk/contact">Contact us</a></div></div>
        </div>
    </div>
</div>
    <div class="relative container py-3.5 flex gap-4 items-center lg:grid lg:grid-cols-[0.5fr,1.7fr,0.3fr]">
        <div class="order-1 sm:order-0 lg:justify-self-center">
            
<a
    class="inline-block align-middle"
    href="http://www.thecornishfoodboxcompany.co.uk/"
    title="Go&#x20;to&#x20;Home&#x20;page"
>
            <img
            src="https://www.thecornishfoodboxcompany.co.uk/media/logo/stores/1/white-logo-banner_3.png"
            alt="The&#x20;Cornish&#x20;Food&#x20;Box&#x20;Company"
            width="291"
            height="205"
            loading="eager"
            fetchpriority="high"
        >
    </a>        </div>

         <nav x-data="initMenuMobile_6a2ba425a58d2()" @load.window="setActiveMenu($el)" @keydown.window.escape="closeMenu()" class="nav-mobile z-20 order-0 sm:order-1 lg:order-2 navigation lg:hidden w-12 h-12" aria-label="Site&#x20;navigation" role="navigation" ><!-- mobile --><button x-ref="mobileMenuTrigger" @click="openMenu()" :class="{'overflow-x-hidden overflow-y-auto fixed top-0 left-0 w-full' : open}" type="button" aria-label="Open&#x20;menu" aria-haspopup="menu" :aria-expanded="open" :hidden="open" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="p-3" width="48" height="48" :class="{ 'hidden' : open, 'block': !open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/>
</svg>
</button> <div x-ref="mobileMenuNavLinks" class=" fixed top-0 right-0 w-full h-full pl-1 pr-1 pt-0 flex flex-col border-t border-container bg-container-lighter overflow-y-auto overflow-x-hidden custom-mobile " :class="{ 'hidden' : !open }" :aria-hidden="open ? 'false' : 'true'" role="dialog" aria-modal="true" ><ul class="border-t flex flex-col" aria-label="Site&#x20;navigation&#x20;links" ><li class="mobile-action-container flex justify-end text-right min-h-[74px] text-black"><div class="w-full self-end z-0"><button @click="closeMenu()" class="w-16 self-end z-1" aria-label="Close&#x20;menu" type="button" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 text-black" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li>  <li data-menu-id="top-level" class="level-0" ><div class="top-level-visible flex items-center transition-transform duration-0 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" ><a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container level-0 text-black " href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes.html" title="Holiday&#x20;Arrival&#x20;Boxes" >Holiday Arrival Boxes</a>  <button @click="openSubcategory(0, 'category-node-193')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Holiday&#x20;Arrival&#x20;Boxes&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-193" data-parent-id="top-level" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter  pl-1 pr-1 pt-[1.2px] " :class="{ 'hidden': getMobilePanelShow('top-level', 'category-node-193') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('top-level', 'category-node-193') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('top-level')" aria-label="Back&#x20;to&#x20;main&#x20;menu" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20;main&#x20;menu</span></button> </div><div class="action-container text-right"> <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-193') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Holiday Arrival Boxes</span></li>  <li data-child-id="category-node-254-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/arrivals-boxes.html" title="Arrivals&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Arrivals Boxes</span></a> </div></li>  <li data-child-id="category-node-258-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/breakfast-boxes.html" title="Breakfast&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Breakfast Boxes</span></a> </div></li>  <li data-child-id="category-node-259-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/bbq-boxes.html" title="BBQ&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">BBQ Boxes</span></a> </div></li>  <li data-child-id="category-node-261-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/deli-cheese-treats-boxes.html" title="Deli,&#x20;Cheese&#x20;&amp;&#x20;Treats&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Deli, Cheese &amp; Treats Boxes</span></a> </div></li>  <li data-child-id="category-node-260-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/meal-boxes.html" title="Meal&#x20;Boxes&#x20;&amp;&#x20;Kits" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Meal Boxes &amp; Kits</span></a> </div></li>  <li data-child-id="category-node-253-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/cornish-ready-to-cook-meals.html" title="Ready&#x20;to&#x20;Cook&#x20;Meals" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Ready to Cook Meals</span></a> </div></li> </ul></div> </li>  <li data-menu-id="top-level" class="level-0" ><div class="top-level-visible flex items-center transition-transform duration-0 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" ><a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container level-0 text-black " href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes.html" title="Boxes" >Boxes</a>  <button @click="openSubcategory(0, 'category-node-179')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Boxes&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-179" data-parent-id="top-level" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter  pl-1 pr-1 pt-[1.2px] " :class="{ 'hidden': getMobilePanelShow('top-level', 'category-node-179') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('top-level', 'category-node-179') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('top-level')" aria-label="Back&#x20;to&#x20;main&#x20;menu" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20;main&#x20;menu</span></button> </div><div class="action-container text-right"> <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-179') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Boxes</span></li>  <li data-child-id="category-node-171-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/family-food-boxes.html" title="Family&#x20;Food&#x20;Boxes&#x20;&#x20;&#x20;" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Family Food Boxes   </span></a> </div></li>  <li data-child-id="category-node-251-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/meal-boxes.html" title="Meal&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Meal Boxes</span></a> </div></li>  <li data-child-id="category-node-45-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/veg-box-delivery.html" title="Veg,&#x20;Fruit&#x20;&amp;&#x20;Salad&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Veg, Fruit &amp; Salad Boxes</span></a>  <button @click="openSubcategory('category-node-179','category-node-45')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Veg,&#x20;Fruit&#x20;&amp;&#x20;Salad&#x20;Boxes&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-45" data-parent-id="category-node-179" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter " :class="{ 'hidden': getMobilePanelShow('category-node-179', 'category-node-45') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('category-node-179', 'category-node-45') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('category-node-179')" aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelVeg,&#x20;Fruit&#x20;&amp;&#x20;Salad&#x20;Boxes" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20; Boxes</span></button> </div><div class="action-container text-right"> <button @click="backToTopMenu()" class="inline z-1 text-black" aria-label="Back&#x20;to&#x20;top&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-45') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline mt-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/>
</svg>
</button>  <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-45') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Veg, Fruit &amp; Salad Boxes</span></li>  <li data-child-id="category-node-241-main" data-parent-id="category-node-179" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/veg-box-delivery/veg-boxes.html" title="Veg&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Veg Boxes</span></a> </div></li>  <li data-child-id="category-node-242-main" data-parent-id="category-node-179" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/veg-box-delivery/fruit-boxes.html" title="Fruit&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Fruit Boxes</span></a> </div></li>  <li data-child-id="category-node-243-main" data-parent-id="category-node-179" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/veg-box-delivery/salad-boxes.html" title="Salad&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Salad Boxes</span></a> </div></li> </ul></div> </li>  <li data-child-id="category-node-62-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/meat-boxes.html" title="Heritage&#x20;Meat&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Heritage Meat Boxes</span></a> </div></li>  <li data-child-id="category-node-191-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/cornish-fish-boxes.html" title="Fish&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Fish Boxes</span></a> </div></li>  <li data-child-id="category-node-64-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/dairy-boxes.html" title="Dairy&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Dairy Boxes</span></a> </div></li>  <li data-child-id="category-node-127-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/bbq-set-boxes.html" title="BBQ&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">BBQ Boxes</span></a> </div></li>  <li data-child-id="category-node-189-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/breakfast-boxes.html" title="Breakfast&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Breakfast Boxes</span></a> </div></li> </ul></div> </li>  <li data-menu-id="top-level" class="level-0" ><div class="top-level-visible flex items-center transition-transform duration-0 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" ><a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container level-0 text-black " href="http://www.thecornishfoodboxcompany.co.uk/groceries.html" title="Groceries" >Groceries</a>  <button @click="openSubcategory(0, 'category-node-245')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Groceries&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-245" data-parent-id="top-level" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter  pl-1 pr-1 pt-[1.2px] " :class="{ 'hidden': getMobilePanelShow('top-level', 'category-node-245') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('top-level', 'category-node-245') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('top-level')" aria-label="Back&#x20;to&#x20;main&#x20;menu" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20;main&#x20;menu</span></button> </div><div class="action-container text-right"> <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-245') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Groceries</span></li>  <li data-child-id="category-node-267-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/bbq-essentials.html" title="BBQ&#x20;Essentials" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">BBQ Essentials</span></a> </div></li>  <li data-child-id="category-node-5-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese.html" title="Dairy&#x20;&amp;&#x20;Cheese" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Dairy &amp; Cheese</span></a>  <button @click="openSubcategory('category-node-245','category-node-5')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Dairy&#x20;&amp;&#x20;Cheese&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-5" data-parent-id="category-node-245" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter " :class="{ 'hidden': getMobilePanelShow('category-node-245', 'category-node-5') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('category-node-245', 'category-node-5') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('category-node-245')" aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelDairy&#x20;&amp;&#x20;Cheese" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20; Groceries</span></button> </div><div class="action-container text-right"> <button @click="backToTopMenu()" class="inline z-1 text-black" aria-label="Back&#x20;to&#x20;top&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-5') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline mt-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/>
</svg>
</button>  <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-5') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Dairy &amp; Cheese</span></li>  <li data-child-id="category-node-48-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/cornish-cheese.html" title="Cornish&#x20;Cheese" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Cornish Cheese</span></a> </div></li>  <li data-child-id="category-node-244-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/cornish-cheeseboards.html" title="Cornish&#x20;Cheeseboards" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Cornish Cheeseboards</span></a> </div></li>  <li data-child-id="category-node-16-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/milk-butter.html" title="Cornish&#x20;Milk&#x20;&amp;&#x20;Butter" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Cornish Milk &amp; Butter</span></a> </div></li>  <li data-child-id="category-node-18-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/yogurt-cream.html" title="Yogurt&#x20;and&#x20;Cream" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Yogurt and Cream</span></a> </div></li>  <li data-child-id="category-node-51-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/eggs.html" title="Eggs" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Eggs</span></a> </div></li>  <li data-child-id="category-node-199-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/dairy-free-milk.html" title="Dairy&#x20;Free&#x20;Milk" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Dairy Free Milk</span></a> </div></li> </ul></div> </li>  <li data-child-id="category-node-6-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad.html" title="Veg,&#x20;Fruit&#x20;&amp;&#x20;Salad&#x20;" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Veg, Fruit &amp; Salad </span></a>  <button @click="openSubcategory('category-node-245','category-node-6')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Veg,&#x20;Fruit&#x20;&amp;&#x20;Salad&#x20;&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-6" data-parent-id="category-node-245" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter " :class="{ 'hidden': getMobilePanelShow('category-node-245', 'category-node-6') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('category-node-245', 'category-node-6') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('category-node-245')" aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelVeg,&#x20;Fruit&#x20;&amp;&#x20;Salad&#x20;" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20; Groceries</span></button> </div><div class="action-container text-right"> <button @click="backToTopMenu()" class="inline z-1 text-black" aria-label="Back&#x20;to&#x20;top&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-6') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline mt-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/>
</svg>
</button>  <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-6') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Veg, Fruit &amp; Salad </span></li>  <li data-child-id="category-node-237-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad/veg-fruit-salad-boxes.html" title="Veg,&#x20;Fruit&#x20;&amp;&#x20;Salad&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Veg, Fruit &amp; Salad Boxes</span></a> </div></li>  <li data-child-id="category-node-47-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad/vegetables.html" title="Vegetables" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Vegetables</span></a> </div></li>  <li data-child-id="category-node-55-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad/salad-items.html" title="Salad" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Salad</span></a> </div></li>  <li data-child-id="category-node-136-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad/fruit.html" title="Fruit" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Fruit</span></a> </div></li> </ul></div> </li>  <li data-child-id="category-node-7-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry.html" title="Meat&#x20;&amp;&#x20;Poultry" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Meat &amp; Poultry</span></a>  <button @click="openSubcategory('category-node-245','category-node-7')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Meat&#x20;&amp;&#x20;Poultry&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-7" data-parent-id="category-node-245" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter " :class="{ 'hidden': getMobilePanelShow('category-node-245', 'category-node-7') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('category-node-245', 'category-node-7') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('category-node-245')" aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelMeat&#x20;&amp;&#x20;Poultry" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20; Groceries</span></button> </div><div class="action-container text-right"> <button @click="backToTopMenu()" class="inline z-1 text-black" aria-label="Back&#x20;to&#x20;top&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-7') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline mt-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/>
</svg>
</button>  <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-7') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Meat &amp; Poultry</span></li>  <li data-child-id="category-node-238-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/free-range-grass-fed-meat-boxes.html" title="Cornish&#x20;Meat&#x20;Boxes" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Cornish Meat Boxes</span></a> </div></li>  <li data-child-id="category-node-40-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/beef.html" title="Grass&#x20;Fed&#x20;Beef" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Grass Fed Beef</span></a> </div></li>  <li data-child-id="category-node-41-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/lamb.html" title="Cornish&#x20;Lamb" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Cornish Lamb</span></a> </div></li>  <li data-child-id="category-node-42-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/pork.html" title="Free&#x20;Range&#x20;Pork" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Free Range Pork</span></a> </div></li>  <li data-child-id="category-node-43-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/free-range-chicken-duck.html" title="Free&#x20;Range&#x20;Chicken&#x20;&amp;&#x20;Poultry" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Free Range Chicken &amp; Poultry</span></a> </div></li> </ul></div> </li>  <li data-child-id="category-node-8-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood.html" title="Fish&#x20;&amp;&#x20;Seafood" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Fish &amp; Seafood</span></a>  <button @click="openSubcategory('category-node-245','category-node-8')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Fish&#x20;&amp;&#x20;Seafood&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-8" data-parent-id="category-node-245" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter " :class="{ 'hidden': getMobilePanelShow('category-node-245', 'category-node-8') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('category-node-245', 'category-node-8') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('category-node-245')" aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelFish&#x20;&amp;&#x20;Seafood" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20; Groceries</span></button> </div><div class="action-container text-right"> <button @click="backToTopMenu()" class="inline z-1 text-black" aria-label="Back&#x20;to&#x20;top&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-8') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline mt-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/>
</svg>
</button>  <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-8') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Fish &amp; Seafood</span></li>  <li data-child-id="category-node-56-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood/fish.html" title="Fresh&#x20;Cornish&#x20;Fish" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Fresh Cornish Fish</span></a> </div></li>  <li data-child-id="category-node-60-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood/cornish-seafood.html" title="Cornish&#x20;Seafood" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Cornish Seafood</span></a> </div></li>  <li data-child-id="category-node-32-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood/smoked-fish.html" title="Smoked&#x20;&amp;&#x20;Preserved&#x20;Fish" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Smoked &amp; Preserved Fish</span></a> </div></li>  <li data-child-id="category-node-264-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood/whole-cornish-fish.html" title="Whole&#x20;Cornish&#x20;Fish&#x20;" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Whole Cornish Fish </span></a> </div></li> </ul></div> </li>  <li data-child-id="category-node-4-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery.html" title="Bakery" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Bakery</span></a>  <button @click="openSubcategory('category-node-245','category-node-4')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Bakery&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-4" data-parent-id="category-node-245" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter " :class="{ 'hidden': getMobilePanelShow('category-node-245', 'category-node-4') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('category-node-245', 'category-node-4') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('category-node-245')" aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelBakery" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20; Groceries</span></button> </div><div class="action-container text-right"> <button @click="backToTopMenu()" class="inline z-1 text-black" aria-label="Back&#x20;to&#x20;top&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-4') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline mt-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/>
</svg>
</button>  <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-4') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Bakery</span></li>  <li data-child-id="category-node-21-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/da-bara-artisan-bread.html" title="Da&#x20;Bara&#x20;Bakery" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Da Bara Bakery</span></a> </div></li>  <li data-child-id="category-node-198-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/cornish-pasties-pies.html" title="Pasties&#x20;&amp;&#x20;Pies" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Pasties &amp; Pies</span></a> </div></li>  <li data-child-id="category-node-141-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/gluten-free-bakery.html" title="Made&#x20;Marion&#x20;Gluten-Free&#x20;Bakery" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Made Marion Gluten-Free Bakery</span></a> </div></li>  <li data-child-id="category-node-20-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/cakes-scones-biscuits.html" title="Cakes,&#x20;Scones&#x20;&amp;&#x20;Biscuits" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Cakes, Scones &amp; Biscuits</span></a> </div></li>  <li data-child-id="category-node-23-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/breakfast-museli-pastries.html" title="Breakfast&#x20;Pastries&#x20;&amp;&#x20;Muesli" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Breakfast Pastries &amp; Muesli</span></a> </div></li> </ul></div> </li>  <li data-child-id="category-node-252-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/ready-to-cook-meals.html" title="Ready&#x20;to&#x20;Cook&#x20;Meals" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Ready to Cook Meals</span></a> </div></li>  <li data-child-id="category-node-10-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry.html" title="Food&#x20;Cupboard" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Food Cupboard</span></a>  <button @click="openSubcategory('category-node-245','category-node-10')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Food&#x20;Cupboard&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-10" data-parent-id="category-node-245" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter " :class="{ 'hidden': getMobilePanelShow('category-node-245', 'category-node-10') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('category-node-245', 'category-node-10') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('category-node-245')" aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelFood&#x20;Cupboard" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20; Groceries</span></button> </div><div class="action-container text-right"> <button @click="backToTopMenu()" class="inline z-1 text-black" aria-label="Back&#x20;to&#x20;top&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-10') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline mt-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/>
</svg>
</button>  <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-10') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Food Cupboard</span></li>  <li data-child-id="category-node-9-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry/deli.html" title="Deli&#x20;&amp;&#x20;Charcuterie" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Deli &amp; Charcuterie</span></a> </div></li>  <li data-child-id="category-node-27-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry/jams-marmalades-preserves.html" title="Jams,&#x20;Marmalades&#x20;&amp;&#x20;Preserves" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Jams, Marmalades &amp; Preserves</span></a> </div></li>  <li data-child-id="category-node-28-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry/chutneys-and-relishes.html" title="Chutneys&#x20;&amp;&#x20;Condiments" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Chutneys &amp; Condiments</span></a> </div></li>  <li data-child-id="category-node-120-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry/chocolate-treats.html" title="Chocolate&#x20;&amp;&#x20;Treats" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Chocolate &amp; Treats</span></a> </div></li> </ul></div> </li>  <li data-child-id="category-node-12-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/cornish-alcohol.html" title="Drinks" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Drinks</span></a>  <button @click="openSubcategory('category-node-245','category-node-12')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Drinks&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-12" data-parent-id="category-node-245" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter " :class="{ 'hidden': getMobilePanelShow('category-node-245', 'category-node-12') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('category-node-245', 'category-node-12') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('category-node-245')" aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelDrinks" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20; Groceries</span></button> </div><div class="action-container text-right"> <button @click="backToTopMenu()" class="inline z-1 text-black" aria-label="Back&#x20;to&#x20;top&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-12') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline mt-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M11 19l-7-7 7-7m8 14l-7-7 7-7"/>
</svg>
</button>  <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-12') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Drinks</span></li>  <li data-child-id="category-node-166-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/cornish-alcohol/wine-spirits-beer.html" title="Wine,&#x20;Spirits&#x20;&amp;&#x20;Beer" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Wine, Spirits &amp; Beer</span></a> </div></li>  <li data-child-id="category-node-124-main" data-parent-id="category-node-245" class="level-2" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/groceries/cornish-alcohol/tea-coffee.html" title="Tea&#x20;&amp;&#x20;Coffee" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Tea &amp; Coffee</span></a> </div></li> </ul></div> </li> </ul></div> </li>  <li data-menu-id="top-level" class="level-0" ><div class="top-level-visible flex items-center transition-transform duration-0 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" ><a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container level-0 text-black " href="http://www.thecornishfoodboxcompany.co.uk/hampers-gifts.html" title="Hampers&#x20;&amp;&#x20;Gifts" >Hampers &amp; Gifts</a> </div></li>  <li data-menu-id="top-level" class="level-0" ><div class="top-level-visible flex items-center transition-transform duration-0 ease-in-out transform" :class="{ '-translate-x-full' : mobilePanelActiveId, 'translate-x-0' : !mobilePanelActiveId }" ><a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container level-0 text-black " href="http://www.thecornishfoodboxcompany.co.uk/wholesale.html" title="Wholesale" >Wholesale</a>  <button @click="openSubcategory(0, 'category-node-190')" class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer bg-container-lighter border-container text-black" aria-label="Open&#x20;Wholesale&#x20;subcategories" aria-haspopup="true" ><div class="w-8 h-8 border rounded text-black"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full p-1" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
</div></button> </div>  <div data-menu-id="category-node-190" data-parent-id="top-level" class="child-menu-container absolute top-0 right-0 z-10 flex flex-col w-full h-full bg-container-lighter  pl-1 pr-1 pt-[1.2px] " :class="{ 'hidden': getMobilePanelShow('top-level', 'category-node-190') === false }" ><ul class="child-menu-container-ul transition-transform duration-200 ease-in-out translate-x-full transform " :class="{ 'translate-x-full' : getMobilePanelShow('top-level', 'category-node-190') === false }" aria-label="Subcategories" ><!-- grid gap-0 grid-cols-2 grid-rows-1 --><li class="mobile-action-container flex justify-between gap-0 grid-cols-2 grid-rows-1 min-h-[74px]"><div class="back-container"> <button type="button" class="px-2 py-6 cursor-pointer z-1 text-black" @click="backToParent('top-level')" aria-label="Back&#x20;to&#x20;main&#x20;menu" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
 <span class="ml-1 inline">Back&#x20;to&#x20;main&#x20;menu</span></button> </div><div class="action-container text-right"> <button @click="closeMenu()" class="inline z-1 text-black" aria-label="Close&#x20;menu" :class="{ 'hidden': getCloseMenuShow('category-node-190') === false }" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="hidden p-4 inline mt-1" width="64" height="64" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button></div></li> <li class="menu-header border-b text-center pt-4 pb-4"><span class="menu-header-text font-bold text-black">Wholesale</span></li>  <li data-child-id="category-node-250-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/wholesale/holiday-welcome-hampers.html" title="Holiday&#x20;Welcome&#x20;Hampers" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Holiday Welcome Hampers</span></a> </div></li>  <li data-child-id="category-node-265-main" data-parent-id="top-level" class="level-1" ><div class="flex items-center transition-transform duration-0 ease-in-out transform" ><a href="http://www.thecornishfoodboxcompany.co.uk/wholesale/holiday-let-cleaning-packs.html" title="Holiday&#x20;Let&#x20;Cleaning&#x20;Packs" class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container text-black " ><span class="ml-10 text-base text-gray-700">Holiday Let Cleaning Packs</span></a> </div></li> </ul></div> </li> </ul></div></nav><script>
    'use strict';

    const initMenuMobile_6a2ba425a58d2 = () => {
        return {
            mobilePanelActiveId: null,
            mobileParentIndex: 0,
            open: false,
            setActiveMenu(menuNode) {
                Array.from(menuNode.querySelectorAll('a')).filter(link => {
                    return link.href === window.location.href.split('?')[0];
                }).map(item => {
                    item.classList.add('underline');
                    item.closest('li.level-0') &&
                    item.closest('li.level-0').querySelector('a.level-0').classList.add('underline');
                });
            },
            openMenu() {
                this.open = true
                this.$nextTick(() => hyva.trapFocus(this.$refs['mobileMenuNavLinks']));
                
                document.body.style.position = 'fixed';
            },
            closeMenu() {
                document.body.style.position = '';

                if (this.open) {
                    this.$nextTick(() => this.$refs['mobileMenuTrigger'].focus() || hyva.releaseFocus());
                }

                this.open = false
                this.mobilePanelActiveId = null
            },
            openSubcategory(parent, child) {
                const menuNodeRef = document.querySelector('[data-menu-id=' + child + ']')
                let parentId = menuNodeRef.getAttribute('data-parent-id')
                this.mobilePanelActiveId = child
                this.mobileParentIndex = parent
                this.$nextTick(() => hyva.trapFocus(menuNodeRef))
            },
            backToParent(index) {
                const menuNodeRef = document.querySelector('[data-menu-id=' + index + ']')
                if (index == 'top-level') {
                    this.mobilePanelActiveId = null
                    this.mobileParentIndex = 0
                    this.$nextTick(() => hyva.trapFocus(this.$refs['mobileMenuNavLinks']))
                    return;
                }
                this.mobilePanelActiveId = index;
                this.$nextTick(() => {
                    hyva.trapFocus(this.$refs['mobileMenuNavLinks'])
                    menuNodeRef.querySelector('a').focus()
                })
            },
            getMobilePanelShow(parent, current) {
                if (this.mobilePanelActiveId) {
                    return this.mobilePanelActiveId === current || this.mobileParentIndex === current;
                }
                return false;
            },
            getCloseMenuShow(current) {
                if (this.mobilePanelActiveId) {
                    var isCurrent = this.mobilePanelActiveId === current;
                    return isCurrent;
                }
                return false;
            },
            backToTopMenu() {
                this.mobilePanelActiveId = null
                this.mobileParentIndex = 0
                this.$nextTick(() => hyva.trapFocus(this.$refs['mobileMenuNavLinks']))
            }
        }
    }</script>
<nav
    class="order-1 navigation relative hidden lg:block grow"
    aria-label="Main&#x20;menu"
    x-data="initMenuDesktop_6a2ba425a68e1()"
    x-ref="nav-desktop"
    @load.window="setActiveMenu($root)"
>
    <ul class="flex flex-wrap gap-x-8">
                                    <li
                    class="level-0"
                    x-data="{
                        open: false,
                        canHover(func) {
                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
                            if (!isHoverableDevice) return;
                            func();
                        }
                    }"
                    @click.outside="open = false"
                                        @mouseenter="canHover(() => { open = true })"
                    @mouseleave="canHover(() => { open = false })"
                                        @keydown.escape="open = false"
                >
                    <button
                        type="button"
                        class="level-0 group w-full flex justify-between items-center gap-1 pt-4 pb-[calc(theme(padding.4)_-_3px)]
                            border-b-[3px] border-transparent transition
                            aria-expanded:font-bold aria-expanded:border-[#24b373]
                            data-[has-current]:hover:font-bold"
                        @click="open = !open"
                        aria-expanded="false"
                        :aria-expanded="open"
                        aria-controls="category-node-193-desktop-menu-panel"
                    >
                        Holiday Arrival Boxes                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition group-aria-expanded:rotate-180 text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
                    </button>
                    <div
                        id="category-node-193-desktop-menu-panel"
                        class="z-30 absolute top-full inset-x-0 flex flex-col bg-white border-slate-100 rounded-b-md text-black shadow-md overflow-auto"
                        x-show="open === true"
                        x-transition
                        x-cloak
                    >
                        <ul class="flex flex-col gap-1 py-2.5 px-2 w-72">
                            <li>
                                <a
                                    href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes.html"
                                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                                >See all Holiday Arrival Boxes</a>
                            </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/arrivals-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Arrivals Boxes</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/breakfast-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Breakfast Boxes</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/bbq-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >BBQ Boxes</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/deli-cheese-treats-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Deli, Cheese &amp; Treats Boxes</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/meal-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Meal Boxes &amp; Kits</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/holiday-food-boxes/cornish-ready-to-cook-meals.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Ready to Cook Meals</a>
    </li>
                                                    </ul>
                    </div>
                </li>
                                                <li
                    class="level-0"
                    x-data="{
                        open: false,
                        canHover(func) {
                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
                            if (!isHoverableDevice) return;
                            func();
                        }
                    }"
                    @click.outside="open = false"
                                        @mouseenter="canHover(() => { open = true })"
                    @mouseleave="canHover(() => { open = false })"
                                        @keydown.escape="open = false"
                >
                    <button
                        type="button"
                        class="level-0 group w-full flex justify-between items-center gap-1 pt-4 pb-[calc(theme(padding.4)_-_3px)]
                            border-b-[3px] border-transparent transition
                            aria-expanded:font-bold aria-expanded:border-[#24b373]
                            data-[has-current]:hover:font-bold"
                        @click="open = !open"
                        aria-expanded="false"
                        :aria-expanded="open"
                        aria-controls="category-node-179-desktop-menu-panel"
                    >
                        Boxes                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition group-aria-expanded:rotate-180 text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
                    </button>
                    <div
                        id="category-node-179-desktop-menu-panel"
                        class="z-30 absolute top-full inset-x-0 flex flex-col bg-white border-slate-100 rounded-b-md text-black shadow-md overflow-auto"
                        x-show="open === true"
                        x-transition
                        x-cloak
                    >
                        <ul class="flex flex-col gap-1 py-2.5 px-2 w-72">
                            <li>
                                <a
                                    href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes.html"
                                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                                >See all Boxes</a>
                            </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/family-food-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Family Food Boxes   </a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/meal-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Meal Boxes</a>
    </li>
                                                            
    <li
        class="level-1"
        x-data="{ subMenuOpencategory_node_45: false }"
        @click.outside="subMenuOpencategory_node_45 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_45"
            @click="subMenuOpencategory_node_45 = !subMenuOpencategory_node_45;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_45.focus();
                    $refs.childmenuWrappercategory_node_45.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_45"
            aria-controls="category-node-45-desktop-menu-panel"
        >
            Veg, Fruit &amp; Salad Boxes            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-45-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_45"
            x-ref="childmenuWrappercategory_node_45"
            @keydown.escape.stop="subMenuOpencategory_node_45 = false;
                $refs.childmenuTogglecategory_node_45.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/veg-box-delivery.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_45"
                >See all Veg, Fruit &amp; Salad Boxes</a>
            </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/veg-box-delivery/veg-boxes.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Veg Boxes</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/veg-box-delivery/fruit-boxes.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Fruit Boxes</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/veg-box-delivery/salad-boxes.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Salad Boxes</a>
    </li>
                    </ul>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/meat-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Heritage Meat Boxes</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/cornish-fish-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Fish Boxes</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/dairy-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Dairy Boxes</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/bbq-set-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >BBQ Boxes</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/breakfast-boxes.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Breakfast Boxes</a>
    </li>
                                                    </ul>
                    </div>
                </li>
                                                <li
                    class="level-0"
                    x-data="{
                        open: false,
                        canHover(func) {
                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
                            if (!isHoverableDevice) return;
                            func();
                        }
                    }"
                    @click.outside="open = false"
                                        @mouseenter="canHover(() => { open = true })"
                    @mouseleave="canHover(() => { open = false })"
                                        @keydown.escape="open = false"
                >
                    <button
                        type="button"
                        class="level-0 group w-full flex justify-between items-center gap-1 pt-4 pb-[calc(theme(padding.4)_-_3px)]
                            border-b-[3px] border-transparent transition
                            aria-expanded:font-bold aria-expanded:border-[#24b373]
                            data-[has-current]:hover:font-bold"
                        @click="open = !open"
                        aria-expanded="false"
                        :aria-expanded="open"
                        aria-controls="category-node-245-desktop-menu-panel"
                    >
                        Groceries                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition group-aria-expanded:rotate-180 text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
                    </button>
                    <div
                        id="category-node-245-desktop-menu-panel"
                        class="z-30 absolute top-full inset-x-0 flex flex-col bg-white border-slate-100 rounded-b-md text-black shadow-md overflow-auto"
                        x-show="open === true"
                        x-transition
                        x-cloak
                    >
                        <ul class="flex flex-col gap-1 py-2.5 px-2 w-72">
                            <li>
                                <a
                                    href="http://www.thecornishfoodboxcompany.co.uk/groceries.html"
                                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                                >See all Groceries</a>
                            </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/bbq-essentials.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >BBQ Essentials</a>
    </li>
                                                            
    <li
        class="level-1"
        x-data="{ subMenuOpencategory_node_5: false }"
        @click.outside="subMenuOpencategory_node_5 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_5"
            @click="subMenuOpencategory_node_5 = !subMenuOpencategory_node_5;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_5.focus();
                    $refs.childmenuWrappercategory_node_5.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_5"
            aria-controls="category-node-5-desktop-menu-panel"
        >
            Dairy &amp; Cheese            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-5-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_5"
            x-ref="childmenuWrappercategory_node_5"
            @keydown.escape.stop="subMenuOpencategory_node_5 = false;
                $refs.childmenuTogglecategory_node_5.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_5"
                >See all Dairy &amp; Cheese</a>
            </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/cornish-cheese.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Cornish Cheese</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/cornish-cheeseboards.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Cornish Cheeseboards</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/milk-butter.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Cornish Milk &amp; Butter</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/yogurt-cream.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Yogurt and Cream</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/eggs.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Eggs</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/dairy-cheese/dairy-free-milk.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Dairy Free Milk</a>
    </li>
                    </ul>
    </li>
                                                            
    <li
        class="level-1"
        x-data="{ subMenuOpencategory_node_6: false }"
        @click.outside="subMenuOpencategory_node_6 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_6"
            @click="subMenuOpencategory_node_6 = !subMenuOpencategory_node_6;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_6.focus();
                    $refs.childmenuWrappercategory_node_6.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_6"
            aria-controls="category-node-6-desktop-menu-panel"
        >
            Veg, Fruit &amp; Salad             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-6-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_6"
            x-ref="childmenuWrappercategory_node_6"
            @keydown.escape.stop="subMenuOpencategory_node_6 = false;
                $refs.childmenuTogglecategory_node_6.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_6"
                >See all Veg, Fruit &amp; Salad </a>
            </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad/veg-fruit-salad-boxes.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Veg, Fruit &amp; Salad Boxes</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad/vegetables.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Vegetables</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad/salad-items.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Salad</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/veg-fruit-salad/fruit.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Fruit</a>
    </li>
                    </ul>
    </li>
                                                            
    <li
        class="level-1"
        x-data="{ subMenuOpencategory_node_7: false }"
        @click.outside="subMenuOpencategory_node_7 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_7"
            @click="subMenuOpencategory_node_7 = !subMenuOpencategory_node_7;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_7.focus();
                    $refs.childmenuWrappercategory_node_7.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_7"
            aria-controls="category-node-7-desktop-menu-panel"
        >
            Meat &amp; Poultry            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-7-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_7"
            x-ref="childmenuWrappercategory_node_7"
            @keydown.escape.stop="subMenuOpencategory_node_7 = false;
                $refs.childmenuTogglecategory_node_7.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_7"
                >See all Meat &amp; Poultry</a>
            </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/free-range-grass-fed-meat-boxes.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Cornish Meat Boxes</a>
    </li>
                            
    <li
        class="level-2"
        x-data="{ subMenuOpencategory_node_40: false }"
        @click.outside="subMenuOpencategory_node_40 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_40"
            @click="subMenuOpencategory_node_40 = !subMenuOpencategory_node_40;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_40.focus();
                    $refs.childmenuWrappercategory_node_40.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_40"
            aria-controls="category-node-40-desktop-menu-panel"
        >
            Grass Fed Beef            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-40-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_40"
            x-ref="childmenuWrappercategory_node_40"
            @keydown.escape.stop="subMenuOpencategory_node_40 = false;
                $refs.childmenuTogglecategory_node_40.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/beef.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_40"
                >See all Grass Fed Beef</a>
            </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/beef/steaks.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Beef Steaks</a>
    </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/beef/joints.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Beef Joints</a>
    </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/beef/beef-cuts.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Beef Mince, Burgers &amp; Cuts</a>
    </li>
                    </ul>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/lamb.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Cornish Lamb</a>
    </li>
                            
    <li
        class="level-2"
        x-data="{ subMenuOpencategory_node_42: false }"
        @click.outside="subMenuOpencategory_node_42 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_42"
            @click="subMenuOpencategory_node_42 = !subMenuOpencategory_node_42;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_42.focus();
                    $refs.childmenuWrappercategory_node_42.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_42"
            aria-controls="category-node-42-desktop-menu-panel"
        >
            Free Range Pork            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-42-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_42"
            x-ref="childmenuWrappercategory_node_42"
            @keydown.escape.stop="subMenuOpencategory_node_42 = false;
                $refs.childmenuTogglecategory_node_42.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/pork.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_42"
                >See all Free Range Pork</a>
            </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/pork/sausages-bacon.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Pork Sausages &amp; Bacon</a>
    </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/pork/pork-joints.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Pork Joints</a>
    </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/pork/cuts-mince.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Pork Mince, Burgers &amp; Cuts</a>
    </li>
                    </ul>
    </li>
                            
    <li
        class="level-2"
        x-data="{ subMenuOpencategory_node_43: false }"
        @click.outside="subMenuOpencategory_node_43 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_43"
            @click="subMenuOpencategory_node_43 = !subMenuOpencategory_node_43;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_43.focus();
                    $refs.childmenuWrappercategory_node_43.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_43"
            aria-controls="category-node-43-desktop-menu-panel"
        >
            Free Range Chicken &amp; Poultry            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-43-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_43"
            x-ref="childmenuWrappercategory_node_43"
            @keydown.escape.stop="subMenuOpencategory_node_43 = false;
                $refs.childmenuTogglecategory_node_43.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/free-range-chicken-duck.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_43"
                >See all Free Range Chicken &amp; Poultry</a>
            </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/free-range-chicken-duck/chicken.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Whole Chicken &amp; Poultry</a>
    </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry/free-range-chicken-duck/chicken-cuts.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Chicken &amp; Poultry Cuts</a>
    </li>
                    </ul>
    </li>
                    </ul>
    </li>
                                                            
    <li
        class="level-1"
        x-data="{ subMenuOpencategory_node_8: false }"
        @click.outside="subMenuOpencategory_node_8 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_8"
            @click="subMenuOpencategory_node_8 = !subMenuOpencategory_node_8;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_8.focus();
                    $refs.childmenuWrappercategory_node_8.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_8"
            aria-controls="category-node-8-desktop-menu-panel"
        >
            Fish &amp; Seafood            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-8-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_8"
            x-ref="childmenuWrappercategory_node_8"
            @keydown.escape.stop="subMenuOpencategory_node_8 = false;
                $refs.childmenuTogglecategory_node_8.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_8"
                >See all Fish &amp; Seafood</a>
            </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood/fish.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Fresh Cornish Fish</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood/cornish-seafood.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Cornish Seafood</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood/smoked-fish.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Smoked &amp; Preserved Fish</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood/whole-cornish-fish.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Whole Cornish Fish </a>
    </li>
                    </ul>
    </li>
                                                            
    <li
        class="level-1"
        x-data="{ subMenuOpencategory_node_4: false }"
        @click.outside="subMenuOpencategory_node_4 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_4"
            @click="subMenuOpencategory_node_4 = !subMenuOpencategory_node_4;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_4.focus();
                    $refs.childmenuWrappercategory_node_4.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_4"
            aria-controls="category-node-4-desktop-menu-panel"
        >
            Bakery            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-4-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_4"
            x-ref="childmenuWrappercategory_node_4"
            @keydown.escape.stop="subMenuOpencategory_node_4 = false;
                $refs.childmenuTogglecategory_node_4.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_4"
                >See all Bakery</a>
            </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/da-bara-artisan-bread.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Da Bara Bakery</a>
    </li>
                            
    <li
        class="level-2"
        x-data="{ subMenuOpencategory_node_198: false }"
        @click.outside="subMenuOpencategory_node_198 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_198"
            @click="subMenuOpencategory_node_198 = !subMenuOpencategory_node_198;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_198.focus();
                    $refs.childmenuWrappercategory_node_198.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_198"
            aria-controls="category-node-198-desktop-menu-panel"
        >
            Pasties &amp; Pies            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-198-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_198"
            x-ref="childmenuWrappercategory_node_198"
            @keydown.escape.stop="subMenuOpencategory_node_198 = false;
                $refs.childmenuTogglecategory_node_198.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/cornish-pasties-pies.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_198"
                >See all Pasties &amp; Pies</a>
            </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/cornish-pasties-pies/penny-s-pies-tarts.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Penny&#039;s Pies &amp; Tarts</a>
    </li>
                            
    <li class="level-3">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/cornish-pasties-pies/pasties.html"
            class="level-3 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Pasties</a>
    </li>
                    </ul>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/gluten-free-bakery.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Made Marion Gluten-Free Bakery</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/cakes-scones-biscuits.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Cakes, Scones &amp; Biscuits</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-bakery/breakfast-museli-pastries.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Breakfast Pastries &amp; Muesli</a>
    </li>
                    </ul>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/ready-to-cook-meals.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Ready to Cook Meals</a>
    </li>
                                                            
    <li
        class="level-1"
        x-data="{ subMenuOpencategory_node_10: false }"
        @click.outside="subMenuOpencategory_node_10 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_10"
            @click="subMenuOpencategory_node_10 = !subMenuOpencategory_node_10;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_10.focus();
                    $refs.childmenuWrappercategory_node_10.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_10"
            aria-controls="category-node-10-desktop-menu-panel"
        >
            Food Cupboard            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-10-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_10"
            x-ref="childmenuWrappercategory_node_10"
            @keydown.escape.stop="subMenuOpencategory_node_10 = false;
                $refs.childmenuTogglecategory_node_10.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_10"
                >See all Food Cupboard</a>
            </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry/deli.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Deli &amp; Charcuterie</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry/jams-marmalades-preserves.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Jams, Marmalades &amp; Preserves</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry/chutneys-and-relishes.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Chutneys &amp; Condiments</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/the-pantry/chocolate-treats.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Chocolate &amp; Treats</a>
    </li>
                    </ul>
    </li>
                                                            
    <li
        class="level-1"
        x-data="{ subMenuOpencategory_node_12: false }"
        @click.outside="subMenuOpencategory_node_12 = false"
    >
        <button
            type="button"
            class="group w-full flex justify-between items-center gap-1 p-2 rounded-md hover:font-bold
                aria-expanded:font-bold data-[has-current]:font-medium"
            x-ref="childmenuTogglecategory_node_12"
            @click="subMenuOpencategory_node_12 = !subMenuOpencategory_node_12;
                $nextTick(() => {
                    $refs.childmenuViewAllcategory_node_12.focus();
                    $refs.childmenuWrappercategory_node_12.scrollIntoView({
                        behavior: 'smooth',
                        block: 'nearest',
                        inline: 'end'
                    });
                });"
            aria-expanded="false"
            :aria-expanded="subMenuOpencategory_node_12"
            aria-controls="category-node-12-desktop-menu-panel"
        >
            Drinks            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
</svg>
        </button>
        <ul
            id="category-node-12-desktop-menu-panel"
            class="absolute inset-0 border-l border-slate-100 flex flex-col gap-1 py-2.5 px-2 w-72 translate-x-72"
            x-show="subMenuOpencategory_node_12"
            x-ref="childmenuWrappercategory_node_12"
            @keydown.escape.stop="subMenuOpencategory_node_12 = false;
                $refs.childmenuTogglecategory_node_12.focus();"
        >
            <li>
                <a
                    href="http://www.thecornishfoodboxcompany.co.uk/groceries/cornish-alcohol.html"
                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                    x-ref="childmenuViewAllcategory_node_12"
                >See all Drinks</a>
            </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/cornish-alcohol/wine-spirits-beer.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Wine, Spirits &amp; Beer</a>
    </li>
                            
    <li class="level-2">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/groceries/cornish-alcohol/tea-coffee.html"
            class="level-2 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Tea &amp; Coffee</a>
    </li>
                    </ul>
    </li>
                                                    </ul>
                    </div>
                </li>
                                                <li>
                    <a
                        href="http://www.thecornishfoodboxcompany.co.uk/hampers-gifts.html"
                        title="Hampers&#x20;&amp;&#x20;Gifts"
                        class="level-0 flex pt-4 pb-[calc(theme(padding.4)_-_3px)] border-b-[3px] border-transparent hover:border-[#24b373]
                            aria-[current=page]:border-slate-400 aria-[current=page]:hover:border-[#24b373]
                            "
                    >
                        Hampers &amp; Gifts                    </a>
                </li>
                                                <li
                    class="level-0"
                    x-data="{
                        open: false,
                        canHover(func) {
                            const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
                            if (!isHoverableDevice) return;
                            func();
                        }
                    }"
                    @click.outside="open = false"
                                        @mouseenter="canHover(() => { open = true })"
                    @mouseleave="canHover(() => { open = false })"
                                        @keydown.escape="open = false"
                >
                    <button
                        type="button"
                        class="level-0 group w-full flex justify-between items-center gap-1 pt-4 pb-[calc(theme(padding.4)_-_3px)]
                            border-b-[3px] border-transparent transition
                            aria-expanded:font-bold aria-expanded:border-[#24b373]
                            data-[has-current]:hover:font-bold"
                        @click="open = !open"
                        aria-expanded="false"
                        :aria-expanded="open"
                        aria-controls="category-node-190-desktop-menu-panel"
                    >
                        Wholesale                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition group-aria-expanded:rotate-180 text-slate-400 group-aria-expanded:text-inherit" width="24" height="24" aria-hidden="true">
  <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/>
</svg>
                    </button>
                    <div
                        id="category-node-190-desktop-menu-panel"
                        class="z-30 absolute top-full inset-x-0 flex flex-col bg-white border-slate-100 rounded-b-md text-black shadow-md overflow-auto"
                        x-show="open === true"
                        x-transition
                        x-cloak
                    >
                        <ul class="flex flex-col gap-1 py-2.5 px-2 w-72">
                            <li>
                                <a
                                    href="http://www.thecornishfoodboxcompany.co.uk/wholesale.html"
                                    class="flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
                                >See all Wholesale</a>
                            </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/wholesale/holiday-welcome-hampers.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Holiday Welcome Hampers</a>
    </li>
                                                            
    <li class="level-1">
        <a
            href="http://www.thecornishfoodboxcompany.co.uk/wholesale/holiday-let-cleaning-packs.html"
            class="level-1 flex p-2 rounded-md hover:font-bold aria-[current=page]:font-bold"
        >Holiday Let Cleaning Packs</a>
    </li>
                                                    </ul>
                    </div>
                </li>
                        </ul>
</nav>
<script>
    const initMenuDesktop_6a2ba425a68e1 = () => {
        return {
            setActiveMenu(menuNode) {
                Array.from(menuNode.querySelectorAll('a')).filter(link => {
                    return link.href === window.location.href.split('?')[0];
                }).map(item => {
                    item.setAttribute('aria-current', 'page');

                    let menuLevelCount = 0;
                    while (menuLevelCount < 4) {
                        let selector = `.level-${menuLevelCount}`;
                        item.closest(selector)
                            && item.closest(selector).querySelector('button')
                            && item.closest(selector).querySelector('button').setAttribute('data-has-current', '');
                        menuLevelCount++;
                    }
                });
            }
        }
    }
</script>
        <div class="order-2 sm:order-2 flex gap-0.5 items-center ml-auto lg:ml-0 lg:justify-self-end">
            <a
                id="compare-link"
                class="relative inline-block rounded sm:p-1 hover:bg-primary/10 outline-offset-2 invisible"
                :class="{ 'invisible': !(itemCount > 0) }"
                href="http://www.thecornishfoodboxcompany.co.uk/catalog/product_compare/index/"
                title="Compare&#x20;Products"
                x-data="initCompareHeader()"
                @private-content-loaded.window="receiveCompareData($event.detail.data)"
                :aria-label="`
                    Compare&#x20;Products,
                    ${itemCount > 1
                        ? hyva.str('\u00251\u0020items', itemCount)
                        : hyva.str('\u00251\u0020item', itemCount)
                    }`"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-[30px] w-[30px] sm:h-[48px] sm:w-[48px]" width="48" height="48" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/>
</svg>
                <span
                    x-text="itemCount"
                    class="absolute -top-1.5 -right-1.5 px-2 py-0.5 rounded-full bg-red-600 text-red-50
                        text-xs font-semibold leading-none text-center uppercase tabular-nums"
                    aria-hidden="true"
                ></span>
            </a>

            
            <button
                id="menu-search-icon"
                class="inline-block rounded sm:p-1 hover:bg-primary/10 outline-offset-2"
                aria-label="Toggle&#x20;search&#x20;form"
                aria-haspopup="true"
                :aria-expanded="searchOpen"
                x-ref="searchButton"
                @click.prevent="searchOpen = !searchOpen; $dispatch('search-open')"
            >
                <span x-show="!searchOpen"><?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="48" height="48" viewBox="1200 510 440 470" fill="currentColor" class="h-[30px] w-[30px] sm:h-[48px] sm:w-[48px]" aria-hidden="true">
<path d="M0 0 C9.03363625 8.95772334 13.38587257 24.46475064 13.875 36.9375 C13.80058542 46.12770035 9.20856245 54.20178712 4.5 61.875 C5.0775 62.35710937 5.655 62.83921875 6.25 63.3359375 C6.9925 63.96757813 7.735 64.59921875 8.5 65.25 C9.61375 66.18972656 9.61375 66.18972656 10.75 67.1484375 C11.61625 68.00308594 11.61625 68.00308594 12.5 68.875 C12.5 69.535 12.5 70.195 12.5 70.875 C13.03625 71.101875 13.5725 71.32875 14.125 71.5625 C19.69979971 74.64331036 23.63186031 79.01108574 27.68359375 83.82421875 C30.0357382 86.47986571 32.63597424 88.81206383 35.3125 91.13671875 C36.5 92.875 36.5 92.875 36.41015625 95.3125 C35.36552723 98.25360146 34.05873632 99.91199195 31.9375 102.1875 C31.29683594 102.88488281 30.65617187 103.58226562 29.99609375 104.30078125 C29.50238281 104.82027344 29.00867187 105.33976563 28.5 105.875 C23.78837266 102.99218209 20.33224989 99.81347266 16.6875 95.6875 C15.63548871 94.52349619 14.58209354 93.36074167 13.52734375 92.19921875 C12.75753174 91.3491626 12.75753174 91.3491626 11.97216797 90.48193359 C9.25982949 87.52130144 6.45447927 84.67075419 3.546875 81.90234375 C1.5 79.875 1.5 79.875 -0.234375 77.62890625 C-2.28265531 75.23169323 -3.53608137 74.00626665 -6.5 72.875 C-11.71869631 73.48170558 -16.56718382 74.87489459 -21.59570312 76.35205078 C-31.93292479 79.19081088 -43.40096871 74.73494566 -52.5 69.9375 C-54.18263866 68.94321352 -55.85167275 67.92518843 -57.5 66.875 C-58.10585937 66.49730469 -58.71171875 66.11960937 -59.3359375 65.73046875 C-65.28651029 61.45632636 -68.77075948 53.26343173 -70.2109375 46.24609375 C-71.97204455 31.80025617 -69.32376547 18.64880049 -60.5 6.875 C-59.89027344 6.05386719 -59.28054688 5.23273437 -58.65234375 4.38671875 C-45.25287434 -11.25004864 -15.93865763 -12.65541355 0 0 Z M-49 15.7578125 C-54.12273443 22.9883387 -57.39113938 30.97315588 -56.0546875 39.82421875 C-54.80783898 45.65001099 -53.51521094 51.20666885 -48.5 54.875 C-39.66024074 59.99721667 -31.35274534 63.80682553 -21.0546875 61.2734375 C-18.82797022 60.54589621 -16.66210757 59.77622266 -14.5 58.875 C-13.82839844 58.62105469 -13.15679688 58.36710938 -12.46484375 58.10546875 C-9.73243436 56.39431774 -8.55460782 54.29648717 -6.875 51.5625 C-6.28460937 50.61761719 -5.69421875 49.67273438 -5.0859375 48.69921875 C-1.11439007 41.62673404 -0.32609547 35.68558817 -2.2578125 27.76953125 C-4.85807304 19.52854806 -7.54942324 13.0753047 -15.5 8.875 C-27.30582037 5.02003825 -40.31883204 6.03323493 -49 15.7578125 Z " fill="#FFFFFF" transform="translate(1476.5,576.125) scale(3.6)"/>
</svg>
</span>
                <span x-show="searchOpen" x-cloak><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-[30px] w-[30px] md:h-[48px] md:w-[48px]" width="48" height="48" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</span>
            </button>

            
<div
    class="relative inline-block"
    x-data="{ open: false }"
    @keyup.escape="open = false"
    @click.outside="open = false"
>
    <button
        type="button"
        id="customer-menu"
        class="block rounded sm:p-1 hover:bg-primary/10 outline-offset-2"
        @click="open = !open"
        :aria-expanded="open ? 'true' : 'false'"
        aria-label="My&#x20;Account"
        aria-haspopup="true"
    >
        <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="48" height="48" viewBox="1200 510 440 470" class="h-[30px] w-[30px] sm:h-[48px] sm:w-[48px]" aria-hidden="true">
<path d="M0 0 C1.04401978 0.31348389 1.04401978 0.31348389 2.10913086 0.63330078 C4.0546875 1.2734375 4.0546875 1.2734375 7.125 2.625 C7.62 4.11 7.62 4.11 8.125 5.625 C9.4483032 6.31136058 10.78287137 6.97622195 12.125 7.625 C17.29508687 12.6868128 19.39126554 19.64749346 21.5 26.375 C21.76280762 27.18372559 22.02561523 27.99245117 22.29638672 28.82568359 C24.49265443 36.29063381 24.125 41.23851886 24.125 49.625 C-5.245 49.625 -34.615 49.625 -64.875 49.625 C-64.875 32.60439816 -61.61402753 20.14199775 -49.9765625 7.6328125 C-36.44568193 -5.29446001 -16.95381971 -5.18091882 0 0 Z " fill="#FFFFFF" transform="translate(1488.875,786.325) scale(3.8)"/>
<path d="M0 0 C7.08619934 5.36395052 9.8767715 13.38385748 11.56640625 21.83203125 C12.77069143 30.89586183 10.7365213 36.99257871 5.375 44.3125 C0.24643932 50.33949467 -5.04733934 52.69129552 -12.75 54 C-21.10106237 54.54633118 -30.48920862 51.34971368 -37.34765625 46.59375 C-42.69910866 41.4320654 -44.84536804 34.19618121 -45.1953125 26.9296875 C-44.60950396 18.14255942 -41.55675303 9.09561875 -35 3 C-24.54045603 -4.25801399 -11.72261416 -5.39641336 0 0 Z " fill="#FFFFFF" transform="translate(1476,550) scale(3.8)"/>
</svg>
    </button>
    <nav
        class="z-30 absolute right-0 z-20 w-40 py-2 mt-2 -mr-4 px-1 overflow-auto origin-top-right rounded-sm
            shadow-2xl sm:w-48 lg:mt-3 bg-white"
        x-cloak
        x-show="open"
        x-transition
        aria-labelledby="customer-menu"
    >
                    
<a id="customer.header.sign.in.link"
   class="block px-4 py-2 lg:px-5 lg:py-2 rounded-md text-black hover:font-bold"
   onclick="hyva.setCookie && hyva.setCookie(
       'login_redirect',
       window.location.href,
       1
   )"
   href="https://www.thecornishfoodboxcompany.co.uk/customer/account/index/"
   title="Sign&#x20;In"
>
    Sign In</a>
    <a id="customer.header.register.link"
       class="block px-4 py-2 lg:px-5 lg:py-2 rounded-md text-black hover:font-bold"
       href="https://www.thecornishfoodboxcompany.co.uk/customer/account/create/"
       title="Create&#x20;an&#x20;Account"
    >
        Create an Account    </a>
            </nav>
</div>
                            <button
                            id="menu-cart-icon"
                class="relative inline-block rounded sm:p-1 hover:bg-primary/10 outline-offset-2"
                x-ref="cartButton"
                :aria-disabled="isCartEmpty()"
                :aria-label="`
                    Toggle&#x20;minicart,
                    ${isCartEmpty()
                        ? 'Cart&#x20;is&#x20;empty'
                        : cart.summary_count > 1
                            ? hyva.str('&#x25;1&#x20;items', cart.summary_count)
                            : hyva.str('&#x25;1&#x20;item', cart.summary_count)
                    }`"
                                    @click.prevent.stop="() => {
                        $dispatch('toggle-cart', { isOpen: true })
                    }"
                    @toggle-cart.window="toggleCart($event)"
                    :aria-expanded="isCartOpen"
                    aria-haspopup="dialog"
                            >
                <?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="48" height="48" viewBox="1200 510 440 470" class="h-[30px] w-[30px] sm:h-[48px] sm:w-[48px]" aria-hidden="true">
<path d="M0 0 C7.10620687 4.16519268 9.82236892 11.44307223 11.859375 19.08984375 C12.37905498 22.11621541 12.65802822 25.01930537 12.859375 28.08984375 C13.54870117 28.01838135 14.23802734 27.94691895 14.94824219 27.87329102 C23.35148696 27.07915803 31.67334407 26.972234 40.109375 27.02734375 C41.45182122 27.03237589 42.7942693 27.03693573 44.13671875 27.04101562 C47.3776531 27.05267366 50.61848869 27.06903601 53.859375 27.08984375 C52.09663153 33.41498208 49.98953874 39.54631363 47.69140625 45.69140625 C43.39613241 57.19892315 39.47451478 68.82779524 35.546875 80.46484375 C34.47424121 83.63858495 33.40085728 86.81206697 32.32588196 89.98501587 C31.66442352 91.93779112 31.00434395 93.89103415 30.34587097 95.84481812 C28.94917444 99.97159445 27.54674391 104.07019805 25.859375 108.08984375 C12.87868284 108.27667061 0.02788025 107.82628904 -12.92114258 106.91796875 C-15.8356008 106.71432138 -18.75066931 106.52249696 -21.66601562 106.33203125 C-26.30821468 106.02423567 -30.94396964 105.6608568 -35.58050537 105.2779541 C-38.02761952 105.09814707 -40.46874855 104.98835509 -42.92041016 104.89355469 C-52.91087091 104.34918962 -52.91087091 104.34918962 -56.08862305 101.0949707 C-57.46455674 98.45997899 -58.3214535 95.94445664 -59.140625 93.08984375 C-59.81612817 91.40399747 -60.50351482 89.72286063 -61.203125 88.046875 C-61.85504283 86.3343351 -62.50074465 84.61941769 -63.140625 82.90234375 C-63.66088257 81.525625 -63.66088257 81.525625 -64.19165039 80.12109375 C-66.11850028 74.97923167 -67.9112654 69.82112975 -69.578125 64.58984375 C-72.49110381 55.59153249 -76.34949405 46.99226066 -80.16674805 38.34716797 C-80.48812744 37.60225098 -80.80950684 36.85733398 -81.140625 36.08984375 C-81.5116333 35.23277832 -81.8826416 34.37571289 -82.26489258 33.49267578 C-83.140625 31.08984375 -83.140625 31.08984375 -83.140625 28.08984375 C-69.610625 28.08984375 -56.080625 28.08984375 -42.140625 28.08984375 C-41.810625 25.11984375 -41.480625 22.14984375 -41.140625 19.08984375 C-38.62159433 10.33828181 -34.82063778 4.82282655 -27.04296875 0.10546875 C-19.70566929 -3.81177532 -7.61049254 -3.10427985 0 0 Z M-22.140625 11.08984375 C-25.85998597 14.40826443 -28.85778965 18.21506941 -30.140625 23.08984375 C-30.16520443 24.75632916 -30.16830667 26.42340698 -30.140625 28.08984375 C-19.66712756 28.85390361 -9.60381807 29.29144719 0.859375 28.08984375 C0.57017622 21.71301072 -0.39822106 17.32920927 -4.140625 12.08984375 C-9.37315743 8.12033639 -16.40591206 8.58742356 -22.140625 11.08984375 Z " fill="#FFFFFF" transform="translate(1470.140625,561.91015625) scale(3.3)"/>
</svg>
                <span
                    x-text="cart.summary_count"
                    x-show="!isCartEmpty()"
                    x-cloak
                    class="absolute w-auto inline-block leading-none left-[50%] top-[50%] translate-y-[-50%] translate-x-[-50%] text-[#065845] font-bold"
                    aria-hidden="true"
                ></span>
                            </button>
                    </div>
    </div>

    <div
        id="search-content"
        class="container pb-3.5"
        x-cloak x-show="searchOpen"
        @click.outside="searchOpen = false"
        @keydown.escape="searchOpen = false; $refs.searchButton.focus()"
    >
        <script>
    'use strict';

    function initMiniSearch() {
        return {
            minSearchLength: 3,
            suggestions: [],
            suggest() {
                const search = this.$refs.searchInput;
                if (search.value.length >= this.minSearchLength) {
                    search.setCustomValidity('');
                    search.reportValidity();
                    this.fetchSuggestions(search.value);
                } else {
                    this.suggestions = [];
                }
            },
            fetchSuggestions(term) {
                fetch(
                    window.BASE_URL + 'search/ajax/suggest?' + new URLSearchParams({q: term}),
                    {
                        headers: {
                            'X-Requested-With': 'XMLHttpRequest'
                        }
                    }
                )
                .then(response => response.json())
                .then(result => this.suggestions = result);
            },
            search(term) {
                const search = this.$refs.searchInput;
                term = term || search.value;
                if (term.length < this.minSearchLength) {
                    search.setCustomValidity('Minimum\u0020Search\u0020query\u0020length\u0020is\u00203');
                    search.reportValidity();
                } else {
                    search.setCustomValidity('');
                    search.value = term;
                    this.$refs.form.submit();
                }
            },
            focusElement(element) {
                if (element && element.nodeName === "DIV") {
                    element.focus();
                    return true;
                } else {
                    return false;
                }
            }
        }
    }
</script>
<search x-data="initMiniSearch()">
     <form class="form minisearch" id="search_mini_form" x-ref="form" @submit.prevent="search()"
          action="http://www.thecornishfoodboxcompany.co.uk/catalogsearch/result/" method="get">
        <div class="flex">
            <label class="sr-only" for="search" data-role="minisearch-label">
                <span>Search</span>
            </label>
            <input id="search"
                   x-ref="searchInput"
                   type="search"
                   autocomplete="off"
                   name="q"
                   value=""
                   placeholder="Search&#x20;entire&#x20;store&#x20;here..."
                   maxlength="128"
                   class="w-full border-slate-300 rounded-l-md"
                   @focus.once="suggest"
                   @input.debounce.300="suggest"
                   @keydown.arrow-down.prevent="focusElement($root.querySelector('[tabindex]'))"
                   @search-open.window.debounce.10="$el.focus(); $el.select()"
            >
            <button
                type="submit"
                title="Search"
                class="action search btn justify-center rounded-l-none rounded-r-md px-3 text-base shadow-none hover:shadow-lg active:shadow disabled:shadow-none transition
                    btn btn-primary border border-transparent focus:ring-0 disabled:bg-slate-600 disabled:text-slate-50 disabled:opacity-70"
                aria-label="Search"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
</svg>
            </button>
        </div>
        <template x-if="suggestions.length > 0">
            <div class="w-full leading-normal text-slate-800 flex flex-col mt-2">
                <template x-for="suggestion in suggestions">
                    <div class="flex justify-between p-2 bg-container-lighter even:bg-container mb-1 cursor-pointer
                                 border border-container hover:bg-container-darker rounded-md"
                          tabindex="0"
                          @click="search(suggestion.title)"
                          @keydown.enter="search(suggestion.title)"
                          @keydown.arrow-up.prevent="
                              focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()
                          "
                          @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)"
                    >
                        <span x-text="suggestion.title"></span>
                        <span x-text="suggestion.num_results"></span>
                    </div>
                </template>
            </div>
        </template>
    </form>
</search>    </div>

    <script>
    function initCartDrawer() {
        return {
            open: false,
            isLoading: false,
            cart: {},
            maxItemsToDisplay: 10,
            itemsCount: 0,
            getData(data) {
                if (data.cart) {
                    this.cart = data.cart;
                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
                    this.setCartItems();
                }
                this.isLoading = false;
            },
            cartItems: [],
            getItemCountTitle() {
                return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount)
            },
            setCartItems() {
                this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];

                if (this.maxItemsToDisplay > 0) {
                    this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
                }
            },
            deleteItemFromCart(itemId) {
                this.isLoading = true;

                const formKey = hyva.getFormKey();
                const postUrl = BASE_URL + 'checkout/sidebar/removeItem/';

                fetch(postUrl, {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    "body": "form_key=" + formKey + "&item_id=" + itemId,
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                }).then(response => {
                    if (response.redirected) {
                        window.location.href = response.url;
                    } else if (response.ok) {
                        return response.json();
                    } else {
                        window.dispatchMessages && window.dispatchMessages([{
                            type: 'warning',
                            text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.'
                        }]);
                        this.isLoading = false;
                    }
                }).then(result => {
                    window.dispatchMessages && window.dispatchMessages([{
                        type: result.success ? 'success' : 'error',
                        text: result.success
                            ? 'You\u0020removed\u0020the\u0020item.'
                            : result.error_message
                    }], result.success ? 5000 : 0)
                    window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
                });
            },
            scrollLock(use = true) {
                document.body.style.overflow = use ? "hidden" : "";
            },
            toggleCartDrawer(event) {
                if (event.detail && event.detail.isOpen !== undefined) {
                    if (event.detail.isOpen) {
                        this.openCartDrawer();
                    } else {
                        this.open = false;
                        this.scrollLock(false);
                        this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent);
                    }
                } else {
                                        this.openCartDrawer()
                }
            },
            openCartDrawer() {
                this.open = true;
                this.scrollLock(true);
                this.$nextTick(() => {
                    this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent)
                })
            },
            closeCartDrawer() {
                this.$dispatch('toggle-cart', { isOpen: false })
            },
            getSectionDataExtraActions() {
                if (!this.cart.extra_actions) {
                    return '';
                }

                const contentNode = document.createElement('div');
                contentNode.innerHTML = this.cart.extra_actions;

                hyva.activateScripts(contentNode);

                return contentNode.innerHTML;
            }
        }
    }
</script>
<section x-cloak
         x-show="cart"
         id="cart-drawer"
         x-data="initCartDrawer()"
         @private-content-loaded.window="getData($event.detail.data)"
         @toggle-cart.window="toggleCartDrawer($event)"
         @keydown.escape="closeCartDrawer"
>
    <div role="dialog"
         aria-labelledby="cart-drawer-title"
         aria-modal="true"
         :aria-hidden="!open"
         class="fixed inset-y-0 right-0 z-30 flex max-w-full">
        <div class="backdrop"
             x-show="open"
             x-transition:enter="ease-in-out duration-500"
             x-transition:enter-start="opacity-0"
             x-transition:enter-end="opacity-100"
             x-transition:leave="ease-in-out duration-500"
             x-transition:leave-start="opacity-100"
             x-transition:leave-end="opacity-0"
             role="button"
             @click="closeCartDrawer"
             aria-label="Close&#x20;minicart"></div>
        <div class="relative w-screen max-w-md shadow-2xl"
             x-show="open"
             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:enter-start="translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="translate-x-full"
             x-ref="cartDialogContent"
             role="region"
             :tabindex="open ? 0 : -1"
             aria-label="My&#x20;Cart"

        >
            <div class="flex flex-col h-full max-h-screen bg-white shadow-xl">
                
                <header class="relative px-4 py-6 sm:px-6">
                    <p id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900">
                        <strong>My Cart</strong>
                        <span class="items-total text-xs"
                              x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount"
                              x-text="getItemCountTitle()">
                        </span>
                    </p>
                </header>

                
                <template x-if="!itemsCount">
                    <div class="relative px-4 py-6 bg-white border-bs sm:px-6 border-container">
                        Cart is empty                    </div>
                </template>

                <template x-if="itemsCount">
                    <div class="relative grid gap-6 sm:gap-8 px-1 py-3 sm:px-3 bg-white border-b border-container overflow-y-auto overscroll-y-contain">
                        <template x-for="item in cartItems">
                            <div class="flex items-start p-3 space-x-4 justify-between transition duration-150 ease-in-out rounded-lg hover:bg-gray-100">
                                <a :href="item.product_url"
                                   class="w-1/6"
                                   :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)"
                                >
                                    <img
                                        :src="item.product_image.src"
                                        :width="item.product_image.width"
                                        :height="item.product_image.height"
                                        loading="lazy"
                                        alt=""
                                    />
                                </a>
                                <div class="w-3/6 space-y-2">
                                    <div>
                                        <p class="text-xl">
                                            <span x-html="item.qty"></span> x <span x-html="item.product_name"></span>
                                        </p>
                                        <p class="text-sm"><span class="break-all" x-html="item.product_sku"></span></p>
                                    </div>
                                    <template x-for="option in item.options">
                                        <div class="pt-2">
                                            <p class="font-semibold" x-text="option.label + ':'"></p>
                                            <p class="text-secondary" x-html="option.value"></p>
                                        </div>
                                    </template>
                                </div>
                                <div class="w-2/6 space-y-2 flex flex-col justify-between h-full">
                                    <p><span x-html="item.product_price"></span></p>
                                    <div>
                                        <a :href="item.configure_url"
                                           x-show="item.product_type !== 'grouped' && item.is_visible_in_site_visibility"
                                           class="inline-flex mr-2"
                                           :aria-label="hyva.strf('Edit\u0020product\u0020\u0022\u00250\u0022', item.product_name)"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" xml:space="preserve" version="1.1" viewBox="0 0 780 785" aria-hidden="true">
  <image width="780" height="785" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwwAAAMRCAMAAAB26cEMAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAA2UExURf///xhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaR////8F1vlkAAAAQdFJOUwBQMGDwoCBAsBDQgMCQcOAHMTokAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gIFgwRFDPYfsQAAAABb3JOVAHPoneaAAAStUlEQVR42u3di7YURbOFUaFRFDbK+z/tOaj1K7gvfamKWhE55wMwYGd+NNEjyfzpJwAAoMC792f/DiDD5esHNcBP31r4qgb46a8W1ABbC2qArQU1sLp/WlADa/t3C2pgZd+3oAbW9WMLamBV/21BDazpuRbUwIqeb0ENrOelFtTAal5uQQ2s5bUW1MBKXm9BDazjrRbUwCrebkENrOGaFtTACq5rQQ3Md20LamC661tQA7Pd0oIamOy2FtTAXLe2oAamur0FNTDTPS2ogYnua0ENzHNvC2pgmvtbUAOzPNKCGpjksRbUwByPtqAGpni8BTUwwx4tqIEJ9mlBDfS3VwtqoLv9WlADve3ZghrobN8W1EBfe7egBrravwU10NMRLaiBjo5pQQ30c1QLaqCb41pQA70c2YIa6OTYFtRAH0e3oAa6OL4FNdBDRQtqoIOaFtRAvqoW1EC6uhbUQLbKFtRAstoW1ECu6hbUQKr6FtRApjNaUAOJzmlBDeQ5qwU1kOa8FtRAljNbUANJzm1BDeQ4uwU1kOL8FtRAhoQW1ECCjBbUwPlSWlADZ8tpQQ2cK6kFNXCmrBbUwHnSWlADZ8lrQQ2cI7EFNXCGzBbUQL3UFtRAtdwW1ECt5BbUQKXsFtRAnfQW1ECV/BbUQJEPZ+90NZDivRrgb2qAjRpgowbYqAE2aoCNGmCjBtioATZqgI0aYKMG2KgBNmqAjRpgowbYqAE2aoCNGmCjBtioATZqgI0aYKMG2KgBNmqAjRpgowbYqAE2aoCNGmCjBtioATZqgI0aYKMG2KgBNmqAjRpgowa62n9TqIGeLl9/3v3XVAMdXf5/V6gB/mpBDbC1oAa4/G9XqIG1Xf61K9TAyi7f7Qo1sK7LD7tCDazq8p9doQbWdHlmV6iBFV2e3RVqYD2XF3aFGljN5cVdoQbWcnllV6iBlVxe3RVqYB2XN3aFGljFWy2ogVW83YIaWMM1LaiBFVzXghqY79oW1MB017egBma7pQU1MNltLaiBuW5tQQ1MdXsLamCme1pQAxPd14IamOfeFtTANPe3oAZmeaQFNTDJYy2ogTkebUENTPF4C2pghj1aUAMT7NOCGuhvrxbUQHf7taAGetuzBTXQ2b4tqIG+9m5BDXS1fwtqoKcjWlADHR3Tghro56gW1EA3x7WgBno5sgU10MmxLaiBPo5uQQ10cXwLaqCHihbUQAc1LaiBfFUtqIF0dS2ogWyVLaiBZLUtqIFc1S2ogVT1LaiBTGe0oAYSndPCwjWcveC86KwW1q3h7BXnJee1sGoN+/+p2ceZLaxZgxZSndvCijVoIdXZLaxXgxZSnd/CajVoIVVCC2vVoIVUGS2sVIMWUqW0sE4NWkiV08IqNWghVVILa9SghVRZLaxQgxZSpbUwvwYtpMprYXoNWkiV2MLsGrSQKrOFyTVoIVVqC3Nr0EKq3Bam1qCFVMktzKxBC6myW5hYgxZSpbcwrwYtpMpvYVoNWkjVoYVZNWghVY8WJtWghVRdWphTgxZS9WlhSg1aSNWphRk1aCFVrxYm1KCFVN1a6F+DFlL1a6F7DVpI1bGF3jVoIVXPFjrXoIVUXVvoW4MWUvVtoWsNWkjVuYWeNWghVe8WOtaghVTdW+hXgxZS9W+hWw1aSDWhhV41aCHVjBY61aCFVFNa6FODFlLNaaFLDVpINamFHjVoIdWsFjrUoIVU01rIr0ELqea1kF6DFlJNbCG7Bi2kmtlCcg1aSDW1hdwatJBqbgupNWgh1eQWMmvQQqrZLSTWoIVU01vIq0ELqea3kFaDFlKt0EJWDVpItUYLSTVoIdUqLeTUoIVU67SQUoMWUq3UQkYNWki1VgsJNWgh1WotnF+DFlKt18LZNWgh1YotnFuDFlKt2cKZNWgh1aotnFeDFlKt28JZNWgh1cotnFODFlKt3cIZNWgh1eot1NeghVRaqK5BC6m08E1lDVpIpYW/1NWghVRa2FTVoIVUWvhHTQ1aSKWFf6uoQQuptPC942vQQiot/OjoGrSQSgv/dWwNWkilheccWYMWUmnhecfVoIVUWnjJUTVoIZUWXnZMDVpIpYXXHFGDFlJp4XX779xfzl5yXqCFt/h7fBVaeJsa1qCFa6hhBVq4jhrm08K11DCdFq6nhtm0cAs1TKaF26hhLi3cSg1TaeF2aphJC/dQw0RauI8a5tHCvdQwjRbup4ZZtPAINUyihceoYQ4tPEoNU2jhcWqYQQt7UMMEWtiHGvrTwl7U0J0W9qOG3rSwJzV0poV9qaEvLexNDV1pYX9q6EkLR1BDR1o4hhr60cJR1NCNFo6jhl60cCQ1dKKFY6mhDy0cTQ1daOF4auhBCxXU0IEWaqghnxaqqCGdFuqoIZsWKqkhmRZqqSGXFqpdzl5yXqCFaj4ZUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUmmhmhZSaaGaFlJpoZoWUn08e2ssRwu5fj57cyxGC8nUUEkL2dRQRwvp1FBFC/nUUEMLHaihghZ6UMPxtNCFGo6mhT7UcCwtdKKGI2mhFzUcRwvdqOEoWuhHDcfQQkdqOIIWelLD/rTQlRr2poW+1LAvLXSmhj1poTc17EcL3alhL1roTw370MIEatiDFmZQw+O0MIUaHqWFOdTwGC1MooZHaGEWNdxPC9Oo4V5amEcN99HCRGq4hxZmUsPttDCVGm6lhbnUcBstTKaGW2hhNjVcTwvTqeFaWphPDdfRwgrUcA0trEENb9PCKtTwFi2sQw2v00KsX3/b/ZdUw2u0EOu3r5/UUEkLuT5+VUMlLQT7/FUNhbSQ7OnbEqmhiBaiffhzkdRQQgvRfvl7mdRQQAvZ3m0LpYbDaSHc5/8tlRoOpoV0T/8slhoOpYV4H/61XGo4kBbi/fLdgqnhMFrI9+77JVPDQbTQwJcfFk0Nh9BCB08/LpsaDqCFFv67cGrYnRZaeP/M0qlhZ1ro4fLc4qlhV1po4suzy6eGHWmhi6fnF1ANu9FCGy8toRp2ooU23r+4iGrYhRb6uLy8jGrYgRYaeW17quFhWujk02tLqYYHaaGV1xdTDQ/RQisf31hONTxAC738/taCquFuWmjm7Y2phjtpoZtPby+qGu6ihXauWVY13EEL7bw1P/9FDVpYwOfrllYNWpjv1ysXVw1aGO+Pa5dXDVoY7rfrF1gNWpjtuvlZDVpYwJXzsxq0MN+187MatDDe1fOzGrQw3A3zsxq0MNu7mxdbDVoY6qb5WQ1amOzpjgVXgxZG+nDPkqtBCwP9ct+iq0EL89w+P6tBC0PdMT+rQQsz3TM/q0ELI901P6tBCwPdOT+rQQvzXB7aAGrQwiBfHtsCatDCHPfPz2rQwjAPbwM1aGGI949vBDVoYYbH5mc1aGGQB+dnNWhhjkfnZzVoYYydNsTCNWhhih3m58Vr0MIYbz7ZowYtrGLH/bZkDVoY5Ione9SghTXsujWWq0ELk9xy5bAatDDafvPzgjVoYZbdd9pCNWhhmD3n58Vq0MI0B2ySRWrQwjQ7z88L1aCFce6+Mmn1GrQwz21P9qhBC4Pd+GSPGrQw1s1P9qhBC1MdMj+Pr0ELIx0zPw+vQQszHTQ/j65BC0MdNT8PrkELQz105fCaNWhhqnuf7Fm3Bi2MdeT8PLIGLcy1z5VJ69SghcEeeLJnxRq0MNjR8/OwGrQw2eHz86gatDDa8fPzoBq0MFvB/DymBi0MVzE/D6lBC8PtduXw/Bq0MN0eT/asUYMWxtvlyZ4VatDCfGXzc/MatLCA2hba1qCFBVTOz41r0MIKSufntjVoYQm183PTGrSwhuL5uWUNWljEGS00q0ELizjwyqQpNWhhFXs/2TOvBi0s47z/PNmkBi2sY/8ne2bVoIWFnNdCixq0sJCz5ucmNWhhJafNzy1q0MJSzr6mMboGLazlxPk5vgYtrOW4J3v616CFxZw7P0fXoIXVVF2Z1K8GLSzn0Cd7OteghfUc+2RP3xq0sJ6A+TmyBi0sKGF+DqxBCyuKmJ/jatDCkjLm57AatLCmkPk5qgYtrKnmyZ5eNWhhUUVP9nSqQQurCpqfQ2rQwrJOuTIpuQYtrKvuyZ4eNWhhXWHz8+k1aGFhafPzyTVoYWVx8/OpNWhhaXnz84k1aGFtZ2/6pBq0sLb6J3tya9DC4k54sie1Bi2s7ownezJr0MLyUufn8hq0wNnbPaUGLRA8P5fWoAWi5+fCGrRA+PxcVoMW+CngyuGEGrTAN2dv9IQatMA3OVcmnVeDFvjTyU/2JNSgBf5y9pM959egBf7WYX4+tAYtsDl7i59dgxbYNJmfD6vhcvYCkKPL/HxYDbBpMz+rgaNFXTmsBk4U82SPGjhbq/lZDRwp9MokNVAv6ckeNXCqbvOzGjhKv/lZDRyk4fysBo7RcX5WA4doOT+rgSMEPtmjBk4R+WSPGjhD5pM9auAEfednNbCz7CuH1UChzvOzGthT7/lZDeyo+fysBvbTfX5WA7tpPz+rgb2cvYvVQIr4J3vUQJX8J3vUQJEGT/aogRpD5mc18Liz968aSDFnflYDDxo0P6uBxzS7clgNHKfPkz1q4GBn71w1kKLtlUlqYG+9nuxRAweaNz+rgTsNnJ/VwH3O3rNqIMXM+VkN3GHo/KwGbtf4ymE1sK+eT/Zc4+nL7x/P/unSSdcne171x9Pnd+/P/snSzrT5+dPPnz/6pxF3mXFl0jcfnj5ffBzwgBHz86dfP3/85eyfJO11n5+fvlxMyeyi8fz8x6+f3/k4YD895+enn383JbO3bvPzB1+acpRGVyb50pRjtXiy54MpmePFP9nzhy9NKZL8ZI+jRZTKnJ8dLeIEcfPzJ1+acpKg+dnRIk4VMj87WsT5zp+ffWlKiDOf7HG0iCgnzc/fjhad/UeH75Vn4GgRoUqf7HG0iGRFT/Z8O1rk44Bsx8/PjhbRxKHzs6NFdHLUx8GTL01p5oD52dEietp1fna0iM72erLn29EiHwe0tsOTPY4WMcNDGThaxCB3X5nkaBHT3PFkj/+PyUy3zc+OFjHYtfOzo0WMd83HgaNFrOCN+dnRItbx4pVJjhaxmuee7HHVO0v6/skeR4tY1z9P9jhaxOI+fnXVO/zpoykZAAAAAOA2/wemexqFIIrTugAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNC0wOC0yMlQxMjoxNzowNSswMDowMIY54vAAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjQtMDgtMjJUMTI6MTc6MDUrMDA6MDD3ZFpMAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI0LTA4LTIyVDEyOjE3OjIwKzAwOjAwsGxTSQAAAABJRU5ErkJggg=="/>
</svg>
                                        </a>
                                        <button type="button"
                                                class="inline-flex"
                                                @click="deleteItemFromCart(item.item_id)"
                                                :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" xml:space="preserve" version="1.1" viewBox="0 0 653 785" aria-hidden="true">
  <image width="653" height="785" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAo0AAAMRCAMAAAC+oHzzAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAA2UExURf///xhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaRxhaR////8F1vlkAAAAQdFJOUwAwgFAQ4LBAwNCgcJBgIPDPO8mVAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+gIFgwPOaJGHW4AAAABb3JOVAHPoneaAAAVB0lEQVR42u3dCWKjOhBF0XjGjqf9r/Y7Yyc/iQ28p1IJ7lkBLV8DKkPn6QkAAAAAAGCsxXK1rn0MwJvl9XrdbJc7kkR93fXd/vC8q30wmLf19Zv98bSofUiYrdX1p+64Otc+LszR4fq7S8fuBtEu1ztedje1DxDzsbo+xO4GQQ6Pa3y/lWR3g8LWl541viW5ZHeDck5DYvzY3TAoRxH7wTWyu0Ehu3Exfu5uuJWET989zJ1bSXY38DjLMX7cSrK7gUo/NX5JkseAoDCdGr/YbBmUG63m9AV3nhq/YHfj0l3n8+jpokyMb267G24lVZ8/TWymf2feKbX1we5Gs5jRcvZ4XsJhLleaAn77oWyiSa43MTW+JcljQCMc53PROQ6pyWJ/YFA+yP1bqSklWXQLcwe7m/56LOc0klyPfFzCgpcceul9wmg+yfjr9P+xu3nkefBXvNEkpWd3jHjJ4Y4RP07ckmzv3nzYE9/Fk+QxoF+Nvplq7Lmq4nPvMSvY6nWmGHVBG0my/k3j79jdfOW4m2ogyeHvwkTiJYd3S9eKpk6y1qRxCHY3T09b64omTXKRagfT4AJGKfDLbboVzbWd7rGAzU7R1A+q2IrmSbLqbzBjzfIV7rIj4VuS9W+FmozxzWZbe/Fi2TYxf6t8d95wjLcca/cRK2omXC3JpmO8zuzcGHp/XyHJReTztX7L2n2E8r/P+VBoku2Mdn53qh1IqKD3RH4ISjL3LzA91N8DRgrYxPyteJJZf5vub15jx/oPtpRLcl3/Hyer3Ues2qv9rkSSu8ZvGV/V7iNUqocJrI/pr9u/Sl/nNm7Md5dvSnLX9mDnQ1c7kFBJTyBqkmfvg0n1zKvGzL9TjE5yvZzCHeOredVYe7UfGp7khFqcWY1Z3ul8YECSk2pxZjUOe5W6rj5J7gr9V6HVzKrG5j68e0nujtPYR3+1r11IpMybmL/dkvz/g/q75+2krtCfahcSqNhbCAEu3WH55thN75z4qXYigRrZxMxZ7UQCVX2AB33M6ImyqfxiMWEzqnHC91tT8Vy7kTAtb2LmYj7vxdR6CwH9zWf8zSYmv/k84DiBB/Wnr3YkYab568XEzGVTXeFVagw2l001m5gWzOW/Pkn6FgK+mcs2hk1ME2byfn/tZUYv8/ifeFK9So0/zePGMd+r1PjNpXYoIZp7C2GuZjFxbPMthBk61i4lQu1FRk9zmPHwFkIzZnCpbulV6pk71G6lPDYxzbhM/48Y8RZCOyY/AOcthIZM/n+cYBPTkqnvY3gLoSVT38ewiWnK1B/kWa+WHa8itGLqJ8dX59WRpxybMPWT46fF6cBv1tnN4uT4afd8YAKZ2WxOjh/Wu+VE/0/OCZjPfzrx1ZndTU6r2mVUszixu8lmM/1fq++53Uqyu0lkPv9d2d9JLrfsbpJY1I4hBQblOeznfa3+ikF5ffMaOj50291wK1nR5B90HI5BeTUXbh1/s2Z3U8XMxzz3MCiPx07mLgblsdjJPLRgUB6GHHvhVjIGOfZ1291wK1kaOQ7BoLwwtjJDMSgvaMPccQQG5YVc+FVmHAblRWy5Wo/GoNyO06OGQblXN/X/EKU8BuVG9Oiwe+ZW0qPjem3BoNzjclixofF42d3U/jgnoDuuZvf2fykMyh0222fuIl14X9ZhfzxxkjRhUO5w2S45SbowKHfgJGl0ZlCuu3TLHdttFwblBvvDiQd+bBiU6zhJOjEoN9gfnjlJ2jAoN+iW/HDjw6Bct+Ek6cSgXMdviU4MynX8lmjFoFzHSdKKQblsw2+JVvwFJhm/JXoxKFfxwIUXf4FJdjtJMgEyYlCu4rdEM96XVfHAhRmDchEnSTMG5Sp+SzTjLzCpeODCjEG56HaSZAJkxaBcxG+JbgzKNTxw4cagXMRJ0o1BuYbfEu0YlGt44MKOQbmEk6Qdg3INvyXaMSiX8FuiH3+BScJJ0o9BueLCb4l+/AUmBQ9c+DEol3CS9ON9WQW/JRbAoFzBb4kFMCgXcJIsgUG5oOO3RD8G5YLLdsnexo5B+WhcsstgUD4G58aCGJQPs6/9gU0eg/L+DrU/rHlgUN7Lc+3PaUYYlD/CJiYYg/I7an8488Sg/FdsYqrhLzD9cKz9mcwcg/KvTrU/DvAXmD7xGG4WDMrZxOQy8/dlu9rrjx/mOyhnE5PULAflq9qrjjsWMxuU87htevO5lbzUXmr0Mo9BOZuYhkx+UL6svcIYaMqDch7gadJEB+W8hdCs6Q3KN7WXFJpJDcq3tVcTBlP5C0xsYiZjAoNyNjHT0vZfYKq9evBrdlDOWwhT1eJfYOJV6klrbFDOq9TT1877smxi5qGNQXntVUKg7INyHuCZncSDct5CmKecg3JepZ6xdINyXqWeuVSD8tqLgQySDMrZxOBD/UE5D/Dgm6qDcl6lxg/VBuW8So3fVfgLTLxKjXtiB+W8hYCHwv4CE5sY9BMxKOcBHvRX+i8w8So1Bio3KOdVaoxS5D+WZBOD8dyDct5CgMY5KGcTAwPToLz2PwPTIQ/KeZUaXsqgnFepUcDIQTmbGBQyYlDOWwgoadigvPbRYgb6Dsp5CwFBegzKeZUake4PynmVGtH+HpTzFgKq+O0vMPEWAir636CcTQxq+/cXmHgLARm8Dcp5lRppnHkLAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAxp13gMpV4/IKqKgReVAj8qBG5EGNyIMakQc1Ig9qRB7UiDyoEXlQI/KgRuRBjciDGpEHNSIPakQe1Ig8qBF5UCPyoEbkQY3IgxqRBzUiD2pEHtSIPKgReVAj8qBG5EGNyIMakQc1Ig9qRB7UiDyoEXlQI/KgRuRBjciDGpEHNSIPakQe1Ig8qBF5UCPyoEbkQY3IgxqRBzUiD2pEHtSIPKgReVAj8qBG5EGNyIMakQc1Ig9qRB7UiDyoEXlQI/KgRuRBjciDGpEHNSIPakQe1Ig8qBF5UCPyoEbkQY3IgxqRBzUiD2pEHtSIPKgReVAj8qBG5EGNyIMakQc1Ig9qRB7UiDyoEXlQI/KgRuRBjciDGpEHNSIPakQe1Ig8qBF5UCPyoEbkQY3IgxqRBzUiD2pEHlOpcd91m9predel6/a1j+G+2xJeKh9C8zVetsvd4uModqtlV3lBf9ofT7uPAzzvnre1P/IfXpbw/LmEp2O9b03bNV6Oux9Hsl4dqq3mT93p/OMIF8dEp/HNcfFzCU/bOgfTco3d6Y+DWT/n+Lgvx/MfR7ir9HH/X7f6awmXNU7h7dbY7e4dz6l+j5fl+s4BnhP0eH8Jn+N7bLXGy+nBAa1r76u26wdHuKu8q9msHi3hMfqQGq3x4Ud9s6j5aV92jw+w7iDi2GcJg68wbdb46MT4rt52puvxUd/squ2vL49OjG/WsUvYYo2XRd+jOoWu5T+Hvge4rnT+3vRewufIw2qwxn3vlXx6WlU5+fQ8ddfLcd/v1P0q8hvdXo1DVvJ251MhxwEx1slx2BIG5thcjZfzsANbxa3lu+dhBxif47AYI3Nsrcb+94zxa/mm9z3jZ47BG9fhSxh2qmmtxkFXwTex28L98AMMvpvoM3v6n6hJfWM1Dj7xPAVfCofeSLwK3bcexyxh0Om7rRo3A+943ixilvLVwJvGd4EPHo04d9/sYg6urRr7jWx/iPuFqxt3gOewAxxznX4Rc61uqsaRn/XTOuzGbORnHbdPGHOr8+IcsoRN1Tj2sw77sMd+1nHflzG3tXFL2FKNY0+NcR/26M868y7wfQkjDq+lGkefGqM+7PFfl5gP+3odPGr8J2JQ1lCNG+HwYrYJIzdZYR/2yA31m4jJREM1LpXji5ihXJQDDPkFc8RvB/8EzBwbqlG4ysQMmMfflL2IuLUdNa4N/IjbqVG5UMdcqpULdchET7lQh1yq26lRO/NEXGekM0/E2Vu614k4e7dTo3TPE7FL0M48Eace7eQdcO/dTo3CfCfmALfiEhY/QGEcGrSE7dQoHmD53/3F6+BT+UeNxAMs/6RoMzVK45OniAuheCtR/kIoDOdflf9CN1OjupRPxZdSvJUo/6SRuoTlv9DUaKPWyBJSow81yqjRJn2N6jar/BJSow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRhhpl1GhDjTJqtKFGGTXaUKOMGm2oUUaNNtQoo0YbapRRow01yqjRJn2N2/RLSI026WvMv4TUaDP5Gs/Fl7CZGjfpl1KtsSt9gGqNu+JL2EyN6pGWX0p1k1C8xot4gKviS9hOjWftAE/FD/AoLuGl+BGm/4zbqXGlHeCx+AGKF8LytxLqvcS2+AG2U6N46tkXP0BxLctfB6/P2hFukq9gZI176fjWxY9PPfWUP3mLA8eAk3c7NV7XyvEFnHnEs3f5M4+4jSl/591SjSfl+A7lj08bQi0CDlC79y5/29hSjcouYV1+w3qzEI4w4EJ9vR6UJQw4voZqVGY8AVeZq/ZhB1yor9LdznPA4bVUo3BfFrCjvrmM/7Bjvi7KhD7i69JSjeM/7PI/xLwZ/2HHnBqFJQz5urRU4/gPu/iPbu9Gf9hBp0ZhCUO+Lk3VOPbOMeyzHnszsQ46NY7/vsR8vm3VOG5bHbOhfjNuWx2zeq/GTcDPMUvYVo3jftsKGJR9GvWLUcis8cOomWPQrU5jNV5GnHvirtMvRlyr1zE7/o8lHHGtjpjuvGisxut+8FouAq/TL4b/ZBR57r6OOX2Hnbtbq3HwfU/cBuHd4NN3yK8wXw0d0sd9n5urceBaxl4FXw3MMfZGIvcStlfjoLWsEOPAHCvEmHcJG6zxeuh977ioEeOgHMMv0+9L2PsAQ2+7W6zxuu85Bd8Fb2D+6bmVWQdvYL4sYc9v9Cp0CZus8XrpNTSLPabvtn0+7UX0DuvrEvZ5Un0dfOpus8Y+n3alq/SHzcMvzLrmt+Xm+HAJd9HfllZrvF6WdxfzHPGw933d/fuJU8UT4/sS3r+fqLCEzdZ4O/v83eP5UO2O8avD31fD+i2+2JzuLGGF42m4xtuX+/eP+1Rtb/DD/tePe3FM0eKLy+G3/f/6FPUM3ndN1/i6mqdvy7l7zpPim2757StzXuVJ8c3mcDonWcLWa3zVdcflzaGru3H526Y7vBzgsutS3EH8ouuWb0tY9asyiRoxEdSIPKgReVAj8qBG5EGNyIMakQc1Ig9qRB7UiDyoEXlQI/KgRuRBjciDGpEHNSIPakQe1Ig8qBF5UCPyoEbkQY3IgxqRBzUiD2pEHtSIPKgReVAj8qBG5EGNyIMakQc1Ig9qRB7UiDyoEXlQI/KgRuRBjciDGpEHNSIPakQe1Ig8qBF5UCPyoEbkQY3IgxqRBzUiD2pEHtSIPKgReVAj8qBG5EGNyIMakQc1Ig9qRB7UiDyoEXlQI/KgRuRBjciDGpEHNSIPakQe1Ig8qBF5UCPyoEbkQY3IgxqRBzUiD2pEHtSIPKgReVAj8qBG5EGNyIMakQc1Ig9qRB7UiDyoEXlQI/KgRuRBjciDGpEHNSIPakQe1Ig8qBF5UCPyoEbkQY3IgxqRBzUiD1eNuyWgctUIAADq+A9Jw0GN0tdG/gAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNC0wOC0yMlQxMjoxNTo0MiswMDowMMMhArkAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjQtMDgtMjJUMTI6MTU6NDIrMDA6MDCyfLoFAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI0LTA4LTIyVDEyOjE1OjU3KzAwOjAwe/u04wAAAABJRU5ErkJggg=="/>
</svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </template>
                    </div>
                </template>

                <template x-if="itemsCount">
                    <div>
                        
                        <div class="relative grid py-3 px-1 sm:px-3 bg-white">
                            <div class="w-full p-3 space-x-4 transition duration-150 ease-in-out rounded-lg hover:bg-gray-100">
                                <p>Subtotal: <span class="float-right" x-html="cart.subtotal"></span></p>
                            </div>
                            <div class="w-full p-3 space-x-4 transition duration-150 ease-in-out rounded-lg">
                                <a @click.prevent.stop="closeCartDrawer; $dispatch('toggle-authentication',
                                    {url: 'https://www.thecornishfoodboxcompany.co.uk/checkout/'});"
                                   href="https://www.thecornishfoodboxcompany.co.uk/checkout/"
                                   class="block px-20 py-4 btn btn-primary text-center font-medium text-xl"
                                >
                                    Checkout                                </a>
                                <a href="https://www.thecornishfoodboxcompany.co.uk/checkout/cart/"
                                   class="!ml-0 mt-3 block px-20 py-4 bg-gray-200 text-center font-medium text-xl"
                                >
                                    View and Edit Cart                                </a>
                            </div>
                            <div x-html="getSectionDataExtraActions()"></div>
                                                    </div>
                    </div>
                </template>

                            </div>

            <button
                type="button"
                @click="closeCartDrawer"
                aria-label="Close&#x20;minicart"
                class="absolute top-0 right-2 p-4 mt-2 text-gray-300 transition-colors hover:text-black"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
            </button>
        </div>
        <div
    class="z-50 fixed inset-0 grid place-items-center bg-white/70 text-slate-800"
    x-cloak
    x-show="isLoading"
    x-transition.opacity.duration.200ms
>
    <div class="flex gap-10 items-center p-4">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" width="57" height="57" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
    <style>
        @keyframes spinner-ball-triangle1 {
            0% { transform: translate(0%, 0%); }
            33% { transform: translate(38%, -79%); }
            66% { transform: translate(77%, 0%); }
            100% { transform: translate(0%, 0%); }
        }

        @keyframes spinner-ball-triangle2 {
            0% { transform: translate(0%, 0%); }
            33% { transform: translate(38%, 79%); }
            66% { transform: translate(-38%, 79%); }
            100% { transform: translate(0%, 0%); }
        }

        @keyframes spinner-ball-triangle3 {
            0% { transform: translate(0%, 0%); }
            33% { transform: translate(-77%, 0%); }
            66% { transform: translate(-38%, -79%); }
            100% { transform: translate(0%, 0%); }
        }
    </style>
    <circle cx="5" cy="50" r="5" style="animation: spinner-ball-triangle1 2.2s linear infinite"/>
    <circle cx="27" cy="5" r="5" style="animation: spinner-ball-triangle2 2.2s linear infinite"/>
    <circle cx="49" cy="50" r="5" style="animation: spinner-ball-triangle3 2.2s linear infinite"/>
</svg>
        <span class="text-xl select-none">
            Loading...        </span>
    </div>
</div>    </div>

</section>    <script>
    function initAuthentication() {
        return {
            open: false,
            close() {
                this.open = false;
            },
            forceAuthentication: false,
            checkoutUrl: 'https://www.thecornishfoodboxcompany.co.uk/checkout/index/',
            errors: 0,
            hasCaptchaToken: 0,
            displayErrorMessage: false,
            errorMessages: [],
            setErrorMessages(message) {
                this.errorMessages = [message];
                this.displayErrorMessage = true;
            },
            submitForm() {
                // Do not rename $form, the variable is expected to be declared in the recaptcha output
                const $form = document.querySelector('#login-form');
                
                if (this.errors === 0) {
                    this.dispatchLoginRequest($form);
                }
            },
            onPrivateContentLoaded() {
                const data = this.$event.detail.data;
                const isLoggedIn = data.customer && data.customer.firstname;
                if (data.cart && !isLoggedIn) {
                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
                }
            },
            redirectIfAuthenticated() {
                const event = this.$event;
                this.open = this.forceAuthentication;

                if (event.detail && event.detail.url) {
                    this.checkoutUrl = event.detail.url;
                }
                if (!this.forceAuthentication) {
                    window.location.href = this.checkoutUrl;
                }
            },
            resetErrors() {
                this.errors = 0;
            },
            dispatchLoginRequest(form) {
                this.isLoading = true;
                const username = this.$refs['customer-email'].value;
                const password = this.$refs['customer-password'].value;
                const formKey = hyva.getFormKey();
                const bodyFields = {
                    'username': username,
                    'password': password,
                    'formKey': formKey
                };
                                const fieldName = 'g\u002Drecaptcha\u002Dresponse';
                const recaptchaField = fieldName && form[fieldName];
                if (recaptchaField) {
                    bodyFields[fieldName] = recaptchaField.value;
                }
                fetch('https://www.thecornishfoodboxcompany.co.uk/customer/ajax/login/', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-Requested-With': 'XMLHttpRequest'
                        },
                        body: JSON.stringify(bodyFields)
                    }
                ).then(response => {
                        return response.json()
                    }
                ).then(data => {
                    this.isLoading = false;
                    if (data.errors) {
                        this.setErrorMessages(data.message);
                        this.errors = 1;
                        this.hasCaptchaToken = 0;
                    } else {
                        window.location.href = this.checkoutUrl;
                    }
                });
            }
        }
    }

    window.addEventListener('alpine:init', () => Alpine.data('initAuthentication', initAuthentication), {once: true})
</script>
<section id="authentication-popup"
         x-data="initAuthentication"
         @private-content-loaded.window="onPrivateContentLoaded"
         @toggle-authentication.window="redirectIfAuthenticated"
         @keydown.window.escape="close"
>
    <div
        class="backdrop"
        aria-hidden="true"
        x-cloak
        x-show="open"
        x-transition:enter="ease-in-out duration-500"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in-out duration-500"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
        @click="close"
    ></div>
    <div role="dialog"
         aria-modal="true"
         @click.outside="close"
         class="inset-y-0 right-0 z-30 flex max-w-full fixed"
         x-cloak
         x-show="open"
    >
        <div class="relative w-screen max-w-md pt-16 bg-container-lighter"
             x-show="open"
             x-cloak
             x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:enter-start="translate-x-full"
             x-transition:enter-end="translate-x-0"
             x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
             x-transition:leave-start="translate-x-0"
             x-transition:leave-end="translate-x-full"
        >
            <div
                x-show="open"
                x-cloak
                x-transition:enter="ease-in-out duration-500"
                x-transition:enter-start="opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave="ease-in-out duration-500"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2">
                <button
                    type="button"
                    @click="close"
                    aria-label="Close&#x20;panel"
                    class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                </button>
            </div>
            <template x-if="open">
                <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto">
                    <div class="mx-4">
                        <div class="message error mb-0" x-show="errors" x-cloak>
                            <template x-for="(message, index) in errorMessages" :key="index">
                                <div>
                                    <template x-if="message">
                                        <span x-html="message"></span>
                                    </template>
                                </div>
                            </template>
                        </div>
                    </div>
                    <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm">
                        <p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900">
                            <strong class="font-medium">Checkout using your account</strong>
                        </p>

                        <form class="form form-login"
                              method="post"
                              @submit.prevent="submitForm"
                              id="login-form"
                        >
                                                        <div class="fieldset login">
                                <div class="field email required">
                                    <label class="label" for="form-login-username" form="login-form" >
                                        <span>Email Address</span>
                                    </label>
                                    <div class="control">
                                        <input name="username"
                                               id="form-login-username"
                                               x-ref="customer-email"
                                               @change="resetErrors"
                                               type="email"
                                               required
                                               autocomplete="off"
                                               class="form-input"
                                        >
                                    </div>
                                </div>
                                <div class="field password required">
                                    <label for="form-login-password" class="label" form="login-form">
                                        <span>Password</span>
                                    </label>
                                    <div class="control">
                                        <input name="password"
                                               id="form-login-password"
                                               type="password"
                                               class="form-input"
                                               required
                                               x-ref="customer-password"
                                               autocomplete="off"
                                               @change="resetErrors"
                                        >
                                    </div>
                                </div>

                                <input name="context" type="hidden" value="checkout" />
                                <div class="actions-toolbar pt-6 pb-2">
                                    <button type="submit"                                            class="inline-flex btn btn-primary disabled:opacity-75"
                                    >
                                        Sign In                                    </button>
                                    <a href="https://www.thecornishfoodboxcompany.co.uk/customer/account/forgotpassword/"
                                    >
                                        Forgot Your Password?                                    </a>
                                </div>

                            </div>
                        </form>
                    </div>
                    <div class="mx-4">
                                            </div>
                    <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm">
                        <p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900">
                            <strong class="font-medium">Checkout as a new customer</strong>
                        </p>

                        <div class="block-content">
                            <p class="mb-1">
                                Creating an account has many benefits:                            </p>
                            <ul class="list-disc pl-5">
                                <li> See order and shipping status</li>
                                <li> Track order history</li>
                                <li> Check out faster</li>
                            </ul>
                            <div class="actions-toolbar mt-6 mb-2">
                                <a href="https://www.thecornishfoodboxcompany.co.uk/customer/account/create/"
                                   class="inline-flex btn btn-primary">
                                    Create an Account                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
        </div>
    </div>
</section></div></header><div class="top-container"> <script>
    'use strict';

    function initAwRbslider(config) {
        return {
            options: Object.assign({
                autoplay: true,
                pauseTimeBetweenTransitions: 3000,
                slideTransitionSpeed: 500,
                isStopAnimationMouseOnBanner: true,
                animation: 'fade',
                isRandomOrderImage: false,
                sliderListSelector: '.uk-slideshow',
                sliderItemSelector: '.aw-rbslider-item'
            }, config),

            slideshow: {options: {}},

            /**
             * Initialize widget
             */
            initSlider() {
                /*if (this.options.isRandomOrderImage) {
                    this._randomSort();
                }*/

                this.slideshow = window.awRbslider(this.$el, {
                    autoplay: this.options.autoplay,
                    autoplayInterval: this.options.pauseTimeBetweenTransitions,
                    duration: this.options.slideTransitionSpeed,
                    pauseOnHover: this.options.isStopAnimationMouseOnBanner,
                    animation: this.options.animation
                });
                this.loadSlides();

                
                this.slideshow.resize = () => this.resizeBanner(this.slideshow, this.$el);

                if (this.options.bannerSchedule.length > 0) {
                    if (!this.timeValidator([this.options.bannerSchedule[0]])) {
                        this.delayedUpdate(this.options.bannerSchedule[0]);
                    }
                    if (this.timeValidator(this.options.bannerSchedule)) {
                        this.sendRequest(this.options.bannerId);
                    }
                }
            },

            loadSlider() {
                if (! window.awRbslider) {
                    let callbacks = [];
                    window.awRbslider = {'-isLoading': (callback) => callbacks.push(callback)};
                    const script = document.createElement('script');
                    script.src = 'http\u003A\u002F\u002Fwww.thecornishfoodboxcompany.co.uk\u002Fstatic\u002Fversion1779463306\u002Ffrontend\u002FCornish\u002Fhyva\u002Fen_GB\u002FHyva_AheadworksRbslider\u002Fjs\u002Fcomponents\u002Fslideshow.js';
                    script.onload = () => {
                        callbacks.map(callback => callback())
                        callbacks = [];
                    };
                    document.head.append(script);
                }
                if (window.awRbslider['-isLoading']) {
                    window.awRbslider['-isLoading'](() => this.loadSlider())
                }
                if (! window.awRbslider['-isLoading']) {
                    this.initSlider();
                }
            },

            
            pauseOnEnter() {
                if (this.slideshow.options.pauseOnHover) {
                    this.slideshow.hovering = true;
                }
            },
            resumeOnLeave() {
                this.slideshow.hovering = false;
            },

            /**
             * Recalculate the width and height of the banner
             */
            resizeBanner(slideshow, componentRoot) {
                let width;
                const mainContent = componentRoot.closest('#maincontent, .page-wrapper');

                
                if (slideshow.slides.length) {
                    width = slideshow.slides[0].querySelector('img.aw-rbslider__img').naturalWidth;
                }
                if (mainContent) {
                    if (mainContent.getBoundingClientRect().width < width) {
                        width = mainContent.getBoundingClientRect().width;
                    }
                    componentRoot.style.width = width + 'px';
                }
                
                if (slideshow.options.height === 'auto' && slideshow.slides.length) {
                    slideshow.slides[0].style.height = '';
                    const height = slideshow.slides[0].getBoundingClientRect().height;
                    slideshow.container.style.height = height + 'px';
                    slideshow.slides.map(slide => {
                        slide.style.height = height + 'px';
                        slide.style.position = 'positon';

                    });
                }
            },

            /**
             * Lazy load slides
             */
            loadSlides() {
                this.slideshow.slides.forEach((slideElem, index) => {
                    if (index) {
                        const slideImg = slideElem.querySelector('img.aw-rbslider__img');
                        if (slideImg && slideImg.dataset.src) {
                            slideImg.addEventListener('load', () => slideImg.classList.add('is-loaded'));
                            slideImg.src = slideImg.dataset.src;
                            slideImg.removeAttribute('data-src');
                        }
                    }
                });
            },

            /**
             * Compare current time with schedule
             */
            timeValidator(schedule) {
                const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
                let isValid = false;

                schedule.forEach(item => {
                    if (currentDateMinute === Math.floor(new Date(item).getTime() / 1000 / 60))  {
                        isValid = true;
                    }
                });

                return isValid;
            },

            /**
             * Send request for clean banner cache
             */
            sendRequest(bannerId) {
                fetch(this.options.cacheCleanUrl, {
                    method: 'post',
                    headers: {
                        contentType: 'application/json'
                    },
                    body: JSON.stringify({bannerId})
                });
            },

            /**
             * Schedule call to sendRequest for future schedule item
             */
            delayedUpdate(futureTime) {
                const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
                const interval = Math.floor(new Date(futureTime).getTime() / 1000 / 60) - currentDateMinute;

                if (interval > 0) {
                    setTimeout(() => this.sendRequest(self.options.bannerId), interval);
                }
            },

            /**
             * @private
             */
            _randomSort () {
                const sliderListSelector = this.options.sliderListSelector,
                      sliderItemSelector = this.options.sliderItemSelector;

                this.$el.querySelector(sliderListSelector)
                    .innerHTML = Array.from(this.$el.querySelectorAll(sliderListSelector + ' ' + sliderItemSelector))
                        .sort(() => Math.random() - 0.5)
                        .map(item => item.outerHTML)
                        .join('');

            }
        };
    }</script>   <style> .uk-slideshow-fade-in { animation: uk-fade 0.5s linear; } .uk-slideshow-fade-out { animation: uk-fade 0.5s linear reverse; } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <div x-data='initAwRbslider({"autoplay":6000,"pauseTimeBetweenTransitions":6000,"slideTransitionSpeed":1000,"isStopAnimationMouseOnBanner":true,"animation":"fade","isRandomOrderImage":false,"bannerSchedule":["2026-04-01 16:16:00","2026-04-01 16:16:00","2026-05-08 13:08:00"],"bannerId":"8","cacheCleanUrl":"http:\/\/www.thecornishfoodboxcompany.co.uk\/aw_rbslider\/cache\/clean\/?feed=rss2"})' x-intersect="loadSlider()" data-aw-rbslider-banner-id='8' class="aw-rbslider-container uk-slidenav-position relative group"><div class="uk-slideshow uk-overlay-active"> <div class="aw-rbslider-item absolute" style="opacity: 1"><div class="aw-rbslider-img-wrapper"><picture><source media="(max-width: 480px)" srcset="https://www.thecornishfoodboxcompany.co.uk/media/aw_rbslider/slides/MOBILE_BANNER_17_.jpg" class="aw-rbslider__img is-loaded"  title="" /><img class="aw-rbslider__img is-loaded" src="https://www.thecornishfoodboxcompany.co.uk/media/aw_rbslider/slides/MAIN_WEBSITE_BANNER_18_.jpg" title="" alt="" /></picture>  <a href="https://www.thecornishfoodboxcompany.co.uk/groceries/meat-poultry.html" class="aw-rbslider-img-url" target="_blank" rel="nofollow" x-data="awRbsliderClickTracker(&#x7B;&quot;slideId&quot;&#x3A;20,&quot;bannerId&quot;&#x3A;&quot;8&quot;,&quot;url&quot;&#x3A;&quot;http&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.thecornishfoodboxcompany.co.uk&#x5C;&#x2F;aw_rbslider&#x5C;&#x2F;statistic&#x5C;&#x2F;click&#x5C;&#x2F;&quot;&#x7D;, '')" @click="trackClick($event)" @mousedown="trackMouseDown" ></a>  </div></div>   <div class="aw-rbslider-item absolute" style="opacity: 0"><div class="aw-rbslider-img-wrapper"><picture><source media="(max-width: 480px)" srcset="https://www.thecornishfoodboxcompany.co.uk/media/aw_rbslider/slides/MOBILE_BANNER_16_.jpg" class="aw-rbslider__img " data- title="" /><img class="aw-rbslider__img " data-src="https://www.thecornishfoodboxcompany.co.uk/media/aw_rbslider/slides/MAIN_WEBSITE_BANNER_17_.jpg" title="" alt="" /></picture>  <a href="https://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes/bbq-set-boxes.html" class="aw-rbslider-img-url" target="_blank" rel="nofollow" x-data="awRbsliderClickTracker(&#x7B;&quot;slideId&quot;&#x3A;21,&quot;bannerId&quot;&#x3A;&quot;8&quot;,&quot;url&quot;&#x3A;&quot;http&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.thecornishfoodboxcompany.co.uk&#x5C;&#x2F;aw_rbslider&#x5C;&#x2F;statistic&#x5C;&#x2F;click&#x5C;&#x2F;&quot;&#x7D;, '')" @click="trackClick($event)" @mousedown="trackMouseDown" ></a>  </div></div>   <div class="aw-rbslider-item absolute" style="opacity: 0"><div class="aw-rbslider-img-wrapper"><picture><source media="(max-width: 480px)" srcset="https://www.thecornishfoodboxcompany.co.uk/media/aw_rbslider/slides/MOBILE_BANNER_15_.jpg" class="aw-rbslider__img " data- title="" /><img class="aw-rbslider__img " data-src="https://www.thecornishfoodboxcompany.co.uk/media/aw_rbslider/slides/MAIN_WEBSITE_BANNER_16_.jpg" title="" alt="" /></picture>  <a href="https://www.thecornishfoodboxcompany.co.uk/groceries/fish-and-seafood.html" class="aw-rbslider-img-url" target="_self" rel="nofollow" x-data="awRbsliderClickTracker(&#x7B;&quot;slideId&quot;&#x3A;16,&quot;bannerId&quot;&#x3A;&quot;8&quot;,&quot;url&quot;&#x3A;&quot;http&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.thecornishfoodboxcompany.co.uk&#x5C;&#x2F;aw_rbslider&#x5C;&#x2F;statistic&#x5C;&#x2F;click&#x5C;&#x2F;&quot;&#x7D;, '')" @click="trackClick($event)" @mousedown="trackMouseDown" ></a>  </div></div>  </div> <div class="flex absolute top-0 text-white justify-between items-center w-full h-full"> <a href="#" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous w-16 h-16 opacity-0 group-hover:opacity-50 hover:!opacity-80 group-hover:z-[110] transition-opacity duration-500" @mouseenter="pauseOnEnter" @mouseleave="resumeOnLeave" @click.prevent="slideshow.previous()" data-uk-slideshow-item="previous"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full not-sr-only" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
<title>chevron-left</title></svg>
 <span class="sr-only">Show previous slide</span></a>   <ul class="uk-dotnav self-end flex mb-4" @mouseenter="pauseOnEnter" @mouseleave="resumeOnLeave" ><li data-uk-slideshow-item="0" @click.prevent="slideshow.show(0)" ><a href="#" class="w-3 h-3 block bg-white mx-2 rounded-lg opacity-0 group-hover:opacity-50 hover:!opacity-80 group-hover:z-[110] transition-opacity duration-500"></a></li><li data-uk-slideshow-item="1" @click.prevent="slideshow.show(1)" ><a href="#" class="w-3 h-3 block bg-white mx-2 rounded-lg opacity-0 group-hover:opacity-50 hover:!opacity-80 group-hover:z-[110] transition-opacity duration-500"></a></li><li data-uk-slideshow-item="2" @click.prevent="slideshow.show(2)" ><a href="#" class="w-3 h-3 block bg-white mx-2 rounded-lg opacity-0 group-hover:opacity-50 hover:!opacity-80 group-hover:z-[110] transition-opacity duration-500"></a></li></ul>  <a href="#" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next w-16 h-16 opacity-0 group-hover:opacity-50 hover:!opacity-80 group-hover:z-[110] transition-opacity duration-500" @mouseenter="pauseOnEnter" @mouseleave="resumeOnLeave" @click.prevent="slideshow.next()" data-uk-slideshow-item="next"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-full h-full not-sr-only" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
<title>chevron-right</title></svg>
 <span class="sr-only">Show next slide</span></a> </div></div>  <script>
function awRbsliderClickTracker(config, formKey) {
    return {
        clickTracked: false,

        trackClick(event) {
            if (this.clickTracked) return;
            this.clickTracked = true;

            const { bannerId, slideId, url } = config;
            if (bannerId && slideId && url) {

               fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    body: new URLSearchParams({
                        slide_id: slideId,
                        banner_id: bannerId,
                        ajax: 'true',
                        form_key: formKey,
                    }),
                    keepalive: true
                }).catch((error) => {
                    console.error('Click tracking fetch failed:', error);
                });
            }
        },

        trackMouseDown(event) {
            if (event.which === 2 || event.which === 3) {
                this.trackClick();
            }
        }
    };
}</script></div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div><div class="page messages"><script>
        function initMessages() {
        "use strict";
        return {
            messages: window.mageMessages || [],
            isEmpty() {
                return this.messages.reduce(
                    function (isEmpty, message) {
                        return isEmpty && message === undefined
                    }, true
                )
            },
            hasMessages() {
                return !this.isEmpty();
            },
            hasMessage() {
                return !!this.message;
            },
            removeMessage() {
                this.messages[this.index] = undefined;
            },
            addMessages(messages, hideAfter) {
                messages.map((message) => {
                    this.messages = this.messages.concat(message);
                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
                        hideAfter = window.defaultSuccessMessageTimeout;
                    }
                    if (hideAfter) {
                        this.setHideTimeOut(this.messages.length -1, hideAfter);
                    }
                });
            },
            setHideTimeOut(messageIndex, hideAfter) {
                setTimeout((messageIndex) => {
                    this.messages[messageIndex] = undefined;
                }, hideAfter, messageIndex);
            },
            eventListeners: {
                ['@messages-loaded.window'](event) {
                    this.addMessages(event.detail.messages, event.detail.hideAfter)
                },
                ['@private-content-loaded.window'](event) {
                    const data = event.detail.data;
                    if (
                        data.messages &&
                        data.messages.messages &&
                        data.messages.messages.length
                    ) {
                        this.addMessages(data.messages.messages);
                    }
                },
                ['@clear-messages.window']() {
                    this.messages = [];
                }
            },
            getMessageUiId() {
                return 'message-' + this.message.type;
            }
        }
    }

    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})
</script>
<section id="messages"
         x-data="initMessages"
         x-bind="eventListeners"
         role="alert"
>
    <template x-if="hasMessages">
        <div class="w-full">
            <div class="messages container mx-auto py-3">
                <template x-for="(message, index) in messages" :key="index">
                    <div>
                        <template x-if="hasMessage">
                            <div class="message"
                                 :class="message.type"
                                 :ui-id="getMessageUiId"
                            >
                                <span x-html="message.text"></span>
                                <button
                                    type="button"
                                    class="text-gray-600 hover:text-black"
                                    aria-label="Close message"
                                    @click.prevent="removeMessage"
                                >
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
                                </button>
                            </div>
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>
</section></div><div class="columns"><div class="column main"> <script>
    'use strict';

    function initAwRbslider(config) {
        return {
            options: Object.assign({
                autoplay: true,
                pauseTimeBetweenTransitions: 3000,
                slideTransitionSpeed: 500,
                isStopAnimationMouseOnBanner: true,
                animation: 'fade',
                isRandomOrderImage: false,
                sliderListSelector: '.uk-slideshow',
                sliderItemSelector: '.aw-rbslider-item'
            }, config),

            slideshow: {options: {}},

            /**
             * Initialize widget
             */
            initSlider() {
                /*if (this.options.isRandomOrderImage) {
                    this._randomSort();
                }*/

                this.slideshow = window.awRbslider(this.$el, {
                    autoplay: this.options.autoplay,
                    autoplayInterval: this.options.pauseTimeBetweenTransitions,
                    duration: this.options.slideTransitionSpeed,
                    pauseOnHover: this.options.isStopAnimationMouseOnBanner,
                    animation: this.options.animation
                });
                this.loadSlides();

                
                this.slideshow.resize = () => this.resizeBanner(this.slideshow, this.$el);

                if (this.options.bannerSchedule.length > 0) {
                    if (!this.timeValidator([this.options.bannerSchedule[0]])) {
                        this.delayedUpdate(this.options.bannerSchedule[0]);
                    }
                    if (this.timeValidator(this.options.bannerSchedule)) {
                        this.sendRequest(this.options.bannerId);
                    }
                }
            },

            loadSlider() {
                if (! window.awRbslider) {
                    let callbacks = [];
                    window.awRbslider = {'-isLoading': (callback) => callbacks.push(callback)};
                    const script = document.createElement('script');
                    script.src = 'http\u003A\u002F\u002Fwww.thecornishfoodboxcompany.co.uk\u002Fstatic\u002Fversion1779463306\u002Ffrontend\u002FCornish\u002Fhyva\u002Fen_GB\u002FHyva_AheadworksRbslider\u002Fjs\u002Fcomponents\u002Fslideshow.js';
                    script.onload = () => {
                        callbacks.map(callback => callback())
                        callbacks = [];
                    };
                    document.head.append(script);
                }
                if (window.awRbslider['-isLoading']) {
                    window.awRbslider['-isLoading'](() => this.loadSlider())
                }
                if (! window.awRbslider['-isLoading']) {
                    this.initSlider();
                }
            },

            
            pauseOnEnter() {
                if (this.slideshow.options.pauseOnHover) {
                    this.slideshow.hovering = true;
                }
            },
            resumeOnLeave() {
                this.slideshow.hovering = false;
            },

            /**
             * Recalculate the width and height of the banner
             */
            resizeBanner(slideshow, componentRoot) {
                let width;
                const mainContent = componentRoot.closest('#maincontent, .page-wrapper');

                
                if (slideshow.slides.length) {
                    width = slideshow.slides[0].querySelector('img.aw-rbslider__img').naturalWidth;
                }
                if (mainContent) {
                    if (mainContent.getBoundingClientRect().width < width) {
                        width = mainContent.getBoundingClientRect().width;
                    }
                    componentRoot.style.width = width + 'px';
                }
                
                if (slideshow.options.height === 'auto' && slideshow.slides.length) {
                    slideshow.slides[0].style.height = '';
                    const height = slideshow.slides[0].getBoundingClientRect().height;
                    slideshow.container.style.height = height + 'px';
                    slideshow.slides.map(slide => {
                        slide.style.height = height + 'px';
                        slide.style.position = 'positon';

                    });
                }
            },

            /**
             * Lazy load slides
             */
            loadSlides() {
                this.slideshow.slides.forEach((slideElem, index) => {
                    if (index) {
                        const slideImg = slideElem.querySelector('img.aw-rbslider__img');
                        if (slideImg && slideImg.dataset.src) {
                            slideImg.addEventListener('load', () => slideImg.classList.add('is-loaded'));
                            slideImg.src = slideImg.dataset.src;
                            slideImg.removeAttribute('data-src');
                        }
                    }
                });
            },

            /**
             * Compare current time with schedule
             */
            timeValidator(schedule) {
                const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
                let isValid = false;

                schedule.forEach(item => {
                    if (currentDateMinute === Math.floor(new Date(item).getTime() / 1000 / 60))  {
                        isValid = true;
                    }
                });

                return isValid;
            },

            /**
             * Send request for clean banner cache
             */
            sendRequest(bannerId) {
                fetch(this.options.cacheCleanUrl, {
                    method: 'post',
                    headers: {
                        contentType: 'application/json'
                    },
                    body: JSON.stringify({bannerId})
                });
            },

            /**
             * Schedule call to sendRequest for future schedule item
             */
            delayedUpdate(futureTime) {
                const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
                const interval = Math.floor(new Date(futureTime).getTime() / 1000 / 60) - currentDateMinute;

                if (interval > 0) {
                    setTimeout(() => this.sendRequest(self.options.bannerId), interval);
                }
            },

            /**
             * @private
             */
            _randomSort () {
                const sliderListSelector = this.options.sliderListSelector,
                      sliderItemSelector = this.options.sliderItemSelector;

                this.$el.querySelector(sliderListSelector)
                    .innerHTML = Array.from(this.$el.querySelectorAll(sliderListSelector + ' ' + sliderItemSelector))
                        .sort(() => Math.random() - 0.5)
                        .map(item => item.outerHTML)
                        .join('');

            }
        };
    }</script> <script>
function awRbsliderClickTracker(config, formKey) {
    return {
        clickTracked: false,

        trackClick(event) {
            if (this.clickTracked) return;
            this.clickTracked = true;

            const { bannerId, slideId, url } = config;
            if (bannerId && slideId && url) {

               fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    body: new URLSearchParams({
                        slide_id: slideId,
                        banner_id: bannerId,
                        ajax: 'true',
                        form_key: formKey,
                    }),
                    keepalive: true
                }).catch((error) => {
                    console.error('Click tracking fetch failed:', error);
                });
            }
        },

        trackMouseDown(event) {
            if (event.which === 2 || event.which === 3) {
                this.trackClick();
            }
        }
    };
}</script> <script>
    'use strict';

    function initAwBlogAjax() {
        const settings = {"url":"http:\/\/www.thecornishfoodboxcompany.co.uk\/aw_blog\/block\/render\/?feed=rss2"};

        return {
            url: settings.url || '/',
            dataPattern: 'awBlogBlockName',
            placeholders: document.querySelectorAll('[data-aw-blog-block-name]'),

            init() {
                if (this.placeholders && this.placeholders.length) {
                    this.ajax();
                }
            },

            ajax() {
                const self = this,
                    blocks = [];

                this.placeholders.forEach(function(elem) {
                    blocks.push(elem.dataset[self.dataPattern]);
                });

                fetch(this.url + '?blocks=' + JSON.stringify(blocks), {
                    headers: {
                        'Content-Type': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest'
                    }
                }).then((response) => {
                    return response.json();
                }).then((data) => {
                    self.placeholders.forEach(function(elem) {
                        const placeholderName = elem.dataset[self.dataPattern];

                        if (data.hasOwnProperty(placeholderName)) {
                            elem.insertAdjacentHTML('beforebegin', data[placeholderName]);
                            elem.remove();
                        }
                    });
                }).catch((error) => {
                    console.error(error);
                })
            }
        }
    }</script><div x-data='initAwBlogAjax()'></div> <!--Google Tag Manager: dataLayer - Added by Mageplaza--> <div id="mp-event"></div><script type="text/javascript">
    document.addEventListener("DOMContentLoaded", function () {
        
        document.querySelectorAll('button[data-addto="cart"]').forEach(function(button) {
            button.addEventListener("click", function () {
                var customurl = "http://www.thecornishfoodboxcompany.co.uk/mpgoogletagmanager/event/index",
                    formData = new FormData();
                formData.append('customdata', 'addtocart');
                fetch(customurl, {
                    method: 'POST',
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    body: formData
                })
                .then(response => response.json())
                .then(response => {
                    if (response.data) {
                        document.getElementById('mp-event').innerHTML = response.data;
                    }
                });

                if (document.getElementById('confirmBox')) {
                    fetch("http://www.thecornishfoodboxcompany.co.uk/mptagmanager/event/index", {
                        method: 'POST',
                        headers: {
                            'X-Requested-With': 'XMLHttpRequest'
                        },
                        body: formData
                    })
                    .then(response => response.json())
                    .then(response => {
                        if (response.data) {
                            document.getElementById('mp-event').innerHTML = response.data;
                        }
                    });
                }
            });
        });
        
        var addToCartBtn = document.getElementById("product-addtocart-button");
        if (addToCartBtn) {
            addToCartBtn.addEventListener("mouseover", function () {
                addToCartBtn.addEventListener("click", function handler() {
                    if (document.getElementById('confirmBox')) {
                        var formData = new FormData();
                        formData.append('customdata', 'addtocart');
                        fetch("http://www.thecornishfoodboxcompany.co.uk/mptagmanager/event/index", {
                            method: 'POST',
                            headers: {
                                'X-Requested-With': 'XMLHttpRequest'
                            },
                            body: formData
                        })
                        .then(response => response.json())
                        .then(response => {
                            if (response.data) {
                                document.getElementById('mp-event').innerHTML = response.data;
                            }
                        });
                    }
                    addToCartBtn.removeEventListener("click", handler);
                });
            });
        }
    });</script><section class="text-black relative z-10 container">
    <!--GETTING STARTED-->
    <div class="getting-started w-full hidden lg:block md:block">
        <div class="w-full corn-beige">
            <div class="w-full text-center">
                <span class="w-full corn-font-sundayregular text-3xl md:text-5xl lg:text-5xl relative top-[30px]">GET STARTED</span>
            </div>
            <div class="w-full lg:flex lg:flex-row mt-10 mb-5">
                <div class="w-full lg:w-1/3"><style>#html-body [data-pb-style=CJEJLKT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=OPPTAMO]{text-align:center;border-style:none}#html-body [data-pb-style=IRLAKIS],#html-body [data-pb-style=XQY6K8O]{max-width:100%;height:auto}#html-body [data-pb-style=Q8IIGP0]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=AWOOKKV],#html-body [data-pb-style=EODMGSD]{display:flex;width:100%}#html-body [data-pb-style=HJLC86X],#html-body [data-pb-style=WR85GET]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}@media only screen and (max-width: 768px) { #html-body [data-pb-style=OPPTAMO]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="getting-started-row" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="CJEJLKT"><figure class="getting-started-images" data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="OPPTAMO"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON4_1__1.png" alt="" title="" data-element="desktop_image" data-pb-style="IRLAKIS"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON4_1__1.png" alt="" title="" data-element="mobile_image" data-pb-style="XQY6K8O"></figure><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="Q8IIGP0"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AWOOKKV"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="HJLC86X"><div class="font-coolockblack corn-font-sundayregular getting-started-font-size" data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">CHOOSE YOUR BOX OR<br>BUILD YOUR OWN.</p></div></div></div><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="EODMGSD"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WR85GET"><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">Add any extras you want:<br>extra milk, eggs, bottle of gin<br>and much more!</p></div></div></div></div></div></div></div>
                <div class="w-full lg:w-1/3"><style>#html-body [data-pb-style=ULEDYVU]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=MN0XMNN]{text-align:center;border-style:none}#html-body [data-pb-style=HI5724E],#html-body [data-pb-style=VJ6GYAL]{max-width:100%;height:auto}#html-body [data-pb-style=E3VTNND]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=F7KWLY3],#html-body [data-pb-style=X899G76]{display:flex;width:100%}#html-body [data-pb-style=GT33LEV],#html-body [data-pb-style=KMPB1X8]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}@media only screen and (max-width: 768px) { #html-body [data-pb-style=MN0XMNN]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="getting-started-row" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="ULEDYVU"><figure class="getting-started-images" data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="MN0XMNN"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON5_1_1__1.png" alt="" title="" data-element="desktop_image" data-pb-style="HI5724E"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON5_1_1__1.png" alt="" title="" data-element="mobile_image" data-pb-style="VJ6GYAL"></figure><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="E3VTNND"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="F7KWLY3"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KMPB1X8"><div class="font-coolockblack corn-font-sundayregular getting-started-font-size" data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">CHOOSE YOUR DELIVERY<br>AND CHECKOUT.</p></div></div></div><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="X899G76"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GT33LEV"><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">You can select a one-time box<br>or choose to subscribe to regular<br>deliveries.</p></div></div></div></div></div></div></div>
                <div class="w-full lg:w-1/3"><style>#html-body [data-pb-style=IIFYN25]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=FI4HDXK]{text-align:center;border-style:none}#html-body [data-pb-style=FWF251G],#html-body [data-pb-style=HA7DRGT]{max-width:100%;height:auto}#html-body [data-pb-style=PX77F4Y]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=I85W4F2],#html-body [data-pb-style=OWFWI2H]{display:flex;width:100%}#html-body [data-pb-style=GVF0BC4],#html-body [data-pb-style=OASP3RV]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}#html-body [data-pb-style=OASP3RV]{margin-top:5px}#html-body [data-pb-style=A7WEXPJ]{text-align:center}@media only screen and (max-width: 768px) { #html-body [data-pb-style=FI4HDXK]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="getting-started-row" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="IIFYN25"><figure class="getting-started-images" data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="FI4HDXK"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON6_1_1__2.png" alt="" title="" data-element="desktop_image" data-pb-style="FWF251G"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON6_1_1__2.png" alt="" title="" data-element="mobile_image" data-pb-style="HA7DRGT"></figure><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="PX77F4Y"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="OWFWI2H"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GVF0BC4"><div class="font-coolockblack corn-font-sundayregular getting-started-font-size" data-content-type="text" data-appearance="default" data-element="main" data-pb-style="A7WEXPJ"><p id="DEKG6DJ" style="text-align: center;">OUR TEAM WILL PACK AND<br>DELIVER YOUR BOX.</p></div></div></div><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="I85W4F2"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="OASP3RV"><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">You don&rsquo;t need to be at home<br>- just tell us where to leave<br>it for you.</p></div></div></div></div></div></div></div>
            </div>
        </div>
    </div>


    <div class="w-full block lg:hidden md:hidden">
        <div class="w-full corn-beige py-5">
            <div class="w-full text-center">
                <span class="w-full corn-font-sundayregular text-3xl md:text-5xl lg:text-5xl relative top-[30px]">GET STARTED</span>
            </div>
            <div class="w-full mt-20 min-h-[250px]">
                <div class="w-full flex flex-row mt-4">
                    <div class="w-4/12 relative max-w-[70px]">
                        <img class="absolute left-2/4 top-2/4 object-cover translate-y-[-50%] translate-x-[-50%]"
                             src="http&#x3A;&#x2F;&#x2F;www.thecornishfoodboxcompany.co.uk&#x2F;static&#x2F;version1779463306&#x2F;frontend&#x2F;Cornish&#x2F;hyva&#x2F;en_GB&#x2F;images&#x2F;CFB-WEB-ICON13.png"
                             alt="" loading="lazy" aria-hidden="true">
                    </div>
                    <div class="grow text-center"><style>#html-body [data-pb-style=A942T90]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="A942T90"><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: left;"><span style="font-size: 14px;">Choose a box or build your own from our huge selection of <strong>Cornish food and drink.</strong></span></p></div></div></div>
                </div>
                <div class="w-full flex flex-row mt-4">
                    <div class="w-4/12 relative max-w-[70px]">
                        <img class="absolute left-2/4 top-2/4 object-cover translate-y-[-50%] translate-x-[-50%]"
                             src="http&#x3A;&#x2F;&#x2F;www.thecornishfoodboxcompany.co.uk&#x2F;static&#x2F;version1779463306&#x2F;frontend&#x2F;Cornish&#x2F;hyva&#x2F;en_GB&#x2F;images&#x2F;CFB-WEB-ICON14.png"
                             alt="" loading="lazy" aria-hidden="true">
                    </div>
                    <div class="grow text-center"><style>#html-body [data-pb-style=LGWXUOF]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=GN7N4N2]{text-align:left}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="LGWXUOF"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="GN7N4N2"><p style="text-align: left;"><span style="font-size: 14px;">Set up a regular subscription or place a one time order.<strong> Choose your delivery date.</strong></span></p></div></div></div>
                </div>
                <div class="w-full flex flex-row mt-4">
                    <div class="w-4/12 relative max-w-[70px]">
                        <img class="absolute left-2/4 top-2/4 object-cover translate-y-[-50%] translate-x-[-50%]"
                             src="http&#x3A;&#x2F;&#x2F;www.thecornishfoodboxcompany.co.uk&#x2F;static&#x2F;version1779463306&#x2F;frontend&#x2F;Cornish&#x2F;hyva&#x2F;en_GB&#x2F;images&#x2F;CFB-WEB-ICON15.png"
                             alt="" loading="lazy" aria-hidden="true"/>
                    </div>
                    <div class="grow text-center"><style>#html-body [data-pb-style=DNQIYYG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=EUY13GY]{text-align:left}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="DNQIYYG"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="EUY13GY"><p style="text-align: left;"><span style="font-size: 14px;"><strong>Sit back and relax</strong> - we will deliver some amazing food and drink to you!</span></p></div></div></div>
                </div>
            </div>
        </div>
    </div>

    <!--GETTING STARTED-->


    <div class="w-full hidden md:block lg:block">
        <div class="w-full corn-green">
            <div class="w-full text-center">
                <span class="w-full corn-font-sundayregular text-5xl"><style>#html-body [data-pb-style=QVCRJC1]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=FUVJLU0]{margin-bottom:10px}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="QVCRJC1"><div class="corn-second-banner-padding" data-content-type="text" data-appearance="default" data-element="main" data-pb-style="FUVJLU0"><p style="text-align: center;"><span style="color: #ffffff; font-size: 38px;">SUBSCRIBE TO REGULAR DELIVERIES AND <span style="font-size: 52px; color: #2ab472;">SAVE</span>&nbsp;ON EVERY ORDER.</span></p></div></div></div></span>
            </div>
        </div>
    </div>

    <!--OUR MOST POPULAR BOXES-->
    <div class="our-most-popular-boxes w-full block">
        <div class="w-full lg:bg-white">
            <div class="w-full text-center">
                <style>#html-body [data-pb-style=OSK016K]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="OSK016K"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">   <div class="block widget block-products-list grid"> <span class="w-full corn-font-sundayregular text-3xl md:text-5xl lg:text-5xl relative top-[30px]">BESTSELLING BOXES</span>  <div class="w-full lg:flex mt-20"> <div class="w-full lg:w-1/3 block-products-list-item">  <form method="post" action="https://www.thecornishfoodboxcompany.co.uk/checkout/cart/add/uenc/%25uenc%25/product/1307/" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full "><input name="form_key" type="hidden" value="s8P2Y3McSxrCHKCL"> <input type="hidden" name="product" value="1307">   <a href="https://www.thecornishfoodboxcompany.co.uk/essential-shop-box-family.html" title="The Essential Family Budget Box" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-1307.window="$root.src = $event.detail" src="https://www.thecornishfoodboxcompany.co.uk/media/catalog/product/e/s/essential_family_box_1_.jpg?width=240&height=300&store=default&image-type=small_image" loading="lazy" width="240" height="300" alt="Essential Family Box" title="Essential Family Box"></a> <div class="product-info flex flex-col grow"><div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center "><a class="product-item-link" href="https://www.thecornishfoodboxcompany.co.uk/essential-shop-box-family.html" :id="`slide-desc-1307-${$id('slider-id')}`">The Essential Family Budget Box</a></div> <div class="py-1 mx-auto ">    <div x-data="initRating13076a2b4f0dafcc3()" x-defer="intersect" @keyup.enter="scrollToRatings()" @click="scrollToRatings()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" :tabindex="reviewsSection ? '0' : '-1'" :aria-label="reviewsSection
            ? 'The\u0020Essential\u0020Family\u0020Budget\u0020Box\u0020rating.\u00205\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'The\u0020Essential\u0020Family\u0020Budget\u0020Box\u0020rating.\u00205\u0020out\u0020of\u00205\u0020stars'
        " :role="reviewsSection ? 'button' : 'img'">
                                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                </div>

    <script>
        'use strict';

        function initRating13076a2b4f0dafcc3() {
            return {
                reviewsSection: document.getElementById('customer-review-list')
                    || document.getElementById('customer-reviews')
                    || document.getElementById('review-form'),
                scrollToRatings() {
                    let scrollTimeout = null

                    if (!this.reviewsSection) {
                        return
                    }

                    addEventListener('scroll', () => {
                        clearTimeout(scrollTimeout);

                        scrollTimeout = setTimeout(() => {
                            if (this.reviewsSection) {
                                this.reviewsSection.focus()
                            }
                        }, 50);
                    }, { once: true });

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>
</div>      <div class="pt-1 text-gray-900" x-data="initPriceBox()" x-defer="intersect" @update-prices-1307.window="updatePrice($event.detail);"><div class="price-box price-final_price" data-role="priceBox" data-product-id="1307" data-price-box="product-id-1307">   <span x-data x-id="['product\u002Dprice\u002D1307']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D1307')" data-price-amount="55.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">£55.99</span></span>
        </span>  </div></div><div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 uppercase "><a href="https://www.thecornishfoodboxcompany.co.uk/essential-shop-box-family.html" class="w-auto btn btn-primary font-bold justify-center lg:text-xl text-sm m-auto px-[50px] py-[20px] mr-auto" title="View box contents" aria-label="View box contents The Essential Family Budget Box">View box contents</a></div></div></form></div> <div class="w-full lg:w-1/3 block-products-list-item">  <form method="post" action="https://www.thecornishfoodboxcompany.co.uk/checkout/cart/add/uenc/%25uenc%25/product/3703/" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full "><input name="form_key" type="hidden" value="s8P2Y3McSxrCHKCL"> <input type="hidden" name="product" value="3703">   <a href="https://www.thecornishfoodboxcompany.co.uk/luxury-cornish-fish-box.html" title="Luxury Fish & Seafood Box" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-3703.window="$root.src = $event.detail" src="https://www.thecornishfoodboxcompany.co.uk/media/catalog/product/w/e/website_photo_7_.jpg?width=240&height=300&store=default&image-type=small_image" loading="lazy" width="240" height="300" alt="Luxury Cornish Fish Box" title="Luxury Cornish Fish Box"></a> <div class="product-info flex flex-col grow"><div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center "><a class="product-item-link" href="https://www.thecornishfoodboxcompany.co.uk/luxury-cornish-fish-box.html" :id="`slide-desc-3703-${$id('slider-id')}`">Luxury Fish & Seafood Box</a></div> <div class="py-1 mx-auto ">    <div x-data="initRating37036a2b4f0db26c4()" x-defer="intersect" @keyup.enter="scrollToRatings()" @click="scrollToRatings()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" :tabindex="reviewsSection ? '0' : '-1'" :aria-label="reviewsSection
            ? 'Luxury\u0020Fish\u0020\u0026\u0020Seafood\u0020Box\u0020rating.\u00205\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'Luxury\u0020Fish\u0020\u0026\u0020Seafood\u0020Box\u0020rating.\u00205\u0020out\u0020of\u00205\u0020stars'
        " :role="reviewsSection ? 'button' : 'img'">
                                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                </div>

    <script>
        'use strict';

        function initRating37036a2b4f0db26c4() {
            return {
                reviewsSection: document.getElementById('customer-review-list')
                    || document.getElementById('customer-reviews')
                    || document.getElementById('review-form'),
                scrollToRatings() {
                    let scrollTimeout = null

                    if (!this.reviewsSection) {
                        return
                    }

                    addEventListener('scroll', () => {
                        clearTimeout(scrollTimeout);

                        scrollTimeout = setTimeout(() => {
                            if (this.reviewsSection) {
                                this.reviewsSection.focus()
                            }
                        }, 50);
                    }, { once: true });

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>
</div>      <div class="pt-1 text-gray-900" x-data="initPriceBox()" x-defer="intersect" @update-prices-3703.window="updatePrice($event.detail);"><div class="price-box price-final_price" data-role="priceBox" data-product-id="3703" data-price-box="product-id-3703">   <span x-data x-id="['product\u002Dprice\u002D3703']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D3703')" data-price-amount="110" data-price-type="finalPrice" class="price-wrapper "><span class="price">£110.00</span></span>
        </span>  </div></div><div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 uppercase "><a href="https://www.thecornishfoodboxcompany.co.uk/luxury-cornish-fish-box.html" class="w-auto btn btn-primary font-bold justify-center lg:text-xl text-sm m-auto px-[50px] py-[20px] mr-auto" title="View box contents" aria-label="View box contents Luxury Fish &amp; Seafood Box">View box contents</a></div></div></form></div> <div class="w-full lg:w-1/3 block-products-list-item">  <form method="post" action="https://www.thecornishfoodboxcompany.co.uk/checkout/cart/add/uenc/%25uenc%25/product/3954/" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full "><input name="form_key" type="hidden" value="s8P2Y3McSxrCHKCL"> <input type="hidden" name="product" value="3954">   <a href="https://www.thecornishfoodboxcompany.co.uk/chicken-breast-bulk-box.html" title="Free Range Chicken Breast Box 12 Pack" class="product photo product-item-photo block mx-auto mb-3 " tabindex="-1"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-3954.window="$root.src = $event.detail" src="https://www.thecornishfoodboxcompany.co.uk/media/catalog/product/g/e/getting_a_veg_box_helps_you_cut_down_ultra-processed_food_in_your_diet_27_.jpg?width=240&height=300&store=default&image-type=small_image" loading="lazy" width="240" height="300" alt="free-range chicken breast box" title="free-range chicken breast box"></a> <div class="product-info flex flex-col grow"><div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-lg text-center "><a class="product-item-link" href="https://www.thecornishfoodboxcompany.co.uk/chicken-breast-bulk-box.html" :id="`slide-desc-3954-${$id('slider-id')}`">Free Range Chicken Breast Box 12 Pack</a></div> <div class="py-1 mx-auto ">    <div x-data="initRating39546a2b4f0db3ad1()" x-defer="intersect" @keyup.enter="scrollToRatings()" @click="scrollToRatings()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" :tabindex="reviewsSection ? '0' : '-1'" :aria-label="reviewsSection
            ? 'Free\u0020Range\u0020Chicken\u0020Breast\u0020Box\u002012\u0020Pack\u0020rating.\u00205\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
            : 'Free\u0020Range\u0020Chicken\u0020Breast\u0020Box\u002012\u0020Pack\u0020rating.\u00205\u0020out\u0020of\u00205\u0020stars'
        " :role="reviewsSection ? 'button' : 'img'">
                                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                            <svg xmlns="http://www.w3.org/2000/svg" viewbox="3 0 20 20" style="color: #f6e05e" width="24" height="24" fill="currentColor" aria-hidden="true">
                    <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
                        1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
                        1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
                        1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
                </svg>
                                                                                </div>

    <script>
        'use strict';

        function initRating39546a2b4f0db3ad1() {
            return {
                reviewsSection: document.getElementById('customer-review-list')
                    || document.getElementById('customer-reviews')
                    || document.getElementById('review-form'),
                scrollToRatings() {
                    let scrollTimeout = null

                    if (!this.reviewsSection) {
                        return
                    }

                    addEventListener('scroll', () => {
                        clearTimeout(scrollTimeout);

                        scrollTimeout = setTimeout(() => {
                            if (this.reviewsSection) {
                                this.reviewsSection.focus()
                            }
                        }, 50);
                    }, { once: true });

                    this.reviewsSection.scrollIntoView({behavior: 'smooth'})
                }
            }
        }
    </script>
</div>      <div class="pt-1 text-gray-900" x-data="initPriceBox()" x-defer="intersect" @update-prices-3954.window="updatePrice($event.detail);"><div class="price-box price-final_price" data-role="priceBox" data-product-id="3954" data-price-box="product-id-3954">   <span x-data x-id="['product\u002Dprice\u002D3954']" class="price-container price-final_price tax weee">
        <span :id="$id('product\u002Dprice\u002D3954')" data-price-amount="59.99" data-price-type="finalPrice" class="price-wrapper "><span class="price">£59.99</span></span>
        </span>  </div></div><div class="mt-auto pt-3 flex flex-wrap items-center gap-y-4 gap-x-2 uppercase "><a href="https://www.thecornishfoodboxcompany.co.uk/chicken-breast-bulk-box.html" class="w-auto btn btn-primary font-bold justify-center lg:text-xl text-sm m-auto px-[50px] py-[20px] mr-auto" title="View box contents" aria-label="View box contents Free Range Chicken Breast Box 12 Pack">View box contents</a></div></div></form></div></div><div class="w-full items-center"><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-food-boxes.html/"><span class="py-6 px-8 mt-10 mb-0 lg:mb-10 border-2 border-black inline-block lg:text-2xl text-sm corn-font-merriweather font-bold">CORNISH FOOD BOXES</span></a></div></div>

</div></div></div>            </div>
        </div>
    </div>
    <!--OUR MOST POPULAR BOXES-->

    <!--OUR MOST POPULAR BOXES MOBILE-->
<!--    <div class="w-full block lg:hidden md:hidden">-->
<!--        <div class="w-full bg-white">-->
<!--            <div class="w-full text-center">-->
<!--                <span class="w-full corn-font-sundayregular text-3xl md:text-5xl lg:text-5xl mt-5 relative top-[30px]">--><!--</span>-->
<!--                <div class="w-full lg:flex mt-20">-->
<!--                    <div class="w-full">-->
<!--                        <div class="container corn-box-shadows">-->
<!--                            --><!--                            <div class="w-full items-center min-h-[110px] mt-20">-->
<!--                                <a href="#">-->
<!--                                    <span class="corn-button-size border-2 corn-button-color border-black p-[25px] text-sm corn-font-merriweather font-bold">--><!--</span>-->
<!--                                </a>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
    <!--OUR MOST POPULAR BOXES MOBILE-->

    <!--DIASCOVER OUR CORNISH FOOD-->
    <div class="discover-our-cornish-food w-full block">
        <div class="w-full corn-beige">
            <div class="w-full text-center">
                <span class="w-full corn-font-sundayregular text-3xl md:text-5xl lg:text-5xl mt-5 relative top-[30px]">CORNISH FOOD & DRINK</span>
                <div class="w-full flex flex-wrap my-20 justify-center">
                    <div class="discover-our-cornish-food-item">
                        <div class="w-46 corn-box-shadows bg-white">
                            <style>#html-body [data-pb-style=BL2I98R]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=ITLLPNC]{text-align:center;border-style:none}#html-body [data-pb-style=LOC8JY8],#html-body [data-pb-style=LY98X1B]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=ITLLPNC]{border-style:none} }</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="BL2I98R"><div class="row-full-width-inner" data-element="inner"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="ITLLPNC"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/Screenshot_from_2024-07-29_17-08-23.png" alt="" title="" data-element="desktop_image" data-pb-style="LOC8JY8"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/Screenshot_from_2024-07-29_17-08-23.png" alt="" title="" data-element="mobile_image" data-pb-style="LY98X1B"></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="http://www.thecornishfoodboxcompany.co.uk/veg-fruit-salad.html">Cornish veg</a></div></div></div>                        </div>
                    </div>
                    <div class="discover-our-cornish-food-item">
                        <div class="w-46 corn-box-shadows bg-white">
                            <style>#html-body [data-pb-style=N0D3Q6Q]{justify-content:center;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=VXC81B2]{text-align:center;border-style:none}#html-body [data-pb-style=FHIPTAV],#html-body [data-pb-style=MRDDFQA]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=VXC81B2]{border-style:none} }</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="N0D3Q6Q"><div class="row-full-width-inner" data-element="inner"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="VXC81B2"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON20.png" alt="" title="" data-element="desktop_image" data-pb-style="FHIPTAV"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON20.png" alt="" title="" data-element="mobile_image" data-pb-style="MRDDFQA"></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="http://www.thecornishfoodboxcompany.co.uk/fish-and-seafood.html">Cornish fish</a></div></div></div>                        </div>
                    </div>
                    <div class="discover-our-cornish-food-item">
                        <div class="w-46 corn-box-shadows bg-white">
                            <style>#html-body [data-pb-style=W34P1SL]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=PP21GQD]{text-align:center;border-style:none}#html-body [data-pb-style=D9JEEIJ],#html-body [data-pb-style=RO4WRWB]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=PP21GQD]{border-style:none} }</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="W34P1SL"><div class="row-full-width-inner" data-element="inner"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="PP21GQD"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON21.png" alt="" title="" data-element="desktop_image" data-pb-style="RO4WRWB"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON21.png" alt="" title="" data-element="mobile_image" data-pb-style="D9JEEIJ"></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="http://www.thecornishfoodboxcompany.co.uk/the-fridge.html">Cornish dairy</a></div></div></div>                        </div>
                    </div>
                    <div class="discover-our-cornish-food-item">
                        <div class="w-46 corn-box-shadows bg-white">
                            <style>#html-body [data-pb-style=WT4G5AJ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=TMY52RO]{text-align:center;border-style:none}#html-body [data-pb-style=RK3NE4B],#html-body [data-pb-style=T3HMV3D]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=TMY52RO]{border-style:none} }</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="WT4G5AJ"><div class="row-full-width-inner" data-element="inner"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="TMY52RO"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON22.png" alt="" title="" data-element="desktop_image" data-pb-style="T3HMV3D"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CFB-WEB-ICON22.png" alt="" title="" data-element="mobile_image" data-pb-style="RK3NE4B"></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="http://www.thecornishfoodboxcompany.co.uk/meat-fish-seafood.html">Cornish meat</a></div></div></div>                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--DIASCOVER OUR CORNISH FOOD-->

    <!--FOODIE HAMPERS GIFTS -->
    <div class="w-full block">
        <div class="w-full bg-white">
            <div class="w-full text-center">
                <style>#html-body [data-pb-style=SRV3HMA],#html-body [data-pb-style=T3URMIE]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=SRV3HMA]{justify-content:center;display:flex;flex-direction:column;background-color:#065845}#html-body [data-pb-style=T3URMIE]{align-self:stretch}#html-body [data-pb-style=H4SMD2C]{display:flex;width:100%}#html-body [data-pb-style=XTI61FT]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#fff;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 10px);margin-left:5px;margin-right:5px;align-self:stretch}#html-body [data-pb-style=FFIG2VO]{border-style:none}#html-body [data-pb-style=BJQKCNJ],#html-body [data-pb-style=XLSWRQU]{max-width:100%;height:auto}#html-body [data-pb-style=AW9K0DH]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#fff;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 10px);margin-left:5px;margin-right:5px;align-self:stretch}#html-body [data-pb-style=T8KCLDR]{border-style:none}#html-body [data-pb-style=HYM3C9E],#html-body [data-pb-style=WFF4P96]{max-width:100%;height:auto}#html-body [data-pb-style=TQ1PP8W]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#fff;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 10px);margin-left:5px;margin-right:5px;align-self:stretch}#html-body [data-pb-style=ALQV1HT]{border-style:none}#html-body [data-pb-style=AH2BWB5],#html-body [data-pb-style=OT658X6]{max-width:100%;height:auto}#html-body [data-pb-style=USPV86A]{justify-content:flex-start;display:flex;flex-direction:column;background-color:#fff;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:calc(25% - 10px);margin-left:5px;margin-right:5px;align-self:stretch}#html-body [data-pb-style=XRRJBNO]{border-style:none}#html-body [data-pb-style=SFF0VVT],#html-body [data-pb-style=VQ2V2V1]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=ALQV1HT],#html-body [data-pb-style=FFIG2VO],#html-body [data-pb-style=T8KCLDR],#html-body [data-pb-style=XRRJBNO]{border-style:none} }</style><div class="foodie-hampers-row" data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="SRV3HMA"><div class="row-full-width-inner" data-element="inner"><div class="foodie-hampers-title" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><span>HAMPERS & GIFTS</span></div><div class="pagebuilder-column-group foodie-hampers-columns" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="T3URMIE"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="H4SMD2C"><div class="pagebuilder-column foodie-hampers-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="XTI61FT"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="FFIG2VO"><a href="https://www.thecornishfoodboxcompany.co.uk/cornish-hampers-gifts/mothers-day-gifts/cream-tea-gift-with-flower.html" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/untitled_design_-_2026-01-29t161655.047.jpg" alt="Cornish Cream Tea with Flowers" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="desktop_image" data-pb-style="BJQKCNJ"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/untitled_design_-_2026-01-29t161655.047_1.jpg" alt="Cornish Cream Tea with Flowers" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="mobile_image" data-pb-style="XLSWRQU"></a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p class="hamper-title"><a href="http://www.thecornishfoodboxcompany.co.uk/hampers/cream-tea-boxes.html">CREAM TEA HAMPERS</a></p>
<a class="btn btn-primary" href="http://www.thecornishfoodboxcompany.co.uk/hampers/cream-tea-boxes.html">VIEW HAMPERS</a></div></div><div class="pagebuilder-column foodie-hampers-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="AW9K0DH"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="T8KCLDR"><a href="https://www.thecornishfoodboxcompany.co.uk/hampers-gifts/cheese-deli-hampers.html" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/ew20220905_cornishhampers-christmas-v2-4_cheese_hamper_large_sm.jpg" alt="Cornish Cheese Hamper" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="desktop_image" data-pb-style="WFF4P96"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/ew20220905_cornishhampers-christmas-v2-4_cheese_hamper_large_sm_1.jpg" alt="Cornish Cheese Hamper" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="mobile_image" data-pb-style="HYM3C9E"></a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p class="hamper-title"><a href="http://www.thecornishfoodboxcompany.co.uk/hampers/cheese-deli-hampers.html">CHEESE HAMPERS</a></p>
<a class="btn btn-primary" href="http://www.thecornishfoodboxcompany.co.uk/hampers/cheese-deli-hampers.html">VIEW HAMPERS</a></div></div><div class="pagebuilder-column foodie-hampers-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TQ1PP8W"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="ALQV1HT"><a href="https://www.thecornishfoodboxcompany.co.uk/hampers-gifts/cornish-hampers.html" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/cornish_hamper.jpg" alt="cornish hampers" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="desktop_image" data-pb-style="OT658X6"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/cornish_hamper_1.jpg" alt="cornish hampers" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="mobile_image" data-pb-style="AH2BWB5"></a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p class="hamper-title"><a href="http://www.thecornishfoodboxcompany.co.uk/hampers/cornish-hampers.html">CORNISH HAMPERS</a></p>
<a class="btn btn-primary" href="http://www.thecornishfoodboxcompany.co.uk/hampers/cornish-hampers.html">VIEW HAMPERS</a></div></div><div class="pagebuilder-column foodie-hampers-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="USPV86A"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="XRRJBNO"><a href="https://www.thecornishfoodboxcompany.co.uk/cornish-corporate-hampers" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/indulgence.jpg" alt="corporate gifting" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="desktop_image" data-pb-style="SFF0VVT"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/indulgence_1.jpg" alt="corporate gifting" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="mobile_image" data-pb-style="VQ2V2V1"></a></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p class="hamper-title"><a href="http://www.thecornishfoodboxcompany.co.uk/cornish-corporate-hampers">CORPORATE HAMPERS</a></p>
<a class="btn btn-primary" href="http://www.thecornishfoodboxcompany.co.uk/cornish-corporate-hampers">VIEW HAMPERS</a></div></div></div></div><div class="foodie-hampers-link" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="http://www.thecornishfoodboxcompany.co.uk/hampers.html">
    SHOP ALL HAMPERS
</a></div></div></div>            </div>
        </div>
    </div>
    <!--FOODIE HAMERS GIFTS-->

    <!--WHY CHOOSE CORNISH FOOD BOX MOBILE-->

    <div class="w-full block lg:hidden md:hidden">
        <div class="w-full corn-beige">
            <div class="w-full text-center">
                <span class="w-full corn-font-sundayregular text-3xl md:text-5xl lg:text-5xl mt-5 relative top-[30px]">WHY CHOOSE CORNISH FOOD BOX?</span>
                <div class="w-full lg:flex mt-20">
                    <div class="w-full flex flex-wrap justify-center">
                        <div class="w-46">
                            <style>#html-body [data-pb-style=DTFCUS0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=RGJD6BM]{text-align:center;border-style:none}#html-body [data-pb-style=Q74HJOP],#html-body [data-pb-style=SGOULKQ]{max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=RGJD6BM]{border-style:none} }</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="DTFCUS0"><div class="row-full-width-inner" data-element="inner"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="RGJD6BM"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/tor_and_lucy_2__2.jpg" alt="" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="desktop_image" data-pb-style="Q74HJOP"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/tor_and_lucy_2__2.jpg" alt="" title="" loading="lazy" data-use-native-image-dimensions="true" width="" height="" data-element="mobile_image" data-pb-style="SGOULKQ"></figure><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><span style="font-size: 14px;">Cornish Food Box was established in 2010 by sisters Tor and Lucy, to make it really easy for people to buy amazing Cornish food and drink. We proudly partner with more than 250 Cornish farmers, fishermen, bakers and independent food businesses to bring the best of Cornwall to your home, office or holiday accommodation across the UK.</span></p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><span style="font-size: 14px;">Our relationships with small growers and makers, as well as well known bigger local brands you love, mean we have a unique and exciting range. Whether you’re looking for a day to day grocery shop, or something more decadent for your holiday or special occasion, we can deliver everything to your door anywhere in the UK.</span></p></div></div></div>                        </div>
                    </div>
                    <div class="w-full flex justify-center">
                        <a href="http://www.thecornishfoodboxcompany.co.uk/about-us/">
                            <span class="btn btn-primary inline-block text-sm sm:text-xl my-4 font-bold px-8 py-4">FIND OUT MORE</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--WHY CHOOSE CORNISH FOOD BOX MOBILE-->

    <!--RECIPIES & PRODUCERS-->
    <div class="w-full hidden lg:block md:block">
        <div class="w-full bg-white pb-10">
            <div class="w-full text-center">
                <span class="w-full corn-font-sundayregular text-3xl md:text-5xl lg:text-5xl mt-5 relative caption top-[30px]">Recipes, News & Producers</span>
                <div class="w-full lg:flex mt-20">
                    <div class="w-full lg:w-1/3">
                        <style>#html-body [data-pb-style=KC71QLV]{justify-content:center;display:flex;flex-direction:column;background-position:center center;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;text-align:center}#html-body [data-pb-style=FF2LTXU]{border-style:none}#html-body [data-pb-style=KQSI3AP],#html-body [data-pb-style=W88GBP4]{border-style:none;max-width:100%;height:auto}#html-body [data-pb-style=FE8XVTF]{text-align:center}@media only screen and (max-width: 768px) { #html-body [data-pb-style=FF2LTXU]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="KC71QLV"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="FF2LTXU"><a href="https://www.thecornishfoodboxcompany.co.uk/blog/recipes-from-the-sea-whole-roasted-plaice-with-garlic-sage--lemon-butter-sauce/" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/PLAICE_WITH_FRAME_7.jpg" alt="" title="" data-element="desktop_image" data-pb-style="W88GBP4"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/PLAICE_WITH_FRAME_7.jpg" alt="" title="" data-element="mobile_image" data-pb-style="KQSI3AP"></a></figure><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="FE8XVTF"><p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a tabindex="0" href="https://www.thecornishfoodboxcompany.co.uk/blog/recipes-from-the-sea-whole-roasted-plaice-with-garlic-sage--lemon-butter-sauce/"><strong><span style="color: #000000;"><span style="font-size: 32px;">Whole Roasted</span></span></strong></a></p>
<p style="text-align: center;"><a tabindex="0" href="https://www.thecornishfoodboxcompany.co.uk/blog/recipes-from-the-sea-whole-roasted-plaice-with-garlic-sage--lemon-butter-sauce/"><strong><span style="color: #000000;"><span style="font-size: 32px;">Cornish Plaice</span></span></strong></a></p></div><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">This simple seasonal recipe makes whole</p>
<p style="text-align: center;">fish cookery easy and delicious.</p></div></div></div>                    </div>
                    <div class="w-full lg:w-1/3">
                        <style>#html-body [data-pb-style=H44M75Q]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=A73YAMJ]{text-align:center;border-style:none}#html-body [data-pb-style=EP683J9],#html-body [data-pb-style=FMNWE48]{border-style:none;max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=A73YAMJ]{border-style:none} }</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="H44M75Q"><div class="row-full-width-inner" data-element="inner"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="A73YAMJ"><a href="https://www.thecornishfoodboxcompany.co.uk/blog/top-10-cornish-food-and-drink/" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CREAM_TEA_1.jpg" alt="" title="" data-element="desktop_image" data-pb-style="EP683J9"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/CREAM_TEA_1.jpg" alt="" title="" data-element="mobile_image" data-pb-style="FMNWE48"></a></figure><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="https://www.thecornishfoodboxcompany.co.uk/blog/top-10-cornish-food-and-drink/"><strong><span style="color: #000000;"><span style="font-size: 32px;">Top 10 Must Try</span></span></strong></a></p>
<p style="text-align: center;"><a href="https://www.thecornishfoodboxcompany.co.uk/blog/top-10-cornish-food-and-drink/"><strong><span style="color: #000000;"><span style="font-size: 32px;">Cornish Food &amp; Drink</span></span></strong></a></p></div><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">Cornwall is famed for it's pasties, cream teas and seafood</p>
<p style="text-align: center;">but there is so much more to discover.</p></div></div></div>                    </div>
                    <div class="w-full lg:w-1/3">
                        <style>#html-body [data-pb-style=QJX9VEL]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=YPUXW26]{text-align:center;border-style:none}#html-body [data-pb-style=CV6GH15],#html-body [data-pb-style=DGW66A2]{border-style:none;max-width:100%;height:auto}@media only screen and (max-width: 768px) { #html-body [data-pb-style=YPUXW26]{border-style:none} }</style><div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="QJX9VEL"><div class="row-full-width-inner" data-element="inner"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="YPUXW26"><a href="https://www.thecornishfoodboxcompany.co.uk/blog/monkfish-recipes--preparation/" target="" data-link-type="default" title="" data-element="link"><img class="pagebuilder-mobile-hidden" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/MONKFISH_FRAME.jpg" alt="" title="" data-element="desktop_image" data-pb-style="DGW66A2"><img class="pagebuilder-mobile-only" src="http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/MONKFISH_FRAME.jpg" alt="" title="" data-element="mobile_image" data-pb-style="CV6GH15"></a></figure><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a tabindex="0" href="https://www.thecornishfoodboxcompany.co.uk/blog/monkfish-recipes--preparation/"><strong><span style="color: #000000;"><span style="font-size: 32px;">Cornish Monkfish</span></span></strong></a></p>
<p style="text-align: center;"><a tabindex="0" href="https://www.thecornishfoodboxcompany.co.uk/blog/monkfish-recipes--preparation/"><strong><span style="color: #000000;"><span style="font-size: 32px;">Cookery Guide</span></span></strong></a></p></div><div data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;">Famed for it's appearance and succulent flesh</p>
<p style="text-align: center;">here is our guide to the best way to cook Cornish monkfish.</p></div></div></div>                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--RECIPIES & PRODUCERS-->


    <!--TOR & LUCY-->
    <div class="w-full hidden lg:block md:block">
        <div class="w-full corn-beige container">
            <style>#html-body [data-pb-style=FONCM4G]{background-position:left center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;min-height:531px;padding-top:50px;align-self:stretch}#html-body [data-pb-style=IGTI9I1]{display:flex;width:100%}#html-body [data-pb-style=FBT019R],#html-body [data-pb-style=NCQ64UE]{justify-content:flex-start;display:flex;flex-direction:column;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=FBT019R]{background-position:left center;background-size:contain;min-height:531px;width:41.6667%;margin-top:50px}#html-body [data-pb-style=NCQ64UE]{background-position:left top;background-size:cover;width:58.3333%}#html-body [data-pb-style=BQCY7AH],#html-body [data-pb-style=C4VDDE4],#html-body [data-pb-style=WJNDNWO],#html-body [data-pb-style=YMA668E],#html-body [data-pb-style=YSYYGAW]{margin-bottom:30px}</style><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="FONCM4G"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="IGTI9I1"><div class="pagebuilder-column background-image-6a2bac8587843" data-content-type="column" data-appearance="full-height" data-background-images='{\"desktop_image\":\"http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/tor_and_lucy_2_.jpg\",\"mobile_image\":\"http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/tor_and_lucy_2__1.jpg\"}' data-background-lazy-load="false" data-element="main" data-pb-style="FBT019R"></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NCQ64UE"><div class="corn-font-sundayregular" data-content-type="text" data-appearance="default" data-element="main" data-pb-style="YSYYGAW"><p style="text-align: center;"><span style="font-size: 28px;">WE SET UP CORNISH FOOD BOX IN 2010 TO MAKE</span><br><span style="font-size: 28px;">IT REALLY EASY FOR PEOPLE TO BUY AMAZING</span><br><span style="font-size: 28px;">CORNISH FOOD AND DRINK .</span></p></div><div class="corn-font-merriweather" data-content-type="text" data-appearance="default" data-element="main" data-pb-style="YMA668E"><p style="text-align: center;">We proudly partner with more than 250 Cornish farmers, fishermen, bakers and<br>independent food businesses to bring you the best of Cornwall wherever you live in the UK.</p></div><div class="corn-font-merriweather" data-content-type="text" data-appearance="default" data-element="main" data-pb-style="WJNDNWO"><p style="text-align: center;">Our relationships with small growers and makers, as well as well known bigger local brands<br>you love, mean we have a unique and exciting range. Whether you&rsquo;re looking for a day to<br>day grocery shop, or something more decadent for your holiday or special occasion, we can<br>deliver everything to your door.</p></div><div class="corn-font-merriweather" data-content-type="text" data-appearance="default" data-element="main" data-pb-style="C4VDDE4"><p style="text-align: center;">If you have any questions then our award winning customer service team will be<br>delighted to help so please get in touch.</p></div><div class="corn-font-merriweather" data-content-type="text" data-appearance="default" data-element="main" data-pb-style="BQCY7AH"><p style="text-align: center;">Thank you so much for all your support.</p></div><div class="corn-font-octoberstorm" data-content-type="text" data-appearance="default" data-element="main"><p style="text-align: center;"><span style="font-size: 38px;">Love Tor &amp; Lucy</span></p>
<p>&nbsp;</p></div></div><style type="text/css">.background-image-6a2bac8587843 {background-image: url(http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/tor_and_lucy_2_.jpg);}@media only screen and (max-width: 768px) and (min-width: 640px) {.background-image-6a2bac8587843 {background-image: url(http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/tor_and_lucy_2__1.jpg);}}@media only screen and (max-width: 640px) {.background-image-6a2bac8587843 {background-image: url(http://www.thecornishfoodboxcompany.co.uk/media/wysiwyg/tor_and_lucy_2__1.jpg);}}</style></div></div>        </div>
    </div>
    <!--TOR & LUCY-->

</section></div></div></main><footer class="page-footer"> <script>
    'use strict';

    function initAwRbslider(config) {
        return {
            options: Object.assign({
                autoplay: true,
                pauseTimeBetweenTransitions: 3000,
                slideTransitionSpeed: 500,
                isStopAnimationMouseOnBanner: true,
                animation: 'fade',
                isRandomOrderImage: false,
                sliderListSelector: '.uk-slideshow',
                sliderItemSelector: '.aw-rbslider-item'
            }, config),

            slideshow: {options: {}},

            /**
             * Initialize widget
             */
            initSlider() {
                /*if (this.options.isRandomOrderImage) {
                    this._randomSort();
                }*/

                this.slideshow = window.awRbslider(this.$el, {
                    autoplay: this.options.autoplay,
                    autoplayInterval: this.options.pauseTimeBetweenTransitions,
                    duration: this.options.slideTransitionSpeed,
                    pauseOnHover: this.options.isStopAnimationMouseOnBanner,
                    animation: this.options.animation
                });
                this.loadSlides();

                
                this.slideshow.resize = () => this.resizeBanner(this.slideshow, this.$el);

                if (this.options.bannerSchedule.length > 0) {
                    if (!this.timeValidator([this.options.bannerSchedule[0]])) {
                        this.delayedUpdate(this.options.bannerSchedule[0]);
                    }
                    if (this.timeValidator(this.options.bannerSchedule)) {
                        this.sendRequest(this.options.bannerId);
                    }
                }
            },

            loadSlider() {
                if (! window.awRbslider) {
                    let callbacks = [];
                    window.awRbslider = {'-isLoading': (callback) => callbacks.push(callback)};
                    const script = document.createElement('script');
                    script.src = 'http\u003A\u002F\u002Fwww.thecornishfoodboxcompany.co.uk\u002Fstatic\u002Fversion1779463306\u002Ffrontend\u002FCornish\u002Fhyva\u002Fen_GB\u002FHyva_AheadworksRbslider\u002Fjs\u002Fcomponents\u002Fslideshow.js';
                    script.onload = () => {
                        callbacks.map(callback => callback())
                        callbacks = [];
                    };
                    document.head.append(script);
                }
                if (window.awRbslider['-isLoading']) {
                    window.awRbslider['-isLoading'](() => this.loadSlider())
                }
                if (! window.awRbslider['-isLoading']) {
                    this.initSlider();
                }
            },

            
            pauseOnEnter() {
                if (this.slideshow.options.pauseOnHover) {
                    this.slideshow.hovering = true;
                }
            },
            resumeOnLeave() {
                this.slideshow.hovering = false;
            },

            /**
             * Recalculate the width and height of the banner
             */
            resizeBanner(slideshow, componentRoot) {
                let width;
                const mainContent = componentRoot.closest('#maincontent, .page-wrapper');

                
                if (slideshow.slides.length) {
                    width = slideshow.slides[0].querySelector('img.aw-rbslider__img').naturalWidth;
                }
                if (mainContent) {
                    if (mainContent.getBoundingClientRect().width < width) {
                        width = mainContent.getBoundingClientRect().width;
                    }
                    componentRoot.style.width = width + 'px';
                }
                
                if (slideshow.options.height === 'auto' && slideshow.slides.length) {
                    slideshow.slides[0].style.height = '';
                    const height = slideshow.slides[0].getBoundingClientRect().height;
                    slideshow.container.style.height = height + 'px';
                    slideshow.slides.map(slide => {
                        slide.style.height = height + 'px';
                        slide.style.position = 'positon';

                    });
                }
            },

            /**
             * Lazy load slides
             */
            loadSlides() {
                this.slideshow.slides.forEach((slideElem, index) => {
                    if (index) {
                        const slideImg = slideElem.querySelector('img.aw-rbslider__img');
                        if (slideImg && slideImg.dataset.src) {
                            slideImg.addEventListener('load', () => slideImg.classList.add('is-loaded'));
                            slideImg.src = slideImg.dataset.src;
                            slideImg.removeAttribute('data-src');
                        }
                    }
                });
            },

            /**
             * Compare current time with schedule
             */
            timeValidator(schedule) {
                const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
                let isValid = false;

                schedule.forEach(item => {
                    if (currentDateMinute === Math.floor(new Date(item).getTime() / 1000 / 60))  {
                        isValid = true;
                    }
                });

                return isValid;
            },

            /**
             * Send request for clean banner cache
             */
            sendRequest(bannerId) {
                fetch(this.options.cacheCleanUrl, {
                    method: 'post',
                    headers: {
                        contentType: 'application/json'
                    },
                    body: JSON.stringify({bannerId})
                });
            },

            /**
             * Schedule call to sendRequest for future schedule item
             */
            delayedUpdate(futureTime) {
                const currentDateMinute = Math.floor(Date.now() / 1000 / 60);
                const interval = Math.floor(new Date(futureTime).getTime() / 1000 / 60) - currentDateMinute;

                if (interval > 0) {
                    setTimeout(() => this.sendRequest(self.options.bannerId), interval);
                }
            },

            /**
             * @private
             */
            _randomSort () {
                const sliderListSelector = this.options.sliderListSelector,
                      sliderItemSelector = this.options.sliderItemSelector;

                this.$el.querySelector(sliderListSelector)
                    .innerHTML = Array.from(this.$el.querySelectorAll(sliderListSelector + ' ' + sliderItemSelector))
                        .sort(() => Math.random() - 0.5)
                        .map(item => item.outerHTML)
                        .join('');

            }
        };
    }</script> <script>
function awRbsliderClickTracker(config, formKey) {
    return {
        clickTracked: false,

        trackClick(event) {
            if (this.clickTracked) return;
            this.clickTracked = true;

            const { bannerId, slideId, url } = config;
            if (bannerId && slideId && url) {

               fetch(url, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    body: new URLSearchParams({
                        slide_id: slideId,
                        banner_id: bannerId,
                        ajax: 'true',
                        form_key: formKey,
                    }),
                    keepalive: true
                }).catch((error) => {
                    console.error('Click tracking fetch failed:', error);
                });
            }
        },

        trackMouseDown(event) {
            if (event.which === 2 || event.which === 3) {
                this.trackClick();
            }
        }
    };
}</script><div class="footer content"><div class="text-gray-700 body-font corn-green border-t border-container-darker shadow pb-4">
    <div class="container py-8 mx-auto">
        <div class="flex flex-wrap order-first gap-y-16">
                                            <div class="lg:w-1/3">
                    <div class="xl:w-3/4 w-full flex flex-wrap pr-4">
    <style>#html-body [data-pb-style=WU2D0Q9]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="WU2D0Q9"><div class="hyva-footer-links" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div>
            <ul>
                <li>
                    <a href="http://www.thecornishfoodboxcompany.co.uk/blog">
                        Recipes & News
                    </a>
                </li>
                <li>
                    <a href="http://www.thecornishfoodboxcompany.co.uk/about-us">
                        About us
                    </a>
                </li>
                <li>
                    <a href="http://www.thecornishfoodboxcompany.co.uk/my-subscriptions">
                        Subscriptions
                    </a>
                </li>
                <li>
                    <a href="http://www.thecornishfoodboxcompany.co.uk/delivery">
                        Deliveries
                    </a>
                </li>
            </ul>
        </div>
        <div>
            <ul>
                <li>
                    <a href="http://www.thecornishfoodboxcompany.co.uk/customer/account/index">
                        Log in
                    </a>
                </li>
                <li>
                    <a href="http://www.thecornishfoodboxcompany.co.uk/contact">
                        Contact us
                    </a>
                </li>
                <li>
                    <a href="http://www.thecornishfoodboxcompany.co.uk/faq">
                        FAQ's
                    </a>
                </li>
                <li>
                    <a href="http://www.thecornishfoodboxcompany.co.uk/terms">
                        T&C's & Data Policies
                    </a>
                </li>
            </ul>
        </div></div></div></div></div>                </div>
                                            <div class="lg:w-1/3">
                    <style>#html-body [data-pb-style=LEEAVRU],#html-body [data-pb-style=NXD0RYE]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=NXD0RYE]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=LEEAVRU]{align-self:stretch}#html-body [data-pb-style=IMEQIHF]{display:flex;width:100%}#html-body [data-pb-style=LNYU9L7]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:100%;align-self:stretch}#html-body [data-pb-style=DL8OX0A]{border-style:none}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="NXD0RYE"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="LEEAVRU"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="IMEQIHF"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="LNYU9L7"><div class="hyva-footer-contacts" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="DL8OX0A" data-decoded="true"><ul>
    <li>
        <a href="https://www.facebook.com/cornishfoodbox" target="_blank">
           <img src="http://www.thecornishfoodboxcompany.co.uk/media/.renditions/wysiwyg/hyva/CFB-WEB-ICON8.png" alt="Facebook" />
        </a>
    </li>
    <li>
        <a href="https://www.instagram.com/cornishfoodbox" target="_blank">
           <img src="http://www.thecornishfoodboxcompany.co.uk/media/.renditions/wysiwyg/hyva/CFB-WEB-ICON8_1_.png" alt="Instagram" />
        </a>
    </li>
    <li>
        <a href="https://x.com/cornishfoodbox" target="_blank">
           <img src="http://www.thecornishfoodboxcompany.co.uk/media/.renditions/wysiwyg/hyva/CFB-WEB-ICON8_2_.png" alt="Twitter" />
        </a>
    </li>
</ul>
<br />
<p>Monday to Friday: 9am to 5pm</p>
<p>Saturday: 10am to 4pm</p>
<p>Sunday: Closed</p>
<br />
<p><a href="tel:+441872211533">01872 211533</a></p>
<p><a href="mailto:sales@thecornishfoodboxcompany.co.uk">sales@thecornishfoodboxcompany.co.uk</a></p></div></div></div></div></div></div>                </div>
                                                                                                                    <div class="lg:w-1/3">
                    <div>
    <form
        class="form subscribe"
        action="https://www.thecornishfoodboxcompany.co.uk/newsletter/subscriber/new/"
        method="post"
        x-data="initNewsletterForm()"
        @submit.prevent="submitForm()"
        id="newsletter-validate-detail"
        aria-label="Love&#x20;food,&#x20;recipes&#x20;&amp;&#x20;news&#x3F;"
    >
        <h2
            class="text-center mb-3 text-2xl font-medium text-white"
            id="footer-newsletter-heading"
        >
            Love food, recipes &amp; news?        </h2>
        <div class="flex flex-wrap justify-center md:justify-start mt-4">
            <label for="newsletter-subscribe" class="sr-only">
                Email Address            </label>
            <input
                name="email"
                type="email"
                required
                id="newsletter-subscribe"
                class="text-white form-input placeholder-white placeholder-center inline-flex w-full border border-solid border-white p-5"
                placeholder="Enter&#x20;your&#x20;email&#x20;address"
                aria-describedby="footer-newsletter-heading"
            >
            <input name="form_key" type="hidden" value="nbVUHyenGwhM60Ze" />                        <button class="px-20 py-4 mt-4 btn btn-primary font-bold text-xl w-full">
                Sign up to our newsletter            </button>
        </div>
        <div>
            <template x-if="displayErrorMessage">
                <p class="flex items-center text-red">
                    <span class="inline-block w-8 h-8 mr-3">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
<title>exclamation-circle</title></svg>
                    </span>
                    <template x-for="errorMessage in errorMessages">
                        <span x-html="errorMessage"></span>
                    </template>
                </p>
            </template>
        </div>
    </form>
    <div class="w-full">
            </div>
<!--    <div>-->
<!--        <p class="text-xs text-white mt-4">-->
<!--            Cornish Food Box Co. Ltd needs the contact information-->
<!--            you provide to us to contact you about our products and-->
<!--            services. You may unsubscribe from these communications at anytime. For information on how to unsubscribe,-->
<!--            as well as our privacy practices and commitment to protecting your privacy, check out our <a class="text-[#ED6E23]" href="--><!--">Privacy Policy</a>.-->
<!--        </p>-->
<!--    </div>-->
    <script>
        function initNewsletterForm() {
            return {
                errors: 0,
                hasCaptchaToken: 0,
                displayErrorMessage: false,
                errorMessages: [],
                setErrorMessages(messages) {
                    this.errorMessages = [messages]
                    this.displayErrorMessage = this.errorMessages.length
                },
                submitForm() {
                    // Do not rename $form, the variable is expected to be declared in the recaptcha output
                    const $form = document.querySelector('#newsletter-validate-detail');
                    
                    if (this.errors === 0) {
                        $form.submit();
                    }
                }
            }
        }
    </script>
</div>                </div>
                    </div>
    </div>
    <div>
        <small class="text-xs text-white sm:ml-6 sm:mt-0 mt-4">
    <span>Copyright &copy; The Cornish Food Box Company Ltd | VAT No. 284086384 Company No. 10851177</span>
</small>         <script>
"use strict"

window.addEventListener("private-content-loaded", function (event) {
    const sectionData = event.detail.data;
    if (sectionData.customer && sectionData.customer.signin_token) {
        const $navOpenIcon = document.getElementById('customer-menu');
        const $parentDiv = $navOpenIcon?.parentElement;
        const $nav = $parentDiv?.querySelector("nav");
        const $links = $nav?.querySelectorAll("a");
        const $lastLink = $links?.[$links.length-1];
        const $giftCardLink = $lastLink?.cloneNode();
        if ($giftCardLink) {
            $giftCardLink.innerText = "My Gift Cards";
            $giftCardLink.href = BASE_URL + "mageworx_giftcards/account/cardlist";
            $giftCardLink.id = "mageworx-giftcard";
            $lastLink.before($giftCardLink);
        }
    }
}, { once: true });</script>    </div>
</div></div></footer> <div x-data='awRbsliderAjaxComponent({"url":"http:\/\/www.thecornishfoodboxcompany.co.uk\/aw_rbslider\/statistic\/view\/?feed=rss2"})' x-init="init()" ></div><script>
    function awRbsliderAjaxComponent(config) {
        return {
            config,

            init() { 
                const pattern = 'aw-rbslider-banner-id';
                const placeholders = document.querySelectorAll(`[data-${pattern}]`);
                if (placeholders.length > 0) {
                    this.ajax(placeholders, pattern);
                }
            },

            ajax(placeholders, pattern) {
                const bannerIds = Array.from(placeholders).map(el =>
                    parseInt(el.getAttribute(`data-${pattern}`), 10)
                ).filter(Number.isInteger);

                const sortedBannerIds = JSON.stringify(bannerIds.sort((a, b) => a - b));
                const separator = this.config.url.includes('?') ? '&' : '?';
                const finalUrl = `${this.config.url}${separator}bannerIds=${encodeURIComponent(sortedBannerIds)}`;

                fetch(finalUrl, {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    cache: 'no-cache'
                })
                .then(response => response.json())
                .then(data => {
                    console.log('AJAX response:', data);
                })
                .catch(error => {
                    console.error('AJAX Error:', error);
                });
            }

        }
    }</script>    <script>
    (() => {
        function src_default(Alpine) {
            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
                let evaluate = evaluateLater(expression);
                let options = {
                    rootMargin: getRootMargin(modifiers),
                    threshold: getThreshold(modifiers)
                };
                let observer = new IntersectionObserver((entries) => {
                    entries.forEach((entry) => {
                        if (entry.isIntersecting === (value === "leave"))
                            return;
                        evaluate();
                        modifiers.includes("once") && observer.disconnect();
                    });
                }, options);
                observer.observe(el);
                cleanup(() => {
                    observer.disconnect();
                });
            }));
        }
        function getThreshold(modifiers) {
            if (modifiers.includes("full"))
                return 0.99;
            if (modifiers.includes("half"))
                return 0.5;
            if (!modifiers.includes("threshold"))
                return 0;
            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
            if (threshold === "100")
                return 1;
            if (threshold === "0")
                return 0;
            return Number(`.${threshold}`);
        }
        function getLengthValue(rawValue) {
            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
            return match ? match[1] + (match[2] || "px") : void 0;
        }
        function getRootMargin(modifiers) {
            const key = "margin";
            const fallback = "0px 0px 0px 0px";
            const index = modifiers.indexOf(key);
            if (index === -1)
                return fallback;
            let values = [];
            for (let i = 1; i < 5; i++) {
                values.push(getLengthValue(modifiers[index + i] || ""));
            }
            values = values.filter((v) => v !== void 0);
            return values.length ? values.join(" ").trim() : fallback;
        }

        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(src_default);
        });
    })();</script>   <script>
    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) {
        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
    }</script>   <script>
    (function () {
        "use strict";

        const hasAlpine = new Promise(resolve => {
            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
        });

        const hasInteract = new Promise(resolve => {
            (events => {
                const onInteract = () => {
                    resolve();
                    events.forEach(type => window.removeEventListener(type, onInteract));
                }
                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
        });

        const onIntersect = (el) => {
            return new Promise(resolve => {
                const observer = new IntersectionObserver(entries => {
                    for (const entry of entries) {
                        if (entry.isIntersecting) {
                            observer.disconnect()
                            resolve();
                        }
                    }
                }, {});
                observer.observe(el);
            });
        }

        function runComponent(el) {
            hasAlpine.then(() => {
                el.removeAttribute('x-ignore');
                queueMicrotask(() => Alpine.initTree(el));
            });
        }

        function initDeferredComponents() {
            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
                el.setAttribute('x-ignore', '');
                const deferUntil = (el.getAttribute('x-defer') || '').trim();
                switch (deferUntil) {
                    case 'interact':
                        hasInteract.then(() => runComponent(el));
                        break;
                    case 'intersect':
                        onIntersect(el).then(() => runComponent(el))
                        break;
                    case 'idle':
                        window.requestIdleCallback
                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
                            : setTimeout(() => runComponent(el), 4000);
                        break;
                    case 'eager':
                        runComponent(el);
                        break;
                    default:
                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
                        }
                }
            });
        }

        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
    })()</script> <script type="module"
        src="http://www.thecornishfoodboxcompany.co.uk/static/version1779463306/frontend/Cornish/hyva/en_GB/Hyva_Theme/js/alpine3.min.js"
        defer
        crossorigin
></script> <script>
    'use strict';
    function dispatchMessages(messages, hideAfter) {
        const messagesEvent = new CustomEvent("messages-loaded", {
            detail: {
                messages: messages,
                hideAfter: hideAfter
            }
        });
        window.dispatchEvent(messagesEvent);
    }

 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
    }

    (function( hyva, undefined ) {

        hyva.initFormKey = () => {
            const inputSelector = 'input[name="form_key"]',
                formKey = hyva.getFormKey();

            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
                input.value = formKey
            });
        }

        hyva.initMessages = () => {
            try {
                const messages = hyva.getCookie('mage-messages');
                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];

                dispatchMessages(window.mageMessages);

                 const skipSetDomain = true;
                hyva.setCookie('mage-messages','', -1, skipSetDomain);

            } catch (error) {
                console.warn('Error parsing Cookie Messages:', error);
            }
        }

        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
        hyva.alpineInitialized(hyva.initMessages)

    }( window.hyva = window.hyva || {} ));</script> <script>
    'use strict';
    {
        const private_content_key = 'mage-cache-storage';
        const private_content_expire_key = 'mage-cache-timeout';
        const private_content_version_key = 'private_content_version';
        const section_data_ids_key = 'section_data_ids';
        const mage_cache_session_id_key = 'mage-cache-sessid';
        const last_visited_store_key = 'last_visited_store';

        const ttl = 86400;

 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
        }

        function loadSectionData () {
            const browserStorage = hyva.getBrowserStorage();
            if (!browserStorage) {
                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                    [{
                        type: "warning",
                        text: "Please enable LocalStorage in your browser."
                    }]
                );
                return;
            }
            try {
                let isInvalid = false;

 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
                    isInvalid = true;
                }
                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);

 if (!hyva.getCookie(mage_cache_session_id_key)) {
                    isInvalid = true;
                    browserStorage.removeItem(private_content_key);
                    const skipSetDomain = true;
                    const days = false;
                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
                }

                const cookieVersion = hyva.getCookie(private_content_version_key);
                const storageVersion = browserStorage.getItem(private_content_version_key);

                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
                    isInvalid = true;
                }

                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
                    browserStorage.removeItem(private_content_key);
                }

                if (isInvalid && cookieVersion) {
                    fetchPrivateContent([]);
                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
                    if (
                        privateContent &&
                        privateContentExpires &&
                        privateContent.cart &&
                        privateContent.customer
                    ) {
                        dispatchPrivateContent(privateContent);
                    } else {
                        fetchPrivateContent([]);
                    }
                } else {
                    if (document.getElementById('default-section-data')) {
                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
                        dispatchPrivateContent(privateContent);
                    } else {
                        dispatchPrivateContent({});
                    }
                }

            } catch (error) {
                console.warn('Error retrieving Private Content:', error);
            }
        }

        hyva.alpineInitialized(loadSectionData)
        window.addEventListener('reload-customer-section-data', loadSectionData);

 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);

        function dispatchPrivateContent(data) {

            const privateContentEvent = new CustomEvent("private-content-loaded", {
                detail: {
                    data: window.processSectionDataBeforeDispatch(data)
                }
            });
            window.dispatchEvent(privateContentEvent);
        }

 function fetchPrivateContent(sections) {
            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                }
            })
                .then(response => response.ok && response.json())
                .then(
                    data => {
                        if (data) {
                            try {
                                const browserStorage = hyva.getBrowserStorage();

                                
                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};

 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
                                    delete oldSectionData['checkout-data'];
                                }
                                const newSectionData = Object.assign(oldSectionData, data);

                                dispatchPrivateContent(newSectionData);

                                
                                if (newSectionData.messages && newSectionData.messages.messages ) {
                                    newSectionData.messages.messages = [];
                                }

                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));

                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
                                browserStorage.setItem(private_content_expire_key, expiresAt);

                                const newCookieVersion = hyva.getCookie(private_content_version_key);
                                browserStorage.setItem(private_content_version_key, newCookieVersion);

                                
                                
                                hyva.setCookie(
                                    section_data_ids_key,
                                    JSON.stringify(
                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
                                            return sectionDataIds;
                                        }, {})
                                    ),
                                    false,
                                    true
                                );
                            } catch (error) {
                                console.warn("Couldn't store privateContent", error);
                            }
                        }
                    }
                );
        }
    }</script> <script>
    (() => {
        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
    })()</script> <script>
    (events => {
        const dispatchUserInteractionEvent = () => {
            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
            window.dispatchEvent(new Event('init-external-scripts'))
        };
        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown'])</script><script>
    function initWishlist() {
        return {
            addToWishlist(productId) {
                const formKey = hyva.getFormKey();
                const postUrl = BASE_URL + 'wishlist/index/add/';

                fetch(postUrl, {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                }).then(function (response) {
                    if (response.redirected) {
                        window.location.href = response.url;
                    } else if (response.ok) {
                        return response.json();
                    } else {
                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                            [{
                                type: "warning",
                                text: "Could\u0020not\u0020add\u0020item\u0020to\u0020wishlist."
                            }], 5000
                        );
                    }
                }).then(function (response) {
                    if (!response) { return }
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: (response.success) ? "success" : "error",
                            text: (response.success)
                                ? "Product\u0020has\u0020been\u0020added\u0020to\u0020your\u0020Wish\u0020List."
                                : response.error_message
                        }], 5000
                    );
                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
                    window.dispatchEvent(reloadCustomerDataEvent);
                }).catch(function (error) {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: "error",
                            text: error
                        }], 5000
                    );
                });
            }
        }
    }
</script>
<script>
    function initCompareOnProductList() {
        return {
            addToCompare(productId) {
                const formKey = hyva.getFormKey();
                const postUrl = BASE_URL + 'catalog/product_compare/add/';

                fetch(postUrl, {
                    "headers": {
                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
                    },
                    "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(),
                    "method": "POST",
                    "mode": "cors",
                    "credentials": "include"
                }).then(function (response) {
                    if (response.redirected) {
                        window.location.href = response.url;
                    }
                }).catch(function (error) {
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: "error",
                            text: error
                        }], 5000
                    );
                });
            }
        };
    }
</script>
<div id="gConCode" name="gConCode"></div>
<script type="text/javascript">
var file;
file = window.location.pathname;
var sst = file.indexOf("/checkout/onepage/success");
if(sst >= 0){
    document.getElementById('gConCode').innerHTML = ' <img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/965877833/?label=HepzCMKfxVcQycDIzAM&amp;guid=ON&amp;script=0"/>';

}

</script>


<script async type="text/javascript" src="//static.klaviyo.com/onsite/js/klaviyo.js?company_id=V4cfaa"></script>
<script>
    function initConfigurableOptions(productId, optionConfig) {

        function findPathParam(key) {
                        const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
            const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
            const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
            for (let i = 0; i < pathParts.length; i += 2) {
                if (pathParts[i] === key && pathParts.length > i) {
                    return pathParts[i + 1];
                }
            }
        }

        return {
            optionConfig,
            productId,
            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
            allowedAttributeOptions: [],
            selectedValues: [],
            init() {
                this.findAllowedAttributeOptions();
                this.$nextTick(() => {
                    if (typeof this.optionConfig.defaultValues === 'object') {
                        for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) {
                            this.changeOption(attributeId, value + '');
                        }
                    }
                    this.preselectQuerystringItems();
                    this.preselectLocationHashItems();
                });
            },
            productIndex: 0,
            productIndexForPrice: 0,
            optionIsActive(attributeId, optionId) {
                                return !!this.getAllowedAttributeOptions(attributeId).find(
                    option => option.id === optionId
                )
            },
            optionIsEnabled(attributeId, optionId) {
                                for (const productId in this.optionConfig.index) {
                    if (this.optionConfig.index[productId][attributeId] === optionId) {
                        return true;
                    }
                }
                return false;
            },
            findSimpleIndex() {
                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
                this.productIndexForPrice = this.findCheapestProductForPartialSelection(this.selectedValues);
            },
            calculateSimpleIndexForPartialSelection(selectedValues) {
                if (selectedValues.length === 0) return 0;
                return this.findProductIdsForPartialSelection(selectedValues)[0];
            },
            calculateSimpleIndexForFullSelection(selectedValues) {
                if (! this.isFullSelection(selectedValues)) return false;

                const productIndexes = this.optionConfig.index;
                return Object.keys(productIndexes).find(productIndex => {
                    const productCandidateOptions = productIndexes[productIndex];

                    for (const productOption in productCandidateOptions) {
                        if (
                            !selectedValues[productOption] ||
                            selectedValues[productOption] !== productCandidateOptions[productOption]
                        ) {
                            return false;
                        }
                    }
                    return productIndex;
                });
            },
            findAllowedAttributeOptions() {
                                this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
            },
            calculateAllowedAttributeOptions(selectedValues) {
                const allAttributes = this.optionConfig.attributes;
                const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
                    return a.position - b.position
                });

                const newAllowedAttributeOptions = [];

                allAttributesSorted.forEach(attribute => {
                    const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id));
                    const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr);
                    newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => {
                        return !!option.products.find(product => {
                            return availableIndexes.includes(product);
                        })
                    });
                });
                return newAllowedAttributeOptions;
            },
            calculateAvailableProductIndexes(selectedOptions) {
                if (Object.keys(selectedOptions).length === 0) {
                                        if (Object.values(this.optionConfig.salable || {}).length) {
                                                return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i)
                    }
                                        return Object.keys(this.optionConfig.index);
                }

                                const selectedIds = Object.keys(selectedOptions);
                if (Object.values(this.optionConfig.salable || {}).length) {
                                        const selectedOptionIndexes = selectedIds.map(attrId => {
                        const optionValue = selectedOptions[attrId];
                        return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || []
                    })
                                        return selectedOptionIndexes.reduce((acc, optionIndexes) => {
                        return acc.filter(index => optionIndexes.includes(index));
                    });
                } else {
                                        const productIndexes = this.optionConfig.index;
                    return Object.keys(productIndexes).filter(index => {
                                                for (const attrId of selectedIds) {
                            if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false
                        }
                        return true
                    });
                }
            },
            findAttributeByOptionId(optionId) {
                for (const attributeId in this.optionConfig.attributes) {
                    const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
                    if (attributeOptions.find(option => option.id === optionId)) {
                        return attributeId;
                    }
                }
            },
            getAllowedAttributeOptions(attributeId) {
                return this.allowedAttributeOptions[attributeId] || []
            },
            getAllAttributeOptions(attributeId) {
                return (
                    this.optionConfig.attributes[attributeId] &&
                    this.optionConfig.attributes[attributeId].options
                ) || []
            },
            getProductIdsForOption(option) {
                const attributeId = this.findAttributeByOptionId(option.id);
                const allOptions = this.optionConfig.attributes[attributeId];
                const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
                return opt && opt.products
                    ? opt.products
                    : [];
            },
            findProductIdsForPartialSelection(optionSelection) {
                const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
                    const newCandidates = this.getProductIdsForOption({id: optionId});
                    return candidates === null
                        ? newCandidates
                        : candidates.filter(productId => newCandidates.includes(productId));
                }, null);
                return candidateProducts || [];
            },
            findCheapestProductForPartialSelection(optionSelection) {
                const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
                return candidateProducts.reduce((cheapest, simpleIdx) => {
                    // in the first iteration we start with simpleIdx as the currently cheapest product
                    if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
                    const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
                    return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
                        ? simpleIdx
                        : cheapest;
                }, 0)
            },
            findProductIdToUseForOptionPrice(option) {
                // try to find a product for a complete selection
                const attributeId = this.findAttributeByOptionId(option.id);
                const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
                const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
                // if there is no complete selection, use the cheapest product for the option
                return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
            },
            getAttributeOptionLabel(option) {
                const optionProduct = this.findProductIdToUseForOptionPrice(option);

                if ((! optionProduct) || (optionProduct === this.productIndexForPrice)) {
                    return option.label;
                }

                const currentPrice = this.getOptionPriceAdjustmentBasePrice();

                if (this.optionConfig.optionPrices[optionProduct]) {
                    const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
                    if (optionPrice !== currentPrice){
                        return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
                    }
                }
                return option.label;
            },
            getOptionPriceAdjustmentBasePrice() {
                if (this.optionConfig.optionPrices[this.productIndexForPrice]) {
                    return this.optionConfig.optionPrices[this.productIndexForPrice].finalPrice.amount
                }
                return this.optionConfig.prices.finalPrice.amount; // default price if no option selection
            },
            clearOptionIfActive(optionId, value) {
                if (this.selectedValues[optionId] === value) {
                    this.blurLabel()
                    this.changeOption(optionId, '')
                }
            },
            removeAttrFromSelection(selectedValues, attributeId) {
                                attributeId = parseInt(attributeId);
                return selectedValues.reduce((newSelection, val, attr) => {
                    if (attr !== attributeId) {
                        newSelection[attr] = val;
                    }
                    return newSelection;
                }, []);
            },
            changeOption(attributeId, value) {
                if (value === '') {
                    this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId)
                } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) {
                                        this.selectedValues[attributeId] = value;
                }
                this.findSimpleIndex();
                this.findAllowedAttributeOptions();
                this.updatePrices();
                this.updateGallery();

                const candidates = this.findProductIdsForPartialSelection(this.selectedValues);

                                window.dispatchEvent(
                    new CustomEvent(
                        'configurable-selection-changed',
                        {
                            detail: {
                                productId: this.productId,
                                optionId: attributeId,
                                value: value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: candidates,
                                skuCandidates: Object.values(candidates).map(id => this.optionConfig.sku?.[id] ?? null).filter(Boolean),
                            }
                        }
                    )
                );
            },
            calculateIsMinimalPrice() {
                return ! this.isFullSelection(this.selectedValues);
            },
            isFullSelection(selectedValues) {
                return Object.values(selectedValues).length === Object.keys(this.optionConfig.attributes).length;
            },
            updatePrices() {
                const value = this.optionConfig.optionPrices[this.productIndexForPrice] || this.optionConfig.prices;
                window.dispatchEvent(
                    new CustomEvent(
                        "update-prices-" + this.productId,
                        {
                            detail: Object.assign(
                                value,
                                { isMinimalPrice: this.calculateIsMinimalPrice() }
                            )
                        }
                    )
                );
            },
            updateGallery () {
                if (this.productIndex) {
                    const images = this.optionConfig.images[this.productIndex];
                    images && window.dispatchEvent(new CustomEvent(
                        "update-gallery",
                        { detail: this.sortImagesByPosition(images) }
                    ));
                } else {
                    window.dispatchEvent(new Event("reset-gallery"));
                }
            },
            sortImagesByPosition(images) {
                return images.sort((x, y) => {
                    return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1)
                });
            },
            onGetCartData(data) {
                            },
            preselectCartItems(data) {
                // pre-select options based on cart data for current (quote) itemId
                const cart = data && data.cart;
                if (cart && cart.items) {
                    const cartItem = cart.items.find((item) => {
                        return (
                            item.item_id === this.itemId
                            && item.product_id === this.productId
                        )
                    });
                    if (cartItem && cartItem.options && cartItem.options.length) {
                        cartItem.options.map(option => {
                            this.changeOption(option.option_id, option.option_value);
                        })
                    }
                }
            },
            preselectQuerystringItems() {
                // pre-select option like ?size=167
                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
                this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code));
            },
            preselectLocationHashItems() {
                // pre-select option like #144=167
                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
                this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id));
            },
            preselectItemsBasedOnLocation(getLocationValue) {
                Object.values(this.optionConfig.attributes).map(attribute => {
                    const v = getLocationValue(attribute);
                    v && this.changeOption(attribute.id, v)
                });
            }
        }
    }
</script>
<script>
    function initSwatchOptions(swatchConfig) {
        return {
            swatchConfig,
            getAttributeSwatchData(attributeId) {
                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);

                return swatchConfig;
            },
            mapSwatchTypeNumberToTypeCode(typeNumber) {
                switch ("" + typeNumber) {
                    case "1":
                        return "color"
                    case "2":
                        return "image"
                    case "3":
                        return "empty"
                    case "0":
                    default:
                        return "text"
                }
            },
            getTypeOfFirstOption(attributeId) {
                for (const optionId in this.swatchConfig[attributeId]) {
                    const option = this.swatchConfig[attributeId][optionId];
                    if (typeof option.type !== 'undefined') {
                        return this.mapSwatchTypeNumberToTypeCode(option.type);
                    }
                }
            },
            getVisualSwatchType(attributeId, targetOptionId) {
                // If a type configuration is present for the given option id, use it
                const config = this.swatchConfig[attributeId];
                if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
                    return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
                }

                // Otherwise - if no config is present for the target option - use the type of the first option
                // with a type property from the attribute, thus assuming its the same type as the target option.
                // (This edge case condition can occur on single swatch products if some options are not salable)
                return this.getTypeOfFirstOption(attributeId);
            },
            getSwatchType(attributeId, optionId) {
                // Deserialize the attribute details the first time they are used
                if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
                    this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
                }
                const type =  this.swatchConfig[attributeId] &&
                    this.swatchConfig[attributeId].details &&
                    this.swatchConfig[attributeId].details.swatch_input_type ||
                    "empty";
                return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
            },
            isTextSwatch(attributeId, optionId) {
                return this.getSwatchType(attributeId, optionId) === 'text';
            },
            isVisualSwatch(attributeId, optionId) {
                const type = this.getSwatchType(attributeId, optionId);

                return ['image', 'color'].includes(type);
            },
            getSwatchBackgroundStyle(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                const type = this.getSwatchType(attributeId, optionId);

                if (type === "color") {
                        return 'background-color:' + config.value;
                } else if (type === "image") {
                        return "background: #fff url('" + config.value + "') no-repeat center";
                } else {
                    return '';
                }
            },
            getSwatchText(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
            },
            getOptionLabelFromOptionConfig(attributeId, optionId) {
                // Fallback if no value is present in swatchConfig data
                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
                const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
                return option && option[0] && option[0].label ||'';
            },
            getSwatchConfig(attributeId, optionId) {
                return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
                    ? this.swatchConfig[attributeId][optionId]
                    : false;
            },
            activeTooltipItem: false,
            tooltipPositionElement: false,
            isTooltipVisible() {
                return this.activeTooltipItem &&
                    this.getSwatchConfig(
                        this.activeTooltipItem.attribute,
                        this.activeTooltipItem.item
                    );
            },
            isFirstItemCol() {
                return this.activeTooltipItem.index === 0;
            },
            getTooltipImageStyle(attributeId, optionId) {
                const config = this.getSwatchConfig(attributeId, optionId);
                const type = this.getSwatchType(attributeId, optionId);

                if (type === "color") {
                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
                } else if (type === "image") {
                    return "background: #ffffff url('" + config.thumb +
                        "') center center no-repeat; width: 110px; height: 90px;";
                } else {
                    return 'display:none';
                }
            },
            getTooltipPosition() {
                return this.tooltipPositionElement ?
                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
                    `left: ${
                        this.tooltipPositionElement.offsetLeft - (
                            this.tooltipPositionElement.closest('.snap') &&
                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
                            0
                        )
                    }px;` : ''
            },
            getTooltipLabel() {
                return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
            },
            focusedLabel: false,
            focusLabel(optionId) {
                this.focusedLabel = optionId;
            },
            blurLabel() {
                this.focusedLabel = false;
            },
            showSwatches: false,
            initShowSwatchesIntersect() {
                if ('IntersectionObserver' in window && !window.scrollY) {
                    let io = new IntersectionObserver(
                        entries => {
                            entries.map(entry => {
                                if (entry.isIntersecting) {
                                    this.showSwatches = true;
                                    io.unobserve(this.$root);
                                }
                            })
                        }
                    );
                    io.observe(this.$root);
                } else {
                    this.showSwatches = true
                }
            }
        }
    }
</script>
<script>
    'use strict';

    const grecaptchaV2LoadCallbacks = [];

    function executeRecaptchaLoadCallbacks () {
        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
            const callback = grecaptchaV2LoadCallbacks.pop();
            typeof callback === 'string' ? window[callback]() : callback();
        }
    }

    (function() {
        const loadRecaptchaScript = (event) => {

            if (window.grecaptcha || !event.target.form) {
                return;
            }

            const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
            const siteKey = '6Lexy_UUAAAAAG49au_Rn5tsBOF3i7RTm56JyQWM';
            const script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
            script.async = true;
            document.head.appendChild(script);

            script.addEventListener('load', () => {
                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
            });
        }

        window.forceLoadRecaptchaScript = (form) => {
            loadRecaptchaScript({target: {form: form || 'dummy'}});
            executeRecaptchaLoadCallbacks();
        };

        document.body.addEventListener('input', loadRecaptchaScript, { once: true });
        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });

    }());

</script>

<script>
    function awSarp2AddToNearestShortcut(config) {
        return {
            endpoint: config.endpoint,

            resolveSubtotal: function () {
                this.doAjax(
                    this.endpoint
                ).then((response) => {
                    if (response.ok) {
                        return response.json();
                    }

                    return Promise.reject(response);
                }).then((data) => {
                    var subtotalEl = document.querySelectorAll('.nearest-subscription-subtotal'),
                        subscriptionUpdateEl = document.querySelectorAll('' +
                            '.checkout-methods-items .aw-sarp2-subscription-update,' +
                            ' #cart-drawer .aw-sarp2-subscription-update');
                    if (data.isAllowed && data.subscriptionTotal) {
                        if (subscriptionUpdateEl.length) {
                            subscriptionUpdateEl.forEach((element) => {
                                element.style.display = 'flex';
                            })
                        }
                        if (subtotalEl.length) {
                            subtotalEl.forEach((elem) => {
                                elem.innerHTML = data.subscriptionTotal
                            })
                        }
                    } else {
                        if (subscriptionUpdateEl.length) {
                            subscriptionUpdateEl.forEach((element) => {
                                element.style.display = 'none';
                            })
                        }
                    }

                }).catch((error) => {
                    console.warn(error);
                });
            },

            doAjax: function (url) {
                return fetch(url, {
                    method: 'GET',
                    headers: {contentType: 'application/json'}
                });
            }
        }
    }</script> <script>
    'use strict';

    (function () {
        const modals = [];
        const excludedFromFocusTrapping = new Set();

        function trapFocusInNextModalWithOverlay() {
            for (let idx = modals.length -1; idx >= 0; idx--) {
                const nextOnStack = modals[idx];
                const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
                if (! isOverlayDisabled(nextDialogElement)) {
                    hyva.trapFocus(nextDialogElement);
                    break;
                }
            }
        }

        function focusables(dialogElement) {
            const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
            return Array.from(dialogElement.querySelectorAll(selector))
                .filter(el => !el.hasAttribute('disabled'));
        }

        function firstVisible(elements) {
            const a = Array.from(elements);
            for (let i = 0; i < a.length; i++) {
                if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
            }
            return null;
        }

        function isInViewport(element) {
            const rect = element && element.getBoundingClientRect();
            return rect &&
                rect.top >= 0 &&
                rect.left >= 0 &&
                rect.right <= window.innerWidth &&
                rect.bottom <= window.innerHeight;
        }

        function setFocusAfterTransition(dialogElement, duration) {
             const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
            const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
            next: for (let candidate of candidates) {
                for (let child of nested) {
                    if (child.contains(candidate)) continue next;
                }
                setTimeout(() => candidate.focus(), 50);
                break;
            }
            window.setTimeout(() => {
                const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
                    focusables(dialogElement)[0] ||
                    null;
                focusElement && isInViewport(focusElement) && focusElement.focus();
            }, Math.max(1, duration));
        }

        function determineTrigger($refs, dialog, trigger) {
             if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
                return dialog.target;
            }
             if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
                return trigger.target;
            }
             if (typeof trigger === 'string') {
                try {
                    return $refs[trigger] || document.querySelector(trigger)
                } catch (e) {}
            }
             if (trigger instanceof Element) {
                return trigger;
            }

             return null;
        }

        function isOverlayDisabled(dialog) {
            return dialog && dialog.hasAttribute('x-no-overlay')
        }

        function areRemainingModalsWithoutOverlay(modals)
        {
            const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);

            return overflowDisabled.length === modals.length;
        }

        window.hyva.modal = function(options = {}) {
             if (this.$el && this.$el.dataset && this.$el.dataset.options) {
                try {
                    options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}'));
                } catch (e) {
                    throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON');
                }
            }

            const config = Object.assign({
                dialog: 'dialog',  duration: 300,  transitionEnter: 'transition ease-out duration-300',
                transitionEnterStart: 'opacity-0',
                transitionEnterEnd: 'opacity-100',
                transitionLeave: 'transition ease-in duration-300',
                transitionLeaveStart: 'opacity-100',
                transitionLeaveEnd: 'opacity-0',
            }, options);
            let lastHide = 0;

            return {
                opened: {},
                show(dialog, trigger) {
                    const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
                    const name = typeof dialog === 'string' ? dialog : config.dialog;
                    const dialogElement = this.$refs[name];
                    if (! dialogElement) {
                         return;
                    }
                    const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');

                    dialogElement.scrollTop = 0;

                     if (this.opened[name]) {
                        return;
                    }

                    if (focusTargetAfterHide) {
                        focusTargetAfterHide.setAttribute('aria-expanded', 'true');
                    }

                    this.opened[name] = true;
                    useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
                    setFocusAfterTransition(dialogElement, config.duration);

                    const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()};

                    modals.push(frame);
                    if (useOverlay) {
                        document.body.classList.add('overflow-hidden');
                    }
                    return new Promise(resolve => frame.resolve = resolve);
                },
                cancel() {
                    this.hide(false);
                },
                ok() {
                    this.hide(true);
                },
                hide(value) {
                     if (Date.now() - lastHide < config.duration) {
                        return;
                    }
                    lastHide = Date.now();

                    const modal = modals.pop() || {};
                    if (! modal.instance) {
                        return;
                    }

                    const name = modal.name;
                    this.opened[name] = false;
                    hyva.releaseFocus(modal.instance.$refs[modal.name])
                    trapFocusInNextModalWithOverlay();

                    const nextFocusAfterHide = modal.focusTarget;
                    nextFocusAfterHide && setTimeout(() => {
                        nextFocusAfterHide.setAttribute('aria-expanded', 'false');
                        nextFocusAfterHide.focus()
                    }, config.duration);

                    if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
                        document.body.classList.remove('overflow-hidden');
                    }

                    modal.resolve(value);
                },
                overlay(dialog) {
                    dialog = this.$el.dataset.dialogRefName || dialog;
                    const name = typeof dialog === 'string' ? dialog : config.dialog;
                    return {
                        ['x-show']() {
                            return this.opened[name]
                        },
                        ['x-transition:enter']: config.transitionEnter,
                        ['x-transition:enter-start']: config.transitionEnterStart,
                        ['x-transition:enter-end']: config.transitionEnterEnd,
                        ['x-transition:leave']: config.transitionLeave,
                        ['x-transition:leave-start']: config.transitionLeaveStart,
                        ['x-transition:leave-end']: config.transitionLeaveEnd,
                        ['@hyva-modal-show.window'](event) {
                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
                        }
                    };
                },
                showDialogOnInit() {
                    const parent = this.$el.closest('[data-dialog-ref-name]');
                    if (parent && parent.dataset.dialogRefName) {
                        this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName})
                    }
                }
            };
        }

        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]

        window.hyva.modal.pop = function () {
            if (modals.length > 0) {
                const modal = modals[modals.length -1];
                modal.instance.hide();
            }
        }

        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
            typeof selectors === 'string' || selectors instanceof String
                ? excludedFromFocusTrapping.add(selectors)
                : selectors.map(selector => excludedFromFocusTrapping.add(selector));
        }

        window.hyva.modal.eventListeners = {
            keydown: event => {
                if (event.key === 'Escape') {
                    window.hyva.modal.pop();
                }
            },
             click: event => {
                if (modals.length > 0) {
                    const modal = modals[modals.length -1];
                    const dialog = modal.instance.$refs[modal.name];
                    if (modal.time + 50 < Date.now() && 
                        ! isOverlayDisabled(dialog) && 
                        ! dialog.contains(event.target)) { 
                        modal.instance.hide();
                    }
                }
            }
        };

        document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);

        document.addEventListener('click', window.hyva.modal.eventListeners.click);
    })();
    window.addEventListener('alpine:init', () => {
        Alpine.data('hyvaModal', window.hyva.modal);
    }, {once: true});</script> <script type="text/json" id="default-section-data">
    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AD":{"name":"Andorra"},"AE":{"name":"United Arab Emirates"},"AG":{"name":"Antigua & Barbuda"},"AI":{"name":"Anguilla"},"AL":{"name":"Albania"},"AM":{"name":"Armenia"},"AO":{"name":"Angola"},"AQ":{"name":"Antarctica"},"AR":{"name":"Argentina"},"AS":{"name":"American Samoa"},"AT":{"name":"Austria","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Voralberg"},"95":{"code":"WI","name":"Wien"}}},"AU":{"name":"Australia"},"AW":{"name":"Aruba"},"AX":{"name":"\u00c5land Islands"},"AZ":{"name":"Azerbaijan"},"BA":{"name":"Bosnia & Herzegovina"},"BB":{"name":"Barbados"},"BD":{"name":"Bangladesh"},"BE":{"name":"Belgium"},"BF":{"name":"Burkina Faso"},"BG":{"name":"Bulgaria"},"BH":{"name":"Bahrain"},"BI":{"name":"Burundi"},"BJ":{"name":"Benin"},"BL":{"name":"St. Barth\u00e9lemy"},"BM":{"name":"Bermuda"},"BN":{"name":"Brunei"},"BO":{"name":"Bolivia"},"BR":{"name":"Brazil"},"BS":{"name":"Bahamas"},"BT":{"name":"Bhutan"},"BV":{"name":"Bouvet Island"},"BW":{"name":"Botswana"},"BY":{"name":"Belarus"},"BZ":{"name":"Belize"},"CA":{"name":"Canada","regions":{"66":{"code":"AB","name":"Alberta"},"67":{"code":"BC","name":"British Columbia"},"68":{"code":"MB","name":"Manitoba"},"70":{"code":"NB","name":"New Brunswick"},"69":{"code":"NL","name":"Newfoundland and Labrador"},"72":{"code":"NT","name":"Northwest Territories"},"71":{"code":"NS","name":"Nova Scotia"},"73":{"code":"NU","name":"Nunavut"},"74":{"code":"ON","name":"Ontario"},"75":{"code":"PE","name":"Prince Edward Island"},"76":{"code":"QC","name":"Quebec"},"77":{"code":"SK","name":"Saskatchewan"},"78":{"code":"YT","name":"Yukon Territory"}}},"CC":{"name":"Cocos (Keeling) Islands"},"CD":{"name":"Congo - Kinshasa"},"CF":{"name":"Central African Republic"},"CG":{"name":"Congo - Brazzaville"},"CH":{"name":"Switzerland","regions":{"104":{"code":"AG","name":"Aargau"},"106":{"code":"AR","name":"Appenzell Ausserrhoden"},"105":{"code":"AI","name":"Appenzell Innerrhoden"},"108":{"code":"BL","name":"Basel-Landschaft"},"109":{"code":"BS","name":"Basel-Stadt"},"107":{"code":"BE","name":"Bern"},"110":{"code":"FR","name":"Friburg"},"111":{"code":"GE","name":"Geneva"},"112":{"code":"GL","name":"Glarus"},"113":{"code":"GR","name":"Graub\u00fcnden"},"114":{"code":"JU","name":"Jura"},"115":{"code":"LU","name":"Lucerne"},"116":{"code":"NE","name":"Neuch\u00e2tel"},"117":{"code":"NW","name":"Nidwalden"},"118":{"code":"OW","name":"Obwalden"},"120":{"code":"SH","name":"Schaffhausen"},"122":{"code":"SZ","name":"Schwyz"},"121":{"code":"SO","name":"Solothurn"},"119":{"code":"SG","name":"St. Gallen"},"123":{"code":"TG","name":"Thurgau"},"124":{"code":"TI","name":"Ticino"},"125":{"code":"UR","name":"Uri"},"126":{"code":"VD","name":"Vaud"},"127":{"code":"VS","name":"Wallis"},"128":{"code":"ZG","name":"Zug"},"129":{"code":"ZH","name":"Z\u00fcrich"}}},"CI":{"name":"C\u00f4te d\u2019Ivoire"},"CK":{"name":"Cook Islands"},"CL":{"name":"Chile"},"CM":{"name":"Cameroon"},"CN":{"name":"China"},"CO":{"name":"Colombia"},"CR":{"name":"Costa Rica"},"CU":{"name":"Cuba"},"CV":{"name":"Cape Verde"},"CX":{"name":"Christmas Island"},"CY":{"name":"Cyprus"},"CZ":{"name":"Czechia"},"DE":{"name":"Germany","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"DJ":{"name":"Djibouti"},"DK":{"name":"Denmark"},"DM":{"name":"Dominica"},"DO":{"name":"Dominican Republic"},"DZ":{"name":"Algeria"},"EC":{"name":"Ecuador"},"EE":{"name":"Estonia","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"},"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"EG":{"name":"Egypt"},"ER":{"name":"Eritrea"},"ES":{"name":"Spain","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"},"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"ET":{"name":"Ethiopia"},"FI":{"name":"Finland","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FJ":{"name":"Fiji"},"FK":{"name":"Falkland Islands"},"FM":{"name":"Micronesia"},"FO":{"name":"Faroe Islands"},"FR":{"name":"France","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"},"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"GA":{"name":"Gabon"},"GB":{"name":"United Kingdom"},"GD":{"name":"Grenada"},"GE":{"name":"Georgia"},"GF":{"name":"French Guiana"},"GG":{"name":"Guernsey"},"GH":{"name":"Ghana"},"GI":{"name":"Gibraltar"},"GL":{"name":"Greenland"},"GM":{"name":"Gambia"},"GN":{"name":"Guinea"},"GP":{"name":"Guadeloupe"},"GQ":{"name":"Equatorial Guinea"},"GR":{"name":"Greece"},"GS":{"name":"South Georgia & South Sandwich Islands"},"GT":{"name":"Guatemala"},"GU":{"name":"Guam"},"GW":{"name":"Guinea-Bissau"},"GY":{"name":"Guyana"},"HK":{"name":"Hong Kong SAR China"},"HM":{"name":"Heard & McDonald Islands"},"HN":{"name":"Honduras"},"HR":{"name":"Croatia"},"HT":{"name":"Haiti"},"HU":{"name":"Hungary"},"ID":{"name":"Indonesia"},"IE":{"name":"Ireland"},"IL":{"name":"Israel"},"IM":{"name":"Isle of Man"},"IN":{"name":"India"},"IO":{"name":"British Indian Ocean Territory"},"IQ":{"name":"Iraq"},"IR":{"name":"Iran"},"IS":{"name":"Iceland"},"IT":{"name":"Italy"},"JE":{"name":"Jersey"},"JM":{"name":"Jamaica"},"JO":{"name":"Jordan"},"JP":{"name":"Japan"},"KE":{"name":"Kenya"},"KG":{"name":"Kyrgyzstan"},"KH":{"name":"Cambodia"},"KI":{"name":"Kiribati"},"KM":{"name":"Comoros"},"KN":{"name":"St. Kitts & Nevis"},"KR":{"name":"South Korea"},"KW":{"name":"Kuwait"},"KY":{"name":"Cayman Islands"},"KZ":{"name":"Kazakhstan"},"LA":{"name":"Laos"},"LB":{"name":"Lebanon"},"LC":{"name":"St. Lucia"},"LI":{"name":"Liechtenstein"},"LK":{"name":"Sri Lanka"},"LR":{"name":"Liberia"},"LS":{"name":"Lesotho"},"LT":{"name":"Lithuania","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"Luxembourg"},"LV":{"name":"Latvia","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"},"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"},"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"LY":{"name":"Libya"},"MA":{"name":"Morocco"},"MC":{"name":"Monaco"},"MD":{"name":"Moldova"},"ME":{"name":"Montenegro"},"MF":{"name":"St. Martin"},"MG":{"name":"Madagascar"},"MH":{"name":"Marshall Islands"},"MK":{"name":"North Macedonia"},"ML":{"name":"Mali"},"MM":{"name":"Myanmar (Burma)"},"MN":{"name":"Mongolia"},"MO":{"name":"Macao SAR China"},"MP":{"name":"Northern Mariana Islands"},"MQ":{"name":"Martinique"},"MR":{"name":"Mauritania"},"MS":{"name":"Montserrat"},"MT":{"name":"Malta"},"MU":{"name":"Mauritius"},"MV":{"name":"Maldives"},"MW":{"name":"Malawi"},"MX":{"name":"Mexico"},"MY":{"name":"Malaysia"},"MZ":{"name":"Mozambique"},"NA":{"name":"Namibia"},"NC":{"name":"New Caledonia"},"NE":{"name":"Niger"},"NF":{"name":"Norfolk Island"},"NG":{"name":"Nigeria"},"NI":{"name":"Nicaragua"},"NL":{"name":"Netherlands"},"NO":{"name":"Norway"},"NP":{"name":"Nepal"},"NR":{"name":"Nauru"},"NU":{"name":"Niue"},"NZ":{"name":"New Zealand"},"OM":{"name":"Oman"},"PA":{"name":"Panama"},"PE":{"name":"Peru"},"PF":{"name":"French Polynesia"},"PG":{"name":"Papua New Guinea"},"PH":{"name":"Philippines"},"PK":{"name":"Pakistan"},"PL":{"name":"Poland"},"PM":{"name":"St. Pierre & Miquelon"},"PN":{"name":"Pitcairn Islands"},"PR":{"name":"Puerto Rico"},"PS":{"name":"Palestinian Territories"},"PT":{"name":"Portugal"},"PW":{"name":"Palau"},"PY":{"name":"Paraguay"},"QA":{"name":"Qatar"},"RE":{"name":"R\u00e9union"},"RO":{"name":"Romania","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"RS":{"name":"Serbia"},"RU":{"name":"Russia"},"RW":{"name":"Rwanda"},"SA":{"name":"Saudi Arabia"},"SB":{"name":"Solomon Islands"},"SC":{"name":"Seychelles"},"SD":{"name":"Sudan"},"SE":{"name":"Sweden"},"SG":{"name":"Singapore"},"SH":{"name":"St. Helena"},"SI":{"name":"Slovenia"},"SJ":{"name":"Svalbard & Jan Mayen"},"SK":{"name":"Slovakia"},"SL":{"name":"Sierra Leone"},"SM":{"name":"San Marino"},"SN":{"name":"Senegal"},"SO":{"name":"Somalia"},"SR":{"name":"Suriname"},"ST":{"name":"S\u00e3o Tom\u00e9 & Pr\u00edncipe"},"SV":{"name":"El Salvador"},"SY":{"name":"Syria"},"SZ":{"name":"Eswatini"},"TC":{"name":"Turks & Caicos Islands"},"TD":{"name":"Chad"},"TF":{"name":"French Southern Territories"},"TG":{"name":"Togo"},"TH":{"name":"Thailand"},"TJ":{"name":"Tajikistan"},"TK":{"name":"Tokelau"},"TL":{"name":"Timor-Leste"},"TM":{"name":"Turkmenistan"},"TN":{"name":"Tunisia"},"TO":{"name":"Tonga"},"TR":{"name":"T\u00fcrkiye"},"TT":{"name":"Trinidad & Tobago"},"TV":{"name":"Tuvalu"},"TW":{"name":"Taiwan"},"TZ":{"name":"Tanzania"},"UA":{"name":"Ukraine"},"UG":{"name":"Uganda"},"UM":{"name":"U.S. Outlying Islands"},"US":{"name":"United States","regions":{"1":{"code":"AL","name":"Alabama"},"2":{"code":"AK","name":"Alaska"},"3":{"code":"AS","name":"American Samoa"},"4":{"code":"AZ","name":"Arizona"},"5":{"code":"AR","name":"Arkansas"},"6":{"code":"AF","name":"Armed Forces Africa"},"7":{"code":"AA","name":"Armed Forces Americas"},"8":{"code":"AC","name":"Armed Forces Canada"},"9":{"code":"AE","name":"Armed Forces Europe"},"10":{"code":"AM","name":"Armed Forces Middle East"},"11":{"code":"AP","name":"Armed Forces Pacific"},"12":{"code":"CA","name":"California"},"13":{"code":"CO","name":"Colorado"},"14":{"code":"CT","name":"Connecticut"},"15":{"code":"DE","name":"Delaware"},"16":{"code":"DC","name":"District of Columbia"},"17":{"code":"FM","name":"Federated States Of Micronesia"},"18":{"code":"FL","name":"Florida"},"19":{"code":"GA","name":"Georgia"},"20":{"code":"GU","name":"Guam"},"21":{"code":"HI","name":"Hawaii"},"22":{"code":"ID","name":"Idaho"},"23":{"code":"IL","name":"Illinois"},"24":{"code":"IN","name":"Indiana"},"25":{"code":"IA","name":"Iowa"},"26":{"code":"KS","name":"Kansas"},"27":{"code":"KY","name":"Kentucky"},"28":{"code":"LA","name":"Louisiana"},"29":{"code":"ME","name":"Maine"},"30":{"code":"MH","name":"Marshall Islands"},"31":{"code":"MD","name":"Maryland"},"32":{"code":"MA","name":"Massachusetts"},"33":{"code":"MI","name":"Michigan"},"34":{"code":"MN","name":"Minnesota"},"35":{"code":"MS","name":"Mississippi"},"36":{"code":"MO","name":"Missouri"},"37":{"code":"MT","name":"Montana"},"38":{"code":"NE","name":"Nebraska"},"39":{"code":"NV","name":"Nevada"},"40":{"code":"NH","name":"New Hampshire"},"41":{"code":"NJ","name":"New Jersey"},"42":{"code":"NM","name":"New Mexico"},"43":{"code":"NY","name":"New York"},"44":{"code":"NC","name":"North Carolina"},"45":{"code":"ND","name":"North Dakota"},"46":{"code":"MP","name":"Northern Mariana Islands"},"47":{"code":"OH","name":"Ohio"},"48":{"code":"OK","name":"Oklahoma"},"49":{"code":"OR","name":"Oregon"},"50":{"code":"PW","name":"Palau"},"51":{"code":"PA","name":"Pennsylvania"},"52":{"code":"PR","name":"Puerto Rico"},"53":{"code":"RI","name":"Rhode Island"},"54":{"code":"SC","name":"South Carolina"},"55":{"code":"SD","name":"South Dakota"},"56":{"code":"TN","name":"Tennessee"},"57":{"code":"TX","name":"Texas"},"58":{"code":"UT","name":"Utah"},"59":{"code":"VT","name":"Vermont"},"60":{"code":"VI","name":"Virgin Islands"},"61":{"code":"VA","name":"Virginia"},"62":{"code":"WA","name":"Washington"},"63":{"code":"WV","name":"West Virginia"},"64":{"code":"WI","name":"Wisconsin"},"65":{"code":"WY","name":"Wyoming"}}},"UY":{"name":"Uruguay"},"UZ":{"name":"Uzbekistan"},"VA":{"name":"Vatican City"},"VC":{"name":"St. Vincent & Grenadines"},"VE":{"name":"Venezuela"},"VG":{"name":"British Virgin Islands"},"VI":{"name":"U.S. Virgin Islands"},"VN":{"name":"Vietnam"},"VU":{"name":"Vanuatu"},"WF":{"name":"Wallis & Futuna"},"WS":{"name":"Samoa"},"YT":{"name":"Mayotte"},"ZA":{"name":"South Africa"},"data_id":1781247109},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"wishlist":{"items":[]},"aw-osc-gift-wrapping-info":[],"location":[],"checkout-data":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script></div></body>
</html>