<!doctype html>
<html lang="en">
<head >
    <meta charset="utf-8"/>
<meta name="title" content="The Model Shop for Big Imaginations | Gaugemaster"/>
<meta name="description" content="Gaugemaster are one of Europe’s biggest suppliers of model and hobby products, based near Arundel, West Sussex, UK. As well as our vast shop, we are mail order experts and would be delighted to supply you with all your model and hobby requirements. We are family owned and have been doing it for over 40 years and with fully trained staff, most of whom are modellers themselves, you couldn’t make a better choice."/>
<meta name="keywords" content="Gaugemaster,Controls,Gaugemaster Retail"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>The Model Shop for Big Imaginations | Gaugemaster</title>
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Anowave_Ec/css/ec.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/css/styles.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/css/swiper-bundle.css" />
<link  rel="stylesheet" type="text/css"  media="all" href="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/css/custom.css" />
<script  type="text/javascript"  defer="defer" src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Hyva_MagentoDataServices/js/storefront-event-collector.min.js"></script>
<script  type="text/javascript"  defer="defer" src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Hyva_MagentoDataServices/js/storefront-events-sdk.min.js"></script>
<script  type="text/javascript"  defer="defer" src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Hyva_MagentoLiveSearch/js/sdk.min.js"></script>
<script  type="text/javascript"  src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Anowave_Ec/js/ec.min.js"></script>
<script  type="text/javascript"  src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Anowave_Ec4/js/ec4.min.js"></script>
<link  rel="icon" type="image/x-icon" href="https://www.gaugemasterretail.com/media/favicon/stores/1/favicon-logo_1.png" />
<link  rel="shortcut icon" type="image/x-icon" href="https://www.gaugemasterretail.com/media/favicon/stores/1/favicon-logo_1.png" />
<link rel="preload" as="image" href="https://m2stage.gaugemasterretail.com/media/slider/image/gaugemaster-slider-desktop.webp" type="image/webp" fetchpriority="high">
<link rel="preload" as="image" href="https://m2stage.gaugemasterretail.com/media/slider/image/gaugemaster-slide-mobile.webp" type="image/webp" fetchpriority="high">
<meta name="google-site-verification" content="G5pTjKSU2hRotG914eHQmDv4m9LTUIH8pH3buRaq_qc" />
<style>div.meta-description {display:none;}</style>
<style>.sidebar .sagepaysuite-logo{display:none}</style>
<style>h2.products {margin: 0; margin-bottom: 0.5em; color: #000; font-family: "proxi_700",Verdana,Arial,sans-serif; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.2; text-rendering: optimizeLegibility; text-transform: uppercase;}
[aria-label="POPUP Form" ] .klaviyo-form img.needsclick  {position:absolute;}
nav[aria-label="Main menu"] > ul:not(:has(.mr-2))::after{content: "BRANDS (A-Z)"; padding:12px 12px 0 12px ; margin-right:8px; font-weight:500;white-space:nowrap;}
.breadcrumbs:not(:has(.home)){min-height: 56px;}
.aspect-square{aspect-ratio: 1 / 1;}
.common-slider-block .swiper-button-prev::after,
.common-slider-block .swiper-button-next::after {content: ""; width: 15px; height: 15px; border-left: 2px solid #fff; transform: rotate(45deg); border-bottom: 2px solid #fff; margin-left: 5px; border-radius: 2px;}
.common-slider-block .swiper-button-next::after {margin-left: -5px; transform: rotate(-135deg);}
#gallery-thumbs{min-height: 127px;}
.catalog-product-view .product-info-main .amshopby-option-link{min-height: 62px; display: table; min-width: 1px;}
.catalog-product-view .product-info-main :not(:has(.amshopby-option-link)) .page-title::after{content: ""; height: 74px; display: block;}
img{font-size:0px;}
.ambrands-brandlist-widget:not(:has(.am-brand-search-wrapper)){min-height:6644px;}
.contact-index-index .g-recaptcha:not(:has(iframe)) {width: 100%; min-height: 78px;}
.product-info-main :not(:has(.price-container)) #product-details{margin-bottom:81px;}

#search-content .container {max-width:100%;}
.blog-post-view ._post-view.post-view-modern table tr:nth-child(even){background:#efefef;}
.blog-post-view ._post-view.post-view-modern table tr td{border:1px solid #ccc; padding:10px 15px;}
.blog-post-view ._post-view.post-view-modern .button{background:#f37b20; padding:.5rem 2.5rem; color:#fff; border-radius:30px; font-weight:600;}
.blog-post-view ._post-view.post-view-modern .button:hover{background:#1d1d1d;}

@media only screen and (max-width: 768px) {
	.pagebuilder-mobile-only{ display: block !important}
	.pagebuilder-mobile-hidden{ display: none !important}
}


 </style>

<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=SwtsVj"></script>
            <script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk="></script>

<script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

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

		
	window.AEC = window.AEC || { version: "104.0.6"	};

		
	AEC.Const = 
	{
		TIMING_CATEGORY_ADD_TO_CART:		'Add To Cart Time',
		TIMING_CATEGORY_REMOVE_FROM_CART:	'Remove From Cart Time',
		TIMING_CATEGORY_PRODUCT_CLICK:		'Product Detail Click Time',
		TIMING_CATEGORY_CHECKOUT:			'Checkout Time',
		TIMING_CATEGORY_CHECKOUT_STEP:		'Checkout Step Time',
		TIMING_CATEGORY_PRODUCT_WISHLIST:	'Add to Wishlist Time',
		TIMING_CATEGORY_PRODUCT_COMPARE:	'Add to Compare Time'
	};

	AEC.Const.URL 					= 'https://www.gaugemasterretail.com/';
	AEC.Const.VARIANT_DELIMITER 	= '-';
	AEC.Const.VARIANT_DELIMITER_ATT = ':';

		
	AEC.Const.CHECKOUT_STEP_SHIPPING 	= 1;
	AEC.Const.CHECKOUT_STEP_PAYMENT  	= 2;
	AEC.Const.CHECKOUT_STEP_ORDER  		= 3;

		
	AEC.Const.DIMENSION_SEARCH = 18;

	
	AEC.Const.COOKIE_DIRECTIVE 								= false;
	AEC.Const.COOKIE_DIRECTIVE_SEGMENT_MODE 				= false;
	AEC.Const.COOKIE_DIRECTIVE_SEGMENT_MODE_EVENTS			= ["cookieConsentGranted"];	
	AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED_EVENT 		= "cookieConsentGranted";
	AEC.Const.COOKIE_DIRECTIVE_CONSENT_DECLINE_EVENT 		= "cookieConsentDeclined";

		
	AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED = AEC.CookieConsent.getConsent("cookieConsentGranted");


	
	AEC.Const.COOKIE_DIRECTIVE_OVERRIDE_DECLINE = false;
	
		
	AEC.Const.CATALOG_CATEGORY_ADD_TO_CART_REDIRECT_EVENT = "catalogCategoryAddToCartRedirect";

		
	AEC.Message = 
	{
		confirm: 			 true,
		confirmRemoveTitle:  "Are you sure?",
		confirmRemove: 		 "Are you sure you would like to remove this item from the shopping basket?"
	};
			
	AEC.storeName 			= "Gaugemaster Store";
	AEC.currencyCode	 	= "GBP";
	AEC.useDefaultValues 	= false;
	AEC.facebook 			= false;
	AEC.facebookInitParams 	= [];

		
	AEC.SUPER = [];

		
	AEC.CONFIGURABLE_SIMPLES = [];

	
	AEC.BUNDLE = {"bundles":[],"options":[]};

	
	AEC.localStorage = true;

		
	AEC.summary = false;

	
	AEC.reset = false;

	
	AEC.tax = 1;

	
	AEC.simples = false;
	
</script>
<script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

    (summary => 
    {
    	if (summary)
    	{
        	let getSummary = (event) => 
        	{
            	AEC.Request.post("https:\/\/www.gaugemasterretail.com\/datalayer\/index\/cart\/",{ event:event }, (response) => 
            	{
                	dataLayer.push(response);
               	});
            };

            ['ec.cookie.remove.item.data','ec.cookie.update.item.data','ec.cookie.add.data'].forEach(event => 
            {
            	AEC.EventDispatcher.on(event, (event => 
            	{
                	return () => 
                	{
                    	setTimeout(() => { getSummary(event); }, 2000);
                    };
                })(event));
            });
    	}
    })(AEC.summary);
    
</script><script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

    if ('undefined' !== typeof AEC && AEC.GA4)
    {
    	AEC.GA4.enabled = true;

    	    	
    	AEC.GA4.conversion_event = "purchase";

    	    	
    	AEC.GA4.currency = "GBP";

    	    	
    	AEC.GA4.quote = [];
    }
    
</script><script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

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

	
		
	var dataLayerTransport = (function()
	{
		var data = [];
		
		return {
			data:[],
			push: function(data)
			{
				this.data.push(data);
				
				return this;
			},
			serialize: function()
			{
				return this.data;
			}
		}	
	})();
	
</script><script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

	/* Dynamic remarketing */
	window.google_tag_params = window.google_tag_params || {};

	/* Default pagetype */
	window.google_tag_params.ecomm_pagetype = 'home';

	/* Grouped products collection */
	window.G = [];

	/**
	 * Global revenue 
	 */
	window.revenue = 0;

	/**
	 * DoubleClick
	 */
	window.DoubleClick = 
	{
		DoubleClickRevenue:	 	0,
		DoubleClickTransaction: 0,
		DoubleClickQuantity: 	0
	};
	
	
	AEC.Cookie.visitor({"visitorLoginState":"Logged out","visitorLifetimeValue":0,"visitorExistingCustomer":"No","visitorType":"NOT LOGGED IN","currentStore":"Gaugemaster Store"}).push(dataLayer, false);

		
	dataLayer.push({ pageType: "home"});
	
</script>

<!-- Google Tag Manager --><script nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">(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.nonce='Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=';j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KVN2QSN');</script><!-- End Google Tag Manager -->
<script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

    	
</script>
<script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">AEC.Bind.apply({"performance":false})</script>
    <link rel="stylesheet" type="text/css" href="https&#x3A;&#x2F;&#x2F;www.gaugemasterretail.com&#x2F;static&#x2F;version1750862438&#x2F;frontend&#x2F;Gaugemaster&#x2F;default&#x2F;en_GB&#x2F;Ebizmarts_BrippoPayments&#x2F;css&#x2F;brippo.css"/>
    <script src="https://js.stripe.com/v3/"></script>
    <script src="https&#x3A;&#x2F;&#x2F;www.gaugemasterretail.com&#x2F;static&#x2F;version1750862438&#x2F;frontend&#x2F;Gaugemaster&#x2F;default&#x2F;en_GB&#x2F;Ebizmarts_BrippoPayments&#x2F;js&#x2F;payments&#x2F;brippo.min.js"></script>
    <script src="https&#x3A;&#x2F;&#x2F;www.gaugemasterretail.com&#x2F;static&#x2F;version1750862438&#x2F;frontend&#x2F;Gaugemaster&#x2F;default&#x2F;en_GB&#x2F;Ebizmarts_BrippoPayments&#x2F;js&#x2F;payments&#x2F;express-checkout-element.min.js"></script>




<script data-rocketjavascript="false">
    var MagefanWebP = {

        _canUseWebP: null,

        getUserAgentInfo: function(){
            try {
                var ua = navigator.userAgent,
                    tem,
                    M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
                if (/trident/i.test(M[1])) {
                    tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
                    return ['IE', (tem[1] || '')];
                }
                if (M[1] === 'Chrome') {
                    tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
                    if (tem != null) {
                        tem = tem.slice(1);
                        tem[0] = tem[0].replace('OPR', 'Opera');
                        return tem;
                    }
                }
                M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
                if ((tem = ua.match(/version\/(\d+)/i)) != null) M.splice(1, 1, tem[1]);
                return M;
            } catch (e) {
                return ['', 0];
            }
        },

        canUseWebP: function(){

            
            if (null !== this._canUseWebP){
                return this._canUseWebP;
            }

            try {
                var elem = document.createElement('canvas');
                if (!!(elem.getContext && elem.getContext('2d'))) {
                    var r = (elem.toDataURL('image/webp').indexOf('data:image/webp') == 0);
                    if (!r) {
                        var ua = this.getUserAgentInfo();
                        if (ua && ua.length > 1) {
                            ua[0] = ua[0].toLowerCase();
                            if ('firefox' == ua[0] && parseInt(ua[1]) >= 65) {
                                this._canUseWebP = true;
                                return this._canUseWebP;
                            }
                            if ('edge' == ua[0] && parseInt(ua[1]) >= 18) {
                                this._canUseWebP = true;
                                return this._canUseWebP;
                            }
                            if ('safari' == ua[0]) {
                                if (navigator.platform.includes('Mac')) {
                                    if (parseInt(ua[1]) >= 16) {
                                        this._canUseWebP = true;
                                    }
                                } else {
                                    if (parseInt(ua[1]) >= 15) {
                                        this._canUseWebP = true;
                                    }
                                }

                                return this._canUseWebP;
                            }
                        }
                    }

                    this._canUseWebP = r;
                    return this._canUseWebP;
                }
                this._canUseWebP = false;
                return this._canUseWebP;
            } catch (e) {
                console.log(e);
                this._canUseWebP = false;
                return this._canUseWebP;
            }
        },

        getOriginWebPImage: function(src) {
            if (src.indexOf('mf_webp') == -1) {
                return src;
            }

            var $array = src.split('/');
            var $imageFormat = '';

            for (var i = 0; i < $array.length; i++) {
                if ($array[i] == "mf_webp") {
                    $imageFormat = $array[i + 1];
                    $array.splice(i, 3);
                    break;
                }
            }
            src = $array.join('/');
            return src.replace('.webp', '.' + $imageFormat);
        },

        getWebUrl: function (imageUrl) {
            /* @var string */
            imageUrl = imageUrl.trim();
            var baseUrl = 'https://www.gaugemasterretail.com/';
            var imageFormat = imageUrl.split('.').pop();

            if ('webp' === imageFormat) {
                return imageUrl;
            }

            var mediaBaseUrl = 'https://www.gaugemasterretail.com/media/';
            var staticBaseUrl = 'https://www.gaugemasterretail.com/static/';

            if (imageUrl.indexOf(mediaBaseUrl) == -1 && imageUrl.indexOf(staticBaseUrl) == -1) {
                return false;
            }

            var imagePath = imageUrl;
            imagePath = imagePath.replace(mediaBaseUrl, 'media/');
            imagePath = imagePath.replace(staticBaseUrl, 'static/');
            imagePath = imagePath.replace(baseUrl + 'pub/media/', 'media/');
            imagePath = imagePath.replace(baseUrl + 'pub/static/', 'static/');
            imagePath = imagePath.replace(/\.(jpg|jpeg|png|JPG|JPEG|PNG|gif|GIF)/i, '.webp');
            imagePath = mediaBaseUrl + 'mf_webp/' + imageFormat + '/' + imagePath;
            imagePath = imagePath.replace('%20', ' ');
            imagePath = imagePath.replace(/version\d{10}\//g, '');
            return imagePath;
        }
    };

    /* MagicToolboxContainer Fix */
    function MagefanWebPMagicToolboxContainerFix()
    {
        if (!MagefanWebP.canUseWebP()) {
            (function(){
                var i;
                var els = document.querySelectorAll(".MagicToolboxContainer a, .MagicToolboxContainer img");
                if (!els) return;
                var el;
                for (i=0; i<els.length; i++) {
                    el = els[i];
                    if (el.href) {
                        el.href = MagefanWebP.getOriginWebPImage(el.href);
                    }

                    if (el.getAttribute('webpimg')) {
                        el.src = MagefanWebP.getOriginWebPImage(el.getAttribute('webpimg'));
                    } else {
                        if (el.src) {
                            el.src = MagefanWebP.getOriginWebPImage(el.src);
                        }
                    }

                    if (el.dataset && el.dataset.image) {
                        el.dataset.image = MagefanWebP.getOriginWebPImage(el.dataset.image);
                    }

                }
            })();
        } else {
            replacePixelMagicToolbox();
            checkIfPixelReplaced();
        }
    }

    function replacePixelMagicToolbox() {
        (function() {
            var i, els = document.querySelectorAll(".MagicToolboxContainer img");

            if (!els) return;
            var el;

            for (i=0; i<els.length; i++) {
                el = els[i];

                if (el.getAttribute('webpimg')) {
                    el.src = el.getAttribute('webpimg');
                }
            }
        })();
    }

    function checkIfPixelReplaced() {
        var intervalCounter = 0,
            waitForMagicToolbox = setInterval(function() {
                if (document.querySelectorAll('figure img[src$="/p.jpg"]').length) {
                    replacePixelMagicToolbox();
                    clearInterval(waitForMagicToolbox);
                }

                if (intervalCounter > 10) {
                    clearInterval(waitForMagicToolbox);
                }

                intervalCounter++;
            }, 500);
    }

    document.addEventListener("DOMContentLoaded", function(){
        if (!MagefanWebP.canUseWebP()) {
            document.body.className += ' no-webp ';

            (function(){
                var i;
                var els = document.querySelectorAll('a[href$=".webp"]');
                if (!els) return;
                var el;
                for (i=0; i<els.length; i++) {
                    el = els[i];
                    if (el.href) {
                        el.href = MagefanWebP.getOriginWebPImage(el.href);
                    }
                }
            })();

        } else {
            document.body.className += ' webp-supported ';
        }
    });
</script>
<script>
    document.addEventListener("DOMContentLoaded", function(e){
        if (!MagefanWebP.canUseWebP()) {
            /* Replace some custom webp images with original one if webp is not supported */
            /* Can add <a> tag in future as well */
            setInterval(function(){
                document.querySelectorAll("img[src$='.webp']:not(.no-origin-webp-img)").forEach(function(el){
                    var scr = el.getAttribute('src');
                    var newScr = MagefanWebP.getOriginWebPImage(scr);

                    if (scr != newScr) {
                        el.setAttribute('src', newScr);
                    } else {
                        el.classList.add('no-origin-webp-img');
                    }
                });

            }, 1000);
        }

        function processLazyPictureImg(img)
        {
            var src = img.getAttribute('src');
            var keys = ['original', 'src', 'lazyload'];
            var original, _original;
            for (var i=0;i<keys.length;i++) {
                _original = img.getAttribute('data-' + keys[i]);
                if (_original) {
                    original = _original;
                    break;
                }
            }
            if (original == src) {

                if (img.getAttribute('data-mf-lazy-picture-img')) return;
                img.setAttribute('data-mf-lazy-picture-img', 1);


                img.parentElement.querySelectorAll('source').forEach(function(el){
                    var srcset = el.getAttribute('srcset');
                    var originalset = el.getAttribute('data-originalset');
                    if (originalset && (originalset != srcset)) {
                        el.setAttribute('srcset', originalset);
                        el.classList.remove('lazyload');
                    }
                });

                var lazyLoader = img.closest('.lazy-loader');
                if (lazyLoader) {
                    lazyLoader.classList.remove('lazy-loader');
                }

                document.querySelectorAll("picture img[src='"+src+"']").forEach(function(img){
                    processLazyPictureImg(img);
                });

            }
        }

        document.querySelectorAll('picture img[data-original],picture img[data-src],picture img[data-lazyload]').forEach(function(el){
            el.addEventListener('load', function(e){
                processLazyPictureImg(e.target);
            });
            processLazyPictureImg(el);
        });
    });
</script>
<style>
    picture.mfwebp source.lazyload,
    picture.mfwebp source.lazy {background:none;content:none;}
</style>
<link rel="preconnect" href="https://www.google.com">
<link rel="preconnect" href="https://www.gstatic.com" crossorigin>
<!-- Structured Data by outer/edge (https://outeredge.agency) -->
<script type="application/ld+json" id="structured-data">
{
    "@context": "https://schema.org/",
    "@type": "WebSite",
    "publisher": {
        "@type": "Organization",
        "name": "Gaugemaster",
        "url": "https://www.gaugemasterretail.com/",
        "logo": {
            "@type": "ImageObject",
            "url": "https://www.gaugemasterretail.com/media/logo/stores/1/logo_3-optimized_1.png"
        }
    }
                ,"name": "Gaugemaster | The Model Shop for Big Imaginations"
    ,"description": "Gaugemaster are one of Europe’s biggest suppliers of model and hobby products, based near Arundel, West Sussex, UK. As well as our vast shop, we are mail order experts and would be delighted to supply you with all your model and hobby requirements. We are family owned and have been doing it for over 40 years and with fully trained staff, most of whom are modellers themselves, you couldn’t make a better choice."
    }
</script>
<script>
    var BASE_URL = 'https://www.gaugemasterretail.com/';
    var THEME_PATH = 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB';
    var COOKIE_CONFIG = {
        "expires": null,
        "path": "\u002F",
        "domain": ".www.gaugemasterretail.com",
        "secure": true,
        "lifetime": "3600",
        "cookie_restriction_enabled": false    };
    var CURRENT_STORE_CODE = 'gm_main';
    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) => {
            // Parse the content and extract the DOM node using the `targetSelector`
            const parser = new DOMParser();
            const doc = parser.parseFromString(content, 'text/html');
            const contentNode = doc.querySelector(targetSelector);

            // Bail if content or target can't be found
            if (!contentNode || !document.querySelector(targetSelector)) {
                return;
            }

                        hyva.activateScripts(contentNode);
            
            // Replace the old DOM node with the new content
            document.querySelector(targetSelector).replaceWith(contentNode);

            // Reload customerSectionData and display cookie-messages if present
            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) => {
            // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM.
            const scripts = Array.from(contentNode.getElementsByTagName('script'));

            // Iterate over all script tags to duplicate+inject each into the head
            for (const original of scripts) {
                const script = document.createElement('script');
                original.type && (script.type = original.type);
                script.innerHTML = original.innerHTML;

                // Remove the original (non-executing) script from the contentNode
                original.parentNode.removeChild(original)

                // Add script to head
                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]}, // @deprecated This does not work with non-CSP Alpine
                    ['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>
<link rel="canonical" href="https://www.gaugemasterretail.com" />
<script>
    window.addEventListener('load', function () {
        window.magentoStorefrontEvents = magentoStorefrontEvents;
        magentoStorefrontEvents.context.setStorefrontInstance(
            {"storeUrl":"https:\/\/www.gaugemasterretail.com\/","websiteId":1,"websiteCode":"base","storeId":1,"storeCode":"gaugemaster_store","storeViewId":1,"storeViewCode":"gm_main","websiteName":"Main Website","storeName":"Gaugemaster Store","storeViewName":"Gaugemaster Store","baseCurrencyCode":"GBP","storeViewCurrencyCode":"GBP","catalogExtensionVersion":"103.4.5","environmentId":"a44aa947-ce77-436e-b8ff-0b53298f06e2","environment":"Production","storefrontTemplate":"Hyva"}        );
        magentoStorefrontEvents.context.setMagentoExtension({
            magentoExtensionVersion: "7.7.0",
        });
        magentoStorefrontEvents.context.setDataServicesExtension({
            version: "7.7.0",
        });
        magentoStorefrontEvents.context.setPage({
            pageType: "Default"
        });
        magentoStorefrontEvents.context.setContext("pageExtended", {
            action: "page-view"
        });

        let shopperId = "guest";
        magentoStorefrontEvents.context.setShopper({ shopperId: shopperId });

        
        magentoStorefrontEvents.publish.pageView();
    });

    function getCustomerIdFromDataServices() {
        let customerId = hyva.getCookie("dataservices_customer_id");
        return customerId ? decodeURI(customerId).replace(/[^\w\s]/gi, "") : null;
    }

    function getCustomerGroupFromDataServices() {
        try {
            const decodedString = decodeURIComponent(hyva.getCookie("dataservices_customer_group"));
            return decodedString ? JSON.parse(decodedString) : null;
        } catch (error) {
            console.error("Failed to parse customer group data:", error);
            return null;
        }
    }
</script>

<script>
    window.addEventListener('DOMContentLoaded', () => {
        if (window._amSwiperLoaded) {
            return;
        }

        // Load Swiper script asynchronously
        const script = document.createElement('script');
        script.src = 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Amasty_ShopByBrandHyvaCompatibility/js/swiper.min.js';
        script.async = true;
        document.body.appendChild(script);

        window._amSwiperLoaded = true;

        script.onload = () => {
            // Dispatch custom event when Swiper is loaded
            window.dispatchEvent(new CustomEvent('amSwiperLoaded', {}));
        }

        // Load Swiper CSS file
        const styles = document.createElement('link');
        styles.rel = 'stylesheet';
        styles.href = 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Amasty_ShopByBrandHyvaCompatibility/css/swiper.min.css';

        document.head.appendChild(styles);
    });
</script>
<style>
	.ec-gtm-cookie-directive > div { background: #ffffff; color: #000000; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;  }
	.ec-gtm-cookie-directive > div > div > div a.action.accept,
    .ec-gtm-cookie-directive > div > div > div a.action.accept-all { color: #000000; }
	.ec-gtm-cookie-directive > div > div > div a.action.refuse,
    .ec-gtm-cookie-directive > div > div > div a.action.customize { color: #000000; }
	.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note-toggle { color: #000000; }
    .ec-gtm-cookie-directive-segments { background: #ffffff; }
    .ec-gtm-cookie-directive-segments > div input[type="checkbox"] + label:before { border:1px solid #000000; }  
</style></head>
<body id="html-body" ontouchstart="() => {}" class="cms-home-retail cms-index-index page-layout-1column">
<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KVN2QSN"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --><input name="form_key" type="hidden" value="GBbZjPr0bU8a6oDc" /><div class="page-wrapper"><header class="page-header"><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 type="application/javascript" async
 src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=SwtsVj"></script>
<div x-data="initKlaviyoCustomerTracking()"
     @private-content-loaded.window="sendCustomerDataToKlaviyo(event.detail.data)"></div>
    <script>
        function initKlaviyoCustomerTracking() {
            return {
                sendCustomerDataToKlaviyo(data) {
                    const _learnq = window._learnq || [];
                    const customer = data.customer;

                    if (customer && customer.email) {
                        _learnq.push(['identify', {
                            $email: customer.email,
                            $first_name: customer.firstname ? customer.firstname : '',
                            $last_name:  customer.lastname ? customer.lastname : ''
                        }]);
                    }
                }
            }
        }
    </script>
<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 class="hidden md:block">
    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="top-head bg-primaryNew py-3">
<div class="container px-4 mx-auto">
    <ul class="flex text-white lg:text-lg md:text-sm text-sm font-medium justify-between">
    <li><a href="https://www.gaugemasterretail.com/about-us" class="hover:text-black px-2">About Us</a></li>
    <li><a href="https://www.gaugemasterretail.com/howto" class="hover:text-black px-2">Visit Our Shop</a></li>
    <li><a href="https://www.gaugemasterretail.com/railcam" class="hover:text-black px-2">Railcam</a></li>
    <li><a href="https://www.gaugemasterretail.com/events" class="hover:text-black px-2">Events</a></li>
    <li><a href="https://www.gaugemasterretail.com/faqs" class="hover:text-black px-2">FAQs</a></li>
    <li><a href="https://www.gaugemasterretail.com/knowledge/index" class="hover:text-black px-2">Knowledge Base</a></li>
    <li><a href="https://www.gaugemasterretail.com/gaugemaster-infinity" class="hover:text-black px-2">Infinity</a></li>
    <li><a href="https://www.gaugemasterretail.com/contact" class="hover:text-black px-2">Contact Us</a></li>
    </ul>
</div>
</div>
</div></div>
<div id="header"
     class="bg-white relative z-30 w-full"
     x-data="initHeader()"
     @private-content-loaded.window="getData(event.detail.data)"
>
    <div class="xl:container flex flex-wrap items-center justify-between w-full xl:px-6 p-2 py-4 mx-auto mt-0 main-header">
        <!--Logo-->
        <div class="order-1 sm:order-2 lg:order-1 pb-2 lg:w-auto w-[130px] sm:pb-0 lg:pl-0 pl-10">
    <a
        class="flex items-center justify-center text-xl font-medium tracking-wide text-gray-800
            no-underline hover:no-underline font-title"
        href="https://www.gaugemasterretail.com/"
        aria-label="Go&#x20;to&#x20;Home&#x20;page"
    >
        <picture class="mfwebp">                <source             width="146"            height="114"         type="image/webp" srcset="https://www.gaugemasterretail.com/media/mf_webp/png/media/logo/stores/1/logo_3-optimized_1.webp">                 <img            src="https://www.gaugemasterretail.com/media/logo/stores/1/logo_3-optimized_1.png"            alt="Gaugemaster"            width="146"            height="114"        /></picture>
            </a>
</div>
        <!--Search-->
        <div class="flex item-center order-3 lg:order-2 lg:w-[630px] w-full mt-3 lg:mt-0">
            <div class="relative z-10 w-full "
                id="search-content"

                @click.outside="searchOpen = true"
                @keydown.escape="
                    searchOpen = true;
                    $refs.searchButton.focus();
                "
            >
                <div x-data="initLiveSearch()" x-init="initPopover()" @close-search.window="handlePopover(false)"
     @open-search.window="handlePopover(true)">
    <div class="container py-2 mx-auto text-black">
        <form class="form minisearch"
              id="search_mini_form"
              action="https://www.gaugemasterretail.com/catalogsearch/result/"
              method="get"
        >
            <div>
                <div class="relative group">
                    <div class="flex">
                        <label class="hidden" for="search" data-role="minisearch-label">
                            <span>Search</span>
                        </label>
                        <input id="search"
                               class="w-full p-2 text-lg leading-normal transition appearance-none text-grey-800 focus:outline-none focus:border-transparent lg:text-xl"
                               type="text"
                               x-model="queryPhrase"
                               name="q"
                               value=""
                               placeholder="Search&#x20;entire&#x20;store&#x20;here..."
                               maxlength="256"
                               role="combobox"
                               aria-haspopup="false"
                               aria-autocomplete="both"
                               autocomplete="off"
                               aria-expanded="false"
                               @input="getProducts(); $nextTick(() => this.searchOpen = true);"
                               @click.away="searchOpen = false"
                        />
                    </div>
                    <div class="absolute flex-col z-50 shadow-xl mt-1 bg-white w-full search-autocomplete"
                         :class="{ 'block': searchOpen, 'hidden': !searchOpen }" x-show="true">
                        <div class="flex">
                            <template x-if="liveSearchSuggestions.length >= 1 && queryPhrase !== ''">
                                <div>
                                    <h1 class="font-bold p-4 pb-2 pt-6">
                                        Suggestions                                    </h1>
                                    <div class="grid grid-cols-1">
                                        <template x-for="suggestion in liveSearchSuggestions">
                                            <button x-text="suggestion" @click="searchSuggestion(suggestion)"
                                                    type="button"
                                                    class="p-2 text-left m-1 ml-2 hover:bg-gray-200"></button>
                                        </template>
                                    </div>
                                </div>
                            </template>
                            <template x-if="liveSearchProducts.length >= 1 && queryPhrase !== ''">
                                <div class="grid grid-cols-2 gap-x-8 gap-y-2 mr-8 pl-4 pt-14">
                                    <template x-for="product in liveSearchProducts">
                                        <a class="flex p-2 hover:bg-gray-200 cursor-pointer"
                                           @click="handleProductClick(product)">
                                            <div class="w-12 h-12">
                                                <img :src="product.image" :alt="product.name"/>
                                            </div>
                                            <div class="flex-col ml-4">
                                                <div x-text="product.name" class="font-bold"></div>
                                                <div class="flex">
                                                    <div x-text="window.hyva.formatPrice(product.price)"></div>
                                                </div>
                                            </div>
                                        </a>
                                    </template>
                                </div>
                            </template>
                        </div>
                        <template x-if="liveSearchProducts.length >= 1 && queryPhrase !== ''">
                            <button class="bg-gray-100 hover:bg-gray-200 w-full p-2 text-sm hover:font-semibold
                                       mt-4 text-center" type="submit">
                                View All                            </button>
                        </template>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<script>
    function initLiveSearch() {

        'use strict';

        return {
            queryPhrase: '',
            liveSearchProducts: [],
            liveSearchSuggestions: [],
            searchOpen: false,
            search: null,
            searchId: "a44aa947-ce77-436e-b8ff-0b53298f06e2_" +
                "base_" +
                "gaugemaster_store_" +
                "gm_main",

            initPopover() {
                this.search = this.buildSearch();
                this.initTogglePopover();
            },

            buildSearch() {
                window.magentoStorefrontEvents.context.setSearchExtension({
                    version: "4.3.0"
                });
                return new MagentoLiveSearch({
                    environmentId: "a44aa947-ce77-436e-b8ff-0b53298f06e2",
                    websiteCode: "base",
                    storeCode: "gaugemaster_store",
                    storeViewCode: "gm_main",
                    apiKey: "search_gql",
                });
            },

            // this will open the popover, whenever the search-input has focus
            initTogglePopover() {
                const popover = document.getElementById('search');

                popover.addEventListener('focus', () => {
                    this.searchOpen = true;
                });
            },

            handlePopover(toggleValue) {
                this.searchOpen = toggleValue;
            },

            handleProductClick(product) {

                window.magentoStorefrontEvents.context.setSearchResults(
                    window.magentoStorefrontEvents.context.getSearchResults()
                );

                window.magentoStorefrontEvents.publish.searchProductClick("search-bar", `${product.sku}`);

                // Timeout to prevent submission before event has fired.
                setTimeout(() => window.location.href = product.url, 500);
            },

            // this will submit the form with the clicked suggestion as the search-phrase
            searchSuggestion(suggestion, event) {
                document.getElementById('search').value = suggestion;
                document.getElementById('search_mini_form').submit();
            },

            // get products from fetch-request and update liveSearchProducts and liveSearchSuggestions
            async getProducts() {
                this.searchOpen = true;
                const result = await this.getLiveSearchProducts();
                let products = [];

                this.liveSearchProducts = result.data.productSearch.items.map(item => ({
                    name: item.product.name,
                    price: item.product.price_range.maximum_price.regular_price.value,
                    currency: item.product.price_range.maximum_price.regular_price.currency,
                    image: item.product.image ? item.product.image.url : 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Magento_Catalog/images/product/placeholder/small_image.jpg',
                    url: item.product.canonical_url,
                    id: item.product.id,
                    sku: item.product.sku
                }));

                this.liveSearchSuggestions = result.data.productSearch.suggestions;
                //search-results-view
            },

            // retrieve products from magento live search service
            async getLiveSearchProducts() {
                this.searchRequestId = Math.random().toString(16).slice(2);

                if (!this.search) {
                    return [];
                }

                const searchCtx = {
                    units: [{
                        searchUnitId: "search-bar",
                        queryTypes: ["products"],
                        phrase: this.queryPhrase,
                        currentPage: 1,
                        pageSize: 3,
                        filter: [],
                        sort: [{attribute: "relevance", direction: "DESC"}],
                        searchRequestId: this.searchRequestId
                    }]
                };

                window.magentoStorefrontEvents.context.setSearchInput(searchCtx);
                window.magentoStorefrontEvents.publish.searchRequestSent("search-bar");

                const before = Date.now();

                const result = await this.search.productSearch({
                    phrase: this.queryPhrase,
                    data: {
                        products: true,
                        facets: true,
                        suggestions: true
                    }
                });

                const after = Date.now();

                const productItems = result.data.productSearch.items || [];
                const suggestions = result.data.productSearch.suggestions || [];
                const facets = result.data.productSearch.facets || [];

                const formattedProductItems = productItems.map((item, key) => ({
                    name: item.product.name,
                    sku: item.product.sku,
                    url: item.product.canonical_url,
                    imageUrl: item.product.image ? item.product.image.url : 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Magento_Catalog/images/product/placeholder/small_image.jpg',
                    price: item.product.price_range.minimum_price.final_price.value,
                    rank: key,
                }));

                const formattedSuggestions = suggestions.map((item, key) => ({
                    suggestion: item,
                    rank: key,
                }));

                const formattedFacets = facets.map((facet) => ({
                    attribute: facet.attribute,
                    title: facet.title,
                    type: facet.type || "PINNED",
                    buckets: facet.buckets.map((bucket) => bucket),
                }));

                const searchCtxUpdated = {
                    units: [{
                        searchUnitId: "search-bar",
                        searchRequestId: this.searchRequestId,
                        executionTime: after - before,
                        products: formattedProductItems,
                        categories: [],
                        suggestions: formattedSuggestions,
                        page: result.data.productSearch.page_info.current_page,
                        perPage: result.data.productSearch.page_info.page_size,
                        facets: formattedFacets
                    }]
                };

                window.magentoStorefrontEvents.context.setSearchResults(searchCtxUpdated);
                window.magentoStorefrontEvents.publish.searchResponseReceived("search-bar");

                return result;
            }
        }
    }
</script>

            </div>
            <!--Search Icon-->
            <button
                id="menu-search-icon"
                class="inline-block no-underline h-12 hover:text-black bg-primaryNew text-white px-6 rounded-r-full overlflow-hidden"
                @click.prevent="
                    searchOpen = !searchOpen;
                    $dispatch('search-open');
                "
                aria-label="Toggle&#x20;search&#x20;form"
                aria-haspopup="true"
                :aria-expanded="searchOpen"
                x-ref="searchButton"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 md:h-6 md:w-6 hover:text-black" width="25" height="25" 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>
        <div class="flex items-center order-2 lg:order-3">
            <!--Compare Icon-->
            <a id="compare-link"
               class="relative invisible inline-block mx-1 no-underline sm:ml-3 hover:text-black hidden"
               :class="{ 'invisible': !(itemCount > 0) }"
               href="https://www.gaugemasterretail.com/catalog/product_compare/index/"
               title="Compare Products"
               x-data="initCompareHeader()"
               @private-content-loaded.window="receiveCompareData($event.detail.data)"
            >
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-8 h-8 md:h-6 md:w-6 hover:text-black" width="25" height="25" role="img">
  <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"/>
<title>scale</title></svg>

                <span class="sr-only label">
                   Compare Products                </span>

                <span class="absolute top-0 right-0 h-5 px-2 py-1 -mt-5 -mr-4 text-xs font-semibold
                    leading-none text-center text-white uppercase transform -translate-x-1
                    translate-y-1/2 bg-yellow-500 rounded-full"
                >
                    <span x-text="itemCount"></span>
                    <span x-show="itemCount === 1" class="sr-only">
                        item                    </span>
                    <span x-show="itemCount > 1" class="sr-only">
                        items                    </span>
                </span>
            </a>

            <!--Customer Icon & Dropdown-->
            
<div
    class="relative inline-block ml-1 sm:ml-3"
    x-data="{ open: false }"
    @keyup.escape="open = false"
>
    <button
        type="button"
        id="customer-menu"
        class="block hover:text-black"
        @click="open = !open"
        @click.outside="open = false"
        :aria-expanded="open ? 'true' : 'false'"
        aria-label="My&#x20;Account"
        aria-haspopup="true"
    >
                    <svg xmlns="http://www.w3.org/2000/svg" class="md:w-7 md:h-7 w-6 h-6 fill-current" fill="current" viewBox="0 0 23.855 26.334">
                <g id="Group_163" data-name="Group 163" transform="translate(-1297.5 -111.5)">
                    <path id="Path_61" data-name="Path 61" d="M14.062,13.924a6.662,6.662,0,1,1,6.662-6.662A6.659,6.659,0,0,1,14.062,13.924Zm0-12.536a5.786,5.786,0,1,0,5.786,5.786A5.78,5.78,0,0,0,14.062,1.389Z" transform="translate(1295.246 111.4)" stroke="#000" stroke-width="1"/>
                    <path id="Path_71" data-name="Path 71" d="M24.717,27.956H2.1v-.438A11.5,11.5,0,0,1,14.022,17,11.384,11.384,0,0,1,24.541,27.518ZM3.064,27.08h20.6a10.472,10.472,0,0,0-9.643-9.2A10.6,10.6,0,0,0,3.064,27.08Z" transform="translate(1295.9 109.378)" stroke="#000" stroke-width="1"/>
                </g>
            </svg>
        
            </button>
    <nav
        class="
            absolute right-0 z-20 w-40 py-2 mt-2 -mr-4 px-1 overflow-auto origin-top-right rounded-sm
            shadow-lg sm:w-48 lg:mt-3 bg-container-lighter
        "
        x-cloak
        x-show="open"
        aria-labelledby="customer-menu"
        @click.outside="open = false"
    >
                    
<a id="customer.header.sign.in.link"
   class="block px-4 py-2 lg:px-5 lg:py-2 hover:bg-gray-100"
   onclick="hyva.setCookie && hyva.setCookie(
       'login_redirect',
       window.location.href,
       1
   )"
   href="https://www.gaugemasterretail.com/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 hover:bg-gray-100"
       href="https://www.gaugemasterretail.com/customer/account/create/"
       title="Create&#x20;an&#x20;Account"
    >
        Create an Account    </a>
            </nav>
</div>

            <!--Cart Icon-->
                            <button
                            id="menu-cart-icon"
                class="relative inline-block ml-3 no-underline sm:ml-4 hover:text-black focus:outline-none xl:mr-0 mr-2 "
                x-ref="cartButton"
                :aria-disabled="isCartEmpty()"
                title="Cart"
                                    @click.prevent.stop="() => {
                        $dispatch('toggle-cart', { isOpen: true })
                    }"
                    @toggle-cart.window="toggleCart($event)"
                    :aria-expanded="isCartOpen"
                    aria-haspopup="dialog"
                            >
                <span
                    class="sr-only label"
                    x-text="`
                        Toggle minicart,
                        ${isCartEmpty() ?
                        'Basket is empty' :
                        hyva.str(
                            'You have %1 product%2 in your cart.',
                            cart.summary_count,
                            cart.summary_count === 1 ? '' : 's'
                        )}`
                    "
                >
                </span>

                                <svg xmlns="http://www.w3.org/2000/svg" class="md:w-7 md:h-7 w-6 h-6" viewBox="0 0 25.405 27.276">
                    <g id="Group_160" data-name="Group 160" transform="translate(-1344.441 -110.482)">
                        <path id="Path_4" data-name="Path 4" d="M7,9.711,6.2,9.6A12.888,12.888,0,0,1,7.322,5.271,7.765,7.765,0,0,1,11.649.83a5.229,5.229,0,0,1,5.289,1.11,9.7,9.7,0,0,1,2.4,3.33A12.818,12.818,0,0,1,20.385,9.6l-.8.111a10.915,10.915,0,0,0-.962-3.885A8.19,8.19,0,0,0,16.538,2.94a4.689,4.689,0,0,0-4.728-1A6.778,6.778,0,0,0,7.963,5.826,9.855,9.855,0,0,0,7,9.711Z" transform="translate(1343.906 110.476)" stroke="#000" stroke-width="1"/>
                        <path id="Path_5" data-name="Path 5" d="M25.887,25.937H1.6L3.594,8.2h20.3ZM2.6,25.1H24.89L23.077,9.033H4.409Z" transform="translate(1343.4 111.321)" stroke="#000" stroke-width="1"/>
                    </g>
                </svg>

                <span
                    x-text="cart.summary_count"
                    x-show="!isCartEmpty()"
                    x-cloak
                    class="absolute top-0 lg:right-0 right-2 h-5 px-2 py-1 -mt-5 -mr-4 text-xs font-semibold
                        leading-none text-center text-white uppercase transform -translate-x-1
                        translate-y-1/2 rounded-full bg-black" aria-hidden="true"></span>
                            </button>
            
        </div>
    </div>

    <!--Main Navigation-->
    <div x-data="initMenuDesktop_685c151f921af()"
     class="z-20 order-2 sm:order-1 lg:order-2 navigation hidden lg:flex border-t border-[#B5B5B5]"
>
    <!-- desktop -->
    <div class="xl:container mx-auto w-full px-2">
    <div x-ref="nav-desktop"
         @load.window="setActiveMenu($root)"
         class="hidden lg:block lg:relative lg:min-h-0 lg:w-auto lg:pt-0"
    >
        <nav aria-label="Main&#x20;menu"  class="duration-150 ease-in-out transform w-auto relative min-h-0 transition-display">
            <ul class="flex justify-between">
                                                        <li class="level-0 flex items-center ransition transition-colors duration-500 group "
                         @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height"
                    >
                        <a href="https://www.gaugemasterretail.com/gaugemaster.html"
                           @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height"
                           title="Gaugemaster"
                           class="level-0 block relative group xl:px-3 px-2 py-3  font-medium text-black xl:text-base text-sm hover:text-primaryNew  whitespace-nowrap">
                            <span>Gaugemaster</span>
                                                            <span class="inline items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 inline" width="25" height="25" 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>
                                </span>
                                                        <div class="megamenu-arrow absolute -bottom-2 left-0 right-0 mx-auto w-4 h-4 hidden group-hover:block">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10">
                                <path id="Polygon_1" data-name="Polygon 1" d="M9,0l9,10H0Z" fill="#f37b20"/>
                            </svg>

                            </div>
                        </a>
                                                    <div class="absolute left-0 top-full z-10 -mt-3 w-full bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto"
                                 :style="`margin-top: 0; top: ${hoverTopPosition}px;`"
                            >
                                <div class="flex justify-between mt-4 shadow-md  max-h-[550px] overflow-auto">
                                                                        <div class="mx-auto w-full">
                                        <ul class="flex-1 block itemwrap columns-4 break-inside-avoid  gap-y-4- gap-x-8 p-6 custom-sub-menu">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/analogue-control.html"
                                                           title="Analogue&#x20;Control"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Analogue Control                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/digital-dcc-control.html"
                                                           title="Digital&#x20;&#x28;DCC&#x29;&#x20;Control"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Digital (DCC) Control                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/electrics.html"
                                                           title="Electrics"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Electrics                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/collection.html"
                                                           title="Collection"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Collection                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/highways.html"
                                                           title="Highways"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Highways                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/infinity-control.html"
                                                           title="Infinity&#x20;Control"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Infinity Control                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/kestrel.html"
                                                           title="Kestrel"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Kestrel                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/scenics.html"
                                                           title="Scenics"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Scenics                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/seep.html"
                                                           title="Seep"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Seep                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/structures.html"
                                                           title="Structures"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Structures                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/tiny-signs.html"
                                                           title="Tiny&#x20;Signs"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Tiny Signs                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/tools.html"
                                                           title="Tools"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Tools                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/track.html"
                                                           title="Track"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Track                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/gaugemaster/train-tech.html"
                                                           title="Train&#x20;Tech"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Train Tech                                                        </a>
                                                        </li>
                                                    
                                                                                    </ul>
                                    </div>
                                                                    </div>
                            </div>
                                            </li>
                                                        <li class="level-0 flex items-center ransition transition-colors duration-500 group "
                         @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height"
                    >
                        <a href="https://www.gaugemasterretail.com/model-railways.html"
                           @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height"
                           title="Model&#x20;Railways"
                           class="level-0 block relative group xl:px-3 px-2 py-3  font-medium text-black xl:text-base text-sm hover:text-primaryNew  whitespace-nowrap">
                            <span>Model Railways</span>
                                                            <span class="inline items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 inline" width="25" height="25" 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>
                                </span>
                                                        <div class="megamenu-arrow absolute -bottom-2 left-0 right-0 mx-auto w-4 h-4 hidden group-hover:block">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10">
                                <path id="Polygon_1" data-name="Polygon 1" d="M9,0l9,10H0Z" fill="#f37b20"/>
                            </svg>

                            </div>
                        </a>
                                                    <div class="absolute left-0 top-full z-10 -mt-3 w-full bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto"
                                 :style="`margin-top: 0; top: ${hoverTopPosition}px;`"
                            >
                                <div class="flex justify-between mt-4 shadow-md  max-h-[550px] overflow-auto">
                                                                        <div class="mx-auto w-full">
                                        <ul class="flex-1 block itemwrap columns-4 break-inside-avoid  gap-y-4- gap-x-8 p-6 custom-sub-menu">
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge.html"
                                                       title="OO&#x20;Gauge"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        OO Gauge                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-starter-sets.html"
                                                                   title="Starter&#x20;Sets"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Starter Sets</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-locomotives.html"
                                                                   title="Locomotives"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Locomotives</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-coaches.html"
                                                                   title="Coaches"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Coaches</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-wagons.html"
                                                                   title="Wagons"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Wagons</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-track.html"
                                                                   title="Track"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Track</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-buildings.html"
                                                                   title="Buildings"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Buildings</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-figures.html"
                                                                   title="Figures"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Figures</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-other.html"
                                                                   title="Other"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Other</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/model-railways/n-gauge.html"
                                                       title="N&#x20;Gauge"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        N Gauge                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-starter-sets.html"
                                                                   title="Starter&#x20;Sets"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Starter Sets</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-locomotives.html"
                                                                   title="Locomotives"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Locomotives</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-coaches.html"
                                                                   title="Coaches"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Coaches</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-wagons.html"
                                                                   title="Wagons"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Wagons</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-track.html"
                                                                   title="Track"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Track</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-buildings.html"
                                                                   title="Buildings"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Buildings</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-figures.html"
                                                                   title="Figures"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Figures</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-other.html"
                                                                   title="Other"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Other</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge.html"
                                                       title="TT&#x20;Gauge"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        TT Gauge                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-starter-sets.html"
                                                                   title="Starter&#x20;Sets"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Starter Sets</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-locomotives.html"
                                                                   title="Locomotives"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Locomotives</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-coaches.html"
                                                                   title="Coaches"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Coaches</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-wagons.html"
                                                                   title="Wagons"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Wagons</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-track.html"
                                                                   title="Track"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Track</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-buildings.html"
                                                                   title="Buildings"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Buildings</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-figures.html"
                                                                   title="Figures"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Figures</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-other.html"
                                                                   title="Other"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Other</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge.html"
                                                       title="HO&#x20;Gauge"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        HO Gauge                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-starter-sets.html"
                                                                   title="Starter&#x20;Sets"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Starter Sets</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-locomotives.html"
                                                                   title="Locomotives"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Locomotives</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-coaches.html"
                                                                   title="Coaches"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Coaches</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-wagons.html"
                                                                   title="Wagons"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Wagons</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-track.html"
                                                                   title="Track"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Track</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-buildings.html"
                                                                   title="Buildings"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Buildings</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-figures.html"
                                                                   title="Figures"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Figures</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-other.html"
                                                                   title="Other"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Other</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/model-railways/o-gauge.html"
                                                       title="O&#x20;Gauge"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        O Gauge                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-starter-sets.html"
                                                                   title="Starter&#x20;Sets"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Starter Sets</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-locomotives.html"
                                                                   title="Locomotives"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Locomotives</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-coaches.html"
                                                                   title="Coaches"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Coaches</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-wagons.html"
                                                                   title="Wagons"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Wagons</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-track.html"
                                                                   title="Track"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Track</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-buildings.html"
                                                                   title="Buildings"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Buildings</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-figures.html"
                                                                   title="Figures"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Figures</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-other.html"
                                                                   title="Other"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Other</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/model-railways/other-scales.html"
                                                       title="Other&#x20;Scales"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        Other Scales                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/other-scales/other-scales-g-gauge.html"
                                                                   title="G&#x20;Gauge"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">G Gauge</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/other-scales/other-scales-narrow-gauges.html"
                                                                   title="Narrow&#x20;Gauges"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Narrow Gauges</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/other-scales/other-scales-z-gauge.html"
                                                                   title="Z&#x20;Gauge"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Z Gauge</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/model-railways/power-control.html"
                                                       title="Power&#x20;&amp;&#x20;Control"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        Power &amp; Control                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/power-control/analogue-control.html"
                                                                   title="Analogue&#x20;Control"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Analogue Control</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/model-railways/power-control/digital-control.html"
                                                                   title="Digital&#x20;Control"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Digital Control</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                </ul>
                                    </div>
                                                                    </div>
                            </div>
                                            </li>
                                                        <li class="level-0 flex items-center ransition transition-colors duration-500 group "
                         @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height"
                    >
                        <a href="https://www.gaugemasterretail.com/scalextric.html"
                           @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height"
                           title="Scalextric"
                           class="level-0 block relative group xl:px-3 px-2 py-3  font-medium text-black xl:text-base text-sm hover:text-primaryNew  whitespace-nowrap">
                            <span>Scalextric</span>
                                                            <span class="inline items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 inline" width="25" height="25" 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>
                                </span>
                                                        <div class="megamenu-arrow absolute -bottom-2 left-0 right-0 mx-auto w-4 h-4 hidden group-hover:block">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10">
                                <path id="Polygon_1" data-name="Polygon 1" d="M9,0l9,10H0Z" fill="#f37b20"/>
                            </svg>

                            </div>
                        </a>
                                                    <div class="absolute left-0 top-full z-10 -mt-3 w-full bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto"
                                 :style="`margin-top: 0; top: ${hoverTopPosition}px;`"
                            >
                                <div class="flex justify-between mt-4 shadow-md  max-h-[550px] overflow-auto">
                                                                        <div class="mx-auto w-full">
                                        <ul class="flex-1 block itemwrap columns-4 break-inside-avoid  gap-y-4- gap-x-8 p-6 custom-sub-menu">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/scalextric/starter-sets.html"
                                                           title="Starter&#x20;Sets"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Starter Sets                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/scalextric/cars.html"
                                                           title="Cars"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Cars                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/scalextric/car-kits.html"
                                                           title="Car&#x20;Kits"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Car Kits                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/scalextric/track.html"
                                                           title="Track"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Track                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/scalextric/power-control.html"
                                                           title="Power&#x20;&amp;&#x20;Control"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Power &amp; Control                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/scalextric/spare-parts.html"
                                                           title="Spare&#x20;Parts"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Spare Parts                                                        </a>
                                                        </li>
                                                    
                                                                                    </ul>
                                    </div>
                                                                    </div>
                            </div>
                                            </li>
                                                        <li class="level-0 flex items-center ransition transition-colors duration-500 group "
                         @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height"
                    >
                        <a href="https://www.gaugemasterretail.com/model-kits.html"
                           @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height"
                           title="Model&#x20;Kits"
                           class="level-0 block relative group xl:px-3 px-2 py-3  font-medium text-black xl:text-base text-sm hover:text-primaryNew  whitespace-nowrap">
                            <span>Model Kits</span>
                                                            <span class="inline items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 inline" width="25" height="25" 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>
                                </span>
                                                        <div class="megamenu-arrow absolute -bottom-2 left-0 right-0 mx-auto w-4 h-4 hidden group-hover:block">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10">
                                <path id="Polygon_1" data-name="Polygon 1" d="M9,0l9,10H0Z" fill="#f37b20"/>
                            </svg>

                            </div>
                        </a>
                                                    <div class="absolute left-0 top-full z-10 -mt-3 w-full bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto"
                                 :style="`margin-top: 0; top: ${hoverTopPosition}px;`"
                            >
                                <div class="flex justify-between mt-4 shadow-md  max-h-[550px] overflow-auto">
                                                                        <div class="mx-auto w-full">
                                        <ul class="flex-1 block itemwrap columns-4 break-inside-avoid  gap-y-4- gap-x-8 p-6 custom-sub-menu">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/model-kits/boats-ships.html"
                                                           title="Boats&#x20;&amp;&#x20;Ships"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Boats &amp; Ships                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/model-kits/building-construction-sets.html"
                                                           title="Building&#x20;&amp;&#x20;Construction&#x20;Sets"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Building &amp; Construction Sets                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/model-kits/figures.html"
                                                           title="Figures"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Figures                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/model-kits/planes-helicopters.html"
                                                           title="Planes&#x20;&amp;&#x20;Helicopters"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Planes &amp; Helicopters                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/model-kits/space.html"
                                                           title="Space"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Space                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/model-kits/tanks-cars-vehicles.html"
                                                           title="Tanks&#x20;Cars&#x20;&amp;&#x20;Vehicles"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Tanks Cars &amp; Vehicles                                                        </a>
                                                        </li>
                                                    
                                                                                    </ul>
                                    </div>
                                                                    </div>
                            </div>
                                            </li>
                                                        <li class="level-0 flex items-center ransition transition-colors duration-500 group "
                         @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height"
                    >
                        <a href="https://www.gaugemasterretail.com/collectables.html"
                           @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height"
                           title="Collectables"
                           class="level-0 block relative group xl:px-3 px-2 py-3  font-medium text-black xl:text-base text-sm hover:text-primaryNew  whitespace-nowrap">
                            <span>Collectables</span>
                                                            <span class="inline items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 inline" width="25" height="25" 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>
                                </span>
                                                        <div class="megamenu-arrow absolute -bottom-2 left-0 right-0 mx-auto w-4 h-4 hidden group-hover:block">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10">
                                <path id="Polygon_1" data-name="Polygon 1" d="M9,0l9,10H0Z" fill="#f37b20"/>
                            </svg>

                            </div>
                        </a>
                                                    <div class="absolute left-0 top-full z-10 -mt-3 w-full bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto"
                                 :style="`margin-top: 0; top: ${hoverTopPosition}px;`"
                            >
                                <div class="flex justify-between mt-4 shadow-md  max-h-[550px] overflow-auto">
                                                                        <div class="mx-auto w-full">
                                        <ul class="flex-1 block itemwrap columns-4 break-inside-avoid  gap-y-4- gap-x-8 p-6 custom-sub-menu">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/agricultural-vehicles.html"
                                                           title="Agricultural&#x20;Vehicles"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Agricultural Vehicles                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/buses-trams.html"
                                                           title="Buses&#x20;&amp;&#x20;Trams"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Buses &amp; Trams                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/cars.html"
                                                           title="Cars"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Cars                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/commercial-vehicles.html"
                                                           title="Commercial&#x20;Vehicles"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Commercial Vehicles                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/emergency-services.html"
                                                           title="Emergency&#x20;Services"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Emergency Services                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/military-vehicles.html"
                                                           title="Military&#x20;Vehicles"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Military Vehicles                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/motorcycles.html"
                                                           title="Motorcycles"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Motorcycles                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/planes-helicopters.html"
                                                           title="Planes&#x20;&amp;&#x20;Helicopters"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Planes &amp; Helicopters                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/collectables/railway-themed.html"
                                                           title="Railway&#x20;Themed"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Railway Themed                                                        </a>
                                                        </li>
                                                    
                                                                                    </ul>
                                    </div>
                                                                    </div>
                            </div>
                                            </li>
                                                        <li class="level-0 flex items-center ransition transition-colors duration-500 group "
                         @mouseover.stop="hoverTopPosition = $event.currentTarget.offsetTop + $event.currentTarget.getBoundingClientRect().height"
                    >
                        <a href="https://www.gaugemasterretail.com/modelling-materials.html"
                           @focus="hoverTopPosition = $event.currentTarget.parentNode.offsetTop + $event.currentTarget.parentNode.getBoundingClientRect().height"
                           title="Modelling&#x20;Materials"
                           class="level-0 block relative group xl:px-3 px-2 py-3  font-medium text-black xl:text-base text-sm hover:text-primaryNew  whitespace-nowrap">
                            <span>Modelling Materials</span>
                                                            <span class="inline items-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 inline" width="25" height="25" 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>
                                </span>
                                                        <div class="megamenu-arrow absolute -bottom-2 left-0 right-0 mx-auto w-4 h-4 hidden group-hover:block">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10">
                                <path id="Polygon_1" data-name="Polygon 1" d="M9,0l9,10H0Z" fill="#f37b20"/>
                            </svg>

                            </div>
                        </a>
                                                    <div class="absolute left-0 top-full z-10 -mt-3 w-full bg-white opacity-0 transition-opacity ease-out pointer-events-none group-hover:opacity-100 focus-within:opacity-100 group-hover:pointer-events-auto"
                                 :style="`margin-top: 0; top: ${hoverTopPosition}px;`"
                            >
                                <div class="flex justify-between mt-4 shadow-md  max-h-[550px] overflow-auto">
                                                                        <div class="mx-auto w-full">
                                        <ul class="flex-1 block itemwrap columns-4 break-inside-avoid  gap-y-4- gap-x-8 p-6 custom-sub-menu">
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/modelling-materials/electrics.html"
                                                       title="Electrics"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        Electrics                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/electrics/wire.html"
                                                                   title="Wire"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Wire</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/electrics/switches.html"
                                                                   title="Switches"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Switches</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/electrics/lighting.html"
                                                                   title="Lighting"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Lighting</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/modelling-materials/figures.html"
                                                       title="Figures"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        Figures                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/figures/n-gauge.html"
                                                                   title="N&#x20;Gauge"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">N Gauge</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/figures/tt-gauge-1-120.html"
                                                                   title="TT&#x20;Gauge&#x20;&#x28;1&#x3A;120&#x29;"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">TT Gauge (1:120)</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/figures/ho-gauge-1-87.html"
                                                                   title="HO&#x20;Gauge&#x20;&#x28;1&#x3A;87&#x29;"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">HO Gauge (1:87)</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/figures/oo-gauge-1-76.html"
                                                                   title="OO&#x20;Gauge&#x20;&#x28;1&#x3A;76&#x29;"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">OO Gauge (1:76)</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/figures/o-gauge-1-43.html"
                                                                   title="O&#x20;Gauge&#x20;&#x28;1&#x3A;43&#x29;"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">O Gauge (1:43)</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                            <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/modelling-materials/glues-effects.html"
                                                       title="Glues&#x20;&amp;&#x20;Effects"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        Glues &amp; Effects                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/glues-effects/glues.html"
                                                                   title="Glues"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Glues</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/glues-effects/effects.html"
                                                                   title="Effects"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Effects</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                                                                                                                                                                                    <li class="level-1 min-w-48 inline-block parent-item mb-3 w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                    <a href="https://www.gaugemasterretail.com/modelling-materials/scenics.html"
                                                       title="Scenics"
                                                       class="level-1 p-1 block text-base font-bold leading-loose hover:underline">
                                                        Scenics                                                    </a>

                                                    <ul class="z-10 w-full">
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/scenics/starter-sets.html"
                                                                   title="Starter&#x20;Sets"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Starter Sets</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/scenics/trees-flowers.html"
                                                                   title="Trees&#x20;&amp;&#x20;Flowers"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Trees &amp; Flowers</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/scenics/scatters-grasses-foliage.html"
                                                                   title="Scatters&#x20;Grasses&#x20;&amp;&#x20;Foliage"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Scatters Grasses &amp; Foliage</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/scenics/roadway.html"
                                                                   title="Roadway"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Roadway</a>
                                                            </li>
                                                                                                                    <li class="level-2">
                                                                <a href="https://www.gaugemasterretail.com/modelling-materials/scenics/backscenes.html"
                                                                   title="Backscenes"
                                                                   class="level-2 p-1 block text-lg md:text-sm hover:underline">Backscenes</a>
                                                            </li>
                                                                                                            </ul>

                                                </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/modelling-materials/paints.html"
                                                           title="Paints"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Paints                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/modelling-materials/scratchbuilding.html"
                                                           title="Scratchbuilding"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Scratchbuilding                                                        </a>
                                                        </li>
                                                                                                            <li class="level-1 min-w-48 singleitems  w-full border-r border-grey-100  [&>*:nth-child(4)]:border-none">
                                                        <a href="https://www.gaugemasterretail.com/modelling-materials/tools.html"
                                                           title="Tools"
                                                           class="level-1 p-1 block text-base font-semibold leading-loose hover:underline">
                                                            Tools                                                        </a>
                                                        </li>
                                                    
                                                                                    </ul>
                                    </div>
                                                                    </div>
                            </div>
                                            </li>
                            </ul>
        </nav>
    </div>
   </div>
</div>
<script>
  'use strict';

  const initMenuDesktop_685c151f921af = () => {
    return {
      hoverTopPosition: '100%',
      setActiveMenu(menuNode) {
        Array.from(menuNode.querySelectorAll('a')).filter(link => {
          return link.href === window.location.href.split('?')[0];
        }).map(item => {
          if (!item.classList.contains('level-0')) {
            item.classList.add('underline');
          }
          item.classList.add('text-primaryNew');
          item.closest('div.level-0') &&
          item.closest('div.level-0').classList.add('border-secondary');
        });
      }
    }
  }
</script>
<nav
    x-data="initMenuMobile_685c151fa14f1()"
    @load.window="setActiveMenu($el)"
    @keydown.window.escape="closeMenu()"
    class="z-20 order-2 sm:order-1 lg:order-2 navigation lg:hidden w-12 h-12 absolute top-4 left-0"
    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 w-12 h-12 md:w-14 md:h-14" 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
        "
        :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]">
                <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
                            "
                            href="https://www.gaugemasterretail.com/gaugemaster.html"
                            title="Gaugemaster"
                        >
                            Gaugemaster                        </a>
                                                    <button
                                @click="openSubcategory(0, 'category-node-948')"
                                class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                                aria-label="Open&#x20;Gaugemaster&#x20;subcategories"
                                aria-haspopup="true"
                            >
                                <div class="w-8 h-8 border rounded">
                                    <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-948"
    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-948') === 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-948') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('top-level')"
                        aria-label="Back"
                    >
                        <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-4 inline text-sm">
                    Back                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                <button
                    @click="closeMenu()"
                    class="inline z-1"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-948') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Gaugemaster</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/gaugemaster.html"
                title="Gaugemaster"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-954-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/analogue-control.html"
                        title="Analogue&#x20;Control"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Analogue Control                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-956-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/digital-dcc-control.html"
                        title="Digital&#x20;&#x28;DCC&#x29;&#x20;Control"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Digital (DCC) Control                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-957-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/electrics.html"
                        title="Electrics"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Electrics                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-955-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/collection.html"
                        title="Collection"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Collection                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-958-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/highways.html"
                        title="Highways"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Highways                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-959-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/infinity-control.html"
                        title="Infinity&#x20;Control"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Infinity Control                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-960-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/kestrel.html"
                        title="Kestrel"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Kestrel                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-961-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/scenics.html"
                        title="Scenics"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Scenics                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-962-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/seep.html"
                        title="Seep"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Seep                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-963-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/structures.html"
                        title="Structures"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Structures                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-964-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/tiny-signs.html"
                        title="Tiny&#x20;Signs"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Tiny Signs                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-965-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/tools.html"
                        title="Tools"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Tools                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-966-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/track.html"
                        title="Track"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Track                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-967-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/gaugemaster/train-tech.html"
                        title="Train&#x20;Tech"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Train Tech                                            </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
                            "
                            href="https://www.gaugemasterretail.com/model-railways.html"
                            title="Model&#x20;Railways"
                        >
                            Model Railways                        </a>
                                                    <button
                                @click="openSubcategory(0, 'category-node-949')"
                                class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                                aria-label="Open&#x20;Model&#x20;Railways&#x20;subcategories"
                                aria-haspopup="true"
                            >
                                <div class="w-8 h-8 border rounded">
                                    <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-949"
    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-949') === 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-949') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('top-level')"
                        aria-label="Back"
                    >
                        <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-4 inline text-sm">
                    Back                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                <button
                    @click="closeMenu()"
                    class="inline z-1"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-949') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Model Railways</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-railways.html"
                title="Model&#x20;Railways"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-968-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge.html"
                        title="OO&#x20;Gauge"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                OO Gauge                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-949','category-node-968')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;OO&#x20;Gauge&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-968"
    data-parent-id="category-node-949"
    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-949', 'category-node-968') === 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-949', 'category-node-968') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-949')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelOO&#x20;Gauge"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Model Railways                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-968') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-968') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">OO Gauge</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-railways/oo-gauge.html"
                title="OO&#x20;Gauge"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1004-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-starter-sets.html"
                        title="Starter&#x20;Sets"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Starter Sets                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1005-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-locomotives.html"
                        title="Locomotives"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Locomotives                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1006-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-coaches.html"
                        title="Coaches"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Coaches                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1007-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-wagons.html"
                        title="Wagons"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Wagons                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1008-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-track.html"
                        title="Track"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Track                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1010-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-buildings.html"
                        title="Buildings"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Buildings                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1119-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-figures.html"
                        title="Figures"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Figures                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1120-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/oo-gauge/oo-gauge-other.html"
                        title="Other"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Other                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-970-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge.html"
                        title="N&#x20;Gauge"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                N Gauge                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-949','category-node-970')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;N&#x20;Gauge&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-970"
    data-parent-id="category-node-949"
    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-949', 'category-node-970') === 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-949', 'category-node-970') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-949')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelN&#x20;Gauge"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Model Railways                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-970') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-970') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">N Gauge</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-railways/n-gauge.html"
                title="N&#x20;Gauge"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1011-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-starter-sets.html"
                        title="Starter&#x20;Sets"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Starter Sets                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1012-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-locomotives.html"
                        title="Locomotives"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Locomotives                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1013-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-coaches.html"
                        title="Coaches"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Coaches                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1014-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-wagons.html"
                        title="Wagons"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Wagons                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1015-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-track.html"
                        title="Track"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Track                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1017-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-buildings.html"
                        title="Buildings"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Buildings                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1121-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-figures.html"
                        title="Figures"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Figures                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1122-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/n-gauge/n-gauge-other.html"
                        title="Other"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Other                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-1063-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge.html"
                        title="TT&#x20;Gauge"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                TT Gauge                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-949','category-node-1063')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;TT&#x20;Gauge&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-1063"
    data-parent-id="category-node-949"
    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-949', 'category-node-1063') === 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-949', 'category-node-1063') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-949')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelTT&#x20;Gauge"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Model Railways                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-1063') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-1063') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">TT Gauge</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-railways/tt-gauge.html"
                title="TT&#x20;Gauge"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1065-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-starter-sets.html"
                        title="Starter&#x20;Sets"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Starter Sets                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1066-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-locomotives.html"
                        title="Locomotives"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Locomotives                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1067-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-coaches.html"
                        title="Coaches"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Coaches                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1068-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-wagons.html"
                        title="Wagons"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Wagons                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1069-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-track.html"
                        title="Track"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Track                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1070-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-buildings.html"
                        title="Buildings"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Buildings                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1123-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-figures.html"
                        title="Figures"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Figures                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1124-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/tt-gauge/tt-gauge-other.html"
                        title="Other"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Other                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-1064-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge.html"
                        title="HO&#x20;Gauge"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                HO Gauge                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-949','category-node-1064')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;HO&#x20;Gauge&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-1064"
    data-parent-id="category-node-949"
    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-949', 'category-node-1064') === 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-949', 'category-node-1064') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-949')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelHO&#x20;Gauge"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Model Railways                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-1064') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-1064') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">HO Gauge</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-railways/ho-gauge.html"
                title="HO&#x20;Gauge"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1072-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-starter-sets.html"
                        title="Starter&#x20;Sets"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Starter Sets                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1073-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-locomotives.html"
                        title="Locomotives"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Locomotives                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1074-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-coaches.html"
                        title="Coaches"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Coaches                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1075-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-wagons.html"
                        title="Wagons"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Wagons                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1076-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-track.html"
                        title="Track"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Track                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1077-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-buildings.html"
                        title="Buildings"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Buildings                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1125-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-figures.html"
                        title="Figures"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Figures                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1126-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/ho-gauge/ho-gauge-other.html"
                        title="Other"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Other                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-971-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge.html"
                        title="O&#x20;Gauge"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                O Gauge                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-949','category-node-971')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;O&#x20;Gauge&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-971"
    data-parent-id="category-node-949"
    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-949', 'category-node-971') === 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-949', 'category-node-971') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-949')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelO&#x20;Gauge"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Model Railways                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-971') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-971') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">O Gauge</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-railways/o-gauge.html"
                title="O&#x20;Gauge"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1018-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-starter-sets.html"
                        title="Starter&#x20;Sets"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Starter Sets                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1019-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-locomotives.html"
                        title="Locomotives"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Locomotives                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1020-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-coaches.html"
                        title="Coaches"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Coaches                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1021-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-wagons.html"
                        title="Wagons"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Wagons                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1022-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-track.html"
                        title="Track"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Track                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1024-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-buildings.html"
                        title="Buildings"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Buildings                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1127-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-figures.html"
                        title="Figures"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Figures                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1128-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/o-gauge/o-gauge-other.html"
                        title="Other"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Other                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-973-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/other-scales.html"
                        title="Other&#x20;Scales"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Other Scales                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-949','category-node-973')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;Other&#x20;Scales&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-973"
    data-parent-id="category-node-949"
    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-949', 'category-node-973') === 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-949', 'category-node-973') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-949')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelOther&#x20;Scales"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Model Railways                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-973') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-973') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Other Scales</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-railways/other-scales.html"
                title="Other&#x20;Scales"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1032-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/other-scales/other-scales-g-gauge.html"
                        title="G&#x20;Gauge"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                G Gauge                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1034-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/other-scales/other-scales-narrow-gauges.html"
                        title="Narrow&#x20;Gauges"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Narrow Gauges                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1036-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/other-scales/other-scales-z-gauge.html"
                        title="Z&#x20;Gauge"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Z Gauge                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-1116-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/power-control.html"
                        title="Power&#x20;&amp;&#x20;Control"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Power &amp; Control                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-949','category-node-1116')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;Power&#x20;&amp;&#x20;Control&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-1116"
    data-parent-id="category-node-949"
    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-949', 'category-node-1116') === 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-949', 'category-node-1116') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-949')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelPower&#x20;&amp;&#x20;Control"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Model Railways                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-1116') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-1116') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Power &amp; Control</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-railways/power-control.html"
                title="Power&#x20;&amp;&#x20;Control"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1117-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/power-control/analogue-control.html"
                        title="Analogue&#x20;Control"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Analogue Control                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1118-main"
                data-parent-id="category-node-949"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-railways/power-control/digital-control.html"
                        title="Digital&#x20;Control"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Digital Control                                            </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
                            "
                            href="https://www.gaugemasterretail.com/scalextric.html"
                            title="Scalextric"
                        >
                            Scalextric                        </a>
                                                    <button
                                @click="openSubcategory(0, 'category-node-950')"
                                class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                                aria-label="Open&#x20;Scalextric&#x20;subcategories"
                                aria-haspopup="true"
                            >
                                <div class="w-8 h-8 border rounded">
                                    <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-950"
    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-950') === 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-950') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('top-level')"
                        aria-label="Back"
                    >
                        <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-4 inline text-sm">
                    Back                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                <button
                    @click="closeMenu()"
                    class="inline z-1"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-950') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Scalextric</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/scalextric.html"
                title="Scalextric"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1079-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/scalextric/starter-sets.html"
                        title="Starter&#x20;Sets"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Starter Sets                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1056-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/scalextric/cars.html"
                        title="Cars"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Cars                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-974-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/scalextric/car-kits.html"
                        title="Car&#x20;Kits"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Car Kits                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-975-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/scalextric/track.html"
                        title="Track"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Track                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-976-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/scalextric/power-control.html"
                        title="Power&#x20;&amp;&#x20;Control"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Power &amp; Control                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-977-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/scalextric/spare-parts.html"
                        title="Spare&#x20;Parts"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Spare Parts                                            </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
                            "
                            href="https://www.gaugemasterretail.com/model-kits.html"
                            title="Model&#x20;Kits"
                        >
                            Model Kits                        </a>
                                                    <button
                                @click="openSubcategory(0, 'category-node-951')"
                                class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                                aria-label="Open&#x20;Model&#x20;Kits&#x20;subcategories"
                                aria-haspopup="true"
                            >
                                <div class="w-8 h-8 border rounded">
                                    <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-951"
    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-951') === 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-951') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('top-level')"
                        aria-label="Back"
                    >
                        <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-4 inline text-sm">
                    Back                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                <button
                    @click="closeMenu()"
                    class="inline z-1"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-951') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Model Kits</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/model-kits.html"
                title="Model&#x20;Kits"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1086-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-kits/boats-ships.html"
                        title="Boats&#x20;&amp;&#x20;Ships"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Boats &amp; Ships                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1129-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-kits/building-construction-sets.html"
                        title="Building&#x20;&amp;&#x20;Construction&#x20;Sets"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Building &amp; Construction Sets                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1087-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-kits/figures.html"
                        title="Figures"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Figures                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1088-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-kits/planes-helicopters.html"
                        title="Planes&#x20;&amp;&#x20;Helicopters"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Planes &amp; Helicopters                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1089-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-kits/space.html"
                        title="Space"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Space                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1090-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/model-kits/tanks-cars-vehicles.html"
                        title="Tanks&#x20;Cars&#x20;&amp;&#x20;Vehicles"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Tanks Cars &amp; Vehicles                                            </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
                            "
                            href="https://www.gaugemasterretail.com/collectables.html"
                            title="Collectables"
                        >
                            Collectables                        </a>
                                                    <button
                                @click="openSubcategory(0, 'category-node-952')"
                                class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                                aria-label="Open&#x20;Collectables&#x20;subcategories"
                                aria-haspopup="true"
                            >
                                <div class="w-8 h-8 border rounded">
                                    <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-952"
    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-952') === 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-952') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('top-level')"
                        aria-label="Back"
                    >
                        <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-4 inline text-sm">
                    Back                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                <button
                    @click="closeMenu()"
                    class="inline z-1"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-952') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Collectables</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/collectables.html"
                title="Collectables"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1091-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/agricultural-vehicles.html"
                        title="Agricultural&#x20;Vehicles"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Agricultural Vehicles                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1092-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/buses-trams.html"
                        title="Buses&#x20;&amp;&#x20;Trams"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Buses &amp; Trams                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1093-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/cars.html"
                        title="Cars"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Cars                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1094-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/commercial-vehicles.html"
                        title="Commercial&#x20;Vehicles"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Commercial Vehicles                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1095-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/emergency-services.html"
                        title="Emergency&#x20;Services"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Emergency Services                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1096-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/military-vehicles.html"
                        title="Military&#x20;Vehicles"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Military Vehicles                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1097-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/motorcycles.html"
                        title="Motorcycles"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Motorcycles                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1098-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/planes-helicopters.html"
                        title="Planes&#x20;&amp;&#x20;Helicopters"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Planes &amp; Helicopters                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1099-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/collectables/railway-themed.html"
                        title="Railway&#x20;Themed"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Railway Themed                                            </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
                            "
                            href="https://www.gaugemasterretail.com/modelling-materials.html"
                            title="Modelling&#x20;Materials"
                        >
                            Modelling Materials                        </a>
                                                    <button
                                @click="openSubcategory(0, 'category-node-953')"
                                class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                                aria-label="Open&#x20;Modelling&#x20;Materials&#x20;subcategories"
                                aria-haspopup="true"
                            >
                                <div class="w-8 h-8 border rounded">
                                    <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-953"
    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-953') === 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-953') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('top-level')"
                        aria-label="Back"
                    >
                        <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-4 inline text-sm">
                    Back                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                <button
                    @click="closeMenu()"
                    class="inline z-1"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-953') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Modelling Materials</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/modelling-materials.html"
                title="Modelling&#x20;Materials"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-998-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/electrics.html"
                        title="Electrics"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Electrics                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-953','category-node-998')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;Electrics&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-998"
    data-parent-id="category-node-953"
    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-953', 'category-node-998') === 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-953', 'category-node-998') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-953')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelElectrics"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Modelling Materials                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-998') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-998') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Electrics</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/modelling-materials/electrics.html"
                title="Electrics"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1101-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/electrics/wire.html"
                        title="Wire"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Wire                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1102-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/electrics/switches.html"
                        title="Switches"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Switches                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1103-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/electrics/lighting.html"
                        title="Lighting"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Lighting                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-999-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/figures.html"
                        title="Figures"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Figures                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-953','category-node-999')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;Figures&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-999"
    data-parent-id="category-node-953"
    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-953', 'category-node-999') === 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-953', 'category-node-999') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-953')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelFigures"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Modelling Materials                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-999') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-999') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Figures</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/modelling-materials/figures.html"
                title="Figures"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1104-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/figures/n-gauge.html"
                        title="N&#x20;Gauge"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                N Gauge                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1105-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/figures/tt-gauge-1-120.html"
                        title="TT&#x20;Gauge&#x20;&#x28;1&#x3A;120&#x29;"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                TT Gauge (1:120)                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1106-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/figures/ho-gauge-1-87.html"
                        title="HO&#x20;Gauge&#x20;&#x28;1&#x3A;87&#x29;"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                HO Gauge (1:87)                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1107-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/figures/oo-gauge-1-76.html"
                        title="OO&#x20;Gauge&#x20;&#x28;1&#x3A;76&#x29;"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                OO Gauge (1:76)                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1108-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/figures/o-gauge-1-43.html"
                        title="O&#x20;Gauge&#x20;&#x28;1&#x3A;43&#x29;"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                O Gauge (1:43)                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-1000-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/glues-effects.html"
                        title="Glues&#x20;&amp;&#x20;Effects"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Glues &amp; Effects                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-953','category-node-1000')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;Glues&#x20;&amp;&#x20;Effects&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-1000"
    data-parent-id="category-node-953"
    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-953', 'category-node-1000') === 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-953', 'category-node-1000') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-953')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelGlues&#x20;&amp;&#x20;Effects"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Modelling Materials                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-1000') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-1000') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Glues &amp; Effects</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/modelling-materials/glues-effects.html"
                title="Glues&#x20;&amp;&#x20;Effects"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1109-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/glues-effects/glues.html"
                        title="Glues"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Glues                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1110-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/glues-effects/effects.html"
                        title="Effects"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Effects                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-1001-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/paints.html"
                        title="Paints"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Paints                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1002-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/scenics.html"
                        title="Scenics"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Scenics                                            </span>
                    </a>
                                            <button
                            @click="openSubcategory('category-node-953','category-node-1002')"
                            class="absolute right-0 flex items-center justify-center w-11 h-11 mr-8 cursor-pointer
                                bg-container-lighter border-container"
                            aria-label="Open&#x20;Scenics&#x20;subcategories"
                            aria-haspopup="true"
                        >
                            <div class="w-8 h-8 border rounded">
                                <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-1002"
    data-parent-id="category-node-953"
    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-953', 'category-node-1002') === 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-953', 'category-node-1002') === false }"
        aria-label="Subcategories"
    >
        <li class="mobile-action-container grid 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"
                        @click="backToParent('category-node-953')"
                        aria-label="Back&#x20;to&#x20;parent&#x20;top&#x20;levelScenics"
                    >
                        <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-4 inline text-sm">
                    Back&#x20;to&#x20; Modelling Materials                </span>
                    </button>
                            </div>
            <div class="action-container text-right">
                                    <button
                        @click="backToTopMenu()"
                        class="inline z-1"
                        aria-label="Back&#x20;to&#x20;top&#x20;menu"
                        :class="{ 'hidden': getCloseMenuShow('category-node-1002') === 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"
                    aria-label="Close&#x20;menu"
                    :class="{ 'hidden': getCloseMenuShow('category-node-1002') === 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 py-4 px-8">
            <span class="text-base text-gray-700 font-bold">Scenics</span>
        </li>
        <li>
            <a
                href="https://www.gaugemasterretail.com/modelling-materials/scenics.html"
                title="Scenics"
                class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                    bg-container-lighter border-container
                "
            >
                <span class="ml-4">
                    View All                </span>
            </a>
        </li>
                    <li data-child-id="category-node-1111-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/scenics/starter-sets.html"
                        title="Starter&#x20;Sets"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Starter Sets                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1112-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/scenics/trees-flowers.html"
                        title="Trees&#x20;&amp;&#x20;Flowers"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Trees &amp; Flowers                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1113-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/scenics/scatters-grasses-foliage.html"
                        title="Scatters&#x20;Grasses&#x20;&amp;&#x20;Foliage"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Scatters Grasses &amp; Foliage                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1114-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/scenics/roadway.html"
                        title="Roadway"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Roadway                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1115-main"
                data-parent-id="category-node-953"
                class="level-2"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/scenics/backscenes.html"
                        title="Backscenes"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Backscenes                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                            </li>
                    <li data-child-id="category-node-1100-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/scratchbuilding.html"
                        title="Scratchbuilding"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Scratchbuilding                                            </span>
                    </a>
                                    </div>
                            </li>
                    <li data-child-id="category-node-1003-main"
                data-parent-id="top-level"
                class="level-1"
            >
                <div
                    class="flex items-center transition-transform duration-0 ease-in-out transform"
                >
                    <a
                        href="https://www.gaugemasterretail.com/modelling-materials/tools.html"
                        title="Tools"
                        class="flex items-center w-full px-8 py-4 border-b cursor-pointer
                                                bg-container-lighter border-container
                                            "
                    >
                                            <span
                                                class="ml-4 text-base text-gray-700">
                                                Tools                                            </span>
                    </a>
                                    </div>
                            </li>
            </ul>
</div>

                                    </li>
                    </ul>
    </div>
</nav>
<script>
    'use strict';

    const initMenuMobile_685c151fa14f1 = () => {
        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('');
                    item.closest('li.level-0') &&
                    item.closest('li.level-0').querySelector('a.level-0').classList.add('');
                });
            },
            openMenu() {
                this.open = true
                this.$nextTick(() => hyva.trapFocus(this.$refs['mobileMenuNavLinks']));
                // Prevent from body scrolling while mobile menu opened
                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>

    <div id="desktop-menu-brand-link"
         x-data="amBrandsPopup()"
         x-init="popupInit()"
         @mouseenter="hoverPanelActiveId = 'am-brand'"
         @mouseleave="hoverPanelActiveId = null"
         class="hidden h-full hover:underline">
        <a href="https://www.gaugemasterretail.com/brands/"
           class="level-0 block relative group xl:px-3 px-2 py-3  font-medium text-black lg:text-base text-sm hover:text-primaryNew  whitespace-nowrap"
           :class="{'w-14 opacity-0': label === ''}"
           :aria-label="label"
           x-cloak
           x-html="label">
        </a>
        <template x-if="isPopupEnabled">
            <div class="w-[600px] h-[415px] absolute z-10 hidden h-am-popup-content w-am-popup-content shadow-lg overflow-hidden rounded-lg"
                 x-cloak
                 x-transition
                 x-show="hoverPanelActiveId === 'am-brand'"
                 :class="{
                    'hidden' : hoverPanelActiveId !== 'am-brand',
                    'left-0' : ``,
                    'right-0' : `1`
                 }">
                <div class="flex flex-row sm:flex-column overflow-hidden h-full w-full bg-white" x-show="!loading">
    <div class="w-4/12 p-5 bg-gray-50" x-cloak x-show="showFilter">
        <a href="https://www.gaugemasterretail.com/brands/"
           class="py-1 flex justify-center items-center box-content rounded-md border border-blue-500 bg-blue-50 text-blue-900 w-full mb-1"
           title="All&#x20;Brands">
            All Brands        </a>
        <div class="h-full w-full mt-4">
            <template x-for="letter in letters">
                <button
                        @click="chooseLetter(letter.letter)"
                        class="cursor-pointer w-am-latter h-am-latter hover:text-blue-400  border-gray-300 hover:border-blue-400 justify-center items-center align-center inline rounded-md border mr-1.5 mb-2"
                        :class="{'border-blue-400 text-blue-400 bg-blue-100': selectedLetter === letter.letter,
                        'bg-gray-200 text-gray-700 cursor-default pointer-events-none': !letter.brands || letter.brands.length === 0}"
                        x-text="letter.letter">
                </button>
            </template>
        </div>
    </div>
    <div class="w-7/12 overflow-y-auto h-full p-5 box-content flex-grow">
        <template x-for="letter in items" :key="letter.letter">
            <section class="ambrands-letters-list">
                <div class="ambrands-letter mb-7"
                     x-show="!selectedLetter || selectedLetter === letter.letter">
                    <h3 class="ambrands-title text-2xl mb-2 font-bold" x-text="letter.letter"></h3>
                    <div class="ambrands-content flex flex-wrap">
                        <template x-for="brand in letter.brands" :key="brand.brandId">
                            <a :href="getBrandUrl(brand.url)"
                               class="ambrands-inner cursor-pointer ambrands-brand-popup-item shadow-md border border-gray-100 hover:border-blue-400 rounded-md px-3 py-2 mx-1 mb-2 text-center flex flex-col"
                               :title="brand.label">
                                                                    <template x-if="brand.image">
                                        <img class="ambrands-image mx-auto py-3"
                                             :style="`max-width: ${imageWidth ? imageWidth + 'px' : 'unset' }; max-height: ${imageHeight ? imageHeight + 'px' : 'unset'}`"
                                             :src="brand.image"
                                             :alt="brand.label" loading="lazy"/>
                                    </template>
                                    <template x-if="!brand.image">
                                            <span class="block mx-auto py-3 uppercase text-4xl text-gray-300"
                                                  x-text="brand.label.charAt(0)"></span>
                                    </template>
                                
                                <span class="ambrands-label mt-auto block" :style="`min-width: ${imageWidth}px`">
                                        <span x-html="brand.label"></span>
                                                                                    <span class="ambrands-count text-slate-600" x-text="'(' + brand.cnt + ')'"></span>
                                                                            </span>
                            </a>
                        </template>
                    </div>
                </div>
            </section>
        </template>
    </div>
    <div x-show="false">
        Please select brand attribute in Stores -&gt; Configuration -&gt;
                Amasty Extensions -&gt; Improved Layered Navigation: Brands.    </div>
</div>
<div x-cloak x-show="loading" class="flex flex-row sm:flex-column overflow-hidden w-full bg-white">
    Loading...</div>
            </div>
        </template>
    </div>

    <span id="mobile-menu-brand-link"
          class="flex items-center transition-transform duration-150 ease-in-out transform hidden">
        <a class="flex items-center w-full px-8 py-4 border-b cursor-pointer bg-container-lighter border-container level-0"
           href="https://www.gaugemasterretail.com/brands/"
           title="All Brands">
            All Brands        </a>
    </span>
    <script>
        (() => {
            'use strict';

            const isFirst = ``;

            function mobileMenuTargetFallback() {
                return (
                    document.querySelector('header nav.hidden') ||
                    document.querySelector('nav[role="navigation"] > [x-ref="mobileMenuNavLinks"] > ul')
                );
            }

            function desktopMenuTargetFallback() {
                const mainElement = document.querySelector('div[x-ref="nav-desktop"] > nav > ul');
                return mainElement || document.querySelector('div[x-ref="nav-desktop"] > nav');
            }

            function moveElement(element, target, itemTagName = 'li') {
                const childElementTagName = target?.children[0]?.tagName.toLowerCase() || 'div';
                const wrapper = document.createElement(childElementTagName);

                wrapper.classList.add('level-0', 'level-0', 'relative', 'mr-2');
                wrapper.appendChild(element);

                isFirst ? target.prepend(wrapper) : target.append(wrapper);

                element.classList.remove('hidden');
            }

            function adjustMobileMenuPosition() {
                const element = document.querySelector('#mobile-menu-brand-link');

                if (!element) {
                    return;
                }

                const target = mobileMenuTargetFallback();

                moveElement(element, target);
            }

            function adjustTopMenuPosition() {
                const element = document.querySelector('#desktop-menu-brand-link');

                if (!element) {
                    return;
                }

                moveElement(element, desktopMenuTargetFallback());
            }

            document.addEventListener('DOMContentLoaded', () => {
                adjustTopMenuPosition();
                adjustMobileMenuPosition();
            })
        })()
    </script>
    <!--Cart Drawer-->
    <script>
    function initCartDrawer() {
        return {
            open: false,
            isLoading: false,
            cart: {},
            maxItemsToDisplay: 10,
            itemsCount: 0,
            totalCartAmount: 0,
            getData(data) {
                if (data.cart) {
                    this.cart = data.cart;
                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
                    this.totalCartAmount = this.cart.summary_count;
                    this.setCartItems();
                }
                this.isLoading = false;
            },
            cartItems: [],
            getItemCountTitle() {
                return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.totalCartAmount)
            },
            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'));
                });
            },
            toggleCartDrawer(event) {
                if (event.detail && event.detail.isOpen !== undefined) {
                    if (event.detail.isOpen) {
                        this.openCartDrawer()
                    } else {
                        this.open = false
                        this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent)
                    }
                } else {
                                        this.openCartDrawer()
                }
            },
            openCartDrawer() {
                this.open = true;
                this.$nextTick(() => {
                    this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent)
                })
            },
            closeCartDrawer() {
                this.$dispatch('toggle-cart', { isOpen: false })
            }
        }
    }
</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 focus:outline-none"
             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;Basket"

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

                
                <template x-if="!itemsCount">
                    <div class="relative px-4 py-6 bg-white border-bs sm:px-6 border-container">
                        Basket is empty                    </div>
                </template>
                <template x-if="itemsCount">
                    <div>
                        <div class="relative grid gap-3 px-4 pt-6 bg-white sm:gap-8 sm:px-6">
                                                        <div class="w-full p-3 -m-3 space-x-4 py-3 transition duration-150 ease-in-out rounded-lg">
                                <p class="xl:text-xl text-lg font-medium text-black">Basket Subtotal:
                                <span class="pl-4 inline-block" x-html="cart.subtotal"></span></p>
                            </div>
                            <div class="w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg ">
                                <a @click.prevent.stop="$dispatch('toggle-authentication',
                                    {url: 'https://www.gaugemasterretail.com/checkout/'});"
                                    href="https://www.gaugemasterretail.com/checkout/"
                                    class="flex justify-center items-center gap-x-4 bg-primaryNew px-4 py-3 text-white lg:text-lg font-semibold rounded-full text-center focus:outline-none focus:ring-0">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" viewBox="0 0 25.375 29">
                                        <path id="lock" d="M22.656,12.688H21.3V8.609a8.609,8.609,0,1,0-17.219,0v4.078H2.719A2.719,2.719,0,0,0,0,15.406V26.281A2.719,2.719,0,0,0,2.719,29H22.656a2.719,2.719,0,0,0,2.719-2.719V15.406A2.719,2.719,0,0,0,22.656,12.688Zm-5.891,0H8.609V8.609a4.078,4.078,0,1,1,8.156,0Z" fill="#fff"/>
                                    </svg>

                                    Proceed to Checkout                                </a>
                            </div>
                        </div>
                    </div>
                </template>
                <template x-if="itemsCount">
                    <div class="relative grid gap-2 px-4 py-6 overflow-y-auto overscroll-y-contain bg-white sm:gap-4 sm:px-6">
                        <template x-for="item in cartItems">
                            <div class="flex items-start p-3  space-x-4 transition duration-150
                        ease-in-out hover:bg-gray-100 border-b border-[#707070]">
                                <a :href="item.product_url"
                                    class="w-1/4 bg-white shadow"
                                    :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/4 space-y-2">
                                    <div>
                                        <p class="text-base text-primaryNew uppercase font-semibold">
                                            <span x-html="item.manufacturer"></span>
                                            <span x-html="item.manufacturerCode"></span>
                                        </p>
                                        <p class="text-lg font-bold text-black leading-snug	">
                                            <span x-html="item.qty"></span> x <span x-html="item.product_name"></span>
                                        </p>
                                        <p class="text-sm font-semibold mt-2 text-primaryNew hidden"><span x-html="item.product_sku"></span></p>
                                        <template x-if="item.scale">
                                         <p class="text-sm font-semibold text-secondaryNew">Scale: <span x-html="item.scale"></span></p>
                                        </template>
                                         <p class="text-sm font-semibold text-secondaryNew ">GM Part Number: <span x-html="item.manufacturerCode"></span></p>
                                    </div>
                                    <div class="option-field !mt-0">
                                        <template x-for="option in item.options">
                                                <div class="pt-2 text-sm flex gap-x-4 text-black">
                                                    <p class="font-semibold" x-text="option.label + ':'"></p>
                                                    <p class="text-secondaryNew font-medium" x-html="option.value"></p>
                                                </div>
                                        </template>
                                    </div>

                                    <div class="pt-2 flex items-center">
                                        <p><span x-html="item.amount_lable" class="font-semibold"></span></p>
                                        <a :href="item.configure_url"
                                            x-show="item.product_type !== 'grouped'"
                                            class="ml-auto inline-flex p-2 mr-2 text-black"
                                            :aria-label="hyva.strf('Edit\u0020product\u0020\u0022\u00250\u0022', item.product_name)"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/>
</svg>
                                        </a>
                                        <button type="button"
                                                class="inline-flex p-2 text-black"
                                                @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" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
</svg>
                                        </button>
                                    </div>

                                </div>
                            </div>
                        </template>
                    </div>
                </template>

                <template x-if="itemsCount">
                    <div>
                        <div class="relative grid gap-6 px-4 bg-white sm:gap-8 sm:px-6">
                            <div class="w-full p-3 -m-3 space-x-4 transition duration-150 ease-in-out text-center">
                              <a href="https://www.gaugemasterretail.com/checkout/cart/"
                                    class="underline hover:no-underline hover:text-primaryNew">
                                    View Cart                                </a>
                            </div>
                                <div class="scExpressMinicart action tocart" style="padding: 10px 0;">
            <div class="scExpressSeparator minicart">
            <div class="separator separatorL"></div>
            <h6 style="width: 20%;">Or</h6>
            <div class="separator separatorR"></div>
        </div>
            <span id="brippo-express-minicart-errors" class="message error" style="display: none;"></span>
                <div id="brippo-express-minicart" style="display: none; position: relative;"></div>
        <div class="expressAddCoupon">
            <div class="content">
                <div class="textLink">Apply Discount Code</div>
                <div class="expressAddCouponInputContainer">
                                        <div class="expressAddCouponSuccess message success" style="display: none;"><span>Coupon was applied.</span></div>
                    <input type="text" class="input-text couponInput"
                           id="brippoMinicartCouponCodeInput" value="" placeholder="Enter discount code">
                    <a href="#" class="expressAddCouponApply">Apply</a>
                    <a href="#" class="expressAddCouponRemove">Remove</a>
                </div>
            </div>
        </div>
    </div>

    <script>
        const minicart_button = document.querySelector(".minicart-wrapper > a");
        if (minicart_button) {
            minicart_button.addEventListener('click', function () {
                let appendToSelector = '';
                if (!appendToSelector || appendToSelector === '' || !document.querySelector(appendToSelector)) {
                    appendToSelector = '\u0023minicart\u002Dcontent\u002Dwrapper\u0020\u003E\u0020div.block\u002Dcontent\u0020\u003E\u0020div\u003Anth\u002Dchild\u00284\u0029\u0020\u003E\u0020div'
                }
                const targetElement = document.querySelector(appendToSelector);
                const brippoButtonElement = document.querySelector('.scExpressMinicart');
                targetElement.appendChild(brippoButtonElement);
                brippoButtonElement.style.display = 'block';
            });
        }
        require([
            'Magento_Customer/js/customer-data',
            'brippo_payment_request_button',
        ], function(customerData, scExpress) {
            let cart = customerData.get('cart');
            const source = {
                source: 'minicart',
                elementId: 'brippo\u002Dexpress\u002Dminicart'
            };

            let initAPI = function()
            {
                const config = {
                    pKey: "pk_live_51MbnoqJFieew03j4qkmWuus8WgNHjd4y1TJg17nKQJohxNdViP9ag5FhhTAkYwRFp60dwpAhpMCwh6KqDsVTQCDv00mStBKoz7",
                    isEnabled: "1",
                    accountId: "acct_1R4KRNQpvyuIFmak",
                    buttonType: "default",
                    buttonTheme: "dark",
                    buttonHeight: "50px",
                    enabledCouponCode: "",
                    thresholdMinimum: "0",
                    thresholdMaximum: "0"
                };
                scExpress.initPaymentRequest(config, source);
            };
            initAPI();

            cart.subscribe(function ()
            {
                setTimeout(initAPI, 500);
            });

            window.addEventListener('brippo_shipping_estimate_success', () => {
                initAPI();
            });

                    });
    </script>
                        </div>
                    </div>
                </template>

                            </div>

            <button
                type="button"
                @click="closeCartDrawer"
                aria-label="Close&#x20;minicart"
                class="absolute top-0 right-0 p-4 mt-2 text-gray-600 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="flex flex-row justify-center items-center w-full h-full fixed select-none z-50"
     style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);"
     x-show="isLoading"
     x-transition:enter="ease-out duration-200"
     x-transition:enter-start="opacity-0"
     x-transition:enter-end="opacity-100"
     x-transition:leave="ease-in duration-200"
     x-transition:leave-start="opacity-100"
     x-transition:leave-end="opacity-0">
    <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57" role="img">
    <g fill="none" fill-rule="evenodd">
        <g transform="translate(1 1)" stroke-width="2">
            <circle cx="5" cy="50" r="5">
                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
            </circle>
            <circle cx="27" cy="5" r="5">
                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
            </circle>
            <circle cx="49" cy="50" r="5">
                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
            </circle>
        </g>
    </g>
<title>loader</title></svg>
    <div class="ml-10 text-primary text-xl">
        Loading...    </div>
</div>
    </div>

</section>

    <!--Authentication Pop-Up-->
    <script>
    function initAuthentication() {
        return {
            open: false,
            forceAuthentication: false,
            checkoutUrl: 'https://www.gaugemasterretail.com/checkout/index/',
            errors: 0,
            hasCaptchaToken: 0,
            displayErrorMessage: false,
            errorMessages: [],
            setErrorMessages: function setErrorMessages(messages) {
                this.errorMessages = [messages];
                this.displayErrorMessage = this.errorMessages.length;
            },
            submitForm: function () {
                // 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: function (data) {
                const isLoggedIn = data.customer && data.customer.firstname;
                if (data.cart && !isLoggedIn) {
                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
                }
            },
            redirectIfAuthenticated: function (event) {
                if (event.detail && event.detail.url) {
                    this.checkoutUrl = event.detail.url;
                }
                if (!this.forceAuthentication) {
                    window.location.href = this.checkoutUrl;
                }
            },
            dispatchLoginRequest: function(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.gaugemasterretail.com/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) {
                        dispatchMessages([{
                            type: 'error',
                            text: data.message
                        }], 5000);
                        this.errors = 1;
                        this.hasCaptchaToken = 0;
                    } else {
                        window.location.href = this.checkoutUrl;
                    }
                });
            }
        }
    }
</script>
<section id="authentication-popup"
         x-data="initAuthentication()"
         @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
         @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)"
         @keydown.window.escape="open = false"
>
    <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="open = false"
    ></div>
    <div role="dialog"
         aria-modal="true"
         @click.outside="open = false"
         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="open = false;"
                    aria-label="Close&#x20;panel"
                    class="absolute top-0 right-0 p-4 text-gray-600 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" role="img">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
<title>Close panel</title></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="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-black mb-6">
                            <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 mb-6">
                                    <label class="label font-semibold text-base" 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="errors = 0"
                                               type="email"
                                               required
                                               autocomplete="off"
                                               class="form-input w-full focus:ring-0 focus:outline-none focus:border-black rounded-none"
                                        >
                                    </div>
                                </div>
                                <div class="field password required mb-6">
                                    <label for="form-login-password" class="label font-semibold text-base" form="login-form">
                                        <span>Password</span>
                                    </label>
                                    <div class="control">
                                        <input name="password"
                                               id="form-login-password"
                                               type="password"
                                               class="form-input w-full focus:ring-0 focus:outline-none focus:border-black rounded-none"
                                               required
                                               x-ref="customer-password"
                                               autocomplete="off"
                                               @change="errors = 0"
                                        >
                                    </div>
                                </div>

                                <input name="context" type="hidden" value="checkout" />
                                <div class="actions-toolbar !flex-row flex flex-wrap justify-between gap-4 pt-6 pb-2 items-center">
                                    <button type="submit"                                            class="px-10 py-2 bg-primaryNew hover:bg-secondaryNew font-semibold text-white rounded-full order-2 disabled:opacity-75 mt-4 mb:mt-0"
                                    >
                                        Sign In                                    </button>
                                    <a class="underline text-black text-sm hover:text-primaryNew hover:no-underline flex-1 whitespace-nowrap order-1 " href="https://www.gaugemasterretail.com/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-xl font-semiboldmb-2 leading-7 text-black">
                            <strong class="font-medium">Checkout as a new customer</strong>
                        </p>

                        <div class="block-content">
                            <p class="mb-1 text-base ">
                                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 flex justify-between mt-6 mb-2 items-center">
                                <a href="https://www.gaugemasterretail.com/customer/account/create/"
                                   class="inline-flex px-10 py-2 bg-primaryNew hover:bg-secondaryNew  font-semibold text-white rounded-full ">
                                    Create an Account                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
        </div>
    </div>
</section>
</div>

</header><main id="maincontent" class="page-main"><style>.cmsb5-mx-auto {
margin-left: auto;
margin-right: auto
}
.cmsb5-inline-flex {
display: inline-flex
}
.cmsb5-hidden {
display: none
}
.cmsb5-w-full {
width: 100%
}
.cmsb5-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.cmsb5-items-center {
align-items: center
}
.cmsb5-gap-4 {
gap: 1rem
}
.cmsb5-gap-x-4 {
column-gap: 1rem
}
.cmsb5-gap-y-4 {
row-gap: 1rem
}
.cmsb5-px-4 {
padding-left: 1rem;
padding-right: 1rem
}
.cmsb5-py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
.cmsb5-text-sm {
font-size: 0.875rem;
line-height: 1.25rem
}
.cmsb5-font-medium {
font-weight: 500
}
.cmsb5-font-semibold {
font-weight: 600
}
.cmsb5-text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity))
}
@media (min-width: 1280px) {
.cmsb5-xl\:container {
width: 100%;
margin-right: auto;
margin-left: auto
}
@media (min-width: 640px) {
.cmsb5-xl\:container {
max-width: 640px
}
}
@media (min-width: 768px) {
.cmsb5-xl\:container {
max-width: 768px
}
}
@media (min-width: 1024px) {
.cmsb5-xl\:container {
max-width: 1024px
}
}
@media (min-width: 1280px) {
.cmsb5-xl\:container {
max-width: 1280px
}
}
@media (min-width: 1536px) {
.cmsb5-xl\:container {
max-width: 1536px
}
}
}
@media (min-width: 768px) {
.cmsb5-md\:grid {
display: grid
}
}
@media (min-width: 1024px) {
.cmsb5-lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.cmsb5-lg\:gap-x-10 {
column-gap: 2.5rem
}
}
@media (min-width: 1280px) {
.cmsb5-xl\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.cmsb5-xl\:text-base {
font-size: 1rem;
line-height: 1.5rem
}
}</style>
<div class="cmsb5-xl:container cmsb5-w-full cmsb5-mx-auto cmsb5-px-4 cmsb5-xl:px-6" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb5-hidden cmsb5-md:grid cmsb5-lg:grid-cols-4 cmsb5-grid-cols-2 cmsb5-gap-y-4 xl:gap-x-30 cmsb5-lg:gap-x-10 cmsb5-gap-x-4 cmsb5-py-3">
<div class="cmsb5-inline-flex cmsb5-items-center cmsb5-gap-4">
<div class="icon-block"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" width="55" height="55">
  <defs> <style> .st1 {fill: #000; } </style> </defs>
  <g>
    <path class="st1" d="M68.66,26.66s.01,1.72.01,2.72h20.91c.76,0,.99.28,1.28,1.03l7.73,18.86c.13.31.17.66.1.98-.38,1.62-2.93,1.03-3.02,1.56l.02,35.14c0,.87.65,1.59,1.51,1.7.93.12,1.49.59,1.67,2.01.14,1.07.25,4.16-.19,5.96-.19.76-.88,1.3-1.66,1.3H4.12c-.74,0-1.4-.47-1.63-1.17-.93-2.86-1.29-7.49,1.52-8.26.73-.2,1.23-.88,1.23-1.64v-33.73c.01-.77-.5-1.45-1.25-1.65l-.37-.1c-.52-.14-.93-.52-1.13-1.01l-.04-.11c-.17-.41-.16-.88,0-1.29l7.57-18.45c.12-.3.34-.59.59-.8.35-.29.53-.32.83-.32h20.79c0-1.36,0-2.72,0-2.72M35.08,26.66v2.71h30.76v-2.71M92.07,42.04c-1.67-4.32-2.05-5.15-3.67-8.77-.3-.67-.81-.75-1.94-.75l-73.01.02c-.72,0-.74.07-1.03.73-1.38,3.17-2.06,5.04-3.59,8.77h83.24ZM94.34,47.93c-.49-1.12-.62-1.6-1.21-2.74H7.88c-.61,1.14-.73,1.49-1.31,2.74h87.77ZM92.53,51.54H8.39v37.09h4.53l.02-23.78c-.07-1.43-1.2-1.59-1.41-3.11-.16-1.19-.31-7.49,1.16-7.49h22.62c1.52,0,1.47,8.16.89,9.05-.24.37-1.3.3-1.16,1.11l.04,24.22h57.45v-37.09h0ZM33.27,57.42H14.72v3.17h18.55v-3.17ZM31.91,63.76h-15.38v24.88h15.38v-24.88ZM95.69,91.8H5.22c-.01,1.52-.45,3.28,1.56,3.19h87.35l1.36-.44.2-2.74h0Z"/>
    <path class="st1" d="M39.6,77.1c.41-1.45,3.1-.92,3.18-1.39v-11.96c-1.47-.1-2.52-.45-2.59-1.47-.07-1.08-.04-4.3-.03-6.52,0-.71.59-1.29,1.3-1.29h46.24c.64,0,1.21.41,1.4,1.02.54,1.75.26,5.11.27,6.24.01,1.98-1.19,2.08-3.19,2.01v10.7c0,.75.53,1.39,1.27,1.52.91.17,1.9.6,1.9,1.13v7.69l-.68.68h-48.4l-.68-.68v-7.69h.01ZM86.19,57.42h-43.43v3.17h43.43v-3.17ZM83.03,63.76h-37.09v12.21h37.09v-12.21h0ZM86.19,79.14h-43.43v3.17h43.43v-3.17Z"/>
    <polygon class="st1" points="28.58 76.43 25.57 76.43 25.57 72.8 28.55 72.89 28.58 76.43"/>
    <g>
      <path class="st1" d="M39.34,11.72h-3.9v-1c0-.47-.05-.76-.15-.89-.1-.13-.27-.19-.5-.19-.25,0-.44.08-.57.26s-.19.43-.19.78c0,.45.07.78.22,1.02.14.23.53.5,1.19.83,1.87.93,3.04,1.69,3.53,2.28.48.59.73,1.55.73,2.87,0,.96-.13,1.67-.4,2.12s-.79.83-1.56,1.14-1.67.46-2.69.46c-1.12,0-2.08-.18-2.87-.53-.79-.36-1.31-.81-1.56-1.35-.25-.55-.37-1.33-.37-2.34v-.88h3.9v1.64c0,.51.05.83.16.98.11.14.3.22.58.22s.49-.09.62-.28.2-.45.2-.82c0-.79-.13-1.31-.39-1.55-.27-.24-.92-.65-1.96-1.22-1.04-.58-1.73-.99-2.07-1.25s-.62-.62-.84-1.09c-.22-.46-.33-1.04-.33-1.76,0-1.04.16-1.79.47-2.26s.82-.85,1.53-1.12,1.55-.4,2.55-.4c1.09,0,2.02.15,2.78.44.77.29,1.28.67,1.52,1.11.25.45.37,1.2.37,2.28v.53h0v-.02Z"/>
      <path class="st1" d="M50.65,7.64v13.46h-4.19v-5.65h-1.25v5.65h-4.19V7.64h4.19v4.82h1.25v-4.82h4.19Z"/>
      <path class="st1" d="M61.92,15.52c0,1.35-.04,2.31-.11,2.87-.08.56-.32,1.08-.72,1.54-.4.47-.95.83-1.63,1.08s-1.48.38-2.39.38-1.64-.12-2.33-.35-1.24-.59-1.66-1.06c-.42-.47-.67-.99-.75-1.54s-.12-1.53-.12-2.91v-2.3c0-1.35.04-2.31.11-2.87s.31-1.08.72-1.54c.4-.47.95-.83,1.63-1.08.68-.25,1.48-.38,2.39-.38s1.64.12,2.33.35,1.24.59,1.66,1.06c.42.47.67.99.75,1.54s.12,1.53.12,2.91c0,0,0,2.3,0,2.3ZM57.72,11.11c0-.63-.04-1.03-.12-1.2-.08-.18-.25-.26-.51-.26-.22,0-.39.08-.5.21-.12.14-.18.56-.18,1.25v6.29c0,.78.04,1.26.11,1.44s.25.28.53.28.47-.11.55-.32c.08-.21.12-.71.12-1.5v-6.19h0Z"/>
      <path class="st1" d="M63.48,7.64h4.22c1.14,0,2.02.08,2.64.23.61.15,1.08.37,1.38.65s.52.63.63,1.03c.11.4.16,1.03.16,1.87v1.17c0,.86-.11,1.49-.32,1.88s-.6.69-1.17.91c-.57.21-1.31.32-2.23.32h-1.13v5.42h-4.19V7.64h.01ZM67.68,9.95v3.42c.12,0,.22,0,.31,0,.38,0,.65-.08.8-.23s.22-.48.22-.99v-1.1c0-.46-.09-.76-.26-.9-.17-.14-.53-.21-1.08-.21h.01Z"/>
    </g>
  </g>
  <path class="st1" d="M75.39,26.73H25.41c-1.69,0-3.06-1.37-3.06-3.06V5.3c0-1.69,1.37-3.06,3.06-3.06h49.99c1.72,0,3.06,1.42,3.06,3.23v18.36c0,1.57-1.4,2.89-3.06,2.89h-.01ZM25.41,4.96c-.19,0-.34.15-.34.34v18.36c0,.19.15.34.34.34h49.99c.18,0,.31-.13.34-.19V5.47c0-.23-.09-.51-.34-.51H25.41Z"/>
</svg></div>
<div class="cmsb5-xl:text-base cmsb5-text-sm cmsb5-text-black cmsb5-font-medium"><p class="cmsb5-font-semibold">One of Europe's largest</p> <p>model shops</p></div>
</div>
<div class="cmsb5-inline-flex cmsb5-items-center cmsb5-gap-4">
<div class="icon-block"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" width="55" height="55">
  <defs> <style> .st2 {fill: #000; } </style> </defs>
  <path class="st2" d="M85.7,94.3H14.36c-2.73,0-5.04-2.04-5.39-4.75l-3.86-30.27c-.19-1.54.28-3.1,1.31-4.27,1.03-1.17,2.52-1.84,4.08-1.84h79.49c1.58,0,3.07.68,4.11,1.87s1.49,2.77,1.27,4.33l-4.29,30.27c-.38,2.66-2.69,4.67-5.38,4.67h0ZM10.5,56.76c-.53,0-1.03.22-1.38.63-.35.4-.51.92-.45,1.45l3.86,30.27c.12.92.9,1.61,1.83,1.61h71.33c.91,0,1.69-.68,1.82-1.59l4.29-30.26c.08-.54-.08-1.06-.43-1.47-.35-.41-.85-.63-1.39-.63,0,0-79.49,0-79.49,0Z"/>
  <path class="st2" d="M50.6,27.96c-7.71,0-13.98-6.27-13.98-13.98S42.9,0,50.6,0s13.98,6.27,13.98,13.98-6.27,13.98-13.98,13.98ZM50.6,3.6c-5.73,0-10.39,4.66-10.39,10.39s4.66,10.39,10.39,10.39,10.39-4.66,10.39-10.39-4.66-10.39-10.39-10.39Z"/>
  <path class="st2" d="M29.04,53.09c0-11.32,10.24-22.59,21.56-22.59s21.56,11.26,21.56,22.59H29.04ZM50.6,34.09c-9.34,0-17.97,9.65-17.97,19h35.94c0-9.34-8.63-19-17.97-19Z"/>
  <g>
    <path class="st2" d="M57.83,81.26h-9.31c-2.7,0-5.14-1.61-6.21-4.09l-4.22-9.81c-.58-1.35-1.91-2.23-3.38-2.23h-5.66v-3.08h5.66c2.7,0,5.14,1.61,6.21,4.09l4.22,9.81c.58,1.35,1.91,2.23,3.38,2.23h9.31c1.43,0,2.73-.84,3.34-2.13l2.34-5.04,2.79,1.3-2.34,5.04c-1.11,2.38-3.51,3.92-6.13,3.92Z"/>
    <path class="st2" d="M49.24,87.47c-1.7,0-3.08-1.38-3.08-3.08s1.38-3.08,3.08-3.08,3.08,1.38,3.08,3.08-1.38,3.08-3.08,3.08ZM49.24,83.87c-.28,0-.51.23-.51.51s.23.51.51.51.51-.23.51-.51-.23-.51-.51-.51Z"/>
    <path class="st2" d="M56.42,87.47c-1.7,0-3.08-1.38-3.08-3.08s1.38-3.08,3.08-3.08,3.08,1.38,3.08,3.08-1.38,3.08-3.08,3.08ZM56.42,83.87c-.28,0-.51.23-.51.51s.23.51.51.51.51-.23.51-.51-.23-.51-.51-.51Z"/>
  </g>
  <rect class="st2" x="12.79" y="96.49" width="73.89" height="3.59" rx="1.8" ry="1.8"/>
</svg></div>
<div class="cmsb5-xl:text-base cmsb5-text-sm cmsb5-text-black cmsb5-font-medium"><p class="cmsb5-font-semibold">Buy from the people </p> <p>that know</p></div>
</div>
<div class="cmsb5-inline-flex cmsb5-items-center cmsb5-gap-4">
<div class="icon-block"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" width="55" height="55">
  <defs> <style> .st3-1 {fill: none; } .st3 {fill: #000; } </style> </defs>
  <path class="st3" d="M64.73,16.13c1.1,0,2.17.45,2.98,1.28.59.59,1.08,1.26,1.24,2.2.2,1.2-.4,5.69-.4,5.69h20.5c.2,0,.39.09.52.25.45.52,1.3,1.47,1.49,1.79,1.32,2.16,7.64,17.43,7.9,19.61.32,2.7-2.08,17.32-2.98,20.19-1.19,3.8-6.77,3.69-11.37,3.64-.74,0-1.39.51-1.65,1.28-3.34,10.08-18.81,12.22-19.94-.3-.05-.6-.5-1.05-1.04-1.05l-25.56.07c-.69,0-1.33.41-1.68,1.07-.72,1.34-1.62,3.55-2.24,4.32-5.6,7.01-17.99,5.66-17.71-5.45-2.65-.52-9.55,1.23-11.2-1.32-1.9-2.94,1.42-14.04,1.76-17.89H-.15v-3.06h22.82s0,3.06,0,3.06h-14.16c-.08,0-.08,1.75,0,1.75h51.35l5.85-32.24c.14-.79-.34-1.55-1.05-1.68-.54-.1-1.08-.15-1.64-.15-15.39-.08-31.34.15-46.46,0-.98-.02-1.73,1.34-2.14,2.26l8.27-.05v3.06H-.14v-3.06l10.45.02c.41,0,.79-.27.95-.7.67-1.73,1.42-2.89,2.74-3.97.48-.39,1.05-.59,1.64-.59h49.09,0ZM6.74,67.65c1.15.4,6.9,0,8.66,0,.32,0,3.18-4.21,4.4-5.16,3.8-2.97,10.28-3.46,13.51.69.54.7.94,2.05,1.41,3.1.38.85,1.16,1.38,2.02,1.38h25.73c.92,0,1.79-.51,2.29-1.37.41-.69.78-1.46,1.19-1.93,5.32-5.99,15.48-6.15,17.38,3.24,2.5-.39,8.62,1.39,9.68-1.59l2.86-18.44h-25.77c-.89,0-1.37-.33-1.37-1.98s1.4-11.69,2.23-13.19c.64-1.15.91-1.41,1.89-1.42h15.81c.24,0,.41-.28.31-.53l-.48-1.21c-.22-.55-.71-.9-1.25-.9-5.71.04-18.25.21-19.14.32,0,0-4.39,22.75-5.34,27.58l-54.78.55c-.36.08-.45.34-.57.68-.35,1.03-1.43,8.66-1.19,9.45.07.25.33.66.53.72h0ZM71.86,44.51h7.87l-.39-10.48c-1.22.25-4.72-.44-5.53.2-.7.55-1.59,8.74-1.94,10.29ZM90.74,34.03h-8.26l.39,10.48h11.8l-3.93-10.48ZM25.33,63.39c-8.53,1.46-10.56,15.43-.13,13.83,8.2-1.26,9.72-15.47.13-13.83h0ZM73.73,63.4c-8.78,1.22-10.49,14.84-.94,13.82,8.72-.93,10.38-15.13.94-13.82Z"/>
  <g>
    <line class="st3-1" x1="3.49" y1="29.51" x2="26.1" y2="29.51"/>
    <rect class="st3" x="3.49" y="28.23" width="22.62" height="2.56"/>
  </g>
  <g>
    <line class="st3-1" x1="7.03" y1="36.31" x2="29.64" y2="36.31"/>
    <rect class="st3" x="7.03" y="35.03" width="22.62" height="2.56"/>
  </g>
  <g>
    <line class="st3-1" x1="3.49" y1="43.31" x2="26.1" y2="43.31"/>
    <rect class="st3" x="3.49" y="42.03" width="22.62" height="2.56"/>
  </g>
</svg></div>
<div class="cmsb5-xl:text-base cmsb5-text-sm cmsb5-text-black cmsb5-font-medium"><p class="cmsb5-font-semibold">Free UK delivery </p> <p>over £25</p></div>
</div>
<div class="cmsb5-inline-flex cmsb5-items-center cmsb5-gap-4">
<div class="icon-block"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" width="55" height="55">
  <defs> <style> .st0 {fill: #010101; } </style> </defs>
  <path class="st0" d="M6.22,74.99c12.88,6.73,26.43,11.92,39.64,18,.95.44,2.03.53,3.04.24,1.74-.51,3.39-.51,4.04,1.89.81,3.01-4.88,4.85-7.17,3.72L1.72,78.69l-.03-57.38C21.2,12.32,31.04,7.89,47.09.73l46.79,20.2.71,27.38c-.53,2.86-5.11,2.09-5.11,0l-.31-21.48c-26.59,14.18-28.33,15.61-36.81,20.06-17.55-7.74-32.34-14-46.31-19.86l.15,47.95h.02ZM62.7,11.98c-6.76-3.08-9.86-4.28-15.35-6.73-12.69,5.64-24.02,10.77-39.05,17.71,6.3,2.6,11.42,4.49,18.16,7.01,19.19-9.44,21.81-10.79,36.25-17.99ZM67.32,14.55l-36.29,18.15c7.04,2.86,13.5,5.34,21.52,8.64,17.25-8.5,19.03-10.24,34.14-18.58.42-.23-12.53-5.54-19.38-8.21h0Z"/>
  <g>
    <path class="st0" d="M99.7,74.71c0,13.68-11.09,24.78-24.78,24.78s-24.78-11.09-24.78-24.78,11.09-24.78,24.78-24.78,24.78,11.09,24.78,24.78ZM94.44,74.73c0-10.78-8.74-19.52-19.52-19.52s-19.52,8.74-19.52,19.52,8.74,19.52,19.52,19.52,19.52-8.74,19.52-19.52Z"/>
    <path class="st0" d="M83.65,67.43c2.63-.78,4.42,1.4,3.28,3.86-.38.82-11.95,12.39-12.77,12.76-1.1.51-2.29.51-3.39,0-.42-.19-6.33-6.1-6.52-6.52-1.42-3.1.64-5.06,3.67-3.67,1.43.65,2.86,3.81,4.75,4.2,1.4-.25,9.01-10.06,10.98-10.64h0Z"/>
  </g>
</svg></div>
<div class="cmsb5-xl:text-base cmsb5-text-sm cmsb5-text-black cmsb5-font-medium"><p class="cmsb5-font-semibold">Express delivery </p> <p>available</p></div>
</div>
</div></div>
<div class="flex justify-center relative overflow-hidden home-banner common-slider-block">
  <div class="w-full aspect-[16/6]">

  <div x-data="sliderData(slides)" x-init="init()">
    <div x-ref="swiper" class="swiper-container">
      <div class="swiper-wrapper">
        <template x-for="(slide, index) in slides" :key="slide.id">
				  <div :id="slide.id" class="swiper-slide">
				  <a :href="slide.url_key" class="swiper-slide-link">
				  	<picture>
						  <!-- Large screen image -->
						  <source media="(min-width: 768px)" :srcset="slide.image_url" width="1335" height="501">
						  <!-- Mobile image -->
						  <source media="(max-width: 767px)" :srcset="slide.mobile_image_url" width="412" height="155">
						  <!-- Fallback image -->
						  <img :src="slide.image_url" class="mx-auto w-full" alt="Banner" fetchpriority="high" decoding="async">
						</picture>
						 </a>
				    <div class="absolute w-full z-10 left-0 top-1/2 -translate-y-1/2">
				      <div class="container text-center">
				        <div class="md:w-2/3 w-4/5 mx-auto">
				          <div x-html="slide.description"
				               class="md:px-16 lg:text-5xl sm:text-3xl text-2xl font-bold text-white lg:leading-normal leading-tight">
				          </div>
				        </div>
				      </div>
				    </div>
				  </div>
				</template>
      </div>
      <div class="container absolute top-0 left-0 right-0 min-h-full mx-auto">
      <div class="swiper-pagination one sm:hidden block"></div>
      <div class="swiper-button-prev one sm:!flex !hidden"></div>
      <div class="swiper-button-next one sm:!flex !hidden"></div>
      </div>
    </div>
  </div>

  </div>
</div>

<script type="text/javascript">
	
	/*remove Swissup_Swiper css*/
	for (const el of document.querySelectorAll('link[href*="Swissup_Swiper/lib/swiper.css"]')) {
		el.remove();
	}

	window.slides = [{id: 1,url_key: '/news',image_url: '/media/slider/image/25-06-09_-_News_Archive_v3.webp',mobile_image_url: '/media/slider/image/25-06-09_-_News_Archive_v3_1.webp',description: ''},{id: 2,url_key: '/railcam',image_url: '/media/slider/image/25-03-11_-_Railcam.webp',mobile_image_url: '/media/slider/image/25-03-11_-_Railcam_1.webp',description: ''},{id: 3,url_key: '/news/post/piko-g-scale-summer-sale-now-on',image_url: '/media/slider/image/25-06-16_-_Piko_Summer_Sale.webp',mobile_image_url: '/media/slider/image/25-06-16_-_Piko_Summer_Sale_1.webp',description: ''},{id: 4,url_key: 'https://www.gaugemasterretail.com/knowledge/post/getting-started-in-tt-scale',image_url: '/media/slider/image/25-06-16_-_Getting_Started_in_TT_Scale.webp',mobile_image_url: '/media/slider/image/25-06-16_-_Getting_Started_in_TT_Scale_1.webp',description: ''},{id: 5,url_key: '/gaugemaster-infinity',image_url: '/media/slider/image/25-03-11_-_Infinity.webp',mobile_image_url: '/media/slider/image/25-03-11_-_Infinity_1.webp',description: ''}];

	sliderData = function (slides) {
		return {
			title: "Swiper Slider",
			mySwiper: {},
			slideIndex: 0,
			slides: [],

			init() {

				this.slides = slides.map((slide, index) => {
					slide.id = index + Date.now();
					return slide;
				});

			//	console.log(this.slides);

				this.initSwiper();
			},
			initSwiper() {
				const autoplay = 4500;

				this.mySwiper = new Swiper(".swiper-container", {
					autoplay: {
						delay: autoplay,
						disableOnInteraction: false
					},
          			//loop: true,
					grabCursor: true,
					centeredSlides: true,
					watchSlidesProgress: true,
					pagination: {
						el: ".swiper-pagination.one",
						clickable: true
					},
					navigation: {
						nextEl: ".swiper-button-next.one",
						prevEl: ".swiper-button-prev.one"
					}
				});

				// wait for alpine finishing the DOM manipulation
				this.$nextTick(() => {
					this.mySwiper.init();
					// slides are ready, rerender the slider
					this.mySwiper.update();
				});
			}
		};
	};
</script>

<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
                )
            },
            removeMessage(messageIndex) {
                this.messages[messageIndex] = 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.removeMessage(messageIndex);
                }, 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 = [];
                }
            }
        }
    }
</script>
<section id="messages"
         x-data="initMessages()"
         x-bind="eventListeners"
         aria-live="assertive"
         role="alert"
>
    <template x-if="!isEmpty()">
        <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="message">
                            <div class="message" :class="message.type"
                                 :ui-id="'message-' + message.type"
                            >
                                <span x-html="message.text"></span>
                                <button
                                    type="button"
                                    class="text-gray-600 hover:text-black"
                                    aria-label="Close message"
                                    @click.prevent="removeMessage(index)"
                                >
                                    <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"><style>.cmsb8-absolute {
position: absolute
}
.cmsb8-relative {
position: relative
}
.cmsb8--bottom-6 {
bottom: -1.5rem
}
.cmsb8-left-0 {
left: 0px
}
.cmsb8-right-0 {
right: 0px
}
.cmsb8-mx-auto {
margin-left: auto;
margin-right: auto
}
.cmsb8-my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.cmsb8-mb-7 {
margin-bottom: 1.75rem
}
.cmsb8-flex {
display: flex
}
.cmsb8-grid {
display: grid
}
.cmsb8-w-9\/12 {
width: 75%
}
.cmsb8-grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.cmsb8-flex-col {
flex-direction: column
}
.cmsb8-flex-wrap {
flex-wrap: wrap
}
.cmsb8-items-center {
align-items: center
}
.cmsb8-items-baseline {
align-items: baseline
}
.cmsb8-justify-center {
justify-content: center
}
.cmsb8-justify-between {
justify-content: space-between
}
.cmsb8-gap-x-6 {
column-gap: 1.5rem
}
.cmsb8-gap-y-16 {
row-gap: 4rem
}
.cmsb8-rounded-full {
border-radius: 9999px
}
.cmsb8-rounded-lg {
border-radius: 0.5rem
}
.cmsb8-border {
border-width: 1px
}
.cmsb8-border-\[\#A8A8A8\] {
--tw-border-opacity: 1;
border-color: rgb(168 168 168 / var(--tw-border-opacity))
}
.cmsb8-border-transparent {
border-color: transparent
}
.cmsb8-px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.cmsb8-py-4 {
padding-top: 1rem;
padding-bottom: 1rem
}
.cmsb8-text-center {
text-align: center
}
.cmsb8-text-2xl {
font-size: 1.5rem;
line-height: 2rem
}
.cmsb8-text-base {
font-size: 1rem;
line-height: 1.5rem
}
.cmsb8-font-bold {
font-weight: 700
}
.cmsb8-leading-9 {
line-height: 2.25rem
}
.cmsb8-text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
.cmsb8-transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms
}
.cmsb8-group:hover .group-hover\:border-\[\#F37B20\] {
--tw-border-opacity: 1;
border-color: rgb(243 123 32 / var(--tw-border-opacity))
}
.cmsb8-group:hover .group-hover\:bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb8-group:hover .group-hover\:text-\[\#F37B20\] {
--tw-text-opacity: 1;
color: rgb(243 123 32 / var(--tw-text-opacity))
}
@media (min-width: 768px) {
.cmsb8-md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.cmsb8-md\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
}
@media (min-width: 1024px) {
.cmsb8-lg\:px-8 {
padding-left: 2rem;
padding-right: 2rem
}
.cmsb8-lg\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb8-my-10">
    <div class="cmsb8-flex-wrap cmsb8-flex cmsb8-justify-between cmsb8-items-baseline cmsb8-mb-7">
        <div class="cmsb8-text-2xl cmsb8-leading-9 cmsb8-font-bold text-secondaryNew">
            Shop By Categories
        </div>       
    </div>

    <div class="cmsb8-grid cmsb8-gap-x-6 cmsb8-gap-y-16 cmsb8-md:grid-cols-2 cmsb8-grid-cols-1">
       
<a href="catalogsearch/result/index/?product_list_order=price&q=train+set&type=899" class="cmsb8-rounded-lg cmsb8-flex cmsb8-flex-col cmsb8-items-center cmsb8-justify-center cmsb8-border cmsb8-border-[#A8A8A8]  cmsb8-relative cmsb8-group cmsb8-transition">

<img loading="lazy" class="cmsb8-my-10" alt="Starter Sets Graphic" src="https://www.gaugemasterretail.com/media/wysiwyg/Starter_Sets_2.webp" width="730" height="351" layout="responsive" srcset="https://www.gaugemasterretail.com/media/wysiwyg/Starter_Sets_2.webp 362w"/>
            <div class="group-hover:bg-white group-hover:border-[#F37B20] group-hover:text-[#F37B20] cmsb8-border cmsb8-border-transparent cmsb8-transition cmsb8-absolute cmsb8--bottom-6 cmsb8-left-0 cmsb8-right-0 cmsb8-mx-auto bg-primaryNew cmsb8-rounded-full cmsb8-lg:px-8 cmsb8-px-6 cmsb8-py-4 text-whiteleading-snug cmsb8-font-bold cmsb8-text-white  cmsb8-text-base  cmsb8-md:text-lg cmsb8-lg:text-xl cmsb8-text-center cmsb8-w-9/12">
            Train Sets
            </div>
        </a>
        <a href="model-railways-1/oo-gauge/locomotives.html" class="cmsb8-rounded-lg cmsb8-flex cmsb8-flex-col cmsb8-items-center cmsb8-justify-center cmsb8-border cmsb8-border-[#A8A8A8]  cmsb8-relative cmsb8-group cmsb8-transition">

        <img loading="lazy" class="cmsb8-my-10" alt="OO Gauge Locomotives Graphic" src="https://www.gaugemasterretail.com/media/wysiwyg/OO_Scale_British_Locomotives_2.webp" width="730" height="351" layout="responsive" srcset="https://www.gaugemasterretail.com/media/wysiwyg/OO_Scale_British_Locomotives_2.webp 362w"/>
            <div class="group-hover:bg-white group-hover:border-[#F37B20] group-hover:text-[#F37B20] cmsb8-border cmsb8-border-transparent cmsb8-transition cmsb8-absolute cmsb8--bottom-6 cmsb8-left-0 cmsb8-right-0 cmsb8-mx-auto bg-primaryNew cmsb8-rounded-full cmsb8-lg:px-8 cmsb8-px-6 cmsb8-py-4 text-whiteleading-snug cmsb8-font-bold cmsb8-text-white  cmsb8-text-base  cmsb8-md:text-lg cmsb8-lg:text-xl cmsb8-text-center cmsb8-w-9/12">
            OO Gauge Locomotives
            </div>
        </a>

        <a href="brands/hornby" class="cmsb8-rounded-lg cmsb8-flex cmsb8-flex-col cmsb8-items-center cmsb8-justify-center cmsb8-border cmsb8-border-[#A8A8A8]  cmsb8-relative cmsb8-group cmsb8-transition">

        <img loading="lazy" class="cmsb8-my-10" alt="Hornby Model Railways Graphic" src="https://www.gaugemasterretail.com/media/wysiwyg/Model_Railways_2.webp" width="730" height="351" layout="responsive" srcset="https://www.gaugemasterretail.com/media/wysiwyg/Model_Railways_2.webp 362w"/>
            <div class="group-hover:bg-white group-hover:border-[#F37B20] group-hover:text-[#F37B20] cmsb8-border cmsb8-border-transparent cmsb8-transition cmsb8-absolute cmsb8--bottom-6 cmsb8-left-0 cmsb8-right-0 cmsb8-mx-auto bg-primaryNew cmsb8-rounded-full cmsb8-lg:px-8 cmsb8-px-6 cmsb8-py-4 text-whiteleading-snug cmsb8-font-bold cmsb8-text-white  cmsb8-text-base  cmsb8-md:text-lg cmsb8-lg:text-xl cmsb8-text-center cmsb8-w-9/12">
            Hornby Model Railways
            </div>
        </a>
 <a href="model-railways-1/n-gauge/locomotives.html" class="cmsb8-rounded-lg cmsb8-flex cmsb8-flex-col cmsb8-items-center cmsb8-justify-center cmsb8-border cmsb8-border-[#A8A8A8]  cmsb8-relative cmsb8-group cmsb8-transition">
            <img loading="lazy" class="cmsb8-my-10" alt="N Gauge Locomotives Graphic" src="https://www.gaugemasterretail.com/media/wysiwyg/N_Scale_British_Locomotives_2.webp" width="730" height="351" layout="responsive" srcset="https://www.gaugemasterretail.com/media/wysiwyg/N_Scale_British_Locomotives_2.webp 362w"/>
            <div class="group-hover:bg-white group-hover:border-[#F37B20] group-hover:text-[#F37B20] cmsb8-border cmsb8-border-transparent cmsb8-transition  cmsb8-absolute cmsb8--bottom-6 cmsb8-left-0 cmsb8-right-0 cmsb8-mx-auto bg-primaryNew cmsb8-rounded-full cmsb8-lg:px-8 cmsb8-px-6 cmsb8-py-4 text-whiteleading-snug cmsb8-font-bold cmsb8-text-white  cmsb8-text-base  cmsb8-md:text-lg cmsb8-lg:text-xl cmsb8-text-center cmsb8-w-9/12">
            N Gauge Locomotives
            </div>
        </a>
        
    </div>
</div></div><style>.cmsb9-absolute {
position: absolute
}
.cmsb9-relative {
position: relative
}
.cmsb9-top-4 {
top: 1rem
}
.cmsb9-my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem
}
.cmsb9-mt-24 {
margin-top: 6rem
}
.cmsb9-block {
display: block
}
.cmsb9-grid {
display: grid
}
.cmsb9-h-\[432px\] {
height: 432px
}
.cmsb9-h-full {
height: 100%
}
.cmsb9-w-full {
width: 100%
}
.cmsb9-grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.cmsb9-gap-4 {
gap: 1rem
}
.cmsb9-object-cover {
object-fit: cover
}
.cmsb9-p-7 {
padding: 1.75rem
}
.cmsb9-pt-6 {
padding-top: 1.5rem
}
.cmsb9-text-center {
text-align: center
}
.cmsb9-text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.cmsb9-font-bold {
font-weight: 700
}
.cmsb9-leading-7 {
line-height: 1.75rem
}
.cmsb9-text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
.cmsb9-sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media (min-width: 768px) {
.cmsb9-md\:gap-10 {
gap: 2.5rem
}
}
@media (min-width: 1024px) {
.cmsb9-lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb9-grid cmsb9-grid-cols-1 cmsb9-sm:grid-cols-2  cmsb9-lg:grid-cols-4 cmsb9-my-2 cmsb9-md:gap-10 cmsb9-gap-4 cmsb9-mt-24">
    <div class="cmsb9-relative cmsb9-h-[432px] bg-primaryNew">
<a href="knowledge/index">

<img loading="lazy" class="cmsb9-absolute cmsb9-w-full cmsb9-h-full cmsb9-object-cover" alt="Knowledge Base" src="https://www.gaugemasterretail.com/media/wysiwyg/Knowledge_Base-72dpi_1.webp" width="278" height="432" layout="responsive" srcset="https://www.gaugemasterretail.com/media/wysiwyg/Knowledge_Base-72dpi_1.webp 362w"/></a>
        <div class="cmsb9-absolute cmsb9-top-4 cmsb9-w-full cmsb9-p-7 cmsb9-pt-6 ">
            <a href="knowledge/index" class="cmsb9-block cmsb9-text-white cmsb9-text-lg cmsb9-leading-7 cmsb9-font-bold cmsb9-text-center">
                Knowledge Base
            </a>
        </div>
    </div>
    <div class="cmsb9-relative cmsb9-h-[432px] bg-primaryNew">
<a href="news">
<img loading="lazy" class="cmsb9-absolute cmsb9-w-full cmsb9-h-full cmsb9-object-cover" alt="News Archive" src="https://www.gaugemasterretail.com/media/wysiwyg/News_Archive_1-72dpi-01_1.webp" width="278" height="432" layout="responsive" srcset="https://www.gaugemasterretail.com/media/wysiwyg/News_Archive_1-72dpi-01_1.webp 362w"/></a>
        <div class="cmsb9-absolute cmsb9-top-4 cmsb9-w-full cmsb9-p-7 cmsb9-pt-6">
            <a href="news" class="cmsb9-block cmsb9-text-white cmsb9-text-lg cmsb9-leading-7 cmsb9-font-bold cmsb9-text-center">
                News Archive
            </a>
        </div>
    </div>
    <div class="cmsb9-relative cmsb9-h-[432px] bg-primaryNew">
<a href="howto">
<img loading="lazy" class="cmsb9-absolute cmsb9-w-full cmsb9-h-full cmsb9-object-cover" alt="Visit Our Shop" src="https://www.gaugemasterretail.com/media/wysiwyg/Visit_the_shop_1-72dpi_1.webp" width="278" height="432" layout="responsive" srcset="https://www.gaugemasterretail.com/media/wysiwyg/Visit_the_shop_1-72dpi_1.webp 362w"/></a>
        <div class="cmsb9-absolute cmsb9-top-4 cmsb9-w-full cmsb9-p-7 cmsb9-pt-6">
            <a href="howto" class="cmsb9-block cmsb9-text-white cmsb9-text-lg cmsb9-leading-7 cmsb9-font-bold cmsb9-text-center">
                Visit Our Shop
            </a>
        </div>
    </div>
    <div class="cmsb9-relative cmsb9-h-[432px] bg-primaryNew">
<a href="gaugemaster-infinity">
<img loading="lazy" class="cmsb9-absolute cmsb9-w-full cmsb9-h-full cmsb9-object-cover" alt="Infinity" src="https://www.gaugemasterretail.com/media/wysiwyg/Infinity_Control_1-72dpi_1.webp" width="278" height="432" layout="responsive" srcset="https://www.gaugemasterretail.com/media/wysiwyg/Infinity_Control_1-72dpi_1.webp 362w"/></a>
        <div class="cmsb9-absolute cmsb9-top-4 cmsb9-w-full cmsb9-p-7 cmsb9-pt-6">
            <a href="/gaugemaster-infinity" class="cmsb9-block cmsb9-text-white cmsb9-text-lg cmsb9-leading-7 cmsb9-font-bold cmsb9-text-center">
                Infinity
            </a>
        </div>
    </div>
</div></div>
    <script>
        if (window.require) {
            require(['jquery', 'domReady!'], function($){
                if ($('.mfblogunveil').length) {
                    require(['Magefan_Blog/js/lib/mfblogunveil'], function(){
                        $('.mfblogunveil').mfblogunveil();
                    });
                }
            });
        } else {
            /* e.g. hyva theme */
            document.addEventListener("DOMContentLoaded", function(){
                var items =  document.getElementsByClassName('mfblogunveil');
                var el, url;
                if (items.length) {
                    for (var i=0; i<items.length;i++) {
                        el = items[i];
                        url = el.getAttribute('data-original');
                        if (!url) {
                            continue;
                        }
                        if ('IMG' == el.tagName) {
                            el.src = url;
                        } else {
                            el.style.backgroundImage = "url('" + url  + "')";
                        }
                    }
                }
            });
        }
    </script>


<script>
    'use strict';

    function initSliderComponent() {
        return {
            active: 0,
            itemCount: 0,
            getSlider() {
                return this.$root.querySelector('.js_slides');
            },
            pageSize: 4,
            pageFillers: 0,
            calcPageSize() {
                const slider = this.getSlider();
                if (slider) {
                    this.itemCount = slider.querySelectorAll('.js_slide').length;
                    this.pageSize = Math.round(slider.clientWidth / slider.querySelector('.js_slide').clientWidth);
                    this.pageFillers = (
                        this.pageSize * Math.ceil(this.itemCount / this.pageSize)
                    ) - this.itemCount;
                }
            },
            calcActive() {
                const slider = this.getSlider();
                if (slider) {
                    const sliderItems = this.itemCount + this.pageFillers;
                    const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
                    this.active = Math.round(calculatedActiveSlide / this.pageSize) * this.pageSize;
                }
            },
            scrollPrevious() {
                this.scrollTo(this.active - this.pageSize);
            },
            scrollNext() {
                this.scrollTo(this.active + this.pageSize);
            },
            scrollTo(idx) {
                const slider = this.getSlider();
                if (slider) {
                    const slideWidth = slider.scrollWidth / (this.itemCount + this.pageFillers);
                    slider.scrollLeft = Math.floor(slideWidth) * idx;
                    this.active = idx;
                }
            },
            skipCarouselToNavigation(navSelector) {
                const element = document.getElementById(navSelector)
                if (element) {
                    element.scrollIntoView({behavior: 'smooth', block: 'end'});
                    const button = element.querySelector('button:not([disabled])');
                    this.$nextTick(() => button && button.focus({preventScroll: true}))
                }
            }
        }
    }
</script>
<section
    class="my-12 text-gray-700 body-font"
    x-data="initSliderComponent()"
    x-init="calcPageSize();"
    x-id="['slider-nav', 'slider-end', 'slider-desc', 'slider-id']"
    @resize.window.debounce="calcPageSize(); $nextTick( function() { calcActive() })"
    role="group"
    aria-roledescription="Carousel"
    aria-label="Carousel&#x20;New&#x20;Arrivals"
    :aria-describedby="$id('slider-desc')"
>
            <div class="relative">
                            <div class="container flex flex-col items-center pt-6 pb-3 mx-auto mb-6 md:flex-row px-0">
                    <h2 class="text-2xl font-bold text-secondaryNew title-font">
                        New Arrivals                    </h2>
                </div>
                        <span
                class="sr-only"
                :id="$id('slider-desc')"
                tabindex="-1"
            >
                Navigating through the elements of the carousel is possible using the tab key. You can skip the carousel or go straight to carousel navigation using the skip links.            </span>

            <a
                :href="`#${$id('slider-end')}`"
                class="action skip sr-only focus:not-sr-only focus:absolute focus:z-30 focus:bg-white"
            >
                Press to skip carousel            </a>
            <button
                x-show="itemCount > pageSize"
                type="button"
                class="action skip sr-only focus:not-sr-only focus:absolute focus:z-30 focus:bg-white"
                @click.prevent="skipCarouselToNavigation($id('slider-nav'))"
            >
                Press to go to carousel navigation            </button>
            <div class="flex-none relative w-full overflow-x-hidden">
                <div class="relative flex flex-nowrap w-full overflow-auto js_slides snap md:px-1 xl:px-2"
                     @scroll.debounce="calcActive"
                >
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="1 > active && 1 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;1"
                             :aria-describedby="`slide-desc-95160-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/95160/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="95160"/>
                <a href="https://www.gaugemasterretail.com/rivarossi-hr4348-db-regio-wgmh-bar-coach-iv.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-95160.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/h/r/hr4348.jpg"
            width="332"
    height="332"
    alt="hr4348.jpg"
    title="DB&#x20;Regio&#x20;WGmh&#x20;Bar&#x20;Coach&#x20;IV"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Rivarossi </span> <span class="manufacturer-name">HR4348</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/rivarossi-hr4348-db-regio-wgmh-bar-coach-iv.html"
                :id="`slide-desc-95160-${$id('slider-id')}`"
            >
                DB Regio WGmh Bar Coach IV            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1565ed215()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1565ed215()"
             @update-prices-95160.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="95160">
    <span class="map-fallback-price normal-price order-2">£68.45</span>

            <span id="s_95160"></span>
    <script type="text&#x2F;javascript">    var elemyU2EWDJ5Array = document.querySelectorAll('span#s_95160');
    if(elemyU2EWDJ5Array.length !== 'undefined'){
        elemyU2EWDJ5Array.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerjYl1fmaTaa () {
        event.preventDefault();
    }
    var listenedElementjYl1fmaTaaArray = document.querySelectorAll("a#msrp-popup-95160XX4uB0YJfXjVA5c7Ogep");
    if(listenedElementjYl1fmaTaaArray.length !== 'undefined'){
        listenedElementjYl1fmaTaaArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerjYl1fmaTaa.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm outstock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;DB&#x20;Regio&#x20;WGmh&#x20;Bar&#x20;Coach&#x20;IV"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(95160)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;DB&#x20;Regio&#x20;WGmh&#x20;Bar&#x20;Coach&#x20;IV"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(95160)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;DB&#x20;Regio&#x20;WGmh&#x20;Bar&#x20;Coach&#x20;IV"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="2 > active && 2 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;2"
                             :aria-describedby="`slide-desc-116698-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/116698/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="116698"/>
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/116698/s/bachmann-38-625a-fga-outer-flats-br-blue-w-and-freightliner-container-load/"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-116698.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/b/3/b38-625a.jpg"
            width="332"
    height="332"
    alt="b38-625a.jpg"
    title="FGA&#x20;Outer&#x20;Flats&#x20;&#x28;2&#x29;&#x20;BR&#x20;Blue&#x20;w&#x2F;Freightliner&#x20;Container&#x20;Load"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Bachmann </span> <span class="manufacturer-name">38-625A</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/catalog/product/view/id/116698/s/bachmann-38-625a-fga-outer-flats-br-blue-w-and-freightliner-container-load/"
                :id="`slide-desc-116698-${$id('slider-id')}`"
            >
                FGA Outer Flats (2) BR Blue w/Freightliner Container Load            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c15660f515()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c15660f515()"
             @update-prices-116698.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="116698">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['116698']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('116698')"                data-price-amount="124.95"
        data-price-type=""
        class="price-wrapper "
    >£124.95</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£112.50</span>

            <span id="s_116698"></span>
    <script type="text&#x2F;javascript">    var elemQopdiK4SArray = document.querySelectorAll('span#s_116698');
    if(elemQopdiK4SArray.length !== 'undefined'){
        elemQopdiK4SArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerKG8wcdD8TR () {
        event.preventDefault();
    }
    var listenedElementKG8wcdD8TRArray = document.querySelectorAll("a#msrp-popup-1166989FncDl4S4kapIpakQPe1");
    if(listenedElementKG8wcdD8TRArray.length !== 'undefined'){
        listenedElementKG8wcdD8TRArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerKG8wcdD8TR.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;FGA&#x20;Outer&#x20;Flats&#x20;&#x28;2&#x29;&#x20;BR&#x20;Blue&#x20;w&#x2F;Freightliner&#x20;Container&#x20;Load"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(116698)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;FGA&#x20;Outer&#x20;Flats&#x20;&#x28;2&#x29;&#x20;BR&#x20;Blue&#x20;w&#x2F;Freightliner&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(116698)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;FGA&#x20;Outer&#x20;Flats&#x20;&#x28;2&#x29;&#x20;BR&#x20;Blue&#x20;w&#x2F;Freightliner&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="3 > active && 3 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;3"
                             :aria-describedby="`slide-desc-116702-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/116702/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="116702"/>
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/116702/s/bachmann-38-627a-fga-outer-flats-br-blue-w-and-5-x-iso-container-load/"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-116702.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/b/3/b38-627a.jpg"
            width="332"
    height="332"
    alt="b38-627a.jpg"
    title="FGA&#x20;Outer&#x20;Flats&#x20;&#x28;2&#x29;&#x20;BR&#x20;Blue&#x20;w&#x2F;5&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Bachmann </span> <span class="manufacturer-name">38-627A</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/catalog/product/view/id/116702/s/bachmann-38-627a-fga-outer-flats-br-blue-w-and-5-x-iso-container-load/"
                :id="`slide-desc-116702-${$id('slider-id')}`"
            >
                FGA Outer Flats (2) BR Blue w/5 x ISO Container Load            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c15661a2ed()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c15661a2ed()"
             @update-prices-116702.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="116702">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['116702']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('116702')"                data-price-amount="124.95"
        data-price-type=""
        class="price-wrapper "
    >£124.95</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£112.50</span>

            <span id="s_116702"></span>
    <script type="text&#x2F;javascript">    var elemF1RnhrMtArray = document.querySelectorAll('span#s_116702');
    if(elemF1RnhrMtArray.length !== 'undefined'){
        elemF1RnhrMtArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerk5hxzU36tg () {
        event.preventDefault();
    }
    var listenedElementk5hxzU36tgArray = document.querySelectorAll("a#msrp-popup-116702Pws34wD0S8HLAm4vM8oA");
    if(listenedElementk5hxzU36tgArray.length !== 'undefined'){
        listenedElementk5hxzU36tgArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerk5hxzU36tg.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;FGA&#x20;Outer&#x20;Flats&#x20;&#x28;2&#x29;&#x20;BR&#x20;Blue&#x20;w&#x2F;5&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(116702)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;FGA&#x20;Outer&#x20;Flats&#x20;&#x28;2&#x29;&#x20;BR&#x20;Blue&#x20;w&#x2F;5&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(116702)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;FGA&#x20;Outer&#x20;Flats&#x20;&#x28;2&#x29;&#x20;BR&#x20;Blue&#x20;w&#x2F;5&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="4 > active && 4 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;4"
                             :aria-describedby="`slide-desc-116703-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/116703/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="116703"/>
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/116703/s/bachmann-38-628a-ffa-inner-flat-br-blue-w-and-3-x-iso-container-load/"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-116703.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/b/3/b38-628a.jpg"
            width="332"
    height="332"
    alt="b38-628a.jpg"
    title="FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Bachmann </span> <span class="manufacturer-name">38-628A</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/catalog/product/view/id/116703/s/bachmann-38-628a-ffa-inner-flat-br-blue-w-and-3-x-iso-container-load/"
                :id="`slide-desc-116703-${$id('slider-id')}`"
            >
                FFA Inner Flat BR Blue w/3 x ISO Container Load            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566253c8()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566253c8()"
             @update-prices-116703.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="116703">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['116703']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('116703')"                data-price-amount="64.95"
        data-price-type=""
        class="price-wrapper "
    >£64.95</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£58.50</span>

            <span id="s_116703"></span>
    <script type="text&#x2F;javascript">    var elemtR9Bnt8eArray = document.querySelectorAll('span#s_116703');
    if(elemtR9Bnt8eArray.length !== 'undefined'){
        elemtR9Bnt8eArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerUlIOFLM5Fq () {
        event.preventDefault();
    }
    var listenedElementUlIOFLM5FqArray = document.querySelectorAll("a#msrp-popup-116703hoIYHlG6JuUJu4NBpOHg");
    if(listenedElementUlIOFLM5FqArray.length !== 'undefined'){
        listenedElementUlIOFLM5FqArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerUlIOFLM5Fq.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(116703)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(116703)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="5 > active && 5 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;5"
                             :aria-describedby="`slide-desc-110209-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/110209/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="110209"/>
                <a href="https://www.gaugemasterretail.com/marklin-39718-dbag-br812-ice4-5-car-emu-vi.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-110209.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/n/mn39718.jpg"
            width="332"
    height="332"
    alt="mn39718.jpg"
    title="DBAG&#x20;BR812&#x20;ICE4&#x20;5&#x20;Car&#x20;EMU&#x20;VI&#x20;&#x28;&#x7E;AC-Sound&#x29;"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Marklin </span> <span class="manufacturer-name">39718</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/marklin-39718-dbag-br812-ice4-5-car-emu-vi.html"
                :id="`slide-desc-110209-${$id('slider-id')}`"
            >
                DBAG BR812 ICE4 5 Car EMU VI (~AC-Sound)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c156631652()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c156631652()"
             @update-prices-110209.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="110209">
    
<span
    x-data x-id="['product\u002Dprice\u002D110209']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D110209')"                data-price-amount="750"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£750.00</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm outstock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;DBAG&#x20;BR812&#x20;ICE4&#x20;5&#x20;Car&#x20;EMU&#x20;VI&#x20;&#x28;&#x7E;AC-Sound&#x29;"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(110209)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;DBAG&#x20;BR812&#x20;ICE4&#x20;5&#x20;Car&#x20;EMU&#x20;VI&#x20;&#x28;&#x7E;AC-Sound&#x29;"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(110209)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;DBAG&#x20;BR812&#x20;ICE4&#x20;5&#x20;Car&#x20;EMU&#x20;VI&#x20;&#x28;&#x7E;AC-Sound&#x29;"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="6 > active && 6 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;6"
                             :aria-describedby="`slide-desc-111782-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/111782/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="111782"/>
                <a href="https://www.gaugemasterretail.com/scalextric-c4574-bmw-e36-320i-btcc-1995-david-brabham.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-111782.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/c/4/c4574.jpg"
            width="332"
    height="332"
    alt="c4574.jpg"
    title="BMW&#x20;E36&#x20;320i&#x20;BTCC&#x20;1995&#x20;David&#x20;Brabham"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Scalextric </span> <span class="manufacturer-name">C4574</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/scalextric-c4574-bmw-e36-320i-btcc-1995-david-brabham.html"
                :id="`slide-desc-111782-${$id('slider-id')}`"
            >
                BMW E36 320i BTCC 1995 David Brabham            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:32 Scale, Slot Cars</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c15663dea4()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c15663dea4()"
             @update-prices-111782.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="111782">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['111782']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('111782')"                data-price-amount="49.99"
        data-price-type=""
        class="price-wrapper "
    >£49.99</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£45.00</span>

            <span id="s_111782"></span>
    <script type="text&#x2F;javascript">    var elemx4WtlJGPArray = document.querySelectorAll('span#s_111782');
    if(elemx4WtlJGPArray.length !== 'undefined'){
        elemx4WtlJGPArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerk7618mbJPJ () {
        event.preventDefault();
    }
    var listenedElementk7618mbJPJArray = document.querySelectorAll("a#msrp-popup-111782rWAXNqyeoU7ihrqaebRD");
    if(listenedElementk7618mbJPJArray.length !== 'undefined'){
        listenedElementk7618mbJPJArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerk7618mbJPJ.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;BMW&#x20;E36&#x20;320i&#x20;BTCC&#x20;1995&#x20;David&#x20;Brabham"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(111782)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;BMW&#x20;E36&#x20;320i&#x20;BTCC&#x20;1995&#x20;David&#x20;Brabham"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(111782)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;BMW&#x20;E36&#x20;320i&#x20;BTCC&#x20;1995&#x20;David&#x20;Brabham"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="7 > active && 7 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;7"
                             :aria-describedby="`slide-desc-111792-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/111792/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="111792"/>
                <a href="https://www.gaugemasterretail.com/scalextric-c4594-porsche-911-3-point-0-rsr-georg-loos-racing-gt-winner-75-lemans.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-111792.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/c/4/c4594.jpg"
            width="332"
    height="332"
    alt="c4594.jpg"
    title="Porsche&#x20;911&#x20;3.0&#x20;RSR&#x20;Georg&#x20;Loos&#x20;Racing&#x20;GT&#x20;Winner&#x20;&#x27;75&#x20;LeMans"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Scalextric </span> <span class="manufacturer-name">C4594</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/scalextric-c4594-porsche-911-3-point-0-rsr-georg-loos-racing-gt-winner-75-lemans.html"
                :id="`slide-desc-111792-${$id('slider-id')}`"
            >
                Porsche 911 3.0 RSR Georg Loos Racing GT Winner &#039;75 LeMans            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:32 Scale, Slot Cars</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c156649814()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c156649814()"
             @update-prices-111792.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="111792">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['111792']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('111792')"                data-price-amount="49.99"
        data-price-type=""
        class="price-wrapper "
    >£49.99</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£45.00</span>

            <span id="s_111792"></span>
    <script type="text&#x2F;javascript">    var elemwuEfcqRnArray = document.querySelectorAll('span#s_111792');
    if(elemwuEfcqRnArray.length !== 'undefined'){
        elemwuEfcqRnArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListener8s7EplcEbB () {
        event.preventDefault();
    }
    var listenedElement8s7EplcEbBArray = document.querySelectorAll("a#msrp-popup-111792AUSU6UK7Ccn84M7ktLfF");
    if(listenedElement8s7EplcEbBArray.length !== 'undefined'){
        listenedElement8s7EplcEbBArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListener8s7EplcEbB.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm outstock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Porsche&#x20;911&#x20;3.0&#x20;RSR&#x20;Georg&#x20;Loos&#x20;Racing&#x20;GT&#x20;Winner&#x20;&amp;&#x23;039&#x3B;75&#x20;LeMans"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(111792)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Porsche&#x20;911&#x20;3.0&#x20;RSR&#x20;Georg&#x20;Loos&#x20;Racing&#x20;GT&#x20;Winner&#x20;&amp;&#x23;039&#x3B;75&#x20;LeMans"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(111792)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Porsche&#x20;911&#x20;3.0&#x20;RSR&#x20;Georg&#x20;Loos&#x20;Racing&#x20;GT&#x20;Winner&#x20;&amp;&#x23;039&#x3B;75&#x20;LeMans"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="8 > active && 8 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;8"
                             :aria-describedby="`slide-desc-111951-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/111951/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="111951"/>
                <a href="https://www.gaugemasterretail.com/hornby-r60316-christmas-wagon-2025.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-111951.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/r/6/r60316.jpg"
            width="332"
    height="332"
    alt="r60316.jpg"
    title="Christmas&#x20;Wagon&#x20;2025"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Hornby </span> <span class="manufacturer-name">R60316</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/hornby-r60316-christmas-wagon-2025.html"
                :id="`slide-desc-111951-${$id('slider-id')}`"
            >
                Christmas Wagon 2025            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566596e6()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566596e6()"
             @update-prices-111951.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="111951">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['111951']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('111951')"                data-price-amount="32.99"
        data-price-type=""
        class="price-wrapper "
    >£32.99</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£29.70</span>

            <span id="s_111951"></span>
    <script type="text&#x2F;javascript">    var elem4GHh7V0jArray = document.querySelectorAll('span#s_111951');
    if(elem4GHh7V0jArray.length !== 'undefined'){
        elem4GHh7V0jArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerDJyT9groHq () {
        event.preventDefault();
    }
    var listenedElementDJyT9groHqArray = document.querySelectorAll("a#msrp-popup-111951K06MTkdfqlKg9QbI9eRQ");
    if(listenedElementDJyT9groHqArray.length !== 'undefined'){
        listenedElementDJyT9groHqArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerDJyT9groHq.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm outstock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Christmas&#x20;Wagon&#x20;2025"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(111951)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Christmas&#x20;Wagon&#x20;2025"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(111951)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Christmas&#x20;Wagon&#x20;2025"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="9 > active && 9 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;9"
                             :aria-describedby="`slide-desc-35988-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/35988/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="35988"/>
                <a href="https://www.gaugemasterretail.com/atlas-al62.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-35988.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/a/l/al62.jpg"
            width="332"
    height="332"
    alt="al62.jpg"
    title="Code&#x20;100&#x20;Left&#x20;Hand&#x20;Manual&#x20;Switch&#x20;Machine"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Atlas </span> <span class="manufacturer-name">62</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/atlas-al62.html"
                :id="`slide-desc-35988-${$id('slider-id')}`"
            >
                Code 100 Left Hand Manual Switch Machine            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c156667558()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c156667558()"
             @update-prices-35988.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="35988">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['35988']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('35988')"                data-price-amount="6.25"
        data-price-type=""
        class="price-wrapper "
    >£6.25</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£1.50</span>

            <span id="s_35988"></span>
    <script type="text&#x2F;javascript">    var elemkR3t2uN3Array = document.querySelectorAll('span#s_35988');
    if(elemkR3t2uN3Array.length !== 'undefined'){
        elemkR3t2uN3Array.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerP4gNgLaHs8 () {
        event.preventDefault();
    }
    var listenedElementP4gNgLaHs8Array = document.querySelectorAll("a#msrp-popup-35988rbxUv86BoZJuhd9II3QL");
    if(listenedElementP4gNgLaHs8Array.length !== 'undefined'){
        listenedElementP4gNgLaHs8Array.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerP4gNgLaHs8.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Code&#x20;100&#x20;Left&#x20;Hand&#x20;Manual&#x20;Switch&#x20;Machine"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(35988)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Code&#x20;100&#x20;Left&#x20;Hand&#x20;Manual&#x20;Switch&#x20;Machine"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(35988)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Code&#x20;100&#x20;Left&#x20;Hand&#x20;Manual&#x20;Switch&#x20;Machine"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="10 > active && 10 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;10"
                             :aria-describedby="`slide-desc-95654-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/95654/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="95654"/>
                <a href="https://www.gaugemasterretail.com/minitrix-18291-cemet-uacs-408s-silo-wagon-set-vi.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-95654.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/1/m18291.jpg"
            width="332"
    height="332"
    alt="m18291.jpg"
    title="CEMET&#x20;Uacs&#x20;408S&#x20;Silo&#x20;Wagon&#x20;Set&#x20;&#x28;6&#x29;&#x20;VI"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Minitrix </span> <span class="manufacturer-name">18291</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/minitrix-18291-cemet-uacs-408s-silo-wagon-set-vi.html"
                :id="`slide-desc-95654-${$id('slider-id')}`"
            >
                CEMET Uacs 408S Silo Wagon Set (6) VI            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:160 Scale, N Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c156673fb9()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c156673fb9()"
             @update-prices-95654.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="95654">
    
<span
    x-data x-id="['product\u002Dprice\u002D95654']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D95654')"                data-price-amount="265"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£265.00</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm outstock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;CEMET&#x20;Uacs&#x20;408S&#x20;Silo&#x20;Wagon&#x20;Set&#x20;&#x28;6&#x29;&#x20;VI"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(95654)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;CEMET&#x20;Uacs&#x20;408S&#x20;Silo&#x20;Wagon&#x20;Set&#x20;&#x28;6&#x29;&#x20;VI"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(95654)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;CEMET&#x20;Uacs&#x20;408S&#x20;Silo&#x20;Wagon&#x20;Set&#x20;&#x28;6&#x29;&#x20;VI"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="11 > active && 11 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;11"
                             :aria-describedby="`slide-desc-111557-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/111557/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="111557"/>
                <a href="https://www.gaugemasterretail.com/minitrix-18100-my-hobby-db-gmm40-box-wagon-iii.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-111557.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/1/m18100.jpg"
            width="332"
    height="332"
    alt="m18100.jpg"
    title="my&#x20;Hobby&#x20;DB&#x20;Gmm40&#x20;Box&#x20;Wagon&#x20;III"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Minitrix </span> <span class="manufacturer-name">18100</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/minitrix-18100-my-hobby-db-gmm40-box-wagon-iii.html"
                :id="`slide-desc-111557-${$id('slider-id')}`"
            >
                my Hobby DB Gmm40 Box Wagon III            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:160 Scale, N Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566803df()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566803df()"
             @update-prices-111557.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="111557">
    
<span
    x-data x-id="['product\u002Dprice\u002D111557']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D111557')"                data-price-amount="21.25"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£21.25</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm outstock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;my&#x20;Hobby&#x20;DB&#x20;Gmm40&#x20;Box&#x20;Wagon&#x20;III"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(111557)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;my&#x20;Hobby&#x20;DB&#x20;Gmm40&#x20;Box&#x20;Wagon&#x20;III"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(111557)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;my&#x20;Hobby&#x20;DB&#x20;Gmm40&#x20;Box&#x20;Wagon&#x20;III"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="12 > active && 12 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;12"
                             :aria-describedby="`slide-desc-111975-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/111975/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="111975"/>
                <a href="https://www.gaugemasterretail.com/airfix-a04172v-vintage-classics-us-boeing-314-clipper.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-111975.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/a/x/ax04172v.jpg"
            width="332"
    height="332"
    alt="ax04172v.jpg"
    title="Vintage&#x20;Classics&#x20;US&#x20;Boeing&#x20;314&#x20;Clipper&#x20;&#x28;1&#x3A;144&#x20;Scale&#x29;"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Airfix </span> <span class="manufacturer-name">A04172V</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/airfix-a04172v-vintage-classics-us-boeing-314-clipper.html"
                :id="`slide-desc-111975-${$id('slider-id')}`"
            >
                Vintage Classics US Boeing 314 Clipper (1:144 Scale)            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:144 Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c15668d50d()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c15668d50d()"
             @update-prices-111975.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="111975">
    <span class="map-fallback-price normal-price order-2">£21.95</span>

            <span id="s_111975"></span>
    <script type="text&#x2F;javascript">    var elemUre2bocQArray = document.querySelectorAll('span#s_111975');
    if(elemUre2bocQArray.length !== 'undefined'){
        elemUre2bocQArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerH1Ngdvej4a () {
        event.preventDefault();
    }
    var listenedElementH1Ngdvej4aArray = document.querySelectorAll("a#msrp-popup-111975yXUL5hGtQonHw86Jn3uo");
    if(listenedElementH1Ngdvej4aArray.length !== 'undefined'){
        listenedElementH1Ngdvej4aArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerH1Ngdvej4a.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Vintage&#x20;Classics&#x20;US&#x20;Boeing&#x20;314&#x20;Clipper&#x20;&#x28;1&#x3A;144&#x20;Scale&#x29;"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(111975)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Vintage&#x20;Classics&#x20;US&#x20;Boeing&#x20;314&#x20;Clipper&#x20;&#x28;1&#x3A;144&#x20;Scale&#x29;"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(111975)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Vintage&#x20;Classics&#x20;US&#x20;Boeing&#x20;314&#x20;Clipper&#x20;&#x28;1&#x3A;144&#x20;Scale&#x29;"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="13 > active && 13 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;13"
                             :aria-describedby="`slide-desc-109380-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/109380/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="109380"/>
                <a href="https://www.gaugemasterretail.com/minitrix-15323-drg-ppu-express-baggage-coach-ii.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-109380.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/1/m15323.jpg"
            width="332"
    height="332"
    alt="m15323.jpg"
    title="DRG&#x20;PPu&#x20;Express&#x20;Baggage&#x20;Coach&#x20;II"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Minitrix </span> <span class="manufacturer-name">15323</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/minitrix-15323-drg-ppu-express-baggage-coach-ii.html"
                :id="`slide-desc-109380-${$id('slider-id')}`"
            >
                DRG PPu Express Baggage Coach II            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:160 Scale, N Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c156698f61()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c156698f61()"
             @update-prices-109380.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="109380">
    
<span
    x-data x-id="['product\u002Dprice\u002D109380']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D109380')"                data-price-amount="53"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£53.00</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;DRG&#x20;PPu&#x20;Express&#x20;Baggage&#x20;Coach&#x20;II"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(109380)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;DRG&#x20;PPu&#x20;Express&#x20;Baggage&#x20;Coach&#x20;II"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(109380)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;DRG&#x20;PPu&#x20;Express&#x20;Baggage&#x20;Coach&#x20;II"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="14 > active && 14 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;14"
                             :aria-describedby="`slide-desc-109378-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/109378/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="109378"/>
                <a href="https://www.gaugemasterretail.com/marklin-88415-db-e10-point-12-electric-locomotive-iii.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-109378.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/n/mn88415.jpg"
            width="332"
    height="332"
    alt="mn88415.jpg"
    title="DB&#x20;E10.12&#x20;Electric&#x20;Locomotive&#x20;III"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Marklin </span> <span class="manufacturer-name">88415</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/marklin-88415-db-e10-point-12-electric-locomotive-iii.html"
                :id="`slide-desc-109378-${$id('slider-id')}`"
            >
                DB E10.12 Electric Locomotive III            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:220 Scale, Z Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566a3b4e()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566a3b4e()"
             @update-prices-109378.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="109378">
    
<span
    x-data x-id="['product\u002Dprice\u002D109378']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D109378')"                data-price-amount="235"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£235.00</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;DB&#x20;E10.12&#x20;Electric&#x20;Locomotive&#x20;III"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(109378)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;DB&#x20;E10.12&#x20;Electric&#x20;Locomotive&#x20;III"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(109378)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;DB&#x20;E10.12&#x20;Electric&#x20;Locomotive&#x20;III"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="15 > active && 15 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;15"
                             :aria-describedby="`slide-desc-95749-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/95749/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="95749"/>
                <a href="https://www.gaugemasterretail.com/marklin-44123-myworld-ice3-add-on-coach.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-95749.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/n/mn44123.jpg"
            width="332"
    height="332"
    alt="mn44123.jpg"
    title="MyWorld&#x20;ICE3&#x20;Add&#x20;On&#x20;Coach"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Marklin </span> <span class="manufacturer-name">44123</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/marklin-44123-myworld-ice3-add-on-coach.html"
                :id="`slide-desc-95749-${$id('slider-id')}`"
            >
                MyWorld ICE3 Add On Coach            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566aeaec()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566aeaec()"
             @update-prices-95749.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="95749">
    
<span
    x-data x-id="['product\u002Dprice\u002D95749']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D95749')"                data-price-amount="8"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£8.00</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;MyWorld&#x20;ICE3&#x20;Add&#x20;On&#x20;Coach"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(95749)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;MyWorld&#x20;ICE3&#x20;Add&#x20;On&#x20;Coach"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(95749)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;MyWorld&#x20;ICE3&#x20;Add&#x20;On&#x20;Coach"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="16 > active && 16 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;16"
                             :aria-describedby="`slide-desc-38395-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/38395/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="38395"/>
                <a href="https://www.gaugemasterretail.com/dapol-da4f-031-019.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-38395.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/d/a/da4f-031-019.jpg"
            width="332"
    height="332"
    alt="da4f-031-019.jpg"
    title="6&#x20;Wheel&#x20;Milk&#x20;Tank&#x20;United&#x20;Dairies"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Dapol </span> <span class="manufacturer-name">4F-031-019</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/dapol-da4f-031-019.html"
                :id="`slide-desc-38395-${$id('slider-id')}`"
            >
                6 Wheel Milk Tank United Dairies            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566ba23b()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566ba23b()"
             @update-prices-38395.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="38395">
    <span class="map-fallback-price normal-price order-2">£15.95</span>

            <span id="s_38395"></span>
    <script type="text&#x2F;javascript">    var elemHujplbq3Array = document.querySelectorAll('span#s_38395');
    if(elemHujplbq3Array.length !== 'undefined'){
        elemHujplbq3Array.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerfwkoCQZTtN () {
        event.preventDefault();
    }
    var listenedElementfwkoCQZTtNArray = document.querySelectorAll("a#msrp-popup-38395uCiEAPZNzAthbTcPWAcM");
    if(listenedElementfwkoCQZTtNArray.length !== 'undefined'){
        listenedElementfwkoCQZTtNArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerfwkoCQZTtN.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;6&#x20;Wheel&#x20;Milk&#x20;Tank&#x20;United&#x20;Dairies"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(38395)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;6&#x20;Wheel&#x20;Milk&#x20;Tank&#x20;United&#x20;Dairies"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(38395)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;6&#x20;Wheel&#x20;Milk&#x20;Tank&#x20;United&#x20;Dairies"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="17 > active && 17 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;17"
                             :aria-describedby="`slide-desc-2025-${$id('slider-id')}`"
                        >
                            
<div class="item product product-item card card-interactive flex flex-col w-full ">
        <a href="https://www.gaugemasterretail.com/dapol-da4f-031-041.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-2025.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/d/a/da4f-031-041.jpg"
            width="332"
    height="332"
    alt="da4f-031-041.jpg"
    title="6&#x20;Wheel&#x20;Milk&#x20;Tank&#x20;Unigate&#x20;Creameries&#x20;70349"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Dapol </span> <span class="manufacturer-name">4F-031-041</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/dapol-da4f-031-041.html"
                :id="`slide-desc-2025-${$id('slider-id')}`"
            >
                6 Wheel Milk Tank Unigate Creameries 70349            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
        
        
        <script>
            function initPriceBox__685c1566c75bf()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566c75bf()"
             @update-prices-2025.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="2025">
    <span class="map-fallback-price normal-price order-2">£15.40</span>

            <span id="s_2025"></span>
    <script type="text&#x2F;javascript">    var elem75nR2KMGArray = document.querySelectorAll('span#s_2025');
    if(elem75nR2KMGArray.length !== 'undefined'){
        elem75nR2KMGArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerFL2rubDrYe () {
        event.preventDefault();
    }
    var listenedElementFL2rubDrYeArray = document.querySelectorAll("a#msrp-popup-2025sqdz4agedaHttiXveOqm");
    if(listenedElementFL2rubDrYeArray.length !== 'undefined'){
        listenedElementFL2rubDrYeArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerFL2rubDrYe.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-red-700  text-center" >
             Out of stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <div class="w-auto justify-center mr-auto">
                    <div class="text-left">
                    <p class="flex items-center align-middle available gap-x-2 stock"
                title="Out&#x20;of&#x20;stock">
                <span class="w-3 h-3 bg-red-500 rounded-full shrink-0 hidden outofstock"></span>
                <span class="text-red-600 font-medium">
                    Out of stock                </span>
            </p>

            </div>
            </div>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(2025)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;6&#x20;Wheel&#x20;Milk&#x20;Tank&#x20;Unigate&#x20;Creameries&#x20;70349"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(2025)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;6&#x20;Wheel&#x20;Milk&#x20;Tank&#x20;Unigate&#x20;Creameries&#x20;70349"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</div>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="18 > active && 18 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;18"
                             :aria-describedby="`slide-desc-57310-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/57310/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="57310"/>
                <a href="https://www.gaugemasterretail.com/merten-mrt0212556.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-57310.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/m/r/mrt0212556.jpg"
            width="332"
    height="332"
    alt="mrt0212556.jpg"
    title="Pole&#x20;Dancers&#x20;&#x28;5&#x29;&#x20;Figure&#x20;Set"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Merten </span> <span class="manufacturer-name">0212556</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/merten-mrt0212556.html"
                :id="`slide-desc-57310-${$id('slider-id')}`"
            >
                Pole Dancers (5) Figure Set            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:87 Scale, HO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566d30b8()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566d30b8()"
             @update-prices-57310.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="57310">
    
<span
    x-data x-id="['product\u002Dprice\u002D57310']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D57310')"                data-price-amount="15.5"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£15.50</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Pole&#x20;Dancers&#x20;&#x28;5&#x29;&#x20;Figure&#x20;Set"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(57310)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Pole&#x20;Dancers&#x20;&#x28;5&#x29;&#x20;Figure&#x20;Set"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(57310)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Pole&#x20;Dancers&#x20;&#x28;5&#x29;&#x20;Figure&#x20;Set"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="19 > active && 19 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;19"
                             :aria-describedby="`slide-desc-8489-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/8489/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="8489"/>
                <a href="https://www.gaugemasterretail.com/preiser-pr45052.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-8489.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/p/r/pr45052.jpg"
            width="332"
    height="332"
    alt="pr45052.jpg"
    title="Travelling&#x20;Couple&#x20;Figure&#x20;Set"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Preiser </span> <span class="manufacturer-name">45052</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/preiser-pr45052.html"
                :id="`slide-desc-8489-${$id('slider-id')}`"
            >
                Travelling Couple Figure Set            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:22.5 Scale, G Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566de444()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566de444()"
             @update-prices-8489.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="8489">
    
<span
    x-data x-id="['product\u002Dprice\u002D8489']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D8489')"                data-price-amount="31"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£31.00</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Travelling&#x20;Couple&#x20;Figure&#x20;Set"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(8489)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Travelling&#x20;Couple&#x20;Figure&#x20;Set"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(8489)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Travelling&#x20;Couple&#x20;Figure&#x20;Set"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="20 > active && 20 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;20"
                             :aria-describedby="`slide-desc-7668-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/7668/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="7668"/>
                <a href="https://www.gaugemasterretail.com/preiser-pr79478.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-7668.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/p/r/pr79478.jpg"
            width="332"
    height="332"
    alt="pr79478.jpg"
    title="Horse&#x20;Drawn&#x20;Brewery&#x20;Wagon"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Preiser </span> <span class="manufacturer-name">79478</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/preiser-pr79478.html"
                :id="`slide-desc-7668-${$id('slider-id')}`"
            >
                Horse Drawn Brewery Wagon            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:160 Scale, N Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566e92e9()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566e92e9()"
             @update-prices-7668.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="7668">
    
<span
    x-data x-id="['product\u002Dprice\u002D7668']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D7668')"                data-price-amount="26.5"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£26.50</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Horse&#x20;Drawn&#x20;Brewery&#x20;Wagon"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(7668)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Horse&#x20;Drawn&#x20;Brewery&#x20;Wagon"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(7668)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Horse&#x20;Drawn&#x20;Brewery&#x20;Wagon"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="21 > active && 21 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;21"
                             :aria-describedby="`slide-desc-7669-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/7669/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="7669"/>
                <a href="https://www.gaugemasterretail.com/preiser-pr79479.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-7669.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/p/r/pr79479.jpg"
            width="332"
    height="332"
    alt="pr79479.jpg"
    title="Horse&#x20;Drawn&#x20;Wedding&#x20;Carriage"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Preiser </span> <span class="manufacturer-name">79479</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/preiser-pr79479.html"
                :id="`slide-desc-7669-${$id('slider-id')}`"
            >
                Horse Drawn Wedding Carriage            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:160 Scale, N Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1566f3d43()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1566f3d43()"
             @update-prices-7669.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="7669">
    
<span
    x-data x-id="['product\u002Dprice\u002D7669']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D7669')"                data-price-amount="26.5"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£26.50</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Horse&#x20;Drawn&#x20;Wedding&#x20;Carriage"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(7669)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Horse&#x20;Drawn&#x20;Wedding&#x20;Carriage"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(7669)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Horse&#x20;Drawn&#x20;Wedding&#x20;Carriage"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="22 > active && 22 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;22"
                             :aria-describedby="`slide-desc-14060-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/14060/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="14060"/>
                <a href="https://www.gaugemasterretail.com/roco-rc32403.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-14060.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/r/c/rc32403.jpg"
            width="332"
    height="332"
    alt="rc32403.jpg"
    title="Light&#x20;Railway&#x20;Right&#x20;Hand&#x20;Electric&#x20;Turnout&#x20;24&#x20;Degree&#x20;104.2mm"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Roco </span> <span class="manufacturer-name">32403</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/roco-rc32403.html"
                :id="`slide-desc-14060-${$id('slider-id')}`"
            >
                Light Railway Right Hand Electric Turnout 24 Degree 104.2mm            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:87 Scale, HOe Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c15670a76c()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c15670a76c()"
             @update-prices-14060.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="14060">
    
<span
    x-data x-id="['product\u002Dprice\u002D14060']"    class="price-container price-final_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('product\u002Dprice\u002D14060')"                data-price-amount="32.5"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">£32.50</span></span>
        </span>

</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Light&#x20;Railway&#x20;Right&#x20;Hand&#x20;Electric&#x20;Turnout&#x20;24&#x20;Degree&#x20;104.2mm"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(14060)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Light&#x20;Railway&#x20;Right&#x20;Hand&#x20;Electric&#x20;Turnout&#x20;24&#x20;Degree&#x20;104.2mm"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(14060)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Light&#x20;Railway&#x20;Right&#x20;Hand&#x20;Electric&#x20;Turnout&#x20;24&#x20;Degree&#x20;104.2mm"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="23 > active && 23 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;23"
                             :aria-describedby="`slide-desc-116699-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/116699/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="116699"/>
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/116699/s/bachmann-38-626a-ffa-inner-flat-br-blue-w-and-3-x-freightliner-container-load/"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-116699.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/b/3/b38-626a.jpg"
            width="332"
    height="332"
    alt="b38-626a.jpg"
    title="FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Bachmann </span> <span class="manufacturer-name">38-626A</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/catalog/product/view/id/116699/s/bachmann-38-626a-ffa-inner-flat-br-blue-w-and-3-x-freightliner-container-load/"
                :id="`slide-desc-116699-${$id('slider-id')}`"
            >
                FFA Inner Flat BR Blue w/3 x Freightliner Container Load            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c156713fc3()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c156713fc3()"
             @update-prices-116699.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="116699">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['116699']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('116699')"                data-price-amount="64.95"
        data-price-type=""
        class="price-wrapper "
    >£64.95</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£58.50</span>

            <span id="s_116699"></span>
    <script type="text&#x2F;javascript">    var elemuJLH5Oc6Array = document.querySelectorAll('span#s_116699');
    if(elemuJLH5Oc6Array.length !== 'undefined'){
        elemuJLH5Oc6Array.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerEpShcViXGL () {
        event.preventDefault();
    }
    var listenedElementEpShcViXGLArray = document.querySelectorAll("a#msrp-popup-116699f2ZJnvgkBjGZi94NFjxP");
    if(listenedElementEpShcViXGLArray.length !== 'undefined'){
        listenedElementEpShcViXGLArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerEpShcViXGL.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(116699)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(116699)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="24 > active && 24 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;24"
                             :aria-describedby="`slide-desc-116700-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/116700/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="116700"/>
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/116700/s/bachmann-38-626b-ffa-inner-flat-br-blue-w-and-3-x-freightliner-container-load/"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-116700.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/b/3/b38-626b.jpg"
            width="332"
    height="332"
    alt="b38-626b.jpg"
    title="FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Bachmann </span> <span class="manufacturer-name">38-626B</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/catalog/product/view/id/116700/s/bachmann-38-626b-ffa-inner-flat-br-blue-w-and-3-x-freightliner-container-load/"
                :id="`slide-desc-116700-${$id('slider-id')}`"
            >
                FFA Inner Flat BR Blue w/3 x Freightliner Container Load            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c15671e88c()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c15671e88c()"
             @update-prices-116700.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="116700">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['116700']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('116700')"                data-price-amount="64.95"
        data-price-type=""
        class="price-wrapper "
    >£64.95</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£58.50</span>

            <span id="s_116700"></span>
    <script type="text&#x2F;javascript">    var elem9OBl4fsgArray = document.querySelectorAll('span#s_116700');
    if(elem9OBl4fsgArray.length !== 'undefined'){
        elem9OBl4fsgArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerh1K7OZq1SX () {
        event.preventDefault();
    }
    var listenedElementh1K7OZq1SXArray = document.querySelectorAll("a#msrp-popup-116700tbdcM9foi5APgItxjmPh");
    if(listenedElementh1K7OZq1SXArray.length !== 'undefined'){
        listenedElementh1K7OZq1SXArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerh1K7OZq1SX.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(116700)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(116700)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;3&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="25 > active && 25 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;25"
                             :aria-describedby="`slide-desc-116701-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/116701/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="116701"/>
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/116701/s/bachmann-38-626c-ffa-inner-flat-br-blue-w-and-2-x-freightliner-container-load/"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-116701.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/b/3/b38-626c.jpg"
            width="332"
    height="332"
    alt="b38-626c.jpg"
    title="FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Bachmann </span> <span class="manufacturer-name">38-626C</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/catalog/product/view/id/116701/s/bachmann-38-626c-ffa-inner-flat-br-blue-w-and-2-x-freightliner-container-load/"
                :id="`slide-desc-116701-${$id('slider-id')}`"
            >
                FFA Inner Flat BR Blue w/2 x Freightliner Container Load            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1567292f2()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1567292f2()"
             @update-prices-116701.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="116701">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['116701']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('116701')"                data-price-amount="64.95"
        data-price-type=""
        class="price-wrapper "
    >£64.95</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£58.50</span>

            <span id="s_116701"></span>
    <script type="text&#x2F;javascript">    var elemITqp4W2cArray = document.querySelectorAll('span#s_116701');
    if(elemITqp4W2cArray.length !== 'undefined'){
        elemITqp4W2cArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerbZBNxB2nF2 () {
        event.preventDefault();
    }
    var listenedElementbZBNxB2nF2Array = document.querySelectorAll("a#msrp-popup-1167014LKx8of4OLeONiMMInDO");
    if(listenedElementbZBNxB2nF2Array.length !== 'undefined'){
        listenedElementbZBNxB2nF2Array.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerbZBNxB2nF2.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(116701)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(116701)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;Freightliner&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="26 > active && 26 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;26"
                             :aria-describedby="`slide-desc-116704-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/116704/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="116704"/>
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/116704/s/bachmann-38-628b-ffa-inner-flat-br-blue-w-and-2-x-iso-container-load/"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-116704.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/b/3/b38-628b.jpg"
            width="332"
    height="332"
    alt="b38-628b.jpg"
    title="FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Bachmann </span> <span class="manufacturer-name">38-628B</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/catalog/product/view/id/116704/s/bachmann-38-628b-ffa-inner-flat-br-blue-w-and-2-x-iso-container-load/"
                :id="`slide-desc-116704-${$id('slider-id')}`"
            >
                FFA Inner Flat BR Blue w/2 x ISO Container Load            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1567339b6()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1567339b6()"
             @update-prices-116704.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="116704">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['116704']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('116704')"                data-price-amount="64.95"
        data-price-type=""
        class="price-wrapper "
    >£64.95</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£58.50</span>

            <span id="s_116704"></span>
    <script type="text&#x2F;javascript">    var elemwjnq7YLhArray = document.querySelectorAll('span#s_116704');
    if(elemwjnq7YLhArray.length !== 'undefined'){
        elemwjnq7YLhArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerIS4aznY9RS () {
        event.preventDefault();
    }
    var listenedElementIS4aznY9RSArray = document.querySelectorAll("a#msrp-popup-116704gfUoi2t3xty9QePQKmAo");
    if(listenedElementIS4aznY9RSArray.length !== 'undefined'){
        listenedElementIS4aznY9RSArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerIS4aznY9RS.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm outstock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(116704)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(116704)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="27 > active && 27 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;27"
                             :aria-describedby="`slide-desc-116705-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/116705/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="116705"/>
                <a href="https://www.gaugemasterretail.com/catalog/product/view/id/116705/s/bachmann-38-628c-ffa-inner-flat-br-blue-w-and-2-x-iso-container-load/"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-116705.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/b/3/b38-628c.jpg"
            width="332"
    height="332"
    alt="b38-628c.jpg"
    title="FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Bachmann </span> <span class="manufacturer-name">38-628C</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/catalog/product/view/id/116705/s/bachmann-38-628c-ffa-inner-flat-br-blue-w-and-2-x-iso-container-load/"
                :id="`slide-desc-116705-${$id('slider-id')}`"
            >
                FFA Inner Flat BR Blue w/2 x ISO Container Load            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:76 Scale, OO Scale</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c15674084a()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c15674084a()"
             @update-prices-116705.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="116705">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['116705']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('116705')"                data-price-amount="64.95"
        data-price-type=""
        class="price-wrapper "
    >£64.95</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£58.50</span>

            <span id="s_116705"></span>
    <script type="text&#x2F;javascript">    var elemPfv73GbHArray = document.querySelectorAll('span#s_116705');
    if(elemPfv73GbHArray.length !== 'undefined'){
        elemPfv73GbHArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListeneryY2n5tWf34 () {
        event.preventDefault();
    }
    var listenedElementyY2n5tWf34Array = document.querySelectorAll("a#msrp-popup-116705mRTi2f0CX49XZzl4bagt");
    if(listenedElementyY2n5tWf34Array.length !== 'undefined'){
        listenedElementyY2n5tWf34Array.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListeneryY2n5tWf34.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm outstock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(116705)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(116705)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;FFA&#x20;Inner&#x20;Flat&#x20;BR&#x20;Blue&#x20;w&#x2F;2&#x20;x&#x20;ISO&#x20;Container&#x20;Load"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="28 > active && 28 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;28"
                             :aria-describedby="`slide-desc-111768-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/111768/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="111768"/>
                <a href="https://www.gaugemasterretail.com/scalextric-c4519-ford-mustang-gt3-proton-competition-qatar-2024.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-111768.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/c/4/c4519.jpg"
            width="332"
    height="332"
    alt="c4519.jpg"
    title="Ford&#x20;Mustang&#x20;GT3&#x20;Proton&#x20;Competition&#x20;Qatar&#x20;2024"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Scalextric </span> <span class="manufacturer-name">C4519</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/scalextric-c4519-ford-mustang-gt3-proton-competition-qatar-2024.html"
                :id="`slide-desc-111768-${$id('slider-id')}`"
            >
                Ford Mustang GT3 Proton Competition Qatar 2024            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:32 Scale, Slot Cars</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c15674ce76()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c15674ce76()"
             @update-prices-111768.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="111768">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['111768']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('111768')"                data-price-amount="49.99"
        data-price-type=""
        class="price-wrapper "
    >£49.99</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£45.00</span>

            <span id="s_111768"></span>
    <script type="text&#x2F;javascript">    var elem2U2dpbZlArray = document.querySelectorAll('span#s_111768');
    if(elem2U2dpbZlArray.length !== 'undefined'){
        elem2U2dpbZlArray.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerfUzVCPBVdT () {
        event.preventDefault();
    }
    var listenedElementfUzVCPBVdTArray = document.querySelectorAll("a#msrp-popup-111768OH2ThVHgppgJ248QVWe5");
    if(listenedElementfUzVCPBVdTArray.length !== 'undefined'){
        listenedElementfUzVCPBVdTArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerfUzVCPBVdT.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-greenNew  text-center" >
             In stock        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm in-stock                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Ford&#x20;Mustang&#x20;GT3&#x20;Proton&#x20;Competition&#x20;Qatar&#x20;2024"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(111768)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Ford&#x20;Mustang&#x20;GT3&#x20;Proton&#x20;Competition&#x20;Qatar&#x20;2024"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(111768)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Ford&#x20;Mustang&#x20;GT3&#x20;Proton&#x20;Competition&#x20;Qatar&#x20;2024"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="29 > active && 29 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;29"
                             :aria-describedby="`slide-desc-111785-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/111785/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="111785"/>
                <a href="https://www.gaugemasterretail.com/scalextric-c4584-ford-anglia-105e-george-polley-306.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-111785.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/c/4/c4584.jpg"
            width="332"
    height="332"
    alt="c4584.jpg"
    title="Ford&#x20;Anglia&#x20;105E&#x20;George&#x20;Polley&#x20;306"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Scalextric </span> <span class="manufacturer-name">C4584</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/scalextric-c4584-ford-anglia-105e-george-polley-306.html"
                :id="`slide-desc-111785-${$id('slider-id')}`"
            >
                Ford Anglia 105E George Polley 306            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:32 Scale, Slot Cars</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c1567578c0()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c1567578c0()"
             @update-prices-111785.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="111785">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['111785']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('111785')"                data-price-amount="49.99"
        data-price-type=""
        class="price-wrapper "
    >£49.99</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£45.00</span>

            <span id="s_111785"></span>
    <script type="text&#x2F;javascript">    var elemOvHy4tJ3Array = document.querySelectorAll('span#s_111785');
    if(elemOvHy4tJ3Array.length !== 'undefined'){
        elemOvHy4tJ3Array.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerUiQyFzXNjk () {
        event.preventDefault();
    }
    var listenedElementUiQyFzXNjkArray = document.querySelectorAll("a#msrp-popup-111785k5083QzH52Gngak1fwSn");
    if(listenedElementUiQyFzXNjkArray.length !== 'undefined'){
        listenedElementUiQyFzXNjkArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerUiQyFzXNjk.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-primaryNew  text-center" >
             Out of stock but available to order        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm bg-primaryNew                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Ford&#x20;Anglia&#x20;105E&#x20;George&#x20;Polley&#x20;306"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(111785)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Ford&#x20;Anglia&#x20;105E&#x20;George&#x20;Polley&#x20;306"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(111785)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Ford&#x20;Anglia&#x20;105E&#x20;George&#x20;Polley&#x20;306"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                            <div class="flex shrink-0 w-full mr-1 p-4 js_slide xs:w-1/2 lg:w-1/3 xl:w-1/4"
                             role="group"
                             :aria-hidden="30 > active && 30 <= (active + pageSize) ? 'false' : 'true'"
                             aria-label="Item&#x20;30"
                             :aria-describedby="`slide-desc-111788-${$id('slider-id')}`"
                        >
                            
<form method="post"
    action="https://www.gaugemasterretail.com/checkout/cart/add/uenc/%25uenc%25/product/111788/"
    class="item product product-item product_addtocart_form bg-greyLight flex flex-col w-full p-2 custom-product "
    >
    <input name="form_key" type="hidden" value="qfBr4aHSPlKZqpZK" />    <input type="hidden" name="product" value="111788"/>
                <a href="https://www.gaugemasterretail.com/scalextric-c4590-ford-escort-mk1-all-car-equipe-nick-whiting.html"
        class="product photo product-item-photo block mx-auto mb-3 bg-white "
        tabindex="-1"
    >
        <img class="hover:shadow-sm object-contain product-image-photo"
     x-data=""
     @update-gallery-111788.window="$root.src = $event.detail"
        src="https://www.gaugemasterretail.com/media/catalog/product/cache/34a3deee1002dfe6ae09a8ef5955844b/c/4/c4590.jpg"
            width="332"
    height="332"
    alt="c4590.jpg"
    title="Ford&#x20;Escort&#x20;Mk1&#x20;All&#x20;Car&#x20;Equipe&#x20;Nick&#x20;Whiting"
/>
    </a>
        <div class="product-info flex flex-col grow">
        <div class="product-manufacturer text-lg font-bold text-primaryNew">
             <span class="manufacturer-name">Scalextric </span> <span class="manufacturer-name">C4590</span>
        </div>
                <div class="items-center mb-1 justify-center text-primary font-semibold text-base text-left ">
            <a
                class="product-item-link text-black font-semibold text-base"
                href="https://www.gaugemasterretail.com/scalextric-c4590-ford-escort-mk1-all-car-equipe-nick-whiting.html"
                :id="`slide-desc-111788-${$id('slider-id')}`"
            >
                Ford Escort Mk1 All Car Equipe Nick Whiting            </a>
        </div>
        <div class="product-scale text-sm font-medium text-black">1:32 Scale, Slot Cars</div>

                <div class="py-1 mx-auto hidden ">
                    </div>
        
                            
        
        <script>
            function initPriceBox__685c156762c09()
            {
                return {
                    updatePrice(priceData) {
                        const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                        const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
                        const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                        if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                            regularPriceLabel.classList.add('hidden');
                        } else {
                            regularPriceLabel.classList.remove('hidden');
                        }
                        regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
                        basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
                    }
                }
            }
        </script>
        <div class="pt-1 text-secondaryNew text-sm font-semibold "
             x-data="initPriceBox__685c156762c09()"
             @update-prices-111788.window="updatePrice($event.detail);"
        >
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="111788">
    <span class="old-price map-old-price flex text-gray-500">RRP:  
<span
    x-data x-id="['111788']"    class="price-container price-msrp_price&#x20;tax&#x20;weee"
        >
        <span  :id="$id('111788')"                data-price-amount="49.99"
        data-price-type=""
        class="price-wrapper "
    >£49.99</span>
        </span>
</span>
    <span class="map-fallback-price normal-price order-2">£45.00</span>

            <span id="s_111788"></span>
    <script type="text&#x2F;javascript">    var elem216cuTw1Array = document.querySelectorAll('span#s_111788');
    if(elem216cuTw1Array.length !== 'undefined'){
        elem216cuTw1Array.forEach(function(element) {
            if (element) {
                element.style.display = 'none';

            }
        });
    }</script>
    <script type="text&#x2F;javascript">    function eventListenerlTVfLFkZSK () {
        event.preventDefault();
    }
    var listenedElementlTVfLFkZSKArray = document.querySelectorAll("a#msrp-popup-111788NIofZl4jGYWuit9mw7gE");
    if(listenedElementlTVfLFkZSKArray.length !== 'undefined'){
        listenedElementlTVfLFkZSKArray.forEach(function(element) {
            if (element) {
                element.onclick = function (event) {
                    var targetElement = element;
                    if (event && event.target) {
                        targetElement = event.target;
                    }
                    return eventListenerlTVfLFkZSK.apply(targetElement);
                };
            }
        });
    }</script>
</div>        </div>
                         <div class="desc std text-sm font-semibold mt-2 min-h-5 text-primaryNew  text-center" >
             Out of stock but available to order        </div>
        <div class="mt-auto pt-2 flex flex-wrap justify-center items-center">
                        <button class="w-auto px-8 py-2 bg-greenBG justify-center rounded-full text-sm bg-primaryNew                "
                aria-label="Add&#x20;to&#x20;Basket&#x20;Ford&#x20;Escort&#x20;Mk1&#x20;All&#x20;Car&#x20;Equipe&#x20;Nick&#x20;Whiting"
            >
                                <span class="text-white">
                    Add to Basket                </span>
            </button>
                                    <button x-data="initWishlist()"
                    @click.prevent="addToWishlist(111788)"
                    aria-label="Add&#x20;to&#x20;Wish&#x20;List&#x20;Ford&#x20;Escort&#x20;Mk1&#x20;All&#x20;Car&#x20;Equipe&#x20;Nick&#x20;Whiting"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-red-600 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"/>
</svg>
            </button>
                                    <button x-data="initCompareOnProductList()"
                    @click.prevent="addToCompare(111788)"
                    aria-label="Add&#x20;to&#x20;Compare&#x20;Ford&#x20;Escort&#x20;Mk1&#x20;All&#x20;Car&#x20;Equipe&#x20;Nick&#x20;Whiting"
                    type="button"
                    class="hidden rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" 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>
            </button>
                                                            </div>
    </div>
</form>
                        </div>
                                        <div :class="{
                        'js_dummy_slide w-full xs:w-1/2 lg:w-1/3 xl:w-1/4 flex shrink-0 py-1' : pageFillers > 0
                        }"></div>
                    <div :class="{
                        'js_dummy_slide w-full xs:w-1/2 lg:w-1/3 xl:w-1/4 flex shrink-0 py-1' : pageFillers > 1
                        }"></div>
                    <div :class="{
                        'js_dummy_slide w-full xs:w-1/2 lg:w-1/3 xl:w-1/4 flex shrink-0 py-1' : pageFillers > 2
                        }"></div>
                </div>
            </div>
            <div style="min-height: 65px">
            <template x-if="itemCount > pageSize">
                <div
                    class="flex items-center justify-center py-4 md:gap-0 gap-4"
                    :id="$id('slider-nav')"
                >
                    <button
                        type="button"
                        aria-label="Previous&#x20;slide"
                        :disabled="active === 0"
                        class="text-black md:flex-none md:p-3 md:w-fit md:h-fit md:bg-transparent w-8 h-8 bg-gray-300 rounded-full inline-flex items-center justify-center"
                        :class="{ 'opacity-25 pointer-events-none' : active === 0 }"
                        @click="scrollPrevious"
                    >
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
                    </button>
                    <div class="md:flex hidden flex-wrap w-full md:w-auto justify-center">
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(0 % pageSize))
                                }"
                            :aria-current="active === 0"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (0 / pageSize) + 1)"
                            @click="scrollTo(0)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 0,
                                    'bg-opacity-25': active !== 0,
                                    'hidden': (pageSize !== 1 && !!(0 % pageSize))
                                }"
                                @click="scrollTo(0)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(1 % pageSize))
                                }"
                            :aria-current="active === 1"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (1 / pageSize) + 1)"
                            @click="scrollTo(1)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 1,
                                    'bg-opacity-25': active !== 1,
                                    'hidden': (pageSize !== 1 && !!(1 % pageSize))
                                }"
                                @click="scrollTo(1)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(2 % pageSize))
                                }"
                            :aria-current="active === 2"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (2 / pageSize) + 1)"
                            @click="scrollTo(2)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 2,
                                    'bg-opacity-25': active !== 2,
                                    'hidden': (pageSize !== 1 && !!(2 % pageSize))
                                }"
                                @click="scrollTo(2)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(3 % pageSize))
                                }"
                            :aria-current="active === 3"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (3 / pageSize) + 1)"
                            @click="scrollTo(3)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 3,
                                    'bg-opacity-25': active !== 3,
                                    'hidden': (pageSize !== 1 && !!(3 % pageSize))
                                }"
                                @click="scrollTo(3)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(4 % pageSize))
                                }"
                            :aria-current="active === 4"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (4 / pageSize) + 1)"
                            @click="scrollTo(4)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 4,
                                    'bg-opacity-25': active !== 4,
                                    'hidden': (pageSize !== 1 && !!(4 % pageSize))
                                }"
                                @click="scrollTo(4)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(5 % pageSize))
                                }"
                            :aria-current="active === 5"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (5 / pageSize) + 1)"
                            @click="scrollTo(5)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 5,
                                    'bg-opacity-25': active !== 5,
                                    'hidden': (pageSize !== 1 && !!(5 % pageSize))
                                }"
                                @click="scrollTo(5)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(6 % pageSize))
                                }"
                            :aria-current="active === 6"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (6 / pageSize) + 1)"
                            @click="scrollTo(6)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 6,
                                    'bg-opacity-25': active !== 6,
                                    'hidden': (pageSize !== 1 && !!(6 % pageSize))
                                }"
                                @click="scrollTo(6)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(7 % pageSize))
                                }"
                            :aria-current="active === 7"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (7 / pageSize) + 1)"
                            @click="scrollTo(7)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 7,
                                    'bg-opacity-25': active !== 7,
                                    'hidden': (pageSize !== 1 && !!(7 % pageSize))
                                }"
                                @click="scrollTo(7)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(8 % pageSize))
                                }"
                            :aria-current="active === 8"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (8 / pageSize) + 1)"
                            @click="scrollTo(8)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 8,
                                    'bg-opacity-25': active !== 8,
                                    'hidden': (pageSize !== 1 && !!(8 % pageSize))
                                }"
                                @click="scrollTo(8)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(9 % pageSize))
                                }"
                            :aria-current="active === 9"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (9 / pageSize) + 1)"
                            @click="scrollTo(9)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 9,
                                    'bg-opacity-25': active !== 9,
                                    'hidden': (pageSize !== 1 && !!(9 % pageSize))
                                }"
                                @click="scrollTo(9)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(10 % pageSize))
                                }"
                            :aria-current="active === 10"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (10 / pageSize) + 1)"
                            @click="scrollTo(10)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 10,
                                    'bg-opacity-25': active !== 10,
                                    'hidden': (pageSize !== 1 && !!(10 % pageSize))
                                }"
                                @click="scrollTo(10)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(11 % pageSize))
                                }"
                            :aria-current="active === 11"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (11 / pageSize) + 1)"
                            @click="scrollTo(11)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 11,
                                    'bg-opacity-25': active !== 11,
                                    'hidden': (pageSize !== 1 && !!(11 % pageSize))
                                }"
                                @click="scrollTo(11)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(12 % pageSize))
                                }"
                            :aria-current="active === 12"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (12 / pageSize) + 1)"
                            @click="scrollTo(12)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 12,
                                    'bg-opacity-25': active !== 12,
                                    'hidden': (pageSize !== 1 && !!(12 % pageSize))
                                }"
                                @click="scrollTo(12)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(13 % pageSize))
                                }"
                            :aria-current="active === 13"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (13 / pageSize) + 1)"
                            @click="scrollTo(13)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 13,
                                    'bg-opacity-25': active !== 13,
                                    'hidden': (pageSize !== 1 && !!(13 % pageSize))
                                }"
                                @click="scrollTo(13)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(14 % pageSize))
                                }"
                            :aria-current="active === 14"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (14 / pageSize) + 1)"
                            @click="scrollTo(14)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 14,
                                    'bg-opacity-25': active !== 14,
                                    'hidden': (pageSize !== 1 && !!(14 % pageSize))
                                }"
                                @click="scrollTo(14)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(15 % pageSize))
                                }"
                            :aria-current="active === 15"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (15 / pageSize) + 1)"
                            @click="scrollTo(15)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 15,
                                    'bg-opacity-25': active !== 15,
                                    'hidden': (pageSize !== 1 && !!(15 % pageSize))
                                }"
                                @click="scrollTo(15)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(16 % pageSize))
                                }"
                            :aria-current="active === 16"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (16 / pageSize) + 1)"
                            @click="scrollTo(16)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 16,
                                    'bg-opacity-25': active !== 16,
                                    'hidden': (pageSize !== 1 && !!(16 % pageSize))
                                }"
                                @click="scrollTo(16)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(17 % pageSize))
                                }"
                            :aria-current="active === 17"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (17 / pageSize) + 1)"
                            @click="scrollTo(17)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 17,
                                    'bg-opacity-25': active !== 17,
                                    'hidden': (pageSize !== 1 && !!(17 % pageSize))
                                }"
                                @click="scrollTo(17)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(18 % pageSize))
                                }"
                            :aria-current="active === 18"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (18 / pageSize) + 1)"
                            @click="scrollTo(18)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 18,
                                    'bg-opacity-25': active !== 18,
                                    'hidden': (pageSize !== 1 && !!(18 % pageSize))
                                }"
                                @click="scrollTo(18)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(19 % pageSize))
                                }"
                            :aria-current="active === 19"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (19 / pageSize) + 1)"
                            @click="scrollTo(19)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 19,
                                    'bg-opacity-25': active !== 19,
                                    'hidden': (pageSize !== 1 && !!(19 % pageSize))
                                }"
                                @click="scrollTo(19)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(20 % pageSize))
                                }"
                            :aria-current="active === 20"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (20 / pageSize) + 1)"
                            @click="scrollTo(20)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 20,
                                    'bg-opacity-25': active !== 20,
                                    'hidden': (pageSize !== 1 && !!(20 % pageSize))
                                }"
                                @click="scrollTo(20)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(21 % pageSize))
                                }"
                            :aria-current="active === 21"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (21 / pageSize) + 1)"
                            @click="scrollTo(21)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 21,
                                    'bg-opacity-25': active !== 21,
                                    'hidden': (pageSize !== 1 && !!(21 % pageSize))
                                }"
                                @click="scrollTo(21)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(22 % pageSize))
                                }"
                            :aria-current="active === 22"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (22 / pageSize) + 1)"
                            @click="scrollTo(22)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 22,
                                    'bg-opacity-25': active !== 22,
                                    'hidden': (pageSize !== 1 && !!(22 % pageSize))
                                }"
                                @click="scrollTo(22)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(23 % pageSize))
                                }"
                            :aria-current="active === 23"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (23 / pageSize) + 1)"
                            @click="scrollTo(23)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 23,
                                    'bg-opacity-25': active !== 23,
                                    'hidden': (pageSize !== 1 && !!(23 % pageSize))
                                }"
                                @click="scrollTo(23)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(24 % pageSize))
                                }"
                            :aria-current="active === 24"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (24 / pageSize) + 1)"
                            @click="scrollTo(24)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 24,
                                    'bg-opacity-25': active !== 24,
                                    'hidden': (pageSize !== 1 && !!(24 % pageSize))
                                }"
                                @click="scrollTo(24)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(25 % pageSize))
                                }"
                            :aria-current="active === 25"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (25 / pageSize) + 1)"
                            @click="scrollTo(25)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 25,
                                    'bg-opacity-25': active !== 25,
                                    'hidden': (pageSize !== 1 && !!(25 % pageSize))
                                }"
                                @click="scrollTo(25)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(26 % pageSize))
                                }"
                            :aria-current="active === 26"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (26 / pageSize) + 1)"
                            @click="scrollTo(26)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 26,
                                    'bg-opacity-25': active !== 26,
                                    'hidden': (pageSize !== 1 && !!(26 % pageSize))
                                }"
                                @click="scrollTo(26)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(27 % pageSize))
                                }"
                            :aria-current="active === 27"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (27 / pageSize) + 1)"
                            @click="scrollTo(27)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 27,
                                    'bg-opacity-25': active !== 27,
                                    'hidden': (pageSize !== 1 && !!(27 % pageSize))
                                }"
                                @click="scrollTo(27)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(28 % pageSize))
                                }"
                            :aria-current="active === 28"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (28 / pageSize) + 1)"
                            @click="scrollTo(28)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 28,
                                    'bg-opacity-25': active !== 28,
                                    'hidden': (pageSize !== 1 && !!(28 % pageSize))
                                }"
                                @click="scrollTo(28)"
                            ></span>
                        </button>
                                            <button
                            type="button"
                            :class="{
                                    'hidden': (pageSize !== 1 && !!(29 % pageSize))
                                }"
                            :aria-current="active === 29"
                            :aria-label="hyva.str('Display\u0020slide\u0020\u00251', (29 / pageSize) + 1)"
                            @click="scrollTo(29)"
                        >
                            <span
                                class="shrink-0 block w-3 h-3 md:my-4 md:mx-2 m-2 bg-black bg-opacity-25 rounded-full shadow cursor-pointer"
                                :class="{
                                    'bg-opacity-100': active === 29,
                                    'bg-opacity-25': active !== 29,
                                    'hidden': (pageSize !== 1 && !!(29 % pageSize))
                                }"
                                @click="scrollTo(29)"
                            ></span>
                        </button>
                                        </div>
                    <button
                        aria-label="Next&#x20;slide"
                        :disabled="active >= itemCount-pageSize"
                        class="text-black flex-none md:p-3 md:w-fit md:h-fit md:bg-transparent w-8 h-8 bg-gray-300 rounded-full inline-flex items-center justify-center"
                        :class="{ 'opacity-25 pointer-events-none' : active >= itemCount-pageSize }"
                        @click="scrollNext"
                     >
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
                    </button>
                </div>
            </template>
            </div>
            <span :id="$id('slider-end')" tabindex="-1"></span>
    </section>
<style>#html-body [data-pb-style=WC2G72A]{display:none}</style><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="WC2G72A" data-decoded="true"></div>
<script>
    const rawRequest = "";
    const searchRequest = rawRequest ? JSON.parse(rawRequest) : null;

    const rawResponse = "";
    const searchResponse = rawResponse ? JSON.parse(rawResponse) : null;

    const rawExecutionTime = "0";
    const executionTime = rawExecutionTime ? parseFloat(rawExecutionTime) : null;

    const requestId = "c4645c47\u002D1c81\u002D4b01\u002Db987\u002D5bae403b1853";

    const rawAttributes = "";
    const attributes = rawAttributes ? JSON.parse(rawAttributes) : null;

    const rawPageSize = "12";
    const pageSize = rawPageSize ? parseInt(rawPageSize) : null;

    const customerGroup = "b6589fc6ab0dc82cf12099d1c2d40ab994e8410c";

    window.LiveSearchMetrics = {
        searchRequest,
        searchResponse,
        requestId,
        executionTime,
        attributes,
        pageSize,
        context: {
            'customerGroup' : customerGroup
        }
    };

    window.addEventListener('load', function () {
        magentoStorefrontEvents.context.setSearchExtension({
            version: "4.3.0"
        });
    })
</script>
</div></div><script type="text/javascript" src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Magento_ImageSlider/js/swiper-bundle.min.js"></script>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
<div id="am_widget_amslider_id2468" class="am-widget-brand-slider opacity-0 h-96" x-data="amBrandsSlider685c15676f3a4()" x-init="retrieveData()">
    <style>
                    #amslider_id2468 {
                max-width: 880px;
            }
        
        #amslider_id2468 .ambrands-swiper-brand .ambrands-image-block,
        #amslider_id2468 .ambrands-swiper-brand .ambrands-image-block > .ambrands-image {
                        max-width: 130px;
                            }

        .ambrands-swiper-brand .ambrands-empty {
            max-width: 130px;
            line-height: 130px;
            font-size: 84.5px;
        }

        
                .ambrands-slider-container.amslider_id2468 .ambrand-title {
            color: #000;
        }
        
        @media screen and (min-width: 1280px){
            .ambrands-slider-container.amslider_id2468 .js_slide,
            .ambrands-slider-container.amslider_id2468 .js_dummy_slide{
                width: 16.666666666667%;
            }
        }

    </style>
    <div class="bg-greyLight py-10 ambrands-slider-container amslider_id2468">
    <div class="container mx-auto">
                    <div class="amslider-header lg:text-2xl font-bold text-secondaryNew pb-4 border-b border-grey-300 mb-8">
                Featured Brands            </div>
                <div class="ambrands-slider amslider !max-w-full -enable" id="amslider_id2468">

            <template x-if="brands.length > 0">
                <div class="ambrands-inner relative common-slider-block">
                                            <button class="swiper-button-prev !bg-primaryNew !shadow !left-0 lg:!w-12 lg:!h-12" aria-label="Previous" title="Previous"></button>
                        <button class="swiper-button-next !bg-primaryNew !shadow !right-0 lg:!w-12 lg:!h-12" aria-label="Next" title="Next"></button>
                                        <div class="swiper-container xl:max-w-[90%] md:max-w-[80%] max-w-[75%] !mx-auto overflow-hidden">
                        <div class="swiper-wrapper">
                            <template x-for="brand in brands">
                                <div class="swiper-slide">
                                    <a :href="getBrandUrl(brand.url)" class="flex flex-wrap border border-100 shadow-md w-full">
                                         <span class="ambrands-swiper-brand max-h-[130px] h-[130px] w-full flex items-center justify-center   brand-label">
                                            <template x-if="brand.img">
                                                <span class="ambrands-image-block mx-auto flex items-center justify-center">
                                                    <img :alt="brand.alt + ' ' + 'image'" :title="brand.label" :src="brand.img" class="ambrands-image" width="120" height="101" loading="lazy">
                                                </span>
                                            </template>
                                            <template x-if="!brand.img || brand.img === ''">
                                                 <span class="ambrands-image-block mx-auto flex items-center justify-center">
                                                    <span class="ambrands-empty" x-html="brand.label.charAt(0)"></span>
                                                </span>
                                            </template>
                                                                                            <span class="ambrands-label hidden" x-html="brand.label"></span>
                                                                                    </span>
                                    </a>
                                </div>
                            </template>
                        </div>
                    </div>
                </div>
            </template>
                            <div class="swiper-pagination !pb-0"></div>
                    </div>
    </div>
   </div>
</div>


<script>
        function initSwiper685c15676f3a4() {
        return new Swiper('#amslider_id2468 .swiper-container', {
            init: false,
            slidesPerView: 1,
                        on: {
                init(swiper) {
                    const totalSlidesLen = swiper.slides.length;
                    swiper.el.parentElement.querySelector('.swiper-button-prev').addEventListener('click', () => {
                        if (swiper.isBeginning) {
                            swiper.slideTo(totalSlidesLen - 1);
                        } else {
                            swiper.slideTo(swiper.realIndex - 1);
                        }
                    });
                    swiper.el.parentElement.querySelector('.swiper-button-next').addEventListener('click', () => {
                        if (swiper.isEnd) {
                            swiper.slideTo(0);
                        } else {
                            swiper.slideTo(swiper.realIndex + 1);
                        }
                    });
                },
                touchStart(swiper, e) {
                    if (e.type === 'touchstart') {
                        swiperTouchStartX = e.touches[0].clientX;
                    } else {
                        swiperTouchStartX = e.clientX;
                    }
                },
                touchEnd(swiper, e) {
                    const tolerance = 150;
                    const totalSlidesLen = swiper.slides.length;
                    const diff = (() => {
                        if (e.type === 'touchend') {
                            return e.changedTouches[0].clientX - swiperTouchStartX;
                        } else {
                            return e.clientX - swiperTouchStartX;
                        }
                    })();

                    if (swiper.isBeginning && diff >= tolerance) {
                        swiper.slideTo(totalSlidesLen - 1);
                    } else if (swiper.isEnd && diff <= -tolerance) {
                        setTimeout(() => {
                            swiper.slideTo(0);
                        }, 1);
                    }
                },
            },
                        loop: false,
            simulateTouch: 1,
                        pagination: {
                el: '.swiper-pagination',
                clickable: true
            },
                                    autoplay: {
                delay: 1500            },
                        breakpoints: {
                            400 : {
                    slidesPerView: 1                },
                            560 : {
                    slidesPerView: 2                },
                            720 : {
                    slidesPerView: 3                },
                            880 : {
                    slidesPerView: 4                },
                            1040 : {
                    slidesPerView: 5                },
                            1200 : {
                    slidesPerView: 6                },
                        },
                        spaceBetween: 30,
            a11y: {
                slideLabelMessage: "slide {{index}} of {{slidesLength}} slide",
                itemRoleDescriptionMessage: "This is a slide for a brand"
            },
        });
    }
    
    function amBrandsSlider685c15676f3a4() {
        return {
            brands: [],
            displayZero: !!1,
            sortBy: 'name',
            isSliderEnabled: 1,
            sliderSelector: "#am_widget_amslider_id2468",

            /**
             * Retrieve media url for given path
             *
             * @param path
             * @returns {string}
             */
            getMediaUrl(path) {
                let stringToRemove = 'index.php/';
                let baseUrl = BASE_URL.replace(stringToRemove, '');
                return path.includes(baseUrl) ? path : baseUrl + path;
            },

            getBrandUrl(url) {
                return BASE_URL + url;
            },

            retrieveData() {
                this.sendRequest().then(result => {
                    const data = result.data?.ambrandslider;

                    const items = data.items.map(brand => {
                        brand.img = brand.img ? this.getMediaUrl(brand.img) : null;
                        return brand;
                    });

                    this.brands = items;

                    if (this.isSliderEnabled) {
                        this.initSwiper = initSwiper685c15676f3a4();
                    }

                    this.$nextTick(() => {
                        const sliderWrapper = document.querySelector(this.sliderSelector);
                        sliderWrapper.classList.remove('opacity-0')
                        sliderWrapper.classList.remove('h-96');
                        if (this.isSliderEnabled) {
                            this.initSwiper.init();
                            // slides are ready, rerender the slider
                            this.initSwiper.update();
                        }
                    })
                });
            },

            getQuery() {
                return "query BrandsSliderQuery($displayZero: Boolean!, $sortBy: String!){ambrandslider(\n                    displayZero: $displayZero,\n                    sortBy: $sortBy\n                  ) {\n                    slider_header_color\n                    items_number\n                    items {\n                      alt\n                      brandId\n                      img\n                      label\n                      position\n                      url\n                    }\n                  }}"            },

            sendRequest() {
                let variables = {
                    displayZero: this.displayZero,
                    sortBy: this.sortBy
                }
                return fetch('https://www.gaugemasterretail.com/graphql', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'Store': 'gm_main'
                    },
                    credentials: 'include',
                    body: JSON.stringify({query: this.getQuery(), variables: variables})
                }).then(
                    response => response.json()
                );
            }
        }
    }

        document.addEventListener('DOMContentLoaded', () => {
        if (window._amSwiperLoaded) {
            return;
        }

        // load swiper
        const script = document.createElement('script');
        //script.src = 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Amasty_ShopByBrandHyvaCompatibility/js/swiper.min.js';
        script.async = true;
        document.body.appendChild(script);

        window._amSwiperLoaded = true;

        script.onload = () => {
            window.dispatchEvent(new CustomEvent('amSwiperLoaded', {}));
        }


    })
    </script>

</div>
<div class="flex justify-center relative overflow-hidden home-banner common-slider-block bg-lightNew pt-10 pb-14">
  <div class="w-full container mx-auto">
  <h2 class="md:text-2xl font-bold text-secondaryNew pb-4 border-b border-primaryLight mb-10">Testimonials</h2>
  <div x-data="sliderData2(slides2)" x-init="init()">
  <div class="mx-auto md:w-4/5 w-full text-center relative bg-[#fcefe3] rounded-lg  overflow-hidden before before:absolute before:top-6 before:left-6 before:bg-[url('../images/comma-icon.png')] before:bg-no-repeat before:w-10 before:h-10 before:bg-contain pt-14 md:pt-0">
    <div x-ref="swiper" class="swiper-container1">
      <div class="swiper-wrapper">
        <template x-for="(slide, index) in slides2" :key="slide.id">
          <div :id="slide.id" class="swiper-slide">
              <div class="text-center">
                <div class="md:pt-14 md:pb-14 pt-6 pb-10 md:px-20 px-6">
                  <div x-html="slide.testimonial" class="text-secondaryNew md:text-lg text-base font-medium mb-6"></div>
                  <div x-html="slide.author_name" class="text-lg font-semibold text-secondaryNew">
                  </div>
                  <span x-html="slide.rating" class="text-base font-medium text-primaryNew"></span>
               </div>
              </div>
        </template>
      </div>
      <div class="container absolute top-0 left-0 right-0 min-h-full mx-auto">
      <div class="swiper-pagination one"></div>
      <div class="swiper-button-prev one !hidden"></div>
      <div class="swiper-button-next one !hidden"></div>
      </div>
    </div>
</div>
  </div>

  </div>
</div>

<script type="text/javascript">

  /*remove Swissup_Swiper css*/
  for (const el of document.querySelectorAll('link[href*="Swissup_Swiper/lib/swiper.css"]')) {
    el.remove();
  }

  window.slides2 = [{id: 1,author_name: 'Maureen D',rating: 'via Trustpilot',testimonial: '<p>We have found Gaugemaster to have the best customer service ever. They are always helpful and informative when phoning them. We sent our Prodigy back for repair (it is at least 2 years old) and it was repaired by replacing a component free of charge. S'},{id: 2,author_name: 'Ryan M',rating: 'via Google',testimonial: '<p>Excellent shop. Could spend my life in this place!</p>'},{id: 3,author_name: 'Luke M',rating: 'via Google',testimonial: '<p>Very well stocked and lovely store. The staff were very helpful and helped pick out a few products for me. Their own in-store layouts are great for a reference and being next to the warehouse is great for hard-to-get items online. Extremely well stocke'},{id: 4,author_name: 'Chris E',rating: 'via Google',testimonial: '<p>If you’re a train, model making enthusiast then this is the shop for you as it has virtually has everything you could ever need from all size trains and accessories to models from Airfix to Tamiya. The range here is big and the staff are more than will'},{id: 5,author_name: 'Potts S',rating: 'via Google',testimonial: '<p>My one stop model train shop! Very extensive range of all gauges, very friendly and helpful staff. Competitive prices. If you like model trains, I would highly recommend you go and see.</p>'}];

  sliderData2 = function (slides) {
    return {
      title: "Swiper Slider",
      mySwiper: {},
      slideIndex: 0,
      slides: [],

      init() {

        this.slides = slides.map((slide, index) => {
          slide.id = index + Date.now();
          return slide;
        });

      //  console.log(this.slides);

        this.initSwiper();
      },
      initSwiper() {
        const autoplay = 4500;

        this.mySwiper2 = new Swiper(".swiper-container1", {
          autoplay: {
            delay: autoplay,
            disableOnInteraction: false
          },
          grabCursor: true,
          centeredSlides: true,
          watchSlidesProgress: true,
          pagination: {
            el: ".swiper-pagination.two",
            clickable: true
          },
          navigation: {
            nextEl: ".swiper-button-next.two",
            prevEl: ".swiper-button-prev.two"
          }
        });

        // wait for alpine finishing the DOM manipulation
        this.$nextTick(() => {
          this.mySwiper2.init();
          // slides are ready, rerender the slider
          this.mySwiper2.update();
        });
      }
    };
  };
</script>

</main><footer class="page-footer"><div class="footer content"><div class="text-gray-700 body-font bg-secondaryNew border-t border-container-darker ">
    <div class="container py-8 mx-auto">
        <div class="flex flex-wrap order-first gap-y-6">
                                                        <style>.cmsb3-mb-3 {
margin-bottom: 0.75rem
}
.cmsb3-mb-4 {
margin-bottom: 1rem
}
.cmsb3-block {
display: block
}
.cmsb3-flex {
display: flex
}
.cmsb3-hidden {
display: none
}
.cmsb3-w-full {
width: 100%
}
.cmsb3-rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cmsb3-transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cmsb3-items-center {
align-items: center
}
.cmsb3-justify-between {
justify-content: space-between
}
.cmsb3-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb3-text-base {
font-size: 1rem;
line-height: 1.5rem
}
.cmsb3-text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.cmsb3-font-bold {
font-weight: 700
}
.cmsb3-text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 768px) {
.cmsb3-md\:mb-6 {
margin-bottom: 1.5rem
}
.cmsb3-md\:block {
display: block
}
.cmsb3-md\:hidden {
display: none
}
.cmsb3-md\:w-6\/12 {
width: 50%
}
.cmsb3-md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
}
@media (min-width: 1024px) {
.cmsb3-lg\:w-1\/4 {
width: 25%
}
}</style>
<div class="cmsb3-lg:w-1/4 cmsb3-md:w-6/12 cmsb3-w-full" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div x-data="{open : false}">
<div class="footer-block">
<div class="footer-title cmsb3-md:text-xl cmsb3-text-lg cmsb3-font-bold cmsb3-text-white cmsb3-md:mb-6 cmsb3-mb-3 cmsb3-flex cmsb3-justify-between cmsb3-items-center"  @click="open = !open">Company <span class="cmsb3-md:hidden cmsb3-transform cmsb3-rotate-180" :class="{'cmsb3-transform cmsb3-rotate-180' : open}"><!--?xml version="1.0" encoding="utf-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 29.5 17" style="enable-background:new 0 0 29.5 17;" xml:space="preserve" width="28" height="12">
<style type="text/css">
	.white-arrow-down{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<polyline class="white-arrow-down" points="29.1,0.3 14.7,16.3 0.4,0.5 "></polyline>
</svg>
</span></div>
<div class="footer-links cmsb3-hidden cmsb3-md:block cmsb3-mb-4"  :class="{'cmsb3-block' : open, 'cmsb3-hidden' : !open}">
<ul class="cmsb3-space-y-2 cmsb3-text-base cmsb3-text-white hover:text-grey-300">
<li><a href="https://www.gaugemasterretail.com/howto" class="hover:text-primaryNew">Visit Our Shop </a></li>
<li><a href="https://www.gaugemasterretail.com/about-us" class="hover:text-primaryNew">About Us </a></li>
<li><a href="https://www.gaugemasterretail.com/company-history" class="hover:text-primaryNew">Company History </a></li>
<li><a href="https://www.gaugemasterretail.com/staff" class="hover:text-primaryNew">Our Team </a></li>
<li><a href="https://www.gaugemasterretail.com/faqs" class="hover:text-primaryNew">FAQs </a></li>
<li><a href="https://www.gaugemasterretail.com/terms" class="hover:text-primaryNew">Terms and Conditions </a></li>
<li><a href="https://www.gaugemasterretail.com/terms#answer7" class="hover:text-primaryNew">Returns Policy </a></li>
<li><a href="https://www.gaugemasterretail.com/privacy" class="hover:text-primaryNew">Privacy Policy </a></li>
<li><a href="https://www.gaugemasterretail.com/weee" class="hover:text-primaryNew">WEEE Regulations </a></li>
<li><a href="https://www.gaugemasterretail.com/contact" class="hover:text-primaryNew">Contact Us </a></li>
</ul>
</div>
</div>
</div></div>                            <style>.cmsb4-mb-3 {
margin-bottom: 0.75rem
}
.cmsb4-mb-4 {
margin-bottom: 1rem
}
.cmsb4-block {
display: block
}
.cmsb4-flex {
display: flex
}
.cmsb4-hidden {
display: none
}
.cmsb4-w-full {
width: 100%
}
.cmsb4-rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cmsb4-transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cmsb4-items-center {
align-items: center
}
.cmsb4-justify-between {
justify-content: space-between
}
.cmsb4-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb4-text-base {
font-size: 1rem;
line-height: 1.5rem
}
.cmsb4-text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.cmsb4-font-bold {
font-weight: 700
}
.cmsb4-text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 768px) {
.cmsb4-md\:mb-6 {
margin-bottom: 1.5rem
}
.cmsb4-md\:block {
display: block
}
.cmsb4-md\:hidden {
display: none
}
.cmsb4-md\:w-6\/12 {
width: 50%
}
.cmsb4-md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
}
@media (min-width: 1024px) {
.cmsb4-lg\:w-1\/4 {
width: 25%
}
}</style>
<div class="cmsb4-lg:w-1/4 cmsb4-md:w-6/12 cmsb4-w-full" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div x-data="{open : false}">
<div class="footer-block">
<div class="footer-title cmsb4-md:text-xl cmsb4-text-lg cmsb4-font-bold cmsb4-text-white cmsb4-md:mb-6 cmsb4-mb-3 cmsb4-flex cmsb4-justify-between cmsb4-items-center"  @click="open = !open">Download <span class="cmsb4-md:hidden cmsb4-transform cmsb4-rotate-180" :class="{'cmsb4-transform cmsb4-rotate-180' : open}"><!--?xml version="1.0" encoding="utf-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 29.5 17" style="enable-background:new 0 0 29.5 17;" xml:space="preserve" width="28" height="12">
<style type="text/css">
	.white-arrow-down{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<polyline class="white-arrow-down" points="29.1,0.3 14.7,16.3 0.4,0.5 "></polyline>
</svg>
</span></div>
<div class="footer-links cmsb4-hidden cmsb4-md:block cmsb4-mb-4"  :class="{'cmsb4-block' : open, 'cmsb4-hidden' : !open}">
<ul class="cmsb4-space-y-2 cmsb4-text-base cmsb4-text-white hover:text-grey-300">
<li><a href="https://www.gaugemasterretail.com/downloads/resources/view/type/product-catalogues" class="hover:text-primaryNew">Product Catalogues </a></li>
<li><a href="https://www.gaugemasterretail.com/downloads/resources/view/type/leaflets" class="hover:text-primaryNew">Product New Items Leaflets </a></li>
<li><a href="https://www.gaugemasterretail.com/downloads/resources/view/type/instructions" class="hover:text-primaryNew">Product Instructions </a></li>
<li><a href="https://www.gaugemasterretail.com/retail-pricelists" class="hover:text-primaryNew">Price Lists </a></li>
<li><a href="https://www.gaugemasterretail.com/knowledge" class="hover:text-primaryNew">Knowledge Base </a></li>
<li><a href="https://www.gaugemasterretail.com/news" class="hover:text-primaryNew">News</a></li>
</ul>
</div>
</div>
</div></div>                            <style>.cmsb6-mb-3 {
margin-bottom: 0.75rem
}
.cmsb6-mb-4 {
margin-bottom: 1rem
}
.cmsb6-block {
display: block
}
.cmsb6-flex {
display: flex
}
.cmsb6-hidden {
display: none
}
.cmsb6-w-full {
width: 100%
}
.cmsb6-rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cmsb6-transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cmsb6-items-center {
align-items: center
}
.cmsb6-justify-between {
justify-content: space-between
}
.cmsb6-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb6-text-base {
font-size: 1rem;
line-height: 1.5rem
}
.cmsb6-text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.cmsb6-font-bold {
font-weight: 700
}
.cmsb6-text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 768px) {
.cmsb6-md\:mb-6 {
margin-bottom: 1.5rem
}
.cmsb6-md\:block {
display: block
}
.cmsb6-md\:hidden {
display: none
}
.cmsb6-md\:w-6\/12 {
width: 50%
}
.cmsb6-md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
}
@media (min-width: 1024px) {
.cmsb6-lg\:w-1\/5 {
width: 20%
}
}</style>
<div class="cmsb6-lg:w-1/5 cmsb6-md:w-6/12 cmsb6-w-full" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div x-data="{open : false}">
<div class="footer-block">
<div class="footer-title cmsb6-md:text-xl cmsb6-text-lg cmsb6-font-bold cmsb6-text-white cmsb6-md:mb-6 cmsb6-mb-3 cmsb6-flex cmsb6-justify-between cmsb6-items-center"  @click="open = !open">Live <span class="cmsb6-md:hidden cmsb6-transform cmsb6-rotate-180" :class="{'cmsb6-transform cmsb6-rotate-180' : open}"><!--?xml version="1.0" encoding="utf-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 29.5 17" style="enable-background:new 0 0 29.5 17;" xml:space="preserve" width="28" height="12">
<style type="text/css">
	.white-arrow-down{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<polyline class="white-arrow-down" points="29.1,0.3 14.7,16.3 0.4,0.5 "></polyline>
</svg>
</span></div>
<div class="footer-links cmsb6-hidden cmsb6-md:block cmsb6-mb-4"  :class="{'cmsb6-block' : open, 'cmsb6-hidden' : !open}">
<ul class="cmsb6-space-y-2 cmsb6-text-base cmsb6-text-white hover:text-grey-300">
<li><a href="https://www.gaugemasterretail.com/events" class="hover:text-primaryNew">Events </a></li>
<li><a href="https://www.gaugemasterretail.com/railcam" class="hover:text-primaryNew">Railcam</a></li>
</ul>
</div>
</div>
</div></div>                            <style>.cmsb7-mb-3 {
margin-bottom: 0.75rem
}
.cmsb7-mb-4 {
margin-bottom: 1rem
}
.cmsb7-mr-8 {
margin-right: 2rem
}
.cmsb7-mt-16 {
margin-top: 4rem
}
.cmsb7-mt-2 {
margin-top: 0.5rem
}
.cmsb7-block {
display: block
}
.cmsb7-inline-block {
display: inline-block
}
.cmsb7-flex {
display: flex
}
.cmsb7-hidden {
display: none
}
.cmsb7-h-12 {
height: 3rem
}
.cmsb7-h-2 {
height: 0.5rem
}
.cmsb7-h-5 {
height: 1.25rem
}
.cmsb7-h-8 {
height: 2rem
}
.cmsb7-w-2 {
width: 0.5rem
}
.cmsb7-w-6 {
width: 1.5rem
}
.cmsb7-w-8 {
width: 2rem
}
.cmsb7-w-full {
width: 100%
}
.cmsb7-flex-1 {
flex: 1 1 0%
}
.cmsb7-rotate-180 {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cmsb7-transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cmsb7-flex-wrap {
flex-wrap: wrap
}
.cmsb7-items-start {
align-items: flex-start
}
.cmsb7-items-center {
align-items: center
}
.cmsb7-justify-between {
justify-content: space-between
}
.cmsb7-gap-2 {
gap: 0.5rem
}
.cmsb7-gap-4 {
gap: 1rem
}
.cmsb7-gap-6 {
gap: 1.5rem
}
.cmsb7-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb7-rounded-full {
border-radius: 9999px
}
.cmsb7-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb7-pl-4 {
padding-left: 1rem
}
.cmsb7-text-base {
font-size: 1rem;
line-height: 1.5rem
}
.cmsb7-text-lg {
font-size: 1.125rem;
line-height: 1.75rem
}
.cmsb7-font-bold {
font-weight: 700
}
.cmsb7-text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
@media (min-width: 640px) {
.cmsb7-sm\:h-10 {
height: 2.5rem
}
.cmsb7-sm\:h-16 {
height: 4rem
}
}
@media (min-width: 768px) {
.cmsb7-md\:mb-6 {
margin-bottom: 1.5rem
}
.cmsb7-md\:mr-0 {
margin-right: 0px
}
.cmsb7-md\:block {
display: block
}
.cmsb7-md\:hidden {
display: none
}
.cmsb7-md\:w-6\/12 {
width: 50%
}
.cmsb7-md\:gap-8 {
gap: 2rem
}
.cmsb7-md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem
}
}
@media (min-width: 1024px) {
.cmsb7-lg\:w-1\/4 {
width: 25%
}
}
@media (min-width: 1536px) {
.cmsb7-\32xl\:gap-12 {
gap: 3rem
}
}</style>
<div class="cmsb7-lg:w-1/4 cmsb7-md:w-6/12 cmsb7-w-full" data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div x-data="{open : false}">
<div class="footer-block">

<div class="footer-title cmsb7-md:text-xl cmsb7-text-lg cmsb7-font-bold cmsb7-text-white cmsb7-md:mb-6 cmsb7-mb-3 cmsb7-flex cmsb7-justify-between cmsb7-items-center"  @click="open = !open"><a href="howto" class="cmsb7-flex-1 cmsb7-mr-8 cmsb7-md:mr-0"> Connect With Us </a><span class="cmsb7-md:hidden cmsb7-transform cmsb7-rotate-180" :class="{'cmsb7-transform cmsb7-rotate-180' : open}"><!--?xml version="1.0" encoding="utf-8"?-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 29.5 17" style="enable-background:new 0 0 29.5 17;" xml:space="preserve" width="28" height="12">
<style type="text/css">
	.white-arrow-down{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<polyline class="white-arrow-down" points="29.1,0.3 14.7,16.3 0.4,0.5 "></polyline>
</svg>
</span></div>
<div class="footer-links cmsb7-hidden cmsb7-md:block cmsb7-mb-4"  :class="{'cmsb7-block' : open, 'cmsb7-hidden' : !open}">
<ul class="cmsb7-space-y-2 cmsb7-text-base cmsb7-text-white hover:text-grey-300">
<li><a href="howto" class="cmsb7-flex cmsb7-gap-2 cmsb7-flex-wrap cmsb7-items-start"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 109.9 165" style="enable-background:new 0 0 109.9 165;" xml:space="preserve" fill="#fff" class="cmsb7-w-8 cmsb7-h-8">
<g>
	<path d="M53.8,165c-1.1-1.4-2.3-2.8-3.2-4.3c-5.1-9-10.1-18-15.1-27.1c-4.2-7.7-8.4-15.4-12.7-23c-5.3-9.6-10.8-19.2-16-28.9
		c-2.9-5.3-5.1-11-5.9-17C0.4,60.9-0.1,57,0,53.2c0.1-6,1.4-11.9,3.5-17.6c2.3-6,5.5-11.5,9.6-16.4c3.9-4.5,8.2-8.6,13.5-11.4
		c3.9-2,7.9-4,12-5.5c2.7-1,5.8-1.3,8.7-1.8C49.6,0.3,51.9,0,54.1,0c3,0,6,0.1,8.8,0.7c4,0.8,7.9,1.9,11.7,3.2
		c5.4,1.7,10.2,4.7,14.6,8.2c9.1,7.2,15.3,16.5,18.5,27.6c0.9,3.1,1.3,6.4,1.7,9.7c0.3,2.5,0.4,5.1,0.3,7.7
		c-0.2,6.9-1.4,13.6-4.5,19.7c-3.3,6.6-7,13.1-10.5,19.6c-2.5,4.5-4.9,9.1-7.4,13.6c-4.9,8.8-9.8,17.5-14.6,26.3
		c-4.3,7.7-8.4,15.5-12.7,23.2c-1.1,2-2,4.3-4.1,5.6C55.3,165,54.5,165,53.8,165z M54.7,82.5c14.8,0.2,28.6-12.1,27.8-29
		c-0.6-12.7-11.2-27.1-30-25.8c-13.5,0.9-24.9,12.1-25,27.2C27.4,70,39.3,82.3,54.7,82.5z"/>
</g>
</svg>
 <p class="cmsb7-flex-1">Gaugemaster House, Ford Road Arundel, West Sussex, BN18 0BN, United Kingdom<br>VAT Reg. No. 587 8089 71 </p></a></li>
<!--<li class="cmsb7-mt-2 cmsb7-flex cmsb7-gap-4 cmsb7-flex-wrap cmsb7-items-center cmsb7-pl-4"><span class="cmsb7-w-2 cmsb7-h-2 cmsb7-inline-block cmsb7-rounded-full cmsb7-bg-white"></span></li>-->
<li><a href="tel:+44 (0)1903 884488" class="cmsb7-flex cmsb7-gap-2"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 122.6 122.8" style="enable-background:new 0 0 122.6 122.8;" xml:space="preserve" fill="#fff" class="cmsb7-w-6 cmsb7-h-5">
<g>
	<path d="M33.8,0c1.9,0.7,3.8,1.3,5.4,2.8c2,2,3,4.5,3,7.2c0,7.1,1.1,14.1,3.3,20.8c1.4,4.4,0.4,8-2.5,11.5
		c-3.2,3.9-6.2,8.1-9.3,12.1c-0.4,0.5-0.5,1-0.1,1.6c2.1,3.3,4,6.8,6.3,10.1c2.9,4.2,6.3,8.1,10.1,11.4c4.8,4.3,10.1,7.9,15.7,11
		c1.8,1,1.8,0.9,3.6-0.5c4.1-3.2,8.2-6.4,12.3-9.4c3-2.3,6.4-2.4,10-1.4c3.9,1.1,7.8,2,11.8,2.7c2.3,0.4,4.8,0.3,7.2,0.5
		c1.8,0.2,3.6,0.3,5.4,0.7c2.3,0.5,4,2.1,5.1,4.1c0.6,1.1,1,2.2,1.5,3.3c0,8.7,0,17.4,0,26.1c-0.2,0.2-0.4,0.5-0.5,0.7
		c-0.6,2-1.5,3.8-3.4,4.9c-1.5,0.9-3,1.6-4.6,2.3c-1.7,0-3.4,0-5,0c-0.5,0-1,0-1.4,0c-0.6,0-1.1,0-1.7,0c-0.2-0.1-0.3-0.2-0.5-0.2
		c-4.1-0.5-8.3-0.7-12.4-1.5c-4.6-0.8-9.2-2-13.7-3.3c-6.5-1.9-12.8-4.5-18.8-7.8c-3.6-2-7.1-4-10.5-6.3c-3.5-2.4-6.8-5-10.1-7.7
		c-2.5-2.1-5-4.3-7.3-6.6c-2.1-2.1-4.1-4.3-5.9-6.6c-2.6-3.3-5.2-6.6-7.6-10c-3.9-5.6-7.1-11.6-9.9-17.9C7,49.5,5.1,44,3.6,38.3
		C2.4,33.7,1.4,29.1,1,24.3c-0.3-3.2-0.7-6.4-0.9-9.6c-0.1-1.6,0-3.3,0-4.9c0-3.5,1.6-6.2,4.4-8.1C5.5,1,6.8,0.5,7.9,0
		C16.6,0,25.2,0,33.8,0z"/>
</g>
</svg> +44 (0)1903 884488</a></li>
</ul>
<div class="cmsb7-mt-16">
<ul class="cmsb7-flex cmsb7-items-center cmsb7-2xl:gap-12 cmsb7-md:gap-8  cmsb7-gap-6">
<li><a href="https://www.facebook.com/gaugemaster" title="Facebook" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" width="21.625" height="40.377" class="cmsb7-sm:h-10 cmsb7-h-8" viewBox="0 0 21.625 40.377">
  <path id="facebook-f" d="M43.1,22.712,44.22,15.4H37.208V10.663c0-2,.979-3.948,4.12-3.948h3.188V.494A38.872,38.872,0,0,0,38.857,0c-5.774,0-9.548,3.5-9.548,9.836V15.4H22.89v7.307h6.418V40.377h7.9V22.712Z" transform="translate(-22.89)" fill="#fff"/>
</svg>
</svg></a>
</li>
<li><a href="https://www.twitter.com/Gaugemaster" title="Twitter" target="_blank" rel="nofollow"><svg xmlns="http://www.w3.org/2000/svg" class="cmsb7-sm:h-10 cmsb7-h-8" width="39.253" height="40.116" viewBox="0 0 39.253 40.116">
  <path id="logo" d="M23.361,16.986,37.974,0H34.511L21.823,14.749,11.689,0H0L15.325,22.3,0,40.116H3.463l13.4-15.575,10.7,15.575H39.253L23.36,16.986ZM18.618,22.5l-1.553-2.221L4.711,2.607H10.03L20,16.869l1.553,2.221,12.96,18.538H29.194L18.618,22.5Z" fill="#fff"/>
</svg></a>
</li>
<li><a href="https://www.instagram.com/gaugemaster_controls" title="Instagram" target="_blank" rel="nofollow"><?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve" fill="#fff" class="cmsb7-sm:h-10 cmsb7-h-8">
<g>
	<path d="M100.7,21.7c0,18.7,0,37.4,0,56.1c-0.1,0.2-0.3,0.5-0.4,0.7c-0.2,0.8-0.2,1.6-0.4,2.5c-1,4.3-3.1,8.1-6.2,11.4
		c-2.4,2.5-5.3,4.4-8.5,5.8c-2.7,1.1-5.5,1.9-8.3,1.9c-17.7,0.1-35.4,0-53.1,0c-1.8,0-3.6-0.4-5.4-0.8c-4.2-1.1-7.9-3.2-11-6.3
		c-2.4-2.4-4.4-5.3-5.6-8.5c-1-2.7-1.8-5.5-1.8-8.5c0-16.8,0-33.6,0-50.4c0-2,0-4,0.4-5.9c0.5-2.4,1.3-4.8,2.4-7
		c1.3-2.7,3.3-5.1,5.6-7.1c2.8-2.5,6.1-4.2,9.7-5.2c1.4-0.4,2.9-0.7,4.3-1c18.6,0,37.1,0,55.7,0c0.1,0.1,0.2,0.2,0.3,0.2
		c1.5,0.3,3.1,0.6,4.5,1c4.7,1.4,8.6,3.9,11.8,7.6c2.4,2.9,4.2,6.1,5.1,9.8C100.1,19.2,100.4,20.4,100.7,21.7z M10.1,49.6
		C10.1,49.6,10.1,49.6,10.1,49.6c0,8.3,0,16.6,0.1,24.9c0,1.6,0.1,3.3,0.6,4.8c1.9,6.4,7.5,10.6,13.9,10.6c16.6,0.1,33.2,0,49.7,0
		c1.4,0,2.9-0.2,4.3-0.4c3.1-0.4,5.6-2,7.7-4.1c3-3,4.3-6.9,4.3-11.2c0-15.2,0-30.4,0-45.6c0-2.3-0.1-4.7-0.4-7
		c-0.3-3.3-1.9-6-4.2-8.2c-3-2.9-6.8-4.2-11-4.2c-16.5,0-32.9,0-49.4,0c-1.1,0-2.2,0-3.3,0.2c-3.9,0.8-7.2,2.7-9.6,6
		c-1.6,2.2-2.7,4.8-2.7,7.5C10,31.9,10.1,40.7,10.1,49.6z"/>
	<path d="M50.2,74.8C36.7,75,24,63.7,25.2,47.5c0.9-12.3,10.7-23,25.1-23c6.6,0,12.5,2.2,17.4,6.8c5.3,5,7.8,11.2,7.8,18.4
		c0,6.9-2.4,13.1-7.4,17.9C63.1,72.4,57.1,74.8,50.2,74.8z M50.1,34.7c-8.6-0.3-14.5,6.8-14.9,13.8c-0.5,9.9,6.9,15.9,14.1,16.2
		c9.5,0.4,15.5-6.6,16.1-13.9C66.1,41.1,58.3,34.2,50.1,34.7z"/>
	<path d="M75.3,19.5c2.8-0.3,5.3,2.4,5.2,5c-0.1,2.7-2.4,5-5.1,5c-2.8,0-4.9-2.3-5-5.1C70.4,22.3,72.4,19.3,75.3,19.5z"/>
</g>
</svg>
</a>
</li>
<li><a href="https://www.tiktok.com/@gaugemaster.com" title="Tiktok" target="_blank" rel="nofollow"><?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg"  fill="#fff" class="cmsb7-sm:h-10 cmsb7-h-8" viewBox="0 0 35 40.134">
  <path id="tiktok-icon_1_" data-name="tiktok-icon (1)" d="M29.772,8.044a9.618,9.618,0,0,1-4.208-6.294A9.6,9.6,0,0,1,25.4,0H18.5l-.012,27.652A5.8,5.8,0,1,1,12.7,21.634a5.724,5.724,0,0,1,1.711.268V14.858a12.531,12.531,0,0,0-1.711-.124,12.7,12.7,0,1,0,12.7,12.7V13.412A16.412,16.412,0,0,0,35,16.5V9.6a9.541,9.541,0,0,1-5.228-1.554Z" fill="#fff"/>
</svg>
</a>
</li>
<li><a href="https://www.youtube.com/@gaugemaster_controls" title="Youtube" target="_blank"><?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" fill="#fff" class="cmsb7-sm:h-16 cmsb7-h-12" viewBox="0 0 50 50">
<path d="M 44.898438 14.5 C 44.5 12.300781 42.601563 10.699219 40.398438 10.199219 C 37.101563 9.5 31 9 24.398438 9 C 17.800781 9 11.601563 9.5 8.300781 10.199219 C 6.101563 10.699219 4.199219 12.199219 3.800781 14.5 C 3.398438 17 3 20.5 3 25 C 3 29.5 3.398438 33 3.898438 35.5 C 4.300781 37.699219 6.199219 39.300781 8.398438 39.800781 C 11.898438 40.5 17.898438 41 24.5 41 C 31.101563 41 37.101563 40.5 40.601563 39.800781 C 42.800781 39.300781 44.699219 37.800781 45.101563 35.5 C 45.5 33 46 29.398438 46.101563 25 C 45.898438 20.5 45.398438 17 44.898438 14.5 Z M 19 32 L 19 18 L 31.199219 25 Z"></path>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div></div>                                                            <div class="flex flex-wrap gap-8 pr-4 w-full lg:w-1/4 md:w-1/2">
        
    </div>
                    </div>
    </div>

    <div class="bg-[#272727]">
        <div class="container py-4 mx-auto flex items-center sm:flex-row flex-col">
            <div class="text-center flex gap-4 flex-wrap justify-center container mx-auto px-7 ">
                <svg xmlns="http://www.w3.org/2000/svg" width="70" height="42" viewBox="0 0 24 16" fill="none" class="md:w-16 md:h-10 w-10 h-7" role="img">
<path d="M0 2C0 0.895431 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V14C24 15.1046 23.1046 16 22 16H2C0.89543 16 0 15.1046 0 14V2Z" fill="#CCDEFF"/>
<path d="M5.38541 5.75872C5.13473 5.58638 4.80761 5.50001 4.40405 5.50001H2.8417C2.71798 5.50001 2.64964 5.56188 2.63665 5.6855L2.00199 9.66943C1.9954 9.70856 2.00519 9.74434 2.03127 9.77687C2.05721 9.80947 2.08983 9.82567 2.1289 9.82567H2.87101C3.00117 9.82567 3.07271 9.76395 3.08584 9.64018L3.26158 8.56612C3.268 8.51407 3.29089 8.47174 3.32996 8.43915C3.369 8.40662 3.41783 8.38534 3.47642 8.37561C3.53501 8.36594 3.59025 8.36104 3.64242 8.36104C3.69445 8.36104 3.75626 8.36435 3.82798 8.37083C3.89952 8.37731 3.94513 8.3805 3.96468 8.3805C4.52448 8.3805 4.96389 8.22276 5.28292 7.90693C5.6018 7.59127 5.76142 7.15354 5.76142 6.59356C5.76142 6.20949 5.63597 5.93123 5.38541 5.75863V5.75872ZM4.57988 6.95497C4.54723 7.18285 4.4627 7.3325 4.326 7.40413C4.18928 7.47585 3.99399 7.51155 3.74014 7.51155L3.41789 7.52128L3.58393 6.47644C3.59688 6.4049 3.63917 6.36908 3.71083 6.36908H3.89642C4.15668 6.36908 4.34558 6.4066 4.46276 6.48133C4.57988 6.55625 4.61895 6.71417 4.57988 6.95497Z" fill="#003087"/>
<path d="M21.8729 5.5H21.1504C21.0786 5.5 21.0364 5.53582 21.0235 5.60748L20.3888 9.6696L20.379 9.68912C20.379 9.72183 20.392 9.7526 20.4181 9.78191C20.444 9.81116 20.4767 9.82581 20.5157 9.82581H21.1603C21.2837 9.82581 21.3521 9.76409 21.3653 9.64032L22 5.64655V5.63685C22 5.54567 21.9575 5.50012 21.8729 5.50012V5.5Z" fill="#009CDE"/>
<path d="M13.1434 7.07225C13.1434 7.03977 13.1304 7.00879 13.1045 6.97957C13.0784 6.95029 13.0491 6.93555 13.0166 6.93555H12.2647C12.193 6.93555 12.1344 6.96826 12.0889 7.03318L11.0539 8.55652L10.6242 7.09183C10.5915 6.98775 10.52 6.93555 10.4094 6.93555H9.67693C9.64431 6.93555 9.61503 6.95023 9.58915 6.97957C9.56303 7.00879 9.55008 7.03983 9.55008 7.07225C9.55008 7.08535 9.61356 7.27732 9.74047 7.64838C9.86738 8.01955 10.0041 8.41991 10.1506 8.84958C10.2971 9.27916 10.3735 9.50713 10.38 9.53295C9.84619 10.2622 9.57939 10.6527 9.57939 10.7047C9.57939 10.7894 9.62162 10.8317 9.70633 10.8317H10.4582C10.5298 10.8317 10.5883 10.7992 10.634 10.7341L13.124 7.14057C13.137 7.12767 13.1434 7.10499 13.1434 7.07222V7.07225Z" fill="#003087"/>
<path d="M20.1448 6.93558H19.4027C19.3114 6.93558 19.2563 7.04303 19.2367 7.2579C19.0673 6.99758 18.7583 6.86724 18.309 6.86724C17.8403 6.86724 17.4415 7.04303 17.1129 7.39457C16.7841 7.7461 16.6198 8.1596 16.6198 8.63476C16.6198 9.01892 16.7321 9.32485 16.9566 9.55261C17.1812 9.7806 17.4822 9.89438 17.8599 9.89438C18.0487 9.89438 18.2407 9.85525 18.436 9.7772C18.6313 9.69909 18.7841 9.59499 18.895 9.46474C18.895 9.47127 18.8883 9.50046 18.8755 9.55252C18.8623 9.60469 18.8559 9.64388 18.8559 9.66969C18.8559 9.77398 18.8981 9.82591 18.9829 9.82591H19.6567C19.7802 9.82591 19.8519 9.76419 19.8714 9.64041L20.2718 7.0918C20.2782 7.0527 20.2685 7.01698 20.2425 6.98438C20.2163 6.95191 20.1838 6.93558 20.1448 6.93558ZM18.8705 8.85933C18.7045 9.02208 18.5043 9.10341 18.27 9.10341C18.0811 9.10341 17.9283 9.05142 17.811 8.94719C17.6938 8.84327 17.6352 8.70003 17.6352 8.51755C17.6352 8.27687 17.7166 8.07325 17.8794 7.90727C18.0419 7.74127 18.2439 7.65829 18.4848 7.65829C18.6669 7.65829 18.8183 7.71199 18.9388 7.81935C19.0592 7.92679 19.1196 8.07489 19.1196 8.26373C19.1195 8.49806 19.0365 8.69666 18.8705 8.85933Z" fill="#009CDE"/>
<path d="M9.05202 6.93558H8.30989C8.21862 6.93558 8.16341 7.04303 8.14386 7.2579C7.96809 6.99758 7.65885 6.86724 7.2162 6.86724C6.74749 6.86724 6.34871 7.04303 6.02001 7.39457C5.69122 7.7461 5.52692 8.1596 5.52692 8.63476C5.52692 9.01892 5.63923 9.32485 5.86382 9.55261C6.08842 9.7806 6.38942 9.89438 6.76704 9.89438C6.94922 9.89438 7.13812 9.85525 7.33337 9.7772C7.52866 9.69909 7.68491 9.59499 7.80208 9.46474C7.77597 9.54279 7.76301 9.61117 7.76301 9.66969C7.76301 9.77398 7.80531 9.82591 7.88995 9.82591H8.56371C8.6873 9.82591 8.75899 9.76419 8.77854 9.64041L9.17887 7.0918C9.18529 7.0527 9.17556 7.01698 9.14959 6.98438C9.12354 6.95191 9.09103 6.93558 9.05202 6.93558ZM7.77773 8.86416C7.61169 9.02384 7.40817 9.10341 7.16746 9.10341C6.97856 9.10341 6.82721 9.05142 6.71337 8.94719C6.59939 8.84327 6.54247 8.70003 6.54247 8.51755C6.54247 8.27687 6.6238 8.07325 6.78662 7.90727C6.94925 7.74127 7.15107 7.65826 7.39202 7.65826C7.57421 7.65826 7.72556 7.71199 7.84611 7.81935C7.96645 7.92679 8.02674 8.07489 8.02674 8.26373C8.02671 8.5046 7.94374 8.70484 7.77773 8.86416Z" fill="#003087"/>
<path d="M16.4782 5.75871C16.2275 5.58638 15.9005 5.5 15.4968 5.5H13.9442C13.814 5.5 13.7423 5.56187 13.7294 5.6855L13.0947 9.66942C13.0881 9.70855 13.0979 9.74433 13.124 9.77687C13.1498 9.80946 13.1825 9.82567 13.2216 9.82567H14.0223C14.1004 9.82567 14.1524 9.7834 14.1786 9.69876L14.3543 8.56611C14.3608 8.51406 14.3836 8.47174 14.4227 8.43914C14.4618 8.40661 14.5105 8.38533 14.5692 8.3756C14.6277 8.36593 14.683 8.36103 14.7352 8.36103C14.7872 8.36103 14.849 8.36435 14.9207 8.37082C14.9922 8.3773 15.038 8.38049 15.0574 8.38049C15.6173 8.38049 16.0566 8.22275 16.3756 7.90692C16.6946 7.59126 16.8541 7.15353 16.8541 6.59355C16.8541 6.20948 16.7287 5.93119 16.4782 5.75862V5.75871ZM15.4773 7.36502C15.3341 7.46265 15.1192 7.51145 14.8329 7.51145L14.5204 7.52124L14.6864 6.47637C14.6993 6.40486 14.7416 6.36898 14.8133 6.36898H14.989C15.1322 6.36898 15.2461 6.37552 15.3309 6.3885C15.4153 6.40158 15.4968 6.4422 15.575 6.51052C15.6531 6.57889 15.6921 6.67822 15.6921 6.80835C15.6921 7.08187 15.6204 7.26731 15.4773 7.36502Z" fill="#009CDE"/>
<title>paypal</title></svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="70" height="42" viewBox="0 0 24 16" fill="none" class="md:w-16 md:h-10 w-10 h-7" role="img">
<path d="M0 2C0 0.895431 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V14C24 15.1046 23.1046 16 22 16H2C0.89543 16 0 15.1046 0 14V2Z" fill="#FDEACE"/>
<path d="M14.504 3.26369L9.3395 3.28144L9.49599 12.7364L14.6605 12.7186L14.504 3.26369Z" fill="#FF5F00"/>
<path d="M9.67941 8.02798C9.64745 6.10492 10.5089 4.39621 11.8582 3.28786C10.8398 2.48864 9.56289 2.00804 8.17875 2.01278C4.89963 2.02401 2.29142 4.72537 2.34672 8.05309C2.40202 11.3808 5.09971 14.064 8.37883 14.0528C9.76297 14.048 11.0237 13.5587 12.0155 12.7526C10.6298 11.6704 9.71137 9.95103 9.67941 8.02798Z" fill="#EB001B"/>
<path d="M21.6533 7.94694C21.7086 11.2747 19.1004 13.976 15.8213 13.9873C14.4371 13.992 13.1603 13.5114 12.1418 12.7122C13.5076 11.6038 14.3526 9.89511 14.3206 7.97206C14.2886 6.049 13.3705 4.34639 11.9845 3.24741C12.9763 2.4413 14.237 1.95201 15.6212 1.94727C18.9003 1.93604 21.5983 4.63595 21.6533 7.94694Z" fill="#F79E1B"/>
<title>mastercard</title></svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="70" height="42" viewBox="0 0 24 16" fill="none" class="md:w-16 md:h-10 w-10 h-7" role="img">
<path d="M0 2C0 0.895431 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V14C24 15.1046 23.1046 16 22 16H2C0.89543 16 0 15.1046 0 14V2Z" fill="#D8E3F3"/>
<path d="M20.655 5.01751H19.3977C19.0175 5.01751 18.7251 5.13447 18.5497 5.51459L16.152 10.9824H17.848C17.848 10.9824 18.1404 10.2514 18.1988 10.076C18.3743 10.076 20.0409 10.076 20.2749 10.076C20.3333 10.2807 20.4795 10.9532 20.4795 10.9532H22L20.655 5.01751ZM18.6667 8.84792C18.8129 8.49704 19.3099 7.18125 19.3099 7.18125C19.3099 7.21049 19.4561 6.83038 19.5146 6.6257L19.6316 7.15201C19.6316 7.15201 19.9532 8.58476 20.0117 8.87716H18.6667V8.84792Z" fill="#3362AB"/>
<path d="M16.269 9.02338C16.269 10.2514 15.1579 11.0702 13.4327 11.0702C12.7018 11.0702 12 10.924 11.6199 10.7485L11.8538 9.40349L12.0585 9.49121C12.5848 9.72513 12.9357 9.81285 13.5789 9.81285C14.0468 9.81285 14.5439 9.63741 14.5439 9.22806C14.5439 8.9649 14.3392 8.78946 13.6959 8.49706C13.0819 8.20466 12.2632 7.73683 12.2632 6.88887C12.2632 5.71928 13.4035 4.92981 15.0117 4.92981C15.6257 4.92981 16.152 5.04677 16.4737 5.19297L16.2398 6.47952L16.1228 6.36256C15.8304 6.2456 15.4503 6.12864 14.8947 6.12864C14.2807 6.15788 13.9883 6.42104 13.9883 6.65496C13.9883 6.91811 14.3392 7.12279 14.8947 7.38595C15.8304 7.82455 16.269 8.32162 16.269 9.02338Z" fill="#3362AB"/>
<path d="M2 5.07603L2.02924 4.95907H4.54386C4.89474 4.95907 5.15789 5.07603 5.24561 5.45614L5.80117 8.08772C5.24561 6.68421 3.95906 5.54386 2 5.07603Z" fill="#F9B50B"/>
<path d="M9.33918 5.01753L6.79532 10.9532H5.07017L3.60819 5.98244C4.66082 6.65496 5.53801 7.70759 5.85965 8.43858L6.03509 9.05262L7.61403 4.98829H9.33918V5.01753Z" fill="#3362AB"/>
<path d="M10.0117 4.98829H11.6199L10.5965 10.9532H8.98831L10.0117 4.98829Z" fill="#3362AB"/>
<title>visa</title></svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="70" height="42" viewBox="0 0 24 16" fill="none" class="md:w-16 md:h-10 w-10 h-7" role="img">
<path d="M0 2C0 0.895431 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V14C24 15.1046 23.1046 16 22 16H2C0.89543 16 0 15.1046 0 14V2Z" fill="#E6E6E6"/>
<path d="M18.6052 12.5643C19.527 12.5643 19.9608 12.2126 20.3398 11.1464L22 6.48992H21.0388L19.9255 10.0925H19.906L18.7927 6.4948H17.8042L19.4058 10.9269L19.32 11.1964C19.2594 11.5823 18.913 11.8576 18.5231 11.8291C18.4487 11.8291 18.3043 11.8214 18.2458 11.8137V12.5456C18.3649 12.5618 18.4853 12.5696 18.6052 12.5692V12.5643ZM15.4019 10.2324C14.8977 10.2324 14.5777 9.9884 14.5777 9.6192C14.5777 9.23658 14.8864 9.01375 15.4763 8.97838L16.527 8.9121V9.25609C16.5038 9.82291 16.0253 10.2641 15.4585 10.2409C15.4393 10.2401 15.4206 10.2385 15.4019 10.2368V10.2324ZM15.1482 10.9549C15.7203 10.9704 16.2554 10.6723 16.5429 10.1775H16.5624V10.9094H17.4374V7.87809C17.4374 6.999 16.7344 6.43259 15.652 6.43259C14.6481 6.43259 13.9056 7.00673 13.8784 7.79596H14.7302C14.8319 7.39463 15.2133 7.12993 15.6248 7.17466C16.203 7.17466 16.527 7.44424 16.527 7.9403V8.27616L15.3479 8.34651C14.25 8.41278 13.6564 8.86209 13.6564 9.64359C13.6555 10.4361 14.2687 10.9594 15.1478 10.9594L15.1482 10.9549ZM10.0774 5.6149H11.1671C11.9876 5.6149 12.4564 6.05241 12.4564 6.82212C12.4564 7.59184 11.9876 8.03301 11.1634 8.03301H10.0774V5.6149ZM9.132 4.81794V10.9082H10.0774V8.832H11.3862C12.4524 8.88933 13.3628 8.07164 13.4201 7.00551C13.4234 6.94492 13.4238 6.88474 13.4213 6.82416C13.4718 5.76982 12.6581 4.87446 11.6038 4.82364C11.5416 4.82079 11.4798 4.8212 11.4176 4.82404L9.132 4.81794ZM5.99419 5.95442C5.45096 5.92311 4.9862 6.26304 4.72841 6.26304C4.47062 6.26304 4.07214 5.97028 3.64235 5.97841C3.0731 5.99305 2.55426 6.30817 2.27899 6.80667C1.69306 7.81466 2.12651 9.30692 2.69292 10.1271C2.97023 10.5337 3.30283 10.9789 3.73994 10.963C4.15387 10.9476 4.31814 10.6935 4.81827 10.6935C5.3184 10.6935 5.46681 10.963 5.90433 10.9549C6.35729 10.9472 6.64273 10.5483 6.92085 10.1417C7.11684 9.85381 7.26932 9.53869 7.37382 9.20649C6.83994 8.97309 6.49391 8.44735 6.49107 7.86467C6.4992 7.35072 6.76837 6.87661 7.20589 6.60703C6.92695 6.21099 6.47927 5.96784 5.995 5.95076L5.99419 5.95442ZM5.65507 5.41647C5.41721 5.71614 5.05329 5.88814 4.67067 5.88123C4.64627 5.50796 4.77314 5.14079 5.02239 4.86186C5.27042 4.57398 5.62011 4.39344 5.99825 4.35807C6.02509 4.74191 5.90189 5.12087 5.65426 5.41525" fill="black"/>
<title>apple-pay</title></svg>
                <svg xmlns="http://www.w3.org/2000/svg" width="70" height="42" viewBox="0 0 24 16" fill="none" class="md:w-16 md:h-10 w-10 h-7" role="img">
<path d="M0 2C0 0.895431 0.895431 0 2 0H22C23.1046 0 24 0.895431 24 2V14C24 15.1046 23.1046 16 22 16H2C0.89543 16 0 15.1046 0 14V2Z" fill="#E4E5E7"/>
<path d="M11.4587 8.53756V10.8494H10.7201V5.14011H12.6789C12.9127 5.13526 13.1451 5.17644 13.3628 5.26128C13.5805 5.34611 13.7791 5.47292 13.9472 5.63438C14.117 5.78604 14.2521 5.97203 14.3435 6.17986C14.4349 6.38769 14.4804 6.61254 14.477 6.83929C14.4819 7.06726 14.4371 7.29358 14.3456 7.50273C14.2542 7.71188 14.1183 7.89893 13.9472 8.05104C13.6047 8.37539 13.1819 8.53741 12.6789 8.53711H11.4587V8.53756ZM11.4587 5.84302V7.83602H12.6972C12.833 7.84002 12.9681 7.81583 13.0939 7.765C13.2198 7.71417 13.3335 7.63782 13.4279 7.54083C13.5219 7.45015 13.5965 7.34169 13.6475 7.22185C13.6985 7.10202 13.7247 6.97325 13.7247 6.84316C13.7247 6.71308 13.6985 6.58431 13.6475 6.46448C13.5965 6.34464 13.5219 6.23618 13.4279 6.1455C13.3347 6.04647 13.2213 5.96824 13.0954 5.91602C12.9694 5.86379 12.8337 5.83875 12.6972 5.84256H11.4587V5.84302Z" fill="#5F6368"/>
<path d="M16.1789 6.8156C16.7247 6.8156 17.1556 6.96046 17.4715 7.25019C17.7874 7.53991 17.9452 7.93715 17.9449 8.44189V10.8494H17.2385V10.3073H17.2064C16.9006 10.7538 16.4938 10.977 15.9862 10.977C15.5529 10.977 15.1903 10.8494 14.8986 10.5943C14.7586 10.4773 14.6466 10.3306 14.5709 10.1651C14.4952 9.99963 14.4576 9.81944 14.461 9.6377C14.461 9.23348 14.6148 8.91201 14.9224 8.67331C15.2301 8.4346 15.6408 8.31495 16.1545 8.31434C16.5931 8.31434 16.9542 8.39406 17.238 8.5535V8.38586C17.2389 8.26196 17.2119 8.13943 17.1592 8.02715C17.1064 7.91487 17.0292 7.81566 16.933 7.73671C16.7377 7.56173 16.4832 7.46625 16.2201 7.46931C15.8076 7.46931 15.4811 7.64211 15.2408 7.98772L14.5903 7.58091C14.9481 7.0707 15.4776 6.8156 16.1789 6.8156ZM15.2233 9.65364C15.2229 9.74698 15.2448 9.83909 15.2874 9.92229C15.33 10.0055 15.3921 10.0774 15.4683 10.132C15.6316 10.2596 15.8344 10.3272 16.0422 10.3233C16.3538 10.3228 16.6525 10.1996 16.8729 9.98072C17.1176 9.75204 17.2399 9.48372 17.2399 9.17577C17.0096 8.99356 16.6885 8.90245 16.2766 8.90245C15.9766 8.90245 15.7264 8.97427 15.5261 9.11792C15.3238 9.26369 15.2233 9.4409 15.2233 9.65364Z" fill="#5F6368"/>
<path d="M22 6.94317L19.5339 12.5714H18.7715L19.6867 10.6021L18.0651 6.94317H18.8679L20.0399 9.74932H20.0559L21.1959 6.94317H22Z" fill="#5F6368"/>
<path d="M8.47422 8.0392C8.4745 7.81569 8.45547 7.59257 8.41734 7.37228H5.30264V8.63551H7.0866C7.05009 8.83726 6.97283 9.02959 6.85946 9.20089C6.74609 9.37219 6.59897 9.51892 6.42696 9.63224V10.4522H7.49165C8.11505 9.88142 8.47422 9.0373 8.47422 8.0392Z" fill="#4285F4"/>
<path d="M5.30265 11.2444C6.19394 11.2444 6.94441 10.9538 7.49166 10.4527L6.42697 9.63272C6.13064 9.83225 5.74899 9.94613 5.30265 9.94613C4.44118 9.94613 3.70998 9.36941 3.44851 8.59225H2.35172V9.43729C2.62661 9.98052 3.04813 10.4372 3.56922 10.7563C4.09031 11.0754 4.69045 11.2444 5.30265 11.2444Z" fill="#34A853"/>
<path d="M3.44848 8.59224C3.31025 8.18501 3.31025 7.744 3.44848 7.33676V6.49173H2.35169C2.12044 6.94871 2 7.45306 2 7.9645C2 8.47594 2.12044 8.9803 2.35169 9.43728L3.44848 8.59224Z" fill="#FBBC04"/>
<path d="M5.30265 5.98287C5.77366 5.97523 6.22878 6.15196 6.56964 6.47486L7.5123 5.53872C6.91455 4.98117 6.12267 4.67506 5.30265 4.68457C4.69045 4.6846 4.09031 4.8536 3.56922 5.17272C3.04813 5.49183 2.62661 5.94849 2.35172 6.49172L3.44851 7.33675C3.70998 6.55959 4.44118 5.98287 5.30265 5.98287Z" fill="#EA4335"/>
<title>google-pay</title></svg>
            </div>
        </div>
    </div>
    <div class="container py-4 mx-auto flex items-center justify-center sm:flex-row flex-col">
            <p>
                <small class="text-sm text-white sm:mt-0 mt-4 text-center">
    <span>© 2018-2025 Gaugemaster Controls Ltd. All Rights Reserved. | Gaugemaster is a trading name of Gaugemaster Controls Ltd.</span>
    <a
        href="#"
        target="_blank"
        rel="noopener noreferrer"
        class="text-gray-700 ml-1"
        aria-label=",&#x20;opens&#x20;in&#x20;new&#x20;window"
    ></a>
    </small>
            </p>
 </div>
</div>

<script>
    'use strict';

    function amBrandsPopup() {
        let cached = false;

        const displayError = (error) => {
            console.error(error);
            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                [{
                    type: "error",
                    text: "Something\u0020went\u0020wrong.\u0020Please\u0020try\u0020again."
                }], 10000
            );
        };

        let letters = [
            "A","B","C","D",
            "E","F","G","H","I","J","K","L","M",
            "N","O","P","Q","R","S","T","U","V","W","X","Y","Z","#"
        ];

        return {
            hoverPanelActiveId: null,
            selectedLetter: null,
            items: [],
            letters: [],
            showCount: null,
            showFilter: null,
            showImages: true,
            showSearch: null,
            loading: false,
            label: 'BRANDS\u0020\u0028A\u002DZ\u0029',
            isPopupEnabled: false,
            isTopMenuItemEnabled: false,
            cache: false,
            isMobile: false,

            initErrorMessages(errors) {
                const messages = [];
                for (let error in Object.keys(errors)) {
                    messages.push({type: 'error', text: errors[error].message});
                }
                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages, 10000);
            },

            chooseLetter(letter) {
                this.selectedLetter = this.selectedLetter === letter ? null : letter;
            },

            getQuery() {
                return "query BrandsPopupQuery { ambrandlist(\n                    showCount: true\n                    displayZero: true\n                  ) {\n                    all_letters,\n                    items {\n                      alt\n                      brandId\n                      cnt\n                      image\n                      img\n                      label\n                      letter\n                      url\n                    }\n                  }\n                  storeConfig {\n                    amshopby_brand_general_brands_brands_popup,\n                    amshopby_brand_general_menu_item_label,\n                    amshopby_brand_general_brands_page,\n                    amshopby_brand_general_topmenu_enabled,\n                    amshopby_brand_general_brands_popup_config {\n                      show_images,\n                      display_zero,\n                      filter_display_all,\n                      image_width,\n                      image_height,\n                      show_filter,\n                      show_count\n                    }\n                  } }"            },

            /**
             * Retrieve media url for given path
             *
             * @param path
             * @returns {string}
             */
            getMediaUrl(path) {
                let stringToRemove = 'index.php/';
                let baseUrl = BASE_URL.replace(stringToRemove, '');
                return path.includes(baseUrl) ? path : baseUrl + path;
            },

            checkIsMobileResolution() {
                this.isMobile = window.matchMedia('(max-width: 1023px)').matches;
            },

            getBrandUrl(url){
                url = url.replace('-','_');
                return BASE_URL + url;
            },

            init() {
                this.checkIsMobileResolution();

                                this.$watch('hoverPanelActiveId', (value) => {
                    if (value === 'am-brand') {
                        this.sendRequest();
                    }
                });
                            },

            /**
             * Get brands by letter
             *
             * @param result
             * @returns {{imageWidth: *, isTopMenuItemEnabled: *, showCount: *, displayAll: *, showFilter: *, showImages: *, isPopupEnabled: *, label: *, imageHeight: *, filterDisplayAll: *, brandsPage: *}}
             */
            settingsMapper(result) {
                const config = result.data.storeConfig?.amshopby_brand_general_brands_popup_config;
                return {
                    showImages: config.show_images,
                    showCount: config.show_count,
                    showFilter: config.show_filter,
                    imageWidth: config.image_width,
                    imageHeight: config.image_height,
                    filterDisplayAll: config.filter_display_all,
                    displayAll: config.display_zero,
                    isPopupEnabled: result.data.storeConfig?.amshopby_brand_general_brands_brands_popup,
                    label: result.data.storeConfig?.amshopby_brand_general_menu_item_label,
                    isTopMenuItemEnabled: result.data.storeConfig?.amshopby_brand_general_topmenu_enabled,
                    brandsPage: result.data.storeConfig?.amshopby_brand_general_brands_page,
                }
            },

            /**
             * Send request to graphql
             *
             * @returns {Promise<any>}
             */
            async sendRequest() {
                if (this.isMobile) {
                    return false;
                }

                this.loading = true;

                try {
                    if (cached) {
                        this.loading = false;
                        return false;
                    }

                    const response = await fetch('https://www.gaugemasterretail.com/graphql', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'Store': 'gm_main'
                        },
                        credentials: 'include',
                        body: JSON.stringify({query: this.getQuery(), variables: {}})
                    });
                    const result = await response.json();

                    if (result?.errors) {
                        this.initErrorMessages(result.errors);
                        return;
                    }

                    const data = result.data?.ambrandlist;
                    const mapper = this.settingsMapper(result);

                    // Update component settings
                    Object.keys(mapper).forEach(config => {
                        this[config] = mapper[config];
                    });

                    if (!this.filterDisplayAll) {
                        letters = data.all_letters.split(',');
                    }

                    const items = data.items.map(brand => {
                        brand.image = brand.img
                            ? this.getMediaUrl(brand.img) : (brand.image ? this.getMediaUrl(brand.image) : null);
                        return brand;
                    });

                    this.letters = letters.map(letter => ({
                        letter,
                        brands: this.getLetterItems(items, letter),
                    }));

                    this.items = this.letters.filter(row => row.brands?.length > 0);

                    cached = true;
                } catch (error) {
                    displayError(error);
                } finally {
                    this.loading = false;
                }
            },

            /**
             * Get brands by letter
             *
             * @param items
             * @param letter
             * @returns {*}
             */
            getLetterItems(items, letter) {
                return items.filter(row => row.letter === letter);
            },

            convertHtml(text) {
                let textField = document.createElement("textarea");
                textField.innerHTML = text;
                return textField.value;
            }
        }
    }
</script>
</div></footer>
<script>
    function dataServicesShoppingCartContextData() {
        return {
            initContext(cartData) {
                let contextCartItems = [];

                if (cartData && cartData.items) {
                    cartData.items.forEach(function (item) {
                        contextCartItems.push({
                            id: item.item_id,
                            formattedPrice: parseFloat(item.product_price_value ? item.product_price_value : 0),
                            quantity: item.qty,
                            product: {
                                productType: item.product_type,
                                productId: item.product_id,
                                name: item.product_name,
                                sku: item.product_sku,
                                mainImageUrl: item.product_image.src
                            },
                            prices: {
                                price: {
                                    value: parseFloat(item.product_price_value ? item.product_price_value : 0)
                                }
                            }
                        });
                    });

                    magentoStorefrontEvents.context.setShoppingCart({
                        id: cartData.dsCartId,
                        totalQuantity: cartData.summary_count,
                        prices: {
                            subtotalExcludingTax: {
                                value: parseFloat(cartData.subtotalAmountExclTax ? cartData.subtotalAmountExclTax : 0)
                            },
                            subtotalIncludingTax: {
                                value: parseFloat(cartData.subtotalAmount ? cartData.subtotalAmount : 0)
                            }
                        },
                        items: contextCartItems,
                        possibleOnepageCheckout: cartData.possible_onepage_checkout,
                        giftMessageSelected : false,
                        giftWrappingSelected : false
                    });
                }

                window.dispatchEvent(new Event("shoppingCartContextSet"));
            }
        }
    }
</script>

<div x-data="dataServicesShoppingCartContextData()"
     @private-content-loaded.window="initContext($event.detail.data.cart)"></div>
<script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

    document.addEventListener("DOMContentLoaded", () => 
    {
    	let bind = () => 
    	{
    		Object.entries(
	    	{
	    		add_to_cart: event => 
	    		{
	    			AEC.add(event.currentTarget, dataLayer);
	    		},
	    		remove_from_cart:event => 
	    		{
	    			AEC.remove(event.currentTarget, dataLayer);
	    		},
	    		select_item:event => 
	    		{	
	    			AEC.click(event.currentTarget, dataLayer);	
	    		},
	    		add_to_wishlist:event => 
	    		{
	    			AEC.wishlist(event.currentTarget, dataLayer);
	    		},
	    		remove_from_wishlist:event => 
	    		{
	    			AEC.wishlistRemove(event.currentTarget, dataLayer);
	    		},
	    		add_to_compare:event => 
	    		{
	    			AEC.compare(event.currentTarget, dataLayer);
	    		},
	    		add_to_cart_swatch:event => 
	    		{
	    			AEC.addSwatch(event.currentTarget, dataLayer);
	    		}
	        }).forEach(([event, callback]) => 
	    	{
	    	    [...document.querySelectorAll('[data-event]:not([data-bound])')].filter(element => { return element.dataset.event === event; }).forEach(element => 
	        	{
	            	element.addEventListener('click', callback);

	            	element.dataset.bound = true;
	        	});
		  	});
        };

        bind();

        if("PerformanceObserver" in window)
        {
        	const observer = new PerformanceObserver((items) => 
        	{
                items.getEntries().filter(({ initiatorType }) => initiatorType === "xmlhttprequest").forEach((entry) => 
                {
                    bind();
                });
      		});

      		observer.observe(
      		{
          		entryTypes: ["resource"]
      		});
        }
    });
    
</script><script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

    document.addEventListener("DOMContentLoaded", () => 
    {
    	var PromotionTrack = ((dataLayer) => 
	    {
	        return {
	            apply: () => 
	            {
	                var promotions = [], position = 0;
	
	                document.querySelectorAll('[data-promotion]').forEach(promotion => 
	                {
						let entity =
						{
							promotion_id: 	promotion.dataset.promotionId,
							promotion_name: promotion.dataset.promotionName,
							creative_name:	promotion.dataset.promotionCreative,
							creative_slot:	promotion.dataset.promotionPosition
                        };

	                	AEC.EventDispatcher.trigger('ec.cookie.promotion.entity', entity, 
	    	            {
		    	            element: promotion
		    	        });

	                    promotions.push(entity);

	                    promotion.addEventListener('click', (event) => 
	                    {
	                    	var data = 
	                        {
                       			'event': 'select_promotion',
                                'ecommerce': 
                                {
                                    'items':
                                    [
                                    	{
                                    		promotion_id: 	event.target.dataset.promotionId,
                							promotion_name: event.target.dataset.promotionName,
                							creative_name:	event.target.dataset.promotionCreative,
                							creative_slot:	event.target.dataset.promotionPosition
                                    	}
                                    ]
                                }
			                };
			                
                            AEC.Cookie.promotionClick(data, promotion).push(dataLayer);

                            /**
                             * Save persistent data
                             */
                            AEC.Persist.push(AEC.Persist.CONST_KEY_PROMOTION,
	                        {
    	                        'promotion': data.ecommerce.items[0]
    	                    });
		                });
	                });
	
	                if (promotions.length)
	                {
		                AEC.Cookie.promotion(
				        {
	                        'event':'view_promotion',
                            'ecommerce':
                            {
                                'items': promotions
                            }
                        }).push(dataLayer);
	                }
	
	                return this;
	            }
	        }
	    })(dataLayer).apply();
    });
</script><script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

    document.addEventListener("DOMContentLoaded", () => 
    {
    	(() => 
    	{
    		let map = {}, trace = {};
    
    		document.querySelectorAll('[data-widget]').forEach((element) => 
            {
                let widget = element.dataset.widget;

                let entity = 
    			{
    					
    				item_id: 		element.dataset.id,
    				item_name: 		element.dataset.name,
    				item_list_name: element.dataset.list,
    				item_list_id:	element.dataset.list,
    				item_brand: 	element.dataset.brand,
    				category:		element.dataset.category,
    				price: 			parseFloat(element.dataset.price),
    				index: 			parseFloat(element.dataset.position),
    				currency:		AEC.GA4.currency,
    				quantity: 		1,
    				google_business_vertical: 'retail'
    			};

                Object.assign(entity, entity, AEC.GA4.augmentCategories(entity));

            	let attributes = element.dataset.attributes;
                
            	if (attributes)
    	        {
        	        Object.entries(JSON.parse(attributes)).forEach(([key, value]) => 
        	        {
            	        entity[key] = value;
        	        });
        	    }

        	    if (!map.hasOwnProperty(widget))
        	    {
            	    map[widget] = [];
            	    
            	    map[widget].trace = {};
            	    map[widget].entry = [];
            	    map[widget].item_list_id = '';
            	    map[widget].item_list_name = '';
        	    }

        	    if (!map[widget].trace.hasOwnProperty(element.dataset.id))
        	    {
        	    	map[widget].trace[element.dataset.id] = true;
            	    
            	    map[widget].entry.push(entity);

            	    map[widget].item_list_id 	= entity.item_list_id;
            	    map[widget].item_list_name 	= entity.item_list_name;
        	    } 
            });

    		Object.entries(map).forEach(([key, value]) => 
	        {
		        if (value.entry.length)
		        {
    		        let data = 
    			    {
    					event: 'view_item_list',
    					ecommerce:
    					{
    						item_list_id: 	value.item_list_id,
    						item_list_name: value.item_list_name,
    						items: 			value.entry
    					}
    				};

    		        if ('undefined' !== typeof dataLayer)
    				{
    					(function(callback)
    					{
    						if (AEC.Const.COOKIE_DIRECTIVE)
    						{
    							AEC.CookieConsent.queue(callback).process();
    						}
    						else 
    						{
    							callback.apply(window,[]);
    						}
    					})
    					(
    						(function(dataLayer, data)
    						{
    							return function()
    							{
    								AEC.EventDispatcher.trigger('ec.widget.view.data', data);

    								if (AEC.reset)
    								{
    									dataLayer.push({ ecommerce: null });
    								}
    								
    								dataLayer.push(data);
    							}
    						})(dataLayer, data)
    					);
    				}
		        }
	        });
    	})();
    });
	
</script><script data-ommit="true" nonce="Y2Yydm95YzZmcHNneGVpemtpZW15aWk5azBtdjN0ejk=">

	if (typeof dataLayer !== "undefined")
	{
				
		AEC.Request.get(AEC.url('datalayer/index/events'), {}, response => 
		{
			Object.entries(response.events).forEach(([key, event]) => 
			{
				dataLayer.push(event);
			});
		});

				
		AEC.EventDispatcher.on('ec.facebook.loaded', () => 
		{
					});

				
		if (window.google_tag_params)
		{
			(function(callback)
			{
				if (AEC.Const.COOKIE_DIRECTIVE)
				{
					if (!AEC.CookieConsent.getConsent("cookieConsentGranted"))
					{
						AEC.CookieConsent.queue(callback, "cookieConsentGranted");
					}
					else
					{
						callback.apply(window,[]);
					}
				}
				else 
				{
					callback.apply(window,[]);
				}
			})
			(
				(function(dataLayer)
				{
					return () => 
					{
						AEC.Cookie.remarketing({ event:'fireRemarketingTag', google_tag_params: window.google_tag_params }).push(dataLayer);
					}
				})(dataLayer)
			);
		}

		
			}
	else
	{
		console.log('dataLayer[] is not intialized. Check if GTM is installed properly');
	}
	
</script>    <div id="brippoFailsafePaymentElementModal">
        <div class="content">
            <span id="brippo-failsafe-paymentelement-errors" class="message error">
            </span>
            <form id="brippo-failsafe-paymentelement-form">
                <div id="brippo-failsafe-paymentelement"></div>
            </form>
        <div class="footer">
            <button class="button action primary" type="button" id="brippo-failsafe-paymentelement-pay" style="padding: 14px 17px; font-size: 1.8rem;">Pay</button>
            </div>
        </div>
    </div>


<script>document.addEventListener("DOMContentLoaded", function() {
        if (document.querySelectorAll('.mf-ytw-wrapper').length || document.querySelectorAll('[data-mf-ytw-youtube-link]').length) {
            !function (f, b, e, v, t, s) {
                if(f.mfytwcss)return;
                f.mfytwcss=1;
                t = b.createElement(e);
                t.rel = 'stylesheet';
                t.type = 'text/css';
                t.href = v;
                s = b.getElementsByTagName('HEAD')[0];
                s.appendChild(t)
            }(window, document, 'link', 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Magefan_YouTubeWidget/css/youtubewidget.css');
        }
        if (document.querySelectorAll('.mf-ytw-wrapper').length) {
            !function (f, b, e, v, t, s) {
                if(f.mfytwjs)return;
                f.mfytwjs=1;
                t = b.createElement(e);
                t.type = 'text/javascript';
                t.src = v;
                s = b.getElementsByTagName('HEAD')[0];
                s.appendChild(t)
            }(window, document, 'script', 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Magefan_YouTubeWidget/js/iframe.min.js');
        }
        if (document.querySelectorAll('[data-mf-ytw-youtube-link]').length) {
            !function (f, b, e, v, t) {
                if(f.mflinkjs)return;
                f.mflinkjs=1;
                t = b.createElement(e);
                t.type = 'text/javascript';
                t.src = v;
                s = b.getElementsByTagName('HEAD')[0];
                s.appendChild(t)
            }(window, document, 'script', 'https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/en_GB/Magefan_YouTubeWidget/js/link.min.js');
        }
    });</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>
    (() => {
        // packages/collapse/src/index.js
        function src_default(Alpine) {
            Alpine.directive("collapse", collapse);
            collapse.inline = (el, {
                modifiers
            }) => {
                if (!modifiers.includes("min"))
                    return;
                el._x_doShow = () => {};
                el._x_doHide = () => {};
            };

            function collapse(el, {
                modifiers
            }) {
                let duration = modifierValue(modifiers, "duration", 250) / 1e3;
                let floor = modifierValue(modifiers, "min", 0);
                let fullyHide = !modifiers.includes("min");
                if (!el._x_isShown)
                    el.style.height = `${floor}px`;
                if (!el._x_isShown && fullyHide)
                    el.hidden = true;
                if (!el._x_isShown)
                    el.style.overflow = "hidden";
                let setFunction = (el2, styles) => {
                    let revertFunction = Alpine.setStyles(el2, styles);
                    return styles.height ? () => {} : revertFunction;
                };
                let transitionStyles = {
                    transitionProperty: "height",
                    transitionDuration: `${duration}s`,
                    transitionTimingFunction: "cubic-bezier(0.4, 0.0, 0.2, 1)"
                };
                el._x_transition = {
                    in(before = () => {}, after = () => {}) {
                        if (fullyHide)
                            el.hidden = false;
                        if (fullyHide)
                            el.style.display = null;
                        let current = el.getBoundingClientRect().height;
                        el.style.height = "auto";
                        let full = el.getBoundingClientRect().height;
                        if (current === full) {
                            current = floor;
                        }
                        Alpine.transition(el, Alpine.setStyles, {
                            during: transitionStyles,
                            start: {
                                height: current + "px"
                            },
                            end: {
                                height: full + "px"
                            }
                        }, () => el._x_isShown = true, () => {
                            if (el.getBoundingClientRect().height == full) {
                                el.style.overflow = null;
                            }
                        });
                    },
                    out(before = () => {}, after = () => {}) {
                        let full = el.getBoundingClientRect().height;
                        Alpine.transition(el, setFunction, {
                            during: transitionStyles,
                            start: {
                                height: full + "px"
                            },
                            end: {
                                height: floor + "px"
                            }
                        }, () => el.style.overflow = "hidden", () => {
                            el._x_isShown = false;
                            if (el.style.height == `${floor}px` && fullyHide) {
                                el.style.display = "none";
                                el.hidden = true;
                            }
                        });
                    }
                };
            }
        }

        function modifierValue(modifiers, key, fallback) {
            if (modifiers.indexOf(key) === -1)
                return fallback;
            const rawValue = modifiers[modifiers.indexOf(key) + 1];
            if (!rawValue)
                return fallback;
            if (key === "duration") {
                let match = rawValue.match(/([0-9]+)ms/);
                if (match)
                    return match[1];
            }
            if (key === "min") {
                let match = rawValue.match(/([0-9]+)px/);
                if (match)
                    return match[1];
            }
            return rawValue;
        }

        // packages/collapse/builds/cdn.js
        document.addEventListener("alpine:init", () => {
            window.Alpine.plugin(src_default);
        });
    })();
</script>
<script>
// x-teleport implementation
(_ => {
    document.addEventListener('DOMContentLoaded', event => {
        // x-teleport available only for template
        if (!Alpine.version.startsWith('2')) {
            return;
        }

        const teleportDirective = (el, expression) => {
            let target = document.querySelector(expression)
            let clone = el.content.cloneNode(true).firstElementChild;

            target.appendChild(clone);
            setTimeout(() => {
                target.querySelectorAll('[x-data]')
                    .forEach(el => Alpine.initializeComponent(el));
            }, 0)
        };

        document.querySelectorAll('template').forEach(el => {
            if (!el.hasAttribute('x-teleport')) {
                return;
            }

            teleportDirective(el, el.getAttribute('x-teleport'));
        });

        document.querySelectorAll('[x-data]').forEach(el => {
            if (el.hasAttribute('x-init')) {
                return;
            }

            setTimeout(() => {
                Alpine.initializeComponent(el);
            }, 0);
        });
    });
})()
</script>

<script type="module"
        src="https://www.gaugemasterretail.com/static/version1750862438/frontend/Gaugemaster/default/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);

                                // empty `mage-messages` cookie
                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 = 3600;

        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();

                                // merge new data preserving non-invalidated sections
                                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);

                                // don't persist messages, they've been dispatched already
                                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);

                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
                                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>
    // Overridden for exception handling
    function initPriceBox() {
        return {
            updatePrice(priceData) {
                const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
                const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');                const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
                // Ensure regularPriceLabel exists before accessing classList
                if (regularPriceLabel) {
                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
                        regularPriceLabel.classList.add('hidden');
                    } else {
                        regularPriceLabel.classList.remove('hidden');
                    }
                }

                // Ensure regularPriceElement exists before setting innerText
                if (regularPriceElement) {
                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
                }

                // Ensure basePriceElement exists before setting innerText
                if (basePriceElement) {
                    basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
                }
            }
        }
    }
</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>
<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 not add item to wishlist."
                            }], 5000
                        );
                    }
                }).then(function (response) {
                    if (!response) { return }
                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
                        [{
                            type: (response.success) ? "success" : "error",
                            text: (response.success)
                                ? "Product has been added to your Wish List."
                                : 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 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 + '');
                        }
                    }
                });
            },
            findSimpleIndex() {
                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
            },
            calculateSimpleIndexForPartialSelection(selectedValues) {
                if (selectedValues.length === 0) return 0;
                let productIndexIds = Object.keys(this.optionConfig.index);
                Object.keys(this.optionConfig.attributes).forEach((attribute) => {
                                        const productsWithAttributeMatch = selectedValues[attribute]
                        ? productIndexIds.filter((productIndex) => {
                            return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
                        })
                        : [];

                                        productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
                })
                return productIndexIds[0];
            },
            calculateSimpleIndexForFullSelection(selectedValues) {
                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;
                });
            },
            productIndex: 0,
            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] || []
            },
            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.productIndex)) {
                    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.productIndex]) {
                    return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
                }
                const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
                return this.optionConfig.optionPrices[cheapestForSelection]
                    ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
                    : 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();
                window.dispatchEvent(
                    new CustomEvent(
                        'configurable-selection-changed',
                        {
                            detail: {
                                productId: this.productId,
                                optionId: attributeId,
                                value: value,
                                productIndex: this.productIndex,
                                selectedValues: this.selectedValues,
                                candidates: this.findProductIdsForPartialSelection(this.selectedValues),
                            }
                        }
                    )
                );
            },
            calculateIsMinimalPrice() {
                return (
                    this.selectedValues.filter(value => !!value).length <
                        Object.keys(this.optionConfig.attributes).length
                );
            },
            updatePrices() {
                const value = this.productIndex ?
                    this.optionConfig.optionPrices[this.productIndex] :
                    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 => {
                    this.changeOption(attribute.id, getLocationValue(attribute))
                });
            }
        }
    }

</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;
            },
            getAllAttributeOptions(attributeId) {
                return (
                    this.optionConfig.attributes[attributeId] &&
                    this.optionConfig.attributes[attributeId].options
                ) || []
            },
            optionIsActive(attributeId, optionId) {
                // return true if a product with this option is in stock
                return !!this.getAllowedAttributeOptions(attributeId).find(
                    option => option.id === optionId
                )
            },
            optionIsEnabled(attributeId, optionId) {
                // return true if a product with this option is enabled
                for (const productId in this.optionConfig.index) {
                    if (this.optionConfig.index[productId][attributeId] === optionId) {
                        return true;
                    }
                }
                return false;
            },
            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: #ffffff 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';

    (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() && // if last click processing is more than 50ms ago
                        ! isOverlayDisabled(dialog) && // if dialog has overlay
                        ! dialog.contains(event.target)) { // if click is outside of dialog
                        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>
    'use strict';

    (() => {
        const equalizeButtonWidths = (buttons) => {
            const buttonList = buttons.querySelectorAll('[data-element="link"], [data-element="empty_link"]');
            let buttonMinWidth = 0;

            buttonList.forEach(button => {
                const buttonWidth = button.offsetWidth;

                if (buttonWidth > buttonMinWidth) {
                    buttonMinWidth = buttonWidth;
                }
            });

            buttonList.forEach(button => {
                button.style.minWidth = `${buttonMinWidth}px`;
            });
        };

        window.addEventListener('DOMContentLoaded', () => {
            document.querySelectorAll('[data-content-type="buttons"][data-same-width="true"]').forEach(buttons => {
                equalizeButtonWidths(buttons);
            });
        });
    })();
</script>
<script>
    'use strict';

    (() => {
        const initCarousels = (elements) => {
            if (!Glider) {
                return;
            }

            const initProductCarousel = (carousel) => {
                const gliderElement = carousel.querySelector('[data-role="glider-content"]');

                if (!gliderElement) {
                    return;
                }

                const gliderDots = carousel.querySelector('.glider-dots');
                const gliderPrev = carousel.querySelector('.glider-prev');
                const gliderNext = carousel.querySelector('.glider-next');

                const glider = new Glider(gliderElement, {
                    slidesToShow: 2,
                    slidesToScroll: 2,
                    scrollLock: true,
                    draggable: true,
                    dragVelocity: 2.5,
                    dots: gliderDots,
                    arrows: {
                        prev: gliderPrev,
                        next: gliderNext,
                    },
                    responsive: [
                        {
                            breakpoint: 768,
                            settings: {
                                slidesToShow: 3,
                                slidesToScroll: 3,
                            }
                        },
                        {
                            breakpoint: 1024,
                            settings: {
                                slidesToShow: 4,
                                slidesToScroll: 4,
                            }
                        },
                    ],
                });

                carousel.classList.remove('overflow-x-scroll');
                gliderPrev.classList.remove('hidden');
                gliderNext.classList.remove('hidden');

                if (carousel.dataset.autoplay !== 'false') {
                    gliderAutoplay(
                        glider,
                        carousel.dataset.autoplaySpeed,
                        carousel.dataset.infiniteLoop
                    );
                }
            };

            const initSliderCarousel = (slider) => {
                slider.innerHTML = `<div data-role="glider-content">${slider.innerHTML}</div>`;
                slider.classList.add('glider-contain');

                slider.insertAdjacentHTML(
                    'beforeend',
                    '\u000A\u003Cdiv\u0020class\u003D\u0022carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Previous\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dprev\u0020w\u002D8\u0020h\u002D8\u0020mr\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u003D\u0022img\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020d\u003D\u0022M15\u002019l\u002D7\u002D7\u00207\u002D7\u0022\u002F\u003E\u000A\u003Ctitle\u003Echevron\u002Dleft\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u0020class\u003D\u0022glider\u002Ddots\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Next\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020class\u003D\u0022glider\u002Dnext\u0020w\u002D8\u0020h\u002D8\u0020ml\u002D1\u0020text\u002Dblack\u0020rounded\u002Dfull\u0020outline\u002Dnone\u0020focus\u003Aoutline\u002Dnone\u0020hidden\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020fill\u003D\u0022none\u0022\u0020viewBox\u003D\u00220\u00200\u002024\u002024\u0022\u0020stroke\u002Dwidth\u003D\u00222\u0022\u0020stroke\u003D\u0022currentColor\u0022\u0020width\u003D\u002224\u0022\u0020height\u003D\u002224\u0022\u0020role\u003D\u0022img\u0022\u003E\u000A\u0020\u0020\u003Cpath\u0020stroke\u002Dlinecap\u003D\u0022round\u0022\u0020stroke\u002Dlinejoin\u003D\u0022round\u0022\u0020d\u003D\u0022M9\u00205l7\u00207\u002D7\u00207\u0022\u002F\u003E\u000A\u003Ctitle\u003Echevron\u002Dright\u003C\u002Ftitle\u003E\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A'
                );

                const gliderElement = slider.querySelector('[data-role="glider-content"]');
                const gliderDots = slider.querySelector('.glider-dots');
                const gliderPrev = slider.querySelector('.glider-prev');
                const gliderNext = slider.querySelector('.glider-next');

                const glider = new Glider(gliderElement, {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                    scrollLock: true,
                    scrollLockDelay: 250,
                    draggable: true,
                    dragVelocity: 2.5,
                    dots: gliderDots,
                    arrows: {
                        prev: gliderPrev,
                        next: gliderNext,
                    },
                });

                slider.classList.add('glider-initialized');
                if (slider.dataset.showArrows === 'true') {
                    gliderPrev.classList.remove('hidden');
                    gliderNext.classList.remove('hidden');
                }

                if (slider.dataset.autoplay !== 'false') {
                    gliderAutoplay(
                        glider,
                        slider.dataset.autoplaySpeed,
                        slider.dataset.infiniteLoop
                    );
                }
            };

            const gliderAutoplay = (glider, milliseconds, loop) => {
                const pagesCount = glider.track.childElementCount;
                let slideTimeout = null;
                let nextIndex = 1;
                let paused = false;

                const slide = () => {
                    slideTimeout = setTimeout(
                        () => {
                            if (loop && nextIndex >= pagesCount) {
                                nextIndex = 0;
                            }
                            glider.scrollItem(nextIndex);
                        },
                        parseInt(milliseconds)
                    );
                };

                glider.ele.addEventListener('glider-animated', () => {
                    nextIndex = glider.slide + glider.opt.slidesToScroll;
                    window.clearInterval(slideTimeout);
                    if (!paused && (loop || nextIndex < pagesCount)) {
                        slide();
                    }
                });

                const pause = () => {
                    if (!paused) {
                        clearInterval(slideTimeout);
                        paused = true;
                    }
                };

                const unpause = () => {
                    if (paused) {
                        slide();
                        paused = false;
                    }
                };

                glider.ele.parentElement.addEventListener('mouseover', pause, {passive: true});
                glider.ele.parentElement.addEventListener('touchstart', pause, {passive: true});
                glider.ele.parentElement.addEventListener('mouseout', unpause, {passive: true});
                glider.ele.parentElement.addEventListener('touchend', unpause, {passive: true});

                slide();
            };

            elements.forEach(element => {
                if (element.dataset.contentType === 'products') {
                    initProductCarousel(element);
                }
                if (element.dataset.contentType === 'slider') {
                    initSliderCarousel(element);
                }
            });
        };

        window.addEventListener('DOMContentLoaded', () => {
            const carouselElements = document.querySelectorAll(
                `[data-content-type="products"][data-appearance="carousel"],
                [data-content-type="slider"]`
            );

            if (carouselElements.length > 0) {
                const script = document.createElement('script');
                script.type = 'text/javascript';

                script.addEventListener('load', () => {
                    initCarousels(carouselElements);
                });

                script.src = 'https\u003A\u002F\u002Fwww.gaugemasterretail.com\u002Fstatic\u002Fversion1750862438\u002Ffrontend\u002FGaugemaster\u002Fdefault\u002Fen_GB\u002FMagento_PageBuilder\u002Fjs\u002Fglider.min.js';
                document.head.appendChild(script);
            }
        });
    })();
</script>
<script>
    'use strict';

    (() => {
        const initMaps = (elements) => {
            const renderMap = (element) => {
                const dataLocations = element.dataset.locations;

                // Hide map if no locations set
                if (!dataLocations || dataLocations === '[]') {
                    element.classList.add('hidden');
                    return;
                }

                const map = new google.maps.Map(
                    element,
                    getMapOptions(
                        element.dataset.showControls !== 'true',
                        element.dataset.showControls === 'true'
                    )
                );
                const locations = JSON.parse(dataLocations);
                const latitudeLongitudeBounds = new google.maps.LatLngBounds();
                const bounds = [];

                locations.forEach(location => {
                    const position = {
                        lat: parseFloat(location.position.latitude),
                        lng: parseFloat(location.position.longitude),
                    };
                    bounds.push(position);

                    const infowindow = new google.maps.InfoWindow({
                        content: getInfoWindowContent(location),
                    });
                    const marker = new google.maps.Marker({
                        position: position,
                        map,
                        title: location.location_name,
                    });

                    marker.addListener('click', () => {
                        infowindow.open(map, marker);
                    });
                });

                // Set bounds if multiple locations
                if (bounds.length > 1) {
                    bounds.forEach(function (bound) {
                        latitudeLongitudeBounds.extend(bound);
                    });
                    map.fitBounds(latitudeLongitudeBounds);
                }

                // Center if single location
                if (bounds.length === 1) {
                    map.setCenter(bounds[0]);
                }
            };

            const getMapOptions = (disableDefaultUI, mapTypeControl) => {
                const style = '';
                return {
                    zoom: 8,
                    scrollwheel: false,
                    disableDoubleClickZoom: false,
                    mapTypeControlOptions: {
                        style: google.maps.MapTypeControlStyle.DEFAULT,
                    },
                    styles: style ? JSON.parse(style) : [],
                    disableDefaultUI: disableDefaultUI,
                    mapTypeControl: mapTypeControl,
                };
            };

            const getInfoWindowContent = (location) => {
                const title = location.location_name ?
                    `<h3 class="text-2xl font-medium text-gray-900 title-font">${location.location_name}</h3>` : '';
                const comment = location.comment ? `<p class="px-1 pt-3 text-primary">${location.comment}</p>` : '';
                const phone = location.phone ? `<p class="px-1 pt-3 text-primary">Phone: ${location.phone}</p>` : '';
                const street = location.address ? `${location.address}<br/>` : '';
                const city = location.city ? `${location.city}<br/>` : '';
                const state = location.state ? `${location.state}<br/>` : '';
                const zipCode = location.zipcode ? `${location.zipcode}<br/>` : '';
                const country = location.country ? location.country : '';

                return `<div>
                            ${title}
                            ${comment}
                            ${phone}
                            <p class="px-1 pt-3 text-primary">
                                ${street}
                                ${city}
                                ${state}
                                ${zipCode}
                                ${country}
                            </p>
                        </div>`;
            };

            const hideAllMaps = () => {
                document.querySelectorAll('[data-content-type="map"]').forEach(element => {
                    element.classList.add('hidden');
                });
            };

            window.gm_authFailure = () => {
                hideAllMaps();
            };

            if (typeof google.maps === 'undefined') {
                hideAllMaps();
                return;
            }

            elements.forEach(element => {
                if (element.dataset.contentType === 'map') {
                    renderMap(element);
                }
            });
        };

        window.addEventListener('DOMContentLoaded', () => {
            const mapElements = document.querySelectorAll('[data-content-type="map"]');

            if (mapElements.length > 0) {
                const script = document.createElement('script');
                script.type = 'text/javascript';

                script.addEventListener('load', () => {
                    initMaps(mapElements);
                });

                script.src = 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D';
                document.head.appendChild(script);
            }
        });
    })();
</script>
<script>
    'use strict';

    (() => {
        const initParallaxImage = (element) => {
            if (!window.jarallax) {
                return;
            }

            element.classList.add('jarallax');
            element.dataset.jarallax = '';
            const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5;
            const elementStyle = window.getComputedStyle(element);

            window.jarallax(element, {
                imgPosition: elementStyle.backgroundPosition || '50% 50%',
                imgRepeat: elementStyle.backgroundRepeat || 'no-repeat',
                imgSize: elementStyle.backgroundSize || 'cover',
                speed: parallaxSpeed,
            });
        };

        const initVideoBackground = (element) => {
            if (!window.jarallax) {
                return;
            }

            let slider = null;

            if (element.classList.contains('pagebuilder-slide-wrapper')) {
                const viewportElement = document.createElement('div');
                slider = element.closest('[data-content-type=slider]');
                viewportElement.classList.add('jarallax-viewport-element');
                element.dataset.elementInViewport = '.jarallax-viewport-element';
                element.appendChild(viewportElement);
            }

            element.classList.add('jarallax');
            element.dataset.jarallax = '';
            const parallaxSpeed = parseFloat(element.dataset.parallaxSpeed) || 0.5;

            window.jarallax(element, {
                imgSrc: element.dataset.videoFallbackSrc,
                speed: parallaxSpeed,
                videoLoop: element.dataset.videoLoop,
                videoPlayOnlyVisible: element.dataset.videoPlayOnlyVisible,
                videoLazyLoading: element.dataset.videoLazyLoad,
                disableVideo: false,
                elementInViewport: element.dataset.elementInViewport &&
                    element.querySelector(element.dataset.elementInViewport),
            });

            if (slider) {
                if (slider.dataset.afterChangeIsSet) {
                    return;
                }

                slider.addEventListener('glider-loaded', () => {
                    slider.querySelectorAll('.jarallax').forEach(videoSlide => {
                        videoSlide.jarallax && videoSlide.jarallax.onScroll();
                    });
                });

                slider.addEventListener('glider-animated', () => {
                    slider.querySelectorAll('.jarallax').forEach(videoSlide => {
                        videoSlide.jarallax && videoSlide.jarallax.onScroll();
                    });
                });

                slider.dataset.afterChangeIsSet = true;
            }
        };

        window.addEventListener('DOMContentLoaded', () => {
            const parallaxImageElements = document.querySelectorAll(
                `[data-content-type="row"][data-background-type="image"][data-enable-parallax="1"],
                [data-content-type="row"] > [data-background-type="image"][data-enable-parallax="1"]`
            );

            const videoBackgroundsElements = document.querySelectorAll(
                `[data-content-type="row"][data-background-type="video"][data-enable-parallax="1"],
                [data-content-type="row"] > [data-background-type="video"][data-enable-parallax="1"],
                [data-content-type="banner"] [data-background-type="video"],
                [data-content-type="slide"] [data-background-type="video"]`
            );

            if (parallaxImageElements.length > 0 || videoBackgroundsElements.length > 0) {
                const jarallaxScript = document.createElement('script');
                jarallaxScript.type = 'text/javascript';

                jarallaxScript.addEventListener('load', () => {
                    parallaxImageElements.forEach(row => {
                        initParallaxImage(row);
                    });

                    const jarallaxVideoScript = document.createElement('script');
                    jarallaxVideoScript.type = 'text/javascript';

                    jarallaxVideoScript.addEventListener('load', () => {
                        videoBackgroundsElements.forEach(element => {
                            initVideoBackground(element);
                        });
                    });

                    jarallaxVideoScript.src = 'https\u003A\u002F\u002Fwww.gaugemasterretail.com\u002Fstatic\u002Fversion1750862438\u002Ffrontend\u002FGaugemaster\u002Fdefault\u002Fen_GB\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax\u002Dvideo.min.js';
                    document.head.appendChild(jarallaxVideoScript);
                });

                jarallaxScript.src = 'https\u003A\u002F\u002Fwww.gaugemasterretail.com\u002Fstatic\u002Fversion1750862438\u002Ffrontend\u002FGaugemaster\u002Fdefault\u002Fen_GB\u002FMagento_PageBuilder\u002Fjs\u002Fjarallax.min.js';
                document.head.appendChild(jarallaxScript);
            }
        });
    })();
</script>
<script>
    'use strict';

    (() => {
        const applyShowOnHover = (element) => {
            const showOverlayOnHover = (element) => {
                const overlay = element.querySelector('.pagebuilder-overlay');
                const color = overlay.dataset.overlayColor;

                element.addEventListener('mouseover', () => {
                    overlay.style.backgroundColor = color;
                });
                element.addEventListener('mouseout', () => {
                    overlay.style.backgroundColor = 'transparent';
                });
            };

            const showButtonOnHover = (element) => {
                const button = element.querySelector('.pagebuilder-banner-button');

                element.addEventListener('mouseover', () => {
                    button.style.opacity = '1';
                    button.style.visibility = 'visible';
                });
                element.addEventListener('mouseout', () => {
                    button.style.opacity = '0';
                    button.style.visibility = 'hidden';
                });
            };

            if (element.dataset.showOverlay === 'hover') {
                showOverlayOnHover(element);
            }
            if (element.dataset.showButton === 'hover') {
                showButtonOnHover(element);
            }
        };

        window.addEventListener('DOMContentLoaded', () => {
            document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => {
                applyShowOnHover(element);
            });
        });
    })();
</script>
<script>
    'use strict';

    (() => {
        document.querySelectorAll('[data-content-type="tab-item"]').forEach(tabItem => {
            tabItem.setAttribute('x-show', `tab === '${tabItem.id}'`);
        });

        document.querySelectorAll('[data-content-type="tabs"]').forEach(tab => {
            const defaultActiveTab = parseInt(tab.dataset.activeTab) || 0;

            tab.querySelectorAll('.tab-header').forEach((tabHeader, index) => {
                const tabLink = tabHeader.querySelector('a');
                const tabId = tabLink.getAttribute('href').replace('#', '');

                tabHeader.setAttribute(':class', `{ 'active': tab === '${tabId}' }`);
                tabLink.setAttribute('x-on:click.prevent', `tab = '${tabId}'`);

                if (index === defaultActiveTab) {
                    tab.setAttribute('x-data', `{ tab: '${tabId}' }`);
                }
            });
        });
    })();
</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 = '6LdvZt4UAAAAAKeR4Hx2wnFyix\u002DFdRvK6srvlaM1';
            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>
    'use strict';

    (() => {
        const browserStorage = hyva.getBrowserStorage();
        const storageKey = 'mage-banners-cache-storage';
        const cacheTimeoutKey = 'mage-banners-cache-timeout';
        const storeIdKey = 'mage-banners-storeId';
        const cartIdKey = 'mage-banners-cartDataId';
        const options = {
            cacheTtl: 30000,
            sectionLoadUrl: 'https://www.gaugemasterretail.com/banner/ajax/load/'
        };

        if (browserStorage && browserStorage.getItem(storageKey) === null) {
            browserStorage.setItem(storageKey, "{}");
        }

        async function initBanners(elements) {
            invalidateCacheBySessionTimeOut();

            const storageData = JSON.parse(browserStorage.getItem(storageKey));
            let items = [];

            if (storageData.data) {
                items = getFromStorage();
            } else {
                items = await getFromServer();
            }

            populateDynamicBlocks(elements, items);
        }

        // Cache invalidation. Banner cache ttl is 30 sec by default.
        function invalidateCacheBySessionTimeOut() {
            const cacheEol = new Date(browserStorage.getItem(cacheTimeoutKey))
            const dateTo = new Date(Date.now() + options.cacheTtl);
            const globalStoreId = hyva.getCookie('store') || 'default';
            const mageCacheStorage = JSON.parse(browserStorage.getItem('mage-cache-storage'));
            let cartDataId = null;

            if (browserStorage.getItem(storeIdKey) === null) {
                browserStorage.setItem(storeIdKey, globalStoreId);
            }

            if (mageCacheStorage !== null &&
                mageCacheStorage.hasOwnProperty('cart')) {
                cartDataId = mageCacheStorage.cart['data_id'];
            }

            if (cacheEol < new Date() ||
                browserStorage.getItem(storeIdKey) !== globalStoreId ||
                Number(browserStorage.getItem(cartIdKey)) !== cartDataId)
            {
                browserStorage.setItem(storageKey, "{}");
                browserStorage.setItem(cacheTimeoutKey, dateTo);
                browserStorage.setItem(storeIdKey, globalStoreId);

                if (cartDataId) {
                    browserStorage.setItem(cartIdKey, cartDataId);
                }
            }
        }

        async function getFromServer() {
            try {
                const url = new URL(options.sectionLoadUrl);
                url.searchParams.append('requesting_page_url', url.origin);

                const response = await fetch(url.href, {
                    headers: {
                        'Content-Type': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest'
                    }
                });
                const storageData = await response.json();

                browserStorage.setItem(storageKey, JSON.stringify(storageData));

                if (storageData.data && storageData.data.items) {
                    return storageData.data.items.fixed ? storageData.data.items.fixed : [];
                }
            } catch (error) {
                console.warn(error);

                return [];
            }
        }

        function getFromStorage() {
            const storageData = JSON.parse(browserStorage.getItem(storageKey));
            if (storageData.data && storageData.data.items) {
                return storageData.data.items.fixed || [];
            }
        }

        function populateDynamicBlocks(elements, items) {
            if (!items || items.length === 0) {
                console.log(`No\u0020banners\u0020found`);

                return;
            }

            for (const element of elements) {
                // Filter IDs by those allowed for current customer segment
                const ids = element.getAttribute('data-ids').split(',').filter((id) => items.hasOwnProperty(id));
                const config = {
                    type: element.getAttribute('data-rotate'),
                    dynamicBlockId: element.getAttribute('data-banner-id'),
                };

                getByType(config, element, items, ids);
            }
        }

        function getByType(config = null, element, items, ids) {
            if (!config) return;

            if (config.type === 'random') {
                ids = [ids[Math.floor(Math.random() * ids.length)]];
            }

            if (config.type === 'series' || config.type === 'shuffle') {
                ids = [getNextInOrder(config, ids)];
            }

            for (const id of ids) {
                if (items[id]) {
                    element.insertAdjacentHTML('beforeend', items[id].content);
                }
            }
        }

        function getNextInOrder(config, ids) {
            const dynamicBlockId = config.dynamicBlockId;
            const localStorageKey = 'dynamic-block-banner-rotator';
            let localStorageData = JSON.parse(localStorage.getItem(localStorageKey)) || {};
            let nextId;

            if (localStorageData[dynamicBlockId] && localStorageData[dynamicBlockId].length > 0) {
                nextId = localStorageData[dynamicBlockId].shift(0);
            } else {
                if (config.type === 'shuffle') {
                    ids.sort(() => Math.random() - 0.5);
                }
                nextId = ids.shift(0);
                localStorageData[dynamicBlockId] = ids;
            }

            localStorage.setItem(
                localStorageKey,
                JSON.stringify(localStorageData)
            );

            return nextId;
        }

        const elements = document.querySelectorAll('[data-banner-id][data-ids]');
        if (elements.length > 0) {
            initBanners(elements);
        }
    })();
</script>
<style>
.is-loading > :not(.loader) {
    visibility: hidden;
}
</style>
<script>
window.setAjaxCart = (selectors = '.product_addtocart_form,\u0020\u0023product_addtocart_form', recursive = true) => {
    const forms = document.querySelectorAll(selectors);
    const delay = parseInt('1000', 10);

    forms.forEach(form => {
        form.addEventListener('submit', async (e) => {
            e.preventDefault();

            const formData = new URLSearchParams(new FormData(form));
            const button = form.querySelector('button') ?
                    form.querySelector('button') :
                    document.getElementById('product-addtocart-button');
            const loader = document.createElement('div');

            loader.className = 'absolute inset-0 flex justify-center items-center loader text-white';
            loader.innerHTML = 'Adding...';

            button.prepend(loader);
            button.classList.add('relative', 'is-loading');
            // button.
            button.disabled = true;

            try {
                const response = await fetch(e.currentTarget.action, {
                    method: 'POST',
                    body: formData,
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
                        'X-Requested-With': 'XMLHttpRequest'
                    }
                });

                if (!response.ok) {
                    return form.submit();
                }

                if (response.redirected) {
                    return window.location.href = response.url;
                }

                const data = await response.json();

                if (data.backUrl) {
                    return window.location.href = data.backUrl;
                }

                if (recursive) {
                    window.dispatchEvent(new CustomEvent('product-addtocart-success'));
                }

                
                return window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
            } catch (err) {
                console.warn(err);
                window.dispatchEvent(new CustomEvent('product-addtocart-error'));

                setMessage({
                    text:'There\u0020was\u0020a\u0020problem\u0020adding\u0020your\u0020item\u0020to\u0020the\u0020cart.',
                    type: 'error'
                });
            } finally {
                try {
                    var messages = hyva.getCookie('mage-messages');
                    messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
                    document.cookie = 'mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';

                } catch (error) {
                    console.warn('Error parsing Cookie Messages:', error);
                    return;
                }
                loader.innerHTML = 'Added';
                button.prepend(loader);
                button.classList.add('relative', 'is-loading');
                setTimeout(() => {
                    loader.remove();
                    button.classList.remove('is-loading');
                    button.disabled = false;
                }, delay);
            var elements = document.getElementsByClassName('message success');

            Array.from(elements).forEach(function(element) {
                element.remove();
            });
            }
        });
    });
}

/**
 * Set Message
 */
function setMessage(message) {
    typeof window.dispatchMessages !== "undefined" &&
        window.dispatchMessages([message], 5000);
}

/** Init on pageload */
window.setAjaxCart();
</script>

<script>
    window.addEventListener('load', function () {
        magentoStorefrontEvents.context.setPage({
            pageType: "CMS"
        });
        magentoStorefrontEvents.context.setContext("pageExtended", {
            action: "view"
        });
    });
</script>

<div x-data="dataServicesAddToCartTracking()"
     @private-content-loaded.window="checkIfProductIsAddedToBasket($event.detail.data)"></div>

<script>
    window.addEventListener('productAddToCart', function(event) {
        const browserStorage = hyva.getBrowserStorage();
        const product = JSON.parse(browserStorage.getItem('dataservices_product_context'));
        let shoppingCart = magentoStorefrontEvents.context.getShoppingCart();
        let changedProducts = event.detail;

        magentoStorefrontEvents.context.setProduct(product);

        if (changedProducts.length > 0) {
            magentoStorefrontEvents.context.setShoppingCart(shoppingCart);
            magentoStorefrontEvents.context.setChangedProducts({
                items: createCartItems(changedProducts),
            });
            magentoStorefrontEvents.publish.addToCart();
        }

        function getConfigurableOptions(item) {
            return item.options.map((function(item) {
                    return {
                        id: item.option_id,
                        optionLabel: item.label,
                        valueId: parseInt(item.option_value),
                        valueLabel: item.value
                    }
                }
            ))
        }

        function getCartItemPrice(cartItem) {
            const productPrice = cartItem.product_price_value;

            if (productPrice && productPrice.hasOwnProperty('excl_tax')) {
                return Number(parseFloat(productPrice.excl_tax).toFixed(2));
            } else {
                return Number(parseFloat(productPrice).toFixed(2));
            }
        }

        function createCartItems(productList) {
            if (!Array.isArray(productList)) {
                console.error('Expected an array for productList, received:', productList);
                return [];
            }

            return productList.map((item) => ({
                id: item.item_id,
                formattedPrice: getCartItemPrice(item),
                quantity: item.qty,
                canApplyMsrp: item.canApplyMsrp,
                configurableOptions: getConfigurableOptions(item),
                product: {
                    productType: item.product_type,
                    productId: item.product_id,
                    name: item.product_name,
                    sku: item.product_sku,
                    topLevelSku: item.topLevelSku,
                    mainImageUrl: item.product_image.src,
                },
                prices: {
                    price: {
                        value: getCartItemPrice(item),
                    },
                },
            }));
        }

    });

    function dataServicesAddToCartTracking() {
        return {
            checkIfProductIsAddedToBasket: function (data) {
                const browserStorage = hyva.getBrowserStorage();

                                if (!browserStorage || !data.cart) {
                    return;
                }

                                let cartSummaryCount = data.cart.summary_count || 0;
                let storageSummaryCount = parseInt(browserStorage.getItem('cart_summary_count'), 10) || 0;

                                browserStorage.setItem('cart_summary_count', cartSummaryCount);
                browserStorage.setItem('dataservices_product_context', JSON.stringify(data.cart.dataservices_product_context));

                                let storedData = browserStorage.getItem("mage-cache-storage");
                let browserStorageCartItems = storedData ? JSON.parse(storedData).cart && JSON.parse(storedData).cart.items : [];
                let dataCartItems = data.cart.items || [];

                                if (cartSummaryCount > storageSummaryCount) {
                    const results = this.findChangedItems(browserStorageCartItems, dataCartItems);

                                        window.dispatchEvent(new CustomEvent("productAddToCart", {
                        detail: results
                    }));
                }
            },
            findChangedItems: function (oldItems, newItems) {
                let changes = [];
                
                newItems.forEach(newItem => {
                    const oldItem = oldItems.find(old => old.item_id === newItem.item_id);
                    if (!oldItem || oldItem.qty !== newItem.qty) {
                        changes.push(newItem);
                    }
                });

                return changes;
            }
        }
    }
</script>
<script type="text/json" id="default-section-data">
    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"requisition":[],"cart":[],"directory-data":{"AD":{"name":"Andorra"},"AE":{"name":"United Arab Emirates"},"AF":{"name":"Afghanistan"},"AG":{"name":"Antigua & Barbuda"},"AI":{"name":"Anguilla"},"AL":{"name":"Albania","regions":{"512":{"code":"AL-01","name":"Berat"},"513":{"code":"AL-09","name":"Dib\u00ebr"},"514":{"code":"AL-02","name":"Durr\u00ebs"},"515":{"code":"AL-03","name":"Elbasan"},"516":{"code":"AL-04","name":"Fier"},"517":{"code":"AL-05","name":"Gjirokast\u00ebr"},"518":{"code":"AL-06","name":"Kor\u00e7\u00eb"},"519":{"code":"AL-07","name":"Kuk\u00ebs"},"520":{"code":"AL-08","name":"Lezh\u00eb"},"521":{"code":"AL-10","name":"Shkod\u00ebr"},"522":{"code":"AL-11","name":"Tiran\u00eb"},"523":{"code":"AL-12","name":"Vlor\u00eb"}}},"AM":{"name":"Armenia"},"AO":{"name":"Angola"},"AQ":{"name":"Antarctica"},"AR":{"name":"Argentina","regions":{"525":{"code":"AR-B","name":"Buenos Aires"},"526":{"code":"AR-K","name":"Catamarca"},"527":{"code":"AR-H","name":"Chaco"},"528":{"code":"AR-U","name":"Chubut"},"524":{"code":"AR-C","name":"Ciudad Aut\u00f3noma de Buenos Aires"},"529":{"code":"AR-X","name":"C\u00f3rdoba"},"530":{"code":"AR-W","name":"Corrientes"},"531":{"code":"AR-E","name":"Entre R\u00edos"},"532":{"code":"AR-P","name":"Formosa"},"533":{"code":"AR-Y","name":"Jujuy"},"534":{"code":"AR-L","name":"La Pampa"},"535":{"code":"AR-F","name":"La Rioja"},"536":{"code":"AR-M","name":"Mendoza"},"537":{"code":"AR-N","name":"Misiones"},"538":{"code":"AR-Q","name":"Neuqu\u00e9n"},"539":{"code":"AR-R","name":"R\u00edo Negro"},"540":{"code":"AR-A","name":"Salta"},"541":{"code":"AR-J","name":"San Juan"},"542":{"code":"AR-D","name":"San Luis"},"543":{"code":"AR-Z","name":"Santa Cruz"},"544":{"code":"AR-S","name":"Santa Fe"},"545":{"code":"AR-G","name":"Santiago del Estero"},"546":{"code":"AR-V","name":"Tierra del Fuego"},"547":{"code":"AR-T","name":"Tucum\u00e1n"}}},"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":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"AU":{"name":"Australia","regions":{"605":{"code":"ACT","name":"Australian Capital Territory"},"606":{"code":"NSW","name":"New South Wales"},"612":{"code":"NT","name":"Northern Territory"},"608":{"code":"QLD","name":"Queensland"},"609":{"code":"SA","name":"South Australia"},"610":{"code":"TAS","name":"Tasmania"},"607":{"code":"VIC","name":"Victoria"},"611":{"code":"WA","name":"Western Australia"}}},"AW":{"name":"Aruba"},"AX":{"name":"\u00c5land Islands"},"AZ":{"name":"Azerbaijan"},"BA":{"name":"Bosnia & Herzegovina"},"BB":{"name":"Barbados"},"BD":{"name":"Bangladesh"},"BE":{"name":"Belgium","regions":{"620":{"code":"VAN","name":"Antwerpen"},"621":{"code":"WBR","name":"Brabant wallon"},"622":{"code":"BRU","name":"Brussels-Capital Region"},"623":{"code":"WHT","name":"Hainaut"},"625":{"code":"WLG","name":"Li\u00e8ge"},"624":{"code":"VLI","name":"Limburg"},"626":{"code":"WLX","name":"Luxembourg"},"627":{"code":"WNA","name":"Namur"},"628":{"code":"VOV","name":"Oost-Vlaanderen"},"629":{"code":"VBR","name":"Vlaams-Brabant"},"630":{"code":"VWV","name":"West-Vlaanderen"}}},"BF":{"name":"Burkina Faso"},"BG":{"name":"Bulgaria","regions":{"640":{"code":"BG-01","name":"Blagoevgrad"},"641":{"code":"BG-02","name":"Burgas"},"647":{"code":"BG-08","name":"Dobrich"},"646":{"code":"BG-07","name":"Gabrovo"},"665":{"code":"BG-26","name":"Haskovo"},"648":{"code":"BG-09","name":"Kardzhali"},"649":{"code":"BG-10","name":"Kyustendil"},"650":{"code":"BG-11","name":"Lovech"},"651":{"code":"BG-12","name":"Montana"},"652":{"code":"BG-13","name":"Pazardzhik"},"653":{"code":"BG-14","name":"Pernik"},"654":{"code":"BG-15","name":"Pleven"},"655":{"code":"BG-16","name":"Plovdiv"},"656":{"code":"BG-17","name":"Razgrad"},"657":{"code":"BG-18","name":"Ruse"},"666":{"code":"BG-27","name":"Shumen"},"658":{"code":"BG-19","name":"Silistra"},"659":{"code":"BG-20","name":"Sliven"},"660":{"code":"BG-21","name":"Smolyan"},"661":{"code":"BG-22","name":"Sofia City"},"662":{"code":"BG-23","name":"Sofia Province"},"663":{"code":"BG-24","name":"Stara Zagora"},"664":{"code":"BG-25","name":"Targovishte"},"642":{"code":"BG-03","name":"Varna"},"643":{"code":"BG-04","name":"Veliko Tarnovo"},"644":{"code":"BG-05","name":"Vidin"},"645":{"code":"BG-06","name":"Vratsa"},"667":{"code":"BG-28","name":"Yambol"}}},"BH":{"name":"Bahrain"},"BI":{"name":"Burundi"},"BJ":{"name":"Benin"},"BL":{"name":"St. Barth\u00e9lemy"},"BM":{"name":"Bermuda"},"BN":{"name":"Brunei"},"BO":{"name":"Bolivia","regions":{"632":{"code":"BO-H","name":"Chuquisaca"},"631":{"code":"BO-C","name":"Cochabamba"},"633":{"code":"BO-B","name":"El Beni"},"634":{"code":"BO-L","name":"La Paz"},"635":{"code":"BO-O","name":"Oruro"},"636":{"code":"BO-N","name":"Pando"},"637":{"code":"BO-P","name":"Potos\u00ed"},"638":{"code":"BO-S","name":"Santa Cruz"},"639":{"code":"BO-T","name":"Tarija"}}},"BQ":{"name":"Caribbean Netherlands"},"BR":{"name":"Brazil","regions":{"485":{"code":"AC","name":"Acre"},"486":{"code":"AL","name":"Alagoas"},"487":{"code":"AP","name":"Amap\u00e1"},"488":{"code":"AM","name":"Amazonas"},"489":{"code":"BA","name":"Bahia"},"490":{"code":"CE","name":"Cear\u00e1"},"511":{"code":"DF","name":"Distrito Federal"},"491":{"code":"ES","name":"Esp\u00edrito Santo"},"492":{"code":"GO","name":"Goi\u00e1s"},"493":{"code":"MA","name":"Maranh\u00e3o"},"494":{"code":"MT","name":"Mato Grosso"},"495":{"code":"MS","name":"Mato Grosso do Sul"},"496":{"code":"MG","name":"Minas Gerais"},"497":{"code":"PA","name":"Par\u00e1"},"498":{"code":"PB","name":"Para\u00edba"},"499":{"code":"PR","name":"Paran\u00e1"},"500":{"code":"PE","name":"Pernambuco"},"501":{"code":"PI","name":"Piau\u00ed"},"502":{"code":"RJ","name":"Rio de Janeiro"},"503":{"code":"RN","name":"Rio Grande do Norte"},"504":{"code":"RS","name":"Rio Grande do Sul"},"505":{"code":"RO","name":"Rond\u00f4nia"},"506":{"code":"RR","name":"Roraima"},"507":{"code":"SC","name":"Santa Catarina"},"508":{"code":"SP","name":"S\u00e3o Paulo"},"509":{"code":"SE","name":"Sergipe"},"510":{"code":"TO","name":"Tocantins"}}},"BS":{"name":"Bahamas"},"BT":{"name":"Bhutan"},"BV":{"name":"Bouvet Island"},"BW":{"name":"Botswana"},"BY":{"name":"Belarus","regions":{"613":{"code":"BY-BR","name":"Bresckaja voblas\u0107"},"614":{"code":"BY-HO","name":"Homie\u013askaja voblas\u0107"},"615":{"code":"BY-HM","name":"Horad Minsk"},"616":{"code":"BY-HR","name":"Hrodzienskaja voblas\u0107"},"617":{"code":"BY-MA","name":"Mahilio\u016dskaja voblas\u0107"},"618":{"code":"BY-MI","name":"Minskaja voblas\u0107"},"619":{"code":"BY-VI","name":"Viciebskaja voblas\u0107"}}},"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","regions":{"668":{"code":"CL-AI","name":"Ais\u00e9n del General Carlos Iba\u00f1ez del Campo"},"669":{"code":"CL-AN","name":"Antofagasta"},"670":{"code":"CL-AP","name":"Arica y Parinacota"},"672":{"code":"CL-AT","name":"Atacama"},"673":{"code":"CL-BI","name":"Biob\u00edo"},"674":{"code":"CL-CO","name":"Coquimbo"},"671":{"code":"CL-AR","name":"La Araucan\u00eda"},"675":{"code":"CL-LI","name":"Libertador General Bernardo O'Higgins"},"676":{"code":"CL-LL","name":"Los Lagos"},"677":{"code":"CL-LR","name":"Los R\u00edos"},"678":{"code":"CL-MA","name":"Magallanes"},"679":{"code":"CL-ML","name":"Maule"},"680":{"code":"CL-NB","name":"\u00d1uble"},"681":{"code":"CL-RM","name":"Regi\u00f3n Metropolitana de Santiago"},"682":{"code":"CL-TA","name":"Tarapac\u00e1"},"683":{"code":"CL-VS","name":"Valpara\u00edso"}}},"CM":{"name":"Cameroon"},"CN":{"name":"China","regions":{"684":{"code":"CN-AH","name":"Anhui Sheng"},"685":{"code":"CN-BJ","name":"Beijing Shi"},"686":{"code":"CN-CQ","name":"Chongqing Shi"},"687":{"code":"CN-FJ","name":"Fujian Sheng"},"688":{"code":"CN-GS","name":"Gansu Sheng"},"689":{"code":"CN-GD","name":"Guangdong Sheng"},"690":{"code":"CN-GX","name":"Guangxi Zhuangzu Zizhiqu"},"691":{"code":"CN-GZ","name":"Guizhou Sheng"},"692":{"code":"CN-HI","name":"Hainan Sheng"},"693":{"code":"CN-HE","name":"Hebei Sheng"},"694":{"code":"CN-HL","name":"Heilongjiang Sheng"},"695":{"code":"CN-HA","name":"Henan Sheng"},"696":{"code":"CN-HK","name":"Hong Kong SAR"},"697":{"code":"CN-HB","name":"Hubei Sheng"},"698":{"code":"CN-HN","name":"Hunan Sheng"},"699":{"code":"CN-JS","name":"Jiangsu Sheng"},"700":{"code":"CN-JX","name":"Jiangxi Sheng"},"701":{"code":"CN-JL","name":"Jilin Sheng"},"702":{"code":"CN-LN","name":"Liaoning Sheng"},"703":{"code":"CN-MO","name":"Macao SAR"},"704":{"code":"CN-NM","name":"Nei Mongol Zizhiqu"},"705":{"code":"CN-NX","name":"Ningxia Huizi Zizhiqu"},"706":{"code":"CN-QH","name":"Qinghai Sheng"},"707":{"code":"CN-SN","name":"Shaanxi Sheng"},"708":{"code":"CN-SD","name":"Shandong Sheng"},"709":{"code":"CN-SH","name":"Shanghai Shi"},"710":{"code":"CN-SX","name":"Shanxi Sheng"},"711":{"code":"CN-SC","name":"Sichuan Sheng"},"712":{"code":"CN-TW","name":"Taiwan Sheng"},"713":{"code":"CN-TJ","name":"Tianjin Shi"},"714":{"code":"CN-XJ","name":"Xinjiang Uygur Zizhiqu"},"715":{"code":"CN-XZ","name":"Xizang Zizhiqu"},"716":{"code":"CN-YN","name":"Yunnan Sheng"},"717":{"code":"CN-ZJ","name":"Zhejiang Sheng"}}},"CO":{"name":"Colombia","regions":{"718":{"code":"CO-AMA","name":"Amazonas"},"719":{"code":"CO-ANT","name":"Antioquia"},"720":{"code":"CO-ARA","name":"Arauca"},"721":{"code":"CO-ATL","name":"Atl\u00e1ntico"},"722":{"code":"CO-BOL","name":"Bol\u00edvar"},"723":{"code":"CO-BOY","name":"Boyac\u00e1"},"724":{"code":"CO-CAL","name":"Caldas"},"725":{"code":"CO-CAQ","name":"Caquet\u00e1"},"726":{"code":"CO-CAS","name":"Casanare"},"727":{"code":"CO-CAU","name":"Cauca"},"728":{"code":"CO-CES","name":"Cesar"},"729":{"code":"CO-CHO","name":"Choc\u00f3"},"730":{"code":"CO-COR","name":"C\u00f3rdoba"},"731":{"code":"CO-CUN","name":"Cundinamarca"},"732":{"code":"CO-GUA","name":"Guain\u00eda"},"733":{"code":"CO-GUV","name":"Guaviare"},"734":{"code":"CO-HUL","name":"Huila"},"735":{"code":"CO-LAG","name":"La Guajira"},"736":{"code":"CO-MAG","name":"Magdalena"},"737":{"code":"CO-MET","name":"Meta"},"738":{"code":"CO-NAR","name":"Nari\u00f1o"},"739":{"code":"CO-NSA","name":"Norte de Santander"},"740":{"code":"CO-PUT","name":"Putumayo"},"741":{"code":"CO-QUI","name":"Quind\u00edo"},"742":{"code":"CO-RIS","name":"Risaralda"},"743":{"code":"CO-SAP","name":"San Andr\u00e9s y Providencia"},"744":{"code":"CO-SAN","name":"Santander"},"745":{"code":"CO-SUC","name":"Sucre"},"746":{"code":"CO-TOL","name":"Tolima"},"747":{"code":"CO-VAC","name":"Valle del Cauca"},"748":{"code":"CO-VAU","name":"Vaup\u00e9s"},"749":{"code":"CO-VID","name":"Vichada"}}},"CR":{"name":"Costa Rica"},"CU":{"name":"Cuba"},"CV":{"name":"Cape Verde"},"CW":{"name":"Cura\u00e7ao"},"CX":{"name":"Christmas Island"},"CY":{"name":"Cyprus"},"CZ":{"name":"Czechia","regions":{"752":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"760":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"754":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"759":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"757":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"756":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"763":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"},"761":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"758":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"753":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"750":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"751":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"755":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"762":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"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","regions":{"764":{"code":"DK-84","name":"Hovedstaden"},"765":{"code":"DK-82","name":"Midtjylland"},"766":{"code":"DK-81","name":"Nordjylland"},"767":{"code":"DK-85","name":"Sj\u00e6lland"},"768":{"code":"DK-83","name":"Syddanmark"}}},"DM":{"name":"Dominica"},"DO":{"name":"Dominican Republic"},"DZ":{"name":"Algeria"},"EC":{"name":"Ecuador","regions":{"769":{"code":"EC-A","name":"Azuay"},"770":{"code":"EC-B","name":"Bol\u00edvar"},"771":{"code":"EC-F","name":"Ca\u00f1ar"},"772":{"code":"EC-C","name":"Carchi"},"773":{"code":"EC-H","name":"Chimborazo"},"774":{"code":"EC-X","name":"Cotopaxi"},"775":{"code":"EC-O","name":"El Oro"},"776":{"code":"EC-E","name":"Esmeraldas"},"777":{"code":"EC-W","name":"Gal\u00e1pagos"},"778":{"code":"EC-G","name":"Guayas"},"779":{"code":"EC-I","name":"Imbabura"},"780":{"code":"EC-L","name":"Loja"},"781":{"code":"EC-R","name":"Los R\u00edos"},"782":{"code":"EC-M","name":"Manab\u00ed"},"783":{"code":"EC-S","name":"Morona Santiago"},"784":{"code":"EC-N","name":"Napo"},"785":{"code":"EC-D","name":"Orellana"},"786":{"code":"EC-Y","name":"Pastaza"},"787":{"code":"EC-P","name":"Pichincha"},"788":{"code":"EC-SE","name":"Santa Elena"},"789":{"code":"EC-SD","name":"Santo Domingo de los Ts\u00e1chilas"},"790":{"code":"EC-U","name":"Sucumb\u00edos"},"791":{"code":"EC-T","name":"Tungurahua"},"792":{"code":"EC-Z","name":"Zamora Chinchipe"}}},"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"},"EH":{"name":"Western Sahara"},"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","regions":{"806":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"793":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"794":{"code":"GR-I","name":"Attik\u00ed"},"795":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"796":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"797":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"798":{"code":"GR-D","name":"\u00cdpeiros"},"799":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"800":{"code":"GR-M","name":"Kr\u00edti"},"801":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"802":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"803":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"804":{"code":"GR-E","name":"Thessal\u00eda"},"805":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"GS":{"name":"South Georgia & South Sandwich Islands"},"GT":{"name":"Guatemala"},"GU":{"name":"Guam"},"GW":{"name":"Guinea-Bissau"},"GY":{"name":"Guyana","regions":{"807":{"code":"GY-BA","name":"Barima-Waini"},"808":{"code":"GY-CU","name":"Cuyuni-Mazaruni"},"809":{"code":"GY-DE","name":"Demerara-Mahaica"},"810":{"code":"GY-EB","name":"East Berbice-Corentyne"},"811":{"code":"GY-ES","name":"Essequibo Islands-West Demerara"},"812":{"code":"GY-MA","name":"Mahaica-Berbice"},"813":{"code":"GY-PM","name":"Pomeroon-Supenaam"},"814":{"code":"GY-PT","name":"Potaro-Siparuni"},"815":{"code":"GY-UD","name":"Upper Demerara-Berbice"},"816":{"code":"GY-UT","name":"Upper Takutu-Upper Essequibo"}}},"HK":{"name":"Hong Kong SAR China"},"HM":{"name":"Heard & McDonald Islands"},"HN":{"name":"Honduras"},"HR":{"name":"Croatia","regions":{"554":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u017eupanija"},"559":{"code":"HR-12","name":"Brodsko-posavska \u017eupanija"},"566":{"code":"HR-19","name":"Dubrova\u010dko-neretvanska \u017eupanija"},"568":{"code":"HR-21","name":"Grad Zagreb"},"565":{"code":"HR-18","name":"Istarska \u017eupanija"},"551":{"code":"HR-04","name":"Karlova\u010dka \u017eupanija"},"553":{"code":"HR-06","name":"Koprivni\u010dko-kri\u017eeva\u010dka \u017eupanija"},"549":{"code":"HR-02","name":"Krapinsko-zagorska \u017eupanija"},"556":{"code":"HR-09","name":"Li\u010dko-senjska \u017eupanija"},"567":{"code":"HR-20","name":"Me\u0111imurska \u017eupanija"},"561":{"code":"HR-14","name":"Osje\u010dko-baranjska \u017eupanija"},"558":{"code":"HR-11","name":"Po\u017ee\u0161ko-slavonska \u017eupanija"},"555":{"code":"HR-08","name":"Primorsko-goranska \u017eupanija"},"562":{"code":"HR-15","name":"\u0160ibensko-kninska \u017eupanija"},"550":{"code":"HR-03","name":"Sisa\u010dko-moslava\u010dka \u017eupanija"},"564":{"code":"HR-17","name":"Splitsko-dalmatinska \u017eupanija"},"552":{"code":"HR-05","name":"Vara\u017edinska \u017eupanija"},"557":{"code":"HR-10","name":"Viroviti\u010dko-podravska \u017eupanija"},"563":{"code":"HR-16","name":"Vukovarsko-srijemska \u017eupanija"},"560":{"code":"HR-13","name":"Zadarska \u017eupanija"},"548":{"code":"HR-01","name":"Zagreba\u010dka \u017eupanija"}}},"HT":{"name":"Haiti"},"HU":{"name":"Hungary"},"ID":{"name":"Indonesia"},"IE":{"name":"Ireland"},"IL":{"name":"Israel"},"IM":{"name":"Isle of Man"},"IN":{"name":"India","regions":{"569":{"code":"AN","name":"Andaman and Nicobar Islands"},"570":{"code":"AP","name":"Andhra Pradesh"},"571":{"code":"AR","name":"Arunachal Pradesh"},"572":{"code":"AS","name":"Assam"},"573":{"code":"BR","name":"Bihar"},"574":{"code":"CH","name":"Chandigarh"},"575":{"code":"CT","name":"Chhattisgarh"},"576":{"code":"DN","name":"Dadra and Nagar Haveli"},"577":{"code":"DD","name":"Daman and Diu"},"578":{"code":"DL","name":"Delhi"},"579":{"code":"GA","name":"Goa"},"580":{"code":"GJ","name":"Gujarat"},"581":{"code":"HR","name":"Haryana"},"582":{"code":"HP","name":"Himachal Pradesh"},"583":{"code":"JK","name":"Jammu and Kashmir"},"584":{"code":"JH","name":"Jharkhand"},"585":{"code":"KA","name":"Karnataka"},"586":{"code":"KL","name":"Kerala"},"587":{"code":"LD","name":"Lakshadweep"},"588":{"code":"MP","name":"Madhya Pradesh"},"589":{"code":"MH","name":"Maharashtra"},"590":{"code":"MN","name":"Manipur"},"591":{"code":"ML","name":"Meghalaya"},"592":{"code":"MZ","name":"Mizoram"},"593":{"code":"NL","name":"Nagaland"},"594":{"code":"OR","name":"Odisha"},"595":{"code":"PY","name":"Puducherry"},"596":{"code":"PB","name":"Punjab"},"597":{"code":"RJ","name":"Rajasthan"},"598":{"code":"SK","name":"Sikkim"},"599":{"code":"TN","name":"Tamil Nadu"},"600":{"code":"TG","name":"Telangana"},"601":{"code":"TR","name":"Tripura"},"602":{"code":"UP","name":"Uttar Pradesh"},"603":{"code":"UT","name":"Uttarakhand"},"604":{"code":"WB","name":"West Bengal"}}},"IO":{"name":"British Indian Ocean Territory"},"IQ":{"name":"Iraq"},"IR":{"name":"Iran"},"IS":{"name":"Iceland","regions":{"823":{"code":"IS-07","name":"Austurland"},"817":{"code":"IS-01","name":"H\u00f6fu\u00f0borgarsv\u00e6\u00f0i"},"822":{"code":"IS-06","name":"Nor\u00f0urland eystra"},"821":{"code":"IS-05","name":"Nor\u00f0urland vestra"},"824":{"code":"IS-08","name":"Su\u00f0urland"},"818":{"code":"IS-02","name":"Su\u00f0urnes"},"820":{"code":"IS-04","name":"Vestfir\u00f0ir"},"819":{"code":"IS-03","name":"Vesturland"}}},"IT":{"name":"Italy","regions":{"825":{"code":"AG","name":"Agrigento"},"826":{"code":"AL","name":"Alessandria"},"827":{"code":"AN","name":"Ancona"},"828":{"code":"AO","name":"Aosta"},"830":{"code":"AR","name":"Arezzo"},"831":{"code":"AP","name":"Ascoli-Piceno"},"832":{"code":"AT","name":"Asti"},"833":{"code":"AV","name":"Avellino"},"834":{"code":"BA","name":"Bari"},"835":{"code":"BT","name":"Barletta-Andria-Trani"},"836":{"code":"BL","name":"Belluno"},"837":{"code":"BN","name":"Benevento"},"838":{"code":"BG","name":"Bergamo"},"839":{"code":"BI","name":"Biella"},"840":{"code":"BO","name":"Bologna"},"841":{"code":"BZ","name":"Bolzano"},"842":{"code":"BS","name":"Brescia"},"843":{"code":"BR","name":"Brindisi"},"844":{"code":"CA","name":"Cagliari"},"845":{"code":"CL","name":"Caltanissetta"},"846":{"code":"CB","name":"Campobasso"},"847":{"code":"CI","name":"Carbonia Iglesias"},"848":{"code":"CE","name":"Caserta"},"849":{"code":"CT","name":"Catania"},"850":{"code":"CZ","name":"Catanzaro"},"851":{"code":"CH","name":"Chieti"},"852":{"code":"CO","name":"Como"},"853":{"code":"CS","name":"Cosenza"},"854":{"code":"CR","name":"Cremona"},"855":{"code":"KR","name":"Crotone"},"856":{"code":"CN","name":"Cuneo"},"857":{"code":"EN","name":"Enna"},"858":{"code":"FM","name":"Fermo"},"859":{"code":"FE","name":"Ferrara"},"860":{"code":"FI","name":"Firenze"},"861":{"code":"FG","name":"Foggia"},"862":{"code":"FC","name":"Forli-Cesena"},"863":{"code":"FR","name":"Frosinone"},"864":{"code":"GE","name":"Genova"},"865":{"code":"GO","name":"Gorizia"},"866":{"code":"GR","name":"Grosseto"},"867":{"code":"IM","name":"Imperia"},"868":{"code":"IS","name":"Isernia"},"829":{"code":"AQ","name":"L'Aquila"},"869":{"code":"SP","name":"La-Spezia"},"870":{"code":"LT","name":"Latina"},"871":{"code":"LE","name":"Lecce"},"872":{"code":"LC","name":"Lecco"},"873":{"code":"LI","name":"Livorno"},"874":{"code":"LO","name":"Lodi"},"875":{"code":"LU","name":"Lucca"},"876":{"code":"MC","name":"Macerata"},"877":{"code":"MN","name":"Mantova"},"878":{"code":"MS","name":"Massa-Carrara"},"879":{"code":"MT","name":"Matera"},"880":{"code":"VS","name":"Medio Campidano"},"881":{"code":"ME","name":"Messina"},"882":{"code":"MI","name":"Milano"},"883":{"code":"MO","name":"Modena"},"884":{"code":"MB","name":"Monza-Brianza"},"885":{"code":"NA","name":"Napoli"},"886":{"code":"NO","name":"Novara"},"887":{"code":"NU","name":"Nuoro"},"888":{"code":"OG","name":"Ogliastra"},"889":{"code":"OT","name":"Olbia Tempio"},"890":{"code":"OR","name":"Oristano"},"891":{"code":"PD","name":"Padova"},"892":{"code":"PA","name":"Palermo"},"893":{"code":"PR","name":"Parma"},"894":{"code":"PV","name":"Pavia"},"895":{"code":"PG","name":"Perugia"},"896":{"code":"PU","name":"Pesaro-Urbino"},"897":{"code":"PE","name":"Pescara"},"898":{"code":"PC","name":"Piacenza"},"899":{"code":"PI","name":"Pisa"},"900":{"code":"PT","name":"Pistoia"},"901":{"code":"PN","name":"Pordenone"},"902":{"code":"PZ","name":"Potenza"},"903":{"code":"PO","name":"Prato"},"904":{"code":"RG","name":"Ragusa"},"905":{"code":"RA","name":"Ravenna"},"906":{"code":"RC","name":"Reggio-Calabria"},"907":{"code":"RE","name":"Reggio-Emilia"},"908":{"code":"RI","name":"Rieti"},"909":{"code":"RN","name":"Rimini"},"910":{"code":"RM","name":"Roma"},"911":{"code":"RO","name":"Rovigo"},"912":{"code":"SA","name":"Salerno"},"913":{"code":"SS","name":"Sassari"},"914":{"code":"SV","name":"Savona"},"915":{"code":"SI","name":"Siena"},"916":{"code":"SR","name":"Siracusa"},"917":{"code":"SO","name":"Sondrio"},"918":{"code":"TA","name":"Taranto"},"919":{"code":"TE","name":"Teramo"},"920":{"code":"TR","name":"Terni"},"921":{"code":"TO","name":"Torino"},"922":{"code":"TP","name":"Trapani"},"923":{"code":"TN","name":"Trento"},"924":{"code":"TV","name":"Treviso"},"925":{"code":"TS","name":"Trieste"},"926":{"code":"UD","name":"Udine"},"927":{"code":"VA","name":"Varese"},"928":{"code":"VE","name":"Venezia"},"929":{"code":"VB","name":"Verbania"},"930":{"code":"VC","name":"Vercelli"},"931":{"code":"VR","name":"Verona"},"932":{"code":"VV","name":"Vibo-Valentia"},"933":{"code":"VI","name":"Vicenza"},"934":{"code":"VT","name":"Viterbo"}}},"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"},"KP":{"name":"North Korea"},"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","regions":{"935":{"code":"AGU","name":"Aguascalientes"},"936":{"code":"BCN","name":"Baja California"},"937":{"code":"BCS","name":"Baja California Sur"},"938":{"code":"CAM","name":"Campeche"},"939":{"code":"CHP","name":"Chiapas"},"940":{"code":"CHH","name":"Chihuahua"},"941":{"code":"CMX","name":"Ciudad de M\u00e9xico"},"942":{"code":"COA","name":"Coahuila"},"943":{"code":"COL","name":"Colima"},"944":{"code":"DUR","name":"Durango"},"945":{"code":"MEX","name":"Estado de M\u00e9xico"},"946":{"code":"GUA","name":"Guanajuato"},"947":{"code":"GRO","name":"Guerrero"},"948":{"code":"HID","name":"Hidalgo"},"949":{"code":"JAL","name":"Jalisco"},"950":{"code":"MIC","name":"Michoac\u00e1n"},"951":{"code":"MOR","name":"Morelos"},"952":{"code":"NAY","name":"Nayarit"},"953":{"code":"NLE","name":"Nuevo Le\u00f3n"},"954":{"code":"OAX","name":"Oaxaca"},"955":{"code":"PUE","name":"Puebla"},"956":{"code":"QUE","name":"Quer\u00e9taro"},"957":{"code":"ROO","name":"Quintana Roo"},"958":{"code":"SLP","name":"San Luis Potos\u00ed"},"959":{"code":"SIN","name":"Sinaloa"},"960":{"code":"SON","name":"Sonora"},"961":{"code":"TAB","name":"Tabasco"},"962":{"code":"TAM","name":"Tamaulipas"},"963":{"code":"TLA","name":"Tlaxcala"},"964":{"code":"VER","name":"Veracruz"},"965":{"code":"YUC","name":"Yucat\u00e1n"},"966":{"code":"ZAC","name":"Zacatecas"}}},"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","regions":{"986":{"code":"PE-AMA","name":"Amazonas"},"987":{"code":"PE-ANC","name":"Ancash"},"988":{"code":"PE-APU","name":"Apur\u00edmac"},"989":{"code":"PE-ARE","name":"Arequipa"},"990":{"code":"PE-AYA","name":"Ayacucho"},"991":{"code":"PE-CAJ","name":"Cajamarca"},"992":{"code":"PE-CUS","name":"Cusco"},"993":{"code":"PE-CAL","name":"El Callao"},"994":{"code":"PE-HUV","name":"Huancavelica"},"995":{"code":"PE-HUC","name":"Hu\u00e1nuco"},"996":{"code":"PE-ICA","name":"Ica"},"997":{"code":"PE-JUN","name":"Jun\u00edn"},"998":{"code":"PE-LAL","name":"La Libertad"},"999":{"code":"PE-LAM","name":"Lambayeque"},"1000":{"code":"PE-LIM","name":"Lima"},"1001":{"code":"PE-LOR","name":"Loreto"},"1002":{"code":"PE-MDD","name":"Madre de Dios"},"1003":{"code":"PE-MOQ","name":"Moquegua"},"985":{"code":"PE-LMA","name":"Municipalidad Metropolitana de Lima"},"1004":{"code":"PE-PAS","name":"Pasco"},"1005":{"code":"PE-PIU","name":"Piura"},"1006":{"code":"PE-PUN","name":"Puno"},"1007":{"code":"PE-SAM","name":"San Mart\u00edn"},"1008":{"code":"PE-TAC","name":"Tacna"},"1009":{"code":"PE-TUM","name":"Tumbes"},"1010":{"code":"PE-UCA","name":"Ucayali"}}},"PF":{"name":"French Polynesia"},"PG":{"name":"Papua New Guinea"},"PH":{"name":"Philippines"},"PK":{"name":"Pakistan"},"PL":{"name":"Poland","regions":{"1011":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"1012":{"code":"PL-04","name":"kujawsko-pomorskie"},"1013":{"code":"PL-06","name":"lubelskie"},"1014":{"code":"PL-08","name":"lubuskie"},"1017":{"code":"PL-14","name":"mazowieckie"},"1016":{"code":"PL-12","name":"ma\u0142opolskie"},"1018":{"code":"PL-16","name":"opolskie"},"1019":{"code":"PL-18","name":"podkarpackie"},"1020":{"code":"PL-20","name":"podlaskie"},"1021":{"code":"PL-22","name":"pomorskie"},"1022":{"code":"PL-24","name":"\u015bl\u0105skie"},"1023":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"1024":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"1025":{"code":"PL-30","name":"wielkopolskie"},"1026":{"code":"PL-32","name":"zachodniopomorskie"},"1015":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PM":{"name":"St. Pierre & Miquelon"},"PN":{"name":"Pitcairn Islands"},"PS":{"name":"Palestinian Territories"},"PT":{"name":"Portugal","regions":{"1027":{"code":"PT-01","name":"Aveiro"},"1028":{"code":"PT-02","name":"Beja"},"1029":{"code":"PT-03","name":"Braga"},"1030":{"code":"PT-04","name":"Bragan\u00e7a"},"1031":{"code":"PT-05","name":"Castelo Branco"},"1032":{"code":"PT-06","name":"Coimbra"},"1033":{"code":"PT-07","name":"\u00c9vora"},"1034":{"code":"PT-08","name":"Faro"},"1035":{"code":"PT-09","name":"Guarda"},"1036":{"code":"PT-10","name":"Leiria"},"1037":{"code":"PT-11","name":"Lisboa"},"1038":{"code":"PT-12","name":"Portalegre"},"1039":{"code":"PT-13","name":"Porto"},"1046":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1045":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1040":{"code":"PT-14","name":"Santar\u00e9m"},"1041":{"code":"PT-15","name":"Set\u00fabal"},"1042":{"code":"PT-16","name":"Viana do Castelo"},"1043":{"code":"PT-17","name":"Vila Real"},"1044":{"code":"PT-18","name":"Viseu"}}},"PW":{"name":"Palau"},"PY":{"name":"Paraguay","regions":{"968":{"code":"PY-16","name":"Alto Paraguay"},"969":{"code":"PY-10","name":"Alto Paran\u00e1"},"970":{"code":"PY-13","name":"Amambay"},"967":{"code":"PY-ASU","name":"Asunci\u00f3n"},"971":{"code":"PY-19","name":"Boquer\u00f3n"},"972":{"code":"PY-5","name":"Caaguaz\u00fa"},"973":{"code":"PY-6","name":"Caazap\u00e1"},"974":{"code":"PY-14","name":"Canindey\u00fa"},"975":{"code":"PY-11","name":"Central"},"976":{"code":"PY-1","name":"Concepci\u00f3n"},"977":{"code":"PY-3","name":"Cordillera"},"978":{"code":"PY-4","name":"Guair\u00e1"},"979":{"code":"PY-7","name":"Itap\u00faa"},"980":{"code":"PY-8","name":"Misiones"},"981":{"code":"PY-12","name":"\u00d1eembuc\u00fa"},"982":{"code":"PY-9","name":"Paraguar\u00ed"},"983":{"code":"PY-15","name":"Presidente Hayes"},"984":{"code":"PY-2","name":"San Pedro"}}},"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","regions":{"1057":{"code":"SE-K","name":"Blekinge l\u00e4n"},"1058":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1060":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1059":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1061":{"code":"SE-N","name":"Hallands l\u00e4n"},"1062":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1063":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1064":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1065":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1066":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1076":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1077":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1067":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1069":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1068":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1070":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1071":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1072":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1073":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1074":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1075":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"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","regions":{"1047":{"code":"SR-BR","name":"Brokopondo"},"1048":{"code":"SR-CM","name":"Commewijne"},"1049":{"code":"SR-CR","name":"Coronie"},"1050":{"code":"SR-MA","name":"Marowijne"},"1051":{"code":"SR-NI","name":"Nickerie"},"1052":{"code":"SR-PR","name":"Para"},"1053":{"code":"SR-PM","name":"Paramaribo"},"1054":{"code":"SR-SA","name":"Saramacca"},"1055":{"code":"SR-SI","name":"Sipaliwini"},"1056":{"code":"SR-WA","name":"Wanica"}}},"ST":{"name":"S\u00e3o Tom\u00e9 & Pr\u00edncipe"},"SV":{"name":"El Salvador"},"SX":{"name":"Sint Maarten"},"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":"AE","name":"Armed Forces Africa"},"7":{"code":"AA","name":"Armed Forces Americas"},"8":{"code":"AE","name":"Armed Forces Canada"},"9":{"code":"AE","name":"Armed Forces Europe"},"10":{"code":"AE","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","regions":{"1078":{"code":"UY-AR","name":"Artigas"},"1079":{"code":"UY-CA","name":"Canelones"},"1080":{"code":"UY-CL","name":"Cerro Largo"},"1081":{"code":"UY-CO","name":"Colonia"},"1082":{"code":"UY-DU","name":"Durazno"},"1083":{"code":"UY-FS","name":"Flores"},"1084":{"code":"UY-FD","name":"Florida"},"1085":{"code":"UY-LA","name":"Lavalleja"},"1086":{"code":"UY-MA","name":"Maldonado"},"1087":{"code":"UY-MO","name":"Montevideo"},"1088":{"code":"UY-PA","name":"Paysandu"},"1089":{"code":"UY-RN","name":"R\u00edo Negro"},"1090":{"code":"UY-RV","name":"Rivera"},"1091":{"code":"UY-RO","name":"Rocha"},"1092":{"code":"UY-SA","name":"Salto"},"1093":{"code":"UY-SJ","name":"San Jos\u00e9"},"1094":{"code":"UY-SO","name":"Soriano"},"1095":{"code":"UY-TA","name":"Tacuaremb\u00f3"},"1096":{"code":"UY-TT","name":"Treinta y Tres"}}},"UZ":{"name":"Uzbekistan"},"VA":{"name":"Vatican City"},"VC":{"name":"St. Vincent & Grenadines"},"VE":{"name":"Venezuela","regions":{"1099":{"code":"VE-Z","name":"Amazonas"},"1100":{"code":"VE-B","name":"Anzo\u00e1tegui"},"1101":{"code":"VE-C","name":"Apure"},"1102":{"code":"VE-D","name":"Aragua"},"1103":{"code":"VE-E","name":"Barinas"},"1104":{"code":"VE-F","name":"Bol\u00edvar"},"1105":{"code":"VE-G","name":"Carabobo"},"1106":{"code":"VE-H","name":"Cojedes"},"1107":{"code":"VE-Y","name":"Delta Amacuro"},"1097":{"code":"VE-W","name":"Dependencias Federales"},"1098":{"code":"VE-A","name":"Distrito Capital"},"1108":{"code":"VE-I","name":"Falc\u00f3n"},"1109":{"code":"VE-J","name":"Gu\u00e1rico"},"1110":{"code":"VE-K","name":"Lara"},"1111":{"code":"VE-L","name":"M\u00e9rida"},"1112":{"code":"VE-M","name":"Miranda"},"1113":{"code":"VE-N","name":"Monagas"},"1114":{"code":"VE-O","name":"Nueva Esparta"},"1115":{"code":"VE-P","name":"Portuguesa"},"1116":{"code":"VE-R","name":"Sucre"},"1117":{"code":"VE-S","name":"T\u00e1chira"},"1118":{"code":"VE-T","name":"Trujillo"},"1119":{"code":"VE-X","name":"Vargas"},"1120":{"code":"VE-U","name":"Yaracuy"},"1121":{"code":"VE-V","name":"Zulia"}}},"VG":{"name":"British Virgin Islands"},"VI":{"name":"U.S. Virgin Islands"},"VN":{"name":"Vietnam"},"VU":{"name":"Vanuatu"},"WF":{"name":"Wallis & Futuna"},"WS":{"name":"Samoa"},"XK":{"name":"Kosovo"},"YE":{"name":"Yemen"},"YT":{"name":"Mayotte"},"ZA":{"name":"South Africa"},"ZM":{"name":"Zambia"},"ZW":{"name":"Zimbabwe"},"data_id":1750865695},"captcha":[],"wishlist":{"items":[]},"company":[],"company_authorization":[],"purchase_order":[],"negotiable_quote":[],"instant-purchase":[],"loggedAsCustomer":[],"multiplewishlist":[],"persistent":[],"review":[],"hyva_enterprise":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
</div></body>
</html>
